/*
 Theme Name:     PAA1
 Description:    WP-Venus104 child theme for PAA
 Author:         Andi Pinkus
 Template:       wp-venus104
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/* OLD: body {background:#D4E6FC url(https://www.paanyc.org/wp/wp-content/uploads/2014/08/clouds.jpg) center top; padding:20px 0; font-size:14px;} */
/* NEW: */ body {background:none; font-size:14px;}
#outer-wrap-main {background:none;}
/* NEW: */ #header {background: url(https://www.paanyc.org/wp/wp-content/uploads/2022/08/cropped-image2.jpeg); background-size: cover;}
#wrap a {text-decoration:underline;}
@media only screen and (max-width:768px) {
	body {padding:0;}
	body, #head-content {padding:5px 0;}
}
/* OLD:
@media only screen and (min-width:769px) {
	#head-content {background-image:url(https://www.paanyc.org/wp/wp-content/uploads/2014/08/logo.png); background-repeat:no-repeat; background-size:auto 95px; background-position:right center; background-position:right 30px center;}
}
*/

/* OLD: #sitetitle .title, #sitetitle .description {padding-left:30px; padding-right:30px; letter-spacing:0;} */
/* NEW: */ #sitetitle .title, #sitetitle .description {padding-left:20%; padding-right:30px; letter-spacing:0;}
#sitetitle .description {font-size:15px;}
/* OLD: #sitetitle .title, #sitetitle .description, #sitetitle .title a {color:#ba3937;} */
/* NEW: */ #sitetitle .title, #sitetitle .description, #sitetitle .title a {color:#220e10;}

#topnav {font-size:14px; border:none;}
/* OLD: #topnav, #topnav ul ul a {background:#09c;} */
/* NEW: */ #topnav, #topnav ul ul a {background:#f7f5e7;}
#topnav ul {padding:0; margin:0;}
#topnav ul a {padding:5px 15px;}
/* OLD: #topnav ul a, #topnav ul ul a {color:#fff; line-height:30px;} */
/* NEW: */ #topnav ul a, #topnav ul ul a {color:#141412; line-height:30px;}
#topnav ul ul {font-size:14px;}
#topnav li a:hover {color:#000; background:#D6E9F5;}
#topnav li.current_page_item > a {color:#000;}
@media only screen and (min-width: 769px) {
	#topnav ul a {border-right:1px solid rgba(255,255,255,0.5);}
}

p#breadcrumbs {font-size:11px;}

.singlepost .meta *, .singlepost p.cats, .singlepost #related, .singlepost .navigation, .singlepost .auth-bio {display:none;}

#footer {font-size:11px;}
/* NEW: */ #footer p, #footer a:link, #footer a:active, #footer a:hover, #footer a:visited {background:#f7f5e7; color:#141412;}

a.button {border:1px solid #1b435e; background:#65a9d7; padding:5px 20px; border-radius:8px; color:white !important; display:inline-block;}
a.button:hover {background: #28597a;}
a.button:active {background: #1b435e;}

h1 {font-size:36px;}
h2 {font-size:28px;}
h3 {font-size:22px;}
h4,h5,h6,h7 {font-size:18px;}
h1.post-title, h2.post-title, h3.post-title {font-size:36px; line-height:1em;}

table th {background:#eee; border:1px solid #ccc; vertical-align:top;}
table td {background:#fff; border:1px solid #ccc; vertical-align:top;}

#sidebar .widget_search {background:none; border:none; box-shadow:none; padding:0;}
#searchform #searchfield, #searchform #submitbutton {font-size: 12px; line-height:18px;}

.amazonLink a {margin-top:10px; background:#fc9; display:inline-block;}
.amazonLink a img {box-sizing:border-box; border:1px solid #00b3e9; max-width:100%; opacity:0.9;}
.amazonLink a:hover img {border:1px solid #000000;}

/* List Category Post plugin */
ul.lcp_catlist {list-style:none; margin:0; padding:0;}
ul.lcp_catlist li {margin:0 0 35px 20px; padding:0; background:none; clear:both;}
ul.lcp_catlist li > a {font-size:18px; margin-bottom:10px; margin-left:-20px; display:inline-block; color:#333; cursor:text; text-decoration:none !important;}
ul.lcp_catlist li > a:before {content:"\2022"; margin-right:5px;}

/* Simple Calendar plugin */
.simcal-calendar .simcal-calendar-head {display:none;}
.simcal-calendar .simcal-day {margin:0; padding:0;}
.simcal-calendar .simcal-day-label {display:none;}
.simcal-calendar .simcal-events {margin:0; padding:0; list-style:none;}
.simcal-calendar .simcal-event {border-bottom:1px dotted #ccc; padding:20px 0; margin:0;}
.simcal-calendar .simcal-event-description {white-space:pre-wrap;}
.widget .simcal-calendar * {margin:0; padding:0;}
.widget .simcal-calendar .simcal-event {margin:0 0 7px;}

/* forms on class registration page */
#classRegistration form[name=sessionSelectionForm] {background:#f6f6f6; border:1px solid #ccc; border-bottom:none; padding:20px;}
#classRegistration form[name=sessionSelectionForm]:after {content:""; display:block; clear:both;}
#classRegistration #classRegistrationForm {background:#f6f6f6; border:1px solid #ccc; padding:20px; margin-bottom:20px;}
#classRegistration #classRegistrationForm:after {content:""; display:block; clear:both;}
#classRegistration #loginForm {background:#eee; border:1px solid #ccc; padding-left:20px; margin-bottom:20px;}
#classRegistration #loginForm:after {content:""; display:block; clear:both;}


/* forms */
ul.fieldset, ul.fieldset li {margin:0 0 1em 0; padding:0; list-style:none; background:none;}
ul.fieldset label {display:block; font-weight:bold;}
ul.fieldset input[type=text], ul.fieldset input[type=password] {display:block; width:100%; max-width:300px;}
ul.fieldset input[type=checkbox] + label {display:inline; font-weight:normal;}
ul.fieldset .attendees:after {content:""; display:block; clear:both;}
ul.fieldset .attendees .adults {float:left; margin:0 40px 0 0;}
ul.fieldset .attendees .children {float:left; margin:0;}


/* gravity forms */
.gform_heading .gform_title {font:30px sans-serif !important;}
.gform_body .gform_fields ol > li {margin:0 0 20px !important;}
.gform_body .gform_fields ol > li > ul > li  {margin:10px 0 0 20px !important;}
.gform_body .gfield_label {margin:30px 0 0 !important;}
.gform_body .gfield_description {padding:0 !important; margin-bottom:4px !important;}
.gform_body .gfield_list th {background:#fff !important; font-style:italic !important;}
.gform_body .gfield_checkbox label {font-weight:normal !important;}


/* PAABoard data tables accessible on mobile */
@media only screen and (max-width: 768px) {
	#managementDataTable, #managementDataTable thead, #managementDataTable tbody, #managementDataTable tr, #managementDataTable th, #managementDataTable td {display:block;}
	#managementDataTable thead tr {position:absolute; top:-9999em; left:-9999em;}
	#managementDataTable tr {border:1px solid #ccc;}
	#managementDataTable td {border:none; border-bottom:1px solid #eee;}
	#managementDataTable td:before {font-weight:bold; content:attr(data-th);}
}