/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */




/* --- this tightens up the space in the DIVI Builder -- Feel free to comment out --- */
.et-db #et-boc .et-l .et-fb-skeleton__content {padding-top: 1px !important;}
html.et-fb-preview--wireframe .et-db #et-boc .et-l .et_pb_module {padding-top: 1px!important;}
/* --- this tightens up the space in the DIVI Builder --- */

.single-post #page-container {padding-top: 0px !important;}



/* ========================= START SPECIALTY STYLES ========================== */

/* --- START .circle-icon -- 3 Icons in Advocacy - More Ways to Get Involved - and others --- */
.circle-icon {border-radius: 50%; overflow: hidden; height: 200px; width: 200px; padding-top: 20px; padding-bottom: 30px; margin-left: auto!important; margin-right: auto!important; transition: .5s !important;}
.circle-icon .et_pb_blurb_content .et_pb_main_blurb_image {width: 60%; margin-bottom: 0px;}
.circle-icon .et_pb_blurb_content .et_pb_blurb_container {text-align: center; margin-top: -55px;}
.circle-icon h4, .circle-icon h4 a {font-size: 100% !important; text-align: center; color: #ffffff; text-align: center;}
.circle-icon:hover {transform: scale(1.1); transition: .5s;}
/* --- END .circle-icon -- 3 Icons in Advocacy - More Ways to Get Involved - and others --- */

/* --- START .childgiver-blurb --- */
.childgiver-blurb {width: 70%; max-width: 200px; margin: auto;}
.childgiver-blurb .et_pb_main_blurb_image {margin-bottom: 0px;}
.childgiver-blurb .et_pb_blurb_container {background-color: #fff; margin: -36px 14px 0; text-align: center !important; position: relative; padding: 1px;}
.childgiver-blurb .et_pb_blurb_container h4.et_pb_module_header {font-size: 80%;}
/* --- END .childgiver-blurb --- */

/* --- START .header-intro-text --- */
.header-intro-text {max-width: 820px; padding: 50px 40px 18px; margin: auto; margin-top: -30px; margin-bottom: -30px !important; font-size: 90%; line-height: 1.4em;}


@media (max-width: 980px) {
	.header-intro-text {margin-bottom: 0px !important;}
}

/*
@media (max-width: 980px) {
.et_pb_fullwidth_menu .et_pb_menu__wrap, .et_pb_menu .et_pb_menu__wrap {
    display: none;
}
}
*/
/* --- END .header-intro-text --- */

.section-aside-left {margin-left: -100%; padding-left: 100% !important; width: 204%; padding-right: 6% !important;}
.row-aside-left {margin-left: -100%; padding-left: 100% !important; width: 204%;}
.row-aside-right {margin-right: -100%; padding-right: 100% !important; width: 204%;}
/* --- row aside-xxxx only works in specialty Sections --- */

.popup {max-width: 960px;}

.aside-left {margin-left: -100% !important;padding: 18px 6% 18px 100% !important;}
.aside-right {margin-right: -100% !important;padding: 18px 100% 18px 6% !important;}

.mod-float-right {float: right; padding: 0 0 40px 40px !important; z-index: 10; position: relative;}
.mod-float-left {float: left; padding: 0 40px 40px 0 !important; z-index: 10; position: relative;}

.image-bottom-dtop {position: absolute; bottom:0; margin-left:-10%;}

@media (max-width: 980px) {
	.image-bottom-dtop {display: none;}
}


/* ========================= END SPECIALTY STYLES ========================== */


.et_pb_widget_area li.widget {list-style-type:none;}

.et_pb_contact .et_pb_contact_field_half {float: left; width: 70%;}
.et_pb_contact p input {padding: 8px;}
.et_contact_bottom_container {margin-top: -1.3%; width: 27%;}
.et_contact_bottom_container .et_pb_button {margin: 13px 0; float: right; margin-left: -14px;}


/*----------- START Font Mgmt -----------*/
body {font-size: 18px;} /* change this and you change everything larger or smaller proportionally */
h1 {font-size:180%; margin-top: 6px; margin-bottom: 24px; font-weight: 600 !important;}
h2 {font-size:160%; margin-top: 12px; margin-bottom: 12px; font-weight: 600 !important;}
h3 {font-size:130%; margin-top: 12px; margin-bottom: 0px; font-weight: 400 !important; padding-bottom: 0;}
h4 {font-size:120%; margin-top: 12px; margin-bottom: 12px; font-weight: 600 !important;}
h5 {font-size:110%; margin-top: 6px; margin-bottom: 0px; font-weight: 600 !important;}
h6 {font-size:90%; margin-top: 24px; margin-bottom: 0px; color: #666; text-transform: uppercase !important; letter-spacing: 2px; font-weight: 600 !important;}
p, .et_pb_text_inner {font-size:98% !important; font-weight: 400; margin-top: 6px; margin-bottom: 6px;}
/* --- p:not(.has-background):last-of-type {padding-bottom: 24px;} --- */
.et_pb_text_inner ul {font-size:100% !important; line-height: 1.7em !important; font-weight: 400; padding-left: 2em;}
.et_pb_text_inner ul ul {font-size:100% !important;}
.et_pb_text_inner ul li {padding: 0px 0;}
.et_pb_text_inner ul li {padding: 0px; margin-left: 0px; line-height: 1.7em;}
p:not(.has-background):last-of-type {padding-bottom: 1em;}
p a {font-weight: 600;}

/* Large Devices */
@media all and ( min-width: 981px ) { 
    body {font-size: 18px;}
}
/* Tablets and below */
@media all and ( max-width: 980px ) {
    body {font-size: 16px;}
}

/* Smartphones portrait */
@media all and ( max-width: 770px ) {
    body {font-size: 14px;}
}
/*------------------- END Font Mgmt --------------------------*/

/*---------------- Navigation START --------------*/
/* --- Top Menu START --- */
.et_pb_menu .et_pb_menu__icon {position: absolute; right: -46px; top: 44px; color: #ccc !important; font-weight: 600;}

.top-header-main-nav .et_pb_menu__menu>nav>ul>li>a {padding-bottom: 38px; padding-top: 38px;}
.et-menu .menu-item-has-children>a:first-child:after {display: none;}
.et-menu .menu-item-has-children>a:first-child {padding-right: 0;}
.et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li {padding-left: 18px; padding-right: 11px;}
et_pb_menu ul li a:hover {font-weight: 800; color: #0271b9 !important;}
.et-menu a {color: rgba(89, 90, 92, 1);}
.et-menu a:hover {color: rgba(2, 113, 185, 1);}
.et_mobile_menu li a, .nav li li a {color: rgba(89, 90, 92, 1) !important;}
.et_mobile_menu li a:hover, .nav li li a:hover {color: rgba(89, 90, 92, 1) !important;} 
.et_pb_menu_2_tb_header.et_pb_menu .nav li ul.sub-menu {background-color: #eeeeee !important;border-top: 0;}
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu {background-color: #eeeeee !important;border-top: 0;}
.et_pb_menu_2_tb_header.et_pb_menu .nav li ul.sub-menu a:hover {background-color: #ffffff !important;}

@media (max-width: 980px) {
	.top-header-main-nav .et_mobile_nav_menu {margin: 0 !important; padding-bottom: 22px !important;}
	.top-header-main-nav {position: absolute; width:60%; top: 80px; right: 20px; background-color: transparent !important;}
	.right-header-nav {position: absolute; width:100%;}
	.right-header-nav {max-width: 100% !important; float: right !important;}
	.donate-menu {min-width: 320px; position: absolute; right: 20px;}
	.donate-menu .et_mobile_nav_menu {display: none !important;}
	.donate-menu .et_pb_menu__menu {display: block !important;}
	.et_pb_menu .et_pb_menu__icon {top: 8px !important;}
	#mobile_menu3 li a {padding: 4px;}
}
@media (max-width: 770px) {
	.top-header-main-nav {width:60%; top: 60px;}
	#mobile_menu3 {width: 120%;}
}

/* --- Top Menu END --- */

#menu-partner-menu li.menu-item {margin-top:0; padding: 0;}
#menu-partner-menu li.menu-item a {padding: 8px 12px;}
#menu-partner-menu li.menu-item a:hover {opacity: 1; color: #aaa !important;}
#menu-partner-menu li.current-menu-item a {opacity: 1; color: #81c0eb !important;}
#menu-partner-menu li a {color: #ffffff !important; font-size: 90% !important;}
#menu-partner-menu .menu-item-1031 a {color: #81c0eb !important; font-weight: 800;}
 
.nav li li {padding: 0 0px; line-height: 1.2em !important; width: 100%;}
.nav li li a {width: 100%; font-weight: 600 !important; padding: 12px 18px;}
.nav li li a:hover {background-color: #eee;}
.et_pb_menu .et_pb_menu__search-input {background: #eee; padding: 14px;}



@media (max-width: 980px) {
	.et-db #et-boc .et-l .et_builder_inner_content .et_pb_section {margin-bottom: 0 !important; padding: 0 0 20px;}
	.et_pb_column_1_tb_header {max-width: 60%; float: left;} /* logo */
	.et_pb_column_2_tb_header {max-width: 38%; float: right;} /* donate/menu */
	.et_pb_button_0_tb_header_wrapper {margin-left: 0px!important;}	
	.et_pb_menu .et_mobile_nav_menu {margin: auto; padding: 0 10px;}
}


/*---------------- DIVI Layout Changes START --------------*/
/* --- reformat gallery module in slider mode START --- */
.et_pb_gallery_image a[title]:after {display: none;}
.et_post_gallery {padding: 0 0px 30px !important; border-top: 1px #ccc dotted; border-bottom: 1px #ccc dotted; margin-bottom: 30px;}
.et_pb_gallery_image {padding:30px;}
.et_pb_gallery_image a[title]:after {content: attr(title); width: 100%; text-align: center; padding: 8px 12px 8px 0; color: #aaa; position: absolute; left:0; top: 100%; z-index: 2; font-size: 80%; font-style: italic;}
.et-pb-arrow-next, .et-pb-arrow-prev {top: 60px;}
.et-pb-slider-arrows .et-pb-arrow-prev {left: -6px; color: #ccc !important; opacity: 1;}
.et_pb_slider:hover .et-pb-arrow-prev {left: -10px; color: #0271b9 !important;}
.et-pb-slider-arrows .et-pb-arrow-next {right: -6px; color: #ccc !important; opacity: 1;}
.et_pb_slider:hover .et-pb-arrow-next {right: -10px; color: #0271b9 !important;}
.et-pb-controllers {bottom: 50px;}
.mfp-bottom-bar .mfp-title {display: none;}
/* --- reformat gallery module in slider mode END --- */

p:empty {display: none;}
.top-header-logo {-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.top-header-logo:hover {transform: scale(1.1); opacity: 1 !important; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.et_pb_row, .container {width: 95%;}
.et_pb_fullwidth_section .et_pb_post_title .et_pb_featured_bg .et_pb_title_container {padding-bottom: 0;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {margin-right: 0;}
.et_pb_module .et_pb_button {text-align: center; padding: 8px 30px; font-weight: 800 !important; font-size: 11px !important;}
.et_pb_module .et_pb_button:hover {padding: 8px 30px; font-weight: 800 !important;}
.et_button_custom_icon .et_pb_button:after {line-height: 1; top: 6px;}
.static-social ul li a.icon:before {font-size: 16px;}
.static-social .fa-yelp:before {font-size: 20px;}
.static-social .et-social-icons li {margin-left: 10px;}
.static-social .fa-lg {vertical-align: 0em;}
hr {border-top: 1px #ccc dotted; border-bottom: none; border-left: none; border-right: none;}
.et_pb_button_module_wrapper {margin-bottom: 24px !important;}
/*.et_section_specialty .et_pb_column_single {border-left: 1px #ccc dotted;} */
img.alignleft {margin-right: 5%; margin-bottom: 5%;}
img.alignright {margin-left: 5%; margin-bottom: 5%;}
.et_pb_bg_layout_dark .et_pb_slide_description {text-shadow: unset !important;}
.et_pb_bg_layout_dark a {color: #ffffff; font-weight: 800;}


/*---------------- START FULLWIDTH Post Header — this makes the text background cover all --------------*/
.et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container {max-width: 100%!important; width: 100%!important; padding: 0; margin: 0;}
.et_pb_fullwidth_section .et_pb_post_title {padding: 0; font-weight: 600 !important;}
.et_pb_post_title .et_pb_title_container h1.entry-title, .et_pb_fullwidth_header_container .header-content-container .header-content h1.et_pb_module_header {font-size:280% !important; margin: 0 auto; max-width: 1090px; padding: 8% 0 8%; text-align: left; font-weight: 500 !important;}
.et_pb_fullwidth_header_subhead {font-size: 90%; position: absolute; top: 28%; text-transform: uppercase; letter-spacing: 2px;}
/*---------------- END FULLWIDTH Post Header --------------*/
.article-banner .et_pb_title_container h1.entry-title {padding: 4% 0 1% !important; text-align: center !important;}
@media all and (min-width: 980px) {}
@media all and (max-width: 980px) {
	.article-banner .et_pb_title_container h1.entry-title {font-size: 240% !important;}
	.et_pb_post_title .et_pb_title_container h1.entry-title, .et_pb_fullwidth_header_container .header-content-container .header-content h1.et_pb_module_header {font-size: 240% !important;}
	.et_pb_column .et_pb_row_inner, .et_pb_row {padding: 0 0;}
	#et-main-area {margin-top: 0px;}
	.et_pb_column {margin-bottom: 0;}
	.et-db #et-boc .et-l .et_pb_section, .et_pb_image {margin-bottom: 30px !important;}
	.et_pb_section {padding: 10px 0;} 
}
@media all and (max-width: 770px) {
	img.alignleft, img.alignright {float: none; width: auto;}
	.article-banner .et_pb_title_container h1.entry-title {font-size: 180% !important;}
	.et_pb_post_title .et_pb_title_container h1.entry-title, .et_pb_fullwidth_header_container .header-content-container .header-content h1.et_pb_module_header {font-size: 180% !important;}
}



/*---------------- Miscelanious START --------------*/

/* --- Set default overlay color --- */
.et_pb_has_overlay .et_pb_lightbox_image .et_overlay {background-color: rgba(102,144,154,0.7);}
/* --- Set default div module color, height, middle --- */
.et_pb_divider:before {position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 30px !important; border-top-width: 1px; border-top-style: dotted; border-top-color: #cccccc !important; content: "";}
/* --- set the look of WP caption of photos embeded in text module --- */
.wp-caption {margin-bottom: 10px; padding: 8px; padding-top: 4px; border: 0px solid #fff; background-color: #fff; text-align: center;}
.wp-caption p.wp-caption-text {margin: 0; padding: 2 6px 6px; font-size: 12px !important; text-transform: uppercase; background: #eee; margin-top: -10px; padding-top: 10px; padding-bottom: 10px !important; line-height: 1.4em;}
/* --- hover effect for homepage photography row --- */
.et_clickable .mg-slick-carousel:after {content: ""; background: #66909a; width: 100%; height: 100%; z-index: 1; position: absolute; opacity: 0; display: block; top: 0; left: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.et_clickable .mg-slick-carousel:hover:after {opacity: .7;}
.et_clickable .et_pb_text_inner h1:hover {color: #000000 !important; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.et_clickable .et_pb_text_inner p:hover {color: #66909a !important; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.et_pb_image a img:hover {opacity: .7;  -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.et_clickable {opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.et_clickable:hover {opacity: .7; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
#et-info-phone {display: none;}
.footer-copyright {padding-top: 60px; padding-bottom: 20px; font-size: 13px !important; color: #666; line-height: 1em; text-align: center;}
.xsite-nav-container {z-index: 1000000; position: fixed; width: 100%; pointer-events: none; top: 1;}
.xsite-nav {max-width: 1100px; z-index: 1000000; padding-top: 3px; pointer-events:none;}
.xsite-nav a {padding: 2px 6px; margin-right: 1%; text-transform: uppercase; font-size: 12px !important; color: #fff; font-weight:800; pointer-events: auto; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.xsite-nav a.active, .xsite-nav a:hover {opacity: .5;}
strong {font-weight: 800;}
#et-info {width: 100%; height: 30px;}

.et_monarch .et_social_sidebar_networks li, .et_monarch .et_social_mobile li {background: rgba( 0,0,0,.2) !important;}

/* --- Remove Phone Icon --- */
#et-info-phone:before {display: none;}
.global-nav {padding-top: 4px;}

/* --- HERO --- */
.hesperiden.tp-bullets {position: relative; width: 90% !important; max-width: 1070px; margin: auto;}
@media screen and (max-width: 782px) {
	.hesperiden.tp-bullets {transform: translate(0px, -30px) !important;}
	.hesperiden .tp-bullet {width: 8px !important; height: 8px !important; border: 1px solid #ffffff !important;}
}
/*---------------- Miscelanious END --------------*/
/*---------------- DIVI Layout Changes END --------------*/

/* ------------- people-with-text START --------------- */
.people-with-text .pwt-image-4x5 {padding: 40% 50%;}
.people-with-text .pwt-image-3x5 {padding: 30% 50%;}
.people-with-text .pwt-image-2x5 {padding: 20% 50%;}
.people-with-text .pwt-text-white-btn {height: 250px; font-size: 14px; line-height: 1.4em; background-color: #ffffff; padding-top: 1px!important; padding-right: 16px!important; padding-bottom: 60px!important; padding-left: 16px!important; margin-top: -7%!important; margin-bottom: 0px!important;}
.people-with-text .pwt-text-trans {font-size: 14px; line-height: 1.4em; margin-top: -30px;}
.people-with-text .pwt-text-white-btn h4, .people-with-text .pwt-text-trans h4 {font-size: 20px; line-height: 2em; margin-bottom: 0; padding-bottom: 0;}
.pwt-color-bar {position: absolute; height: 60%; top: 0;}
@media screen and (max-width: 980px) {
	.people-with-text .pwt-text-white-btn {height: 268px;}
}
/* ------------- people-with-text END --------------- */

/* --- Event Page - not Post START --- */
.event-page-section {padding: 6% 0 4% !important;}
.event-page-header .et_pb_text_inner h1 {font-size:250%;}
.event-page-header .et_pb_text_inner h5.event-date {font-size:150%; margin-top: 30px; padding-bottom: 0;}
.event-page-header .et_pb_text_inner p {}

.et_pb_menu_inner_container {background-color: transparent;}
.et_pb_menu_inner_container .et_pb_menu__menu, .et_pb_menu_inner_container .et_pb_menu__menu .et-menu-nav, #menu-events-nav {width: 100%;}
#menu-events-nav {display: block;}
#menu-events-nav li {padding: 12px 20px; border-bottom: 2px solid #ffffff; margin-top: 0;}
#menu-events-nav li a {text-transform: uppercase; padding-top: 8px;}
#menu-events-nav li ul {background-color: #eee !important; display: block; padding: 0; top: calc(-26% + 2px) !important; left: 100%;}
#menu-events-nav .current-menu-item {background-color: #ffffff;}
@media screen and (max-width: 980px) {
	.event-page-sidebar {display: none;}
}
/* --- Event Page - not Post END --- */

/* --- Resources sidebar widget menu START --- */
#nav_menu-7 #menu-item-4314 {display: none;}
#nav_menu-4 .menu-main-top-menu-container .menu-item-1993, #nav_menu-4 .menu-main-top-menu-container .menu-item-1992, #nav_menu-4 .menu-main-top-menu-container .menu-item-1990,#nav_menu-4 .menu-main-top-menu-container .menu-item-1989 {display: none !important;}
.et_pb_widget ul li ul li ul li {margin-bottom: 0 !important; list-style-type: disc;}
#sidebar h4.widgettitle {margin-bottom: 20px; font-size: 80% !important; font-weight: 800 !important; width: 100%; background-color: #eeeeee; padding: 12px 12px 8px; margin-left: -12px; text-transform: uppercase;}
/* --- Resources sidebar widget menu END --- */




/*-----------  Resources Posts START -----------*/
.ap-resources .et_post_meta_wrapper {display: none;}
.ap-resources .et_pb_row {width: 100%;}
.resource-content .et_pb_row {margin: 0 !important; width: 100% !important;}
.resource-content .et_pb_section {padding: 0 !important;}
.resources .et_post_meta_wrapper {display: none;}
.resource-wrapper {}
.resource-cat h2 {color: #ccc !important; text-transform: uppercase !important; letter-spacing: 2px; border-bottom: 1px dotted #ccc; margin-top: 0; margin-bottom: 40px; font-size: 150% !important; font-weight: 800 !important; transition: .5s;}
.resource-cat h2:hover {color: #0271b9 !important; transition: .5s;}
.resource-title {}
.resource-content {}
.resource-author {color: #ccc !important; text-transform: uppercase !important; padding-bottom: 4px; font-size: 80%;}
/* ----------- Resources Posts END ----------- */

/* ---------- Resources Grid START ---------- */
article.resource .et_post_meta_wrapper {display: none;}
.resource-grid-wrapper-list {background-color: #fff; width: 31.3%; margin: 0 1% 2%; float: left; border: 1px solid #eee; padding: 0; box-shadow: 0px 0px 6px rgba(0, 0, 0, .2); transition: .5s; height: 180px;}
.resource-grid-wrapper-list:hover {background-color: #eee; transform: scale(1.1); transition: .5s;}
.resource-grid-meta {width: auto; padding: 6px 12px; text-align: left; font-size: 70%!important; color: #ffffff; background-color: #0271b9; display: table; margin: 8px -12px; text-transform: uppercase; line-height: 1em;}
.resource-grid-title h2 {margin: 4% 4% 0; font-size: 90%!important;}
.resource-grid-excerpt p {margin: 0 4% 4%; font-size: 75%!important; line-height: 1.5em; color: #595a5c; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; height: 78px;}

@media (max-width: 980px) {
	.resource-grid-wrapper-list {width: 45.9%; margin: 0 2% 4%;}
}
@media (max-width: 779px) {
	.resource-grid-wrapper-list {width: 100%; height: auto;}
	.resource-grid-excerpt p {height: auto;}
}

/* ---------- Resources Grid END ---------- */

/* ---------- News Page START ---------- */
article.news .et_post_meta_wrapper {display: none;}
article.news .et_pb_row {width: 100%;}
.news-wrapper {}
.news-author, .news-publication {text-transform: uppercase; color: #ccc; font-size: 80%; line-height: 1.3em;}
.news-publication:before {content:"PUBLICATION DATE: "; font-weight: 800;}
.news-author:before {content:"POSTED BY: "; font-weight: 800;}
.news-author:empty, .news-publication:empty {display:none;}
.news-cat h2 {color: #ccc !important; text-transform: uppercase !important; letter-spacing: 2px; border-bottom: 1px dotted #ccc; margin-top: 0; margin-bottom: 12px; font-size: 150% !important; font-weight: 800 !important; transition: .5s;}
.news-cat h2:hover {color: #0271b9 !important; transition: .5s;}
.news-name {margin-top: 30px;}
.news-image {float: right; width: auto; max-width: 50%; margin: 0 0 30px 30px;}
.news-content {}
.news-source-link {}
/* ---------- News Page START ---------- */

/* ---------- News Grid START ---------- */
.news-grid-wrapper-list {background-color: #fff; width: 31.3%; margin: 0 1% 2%; float: left; border: 1px solid #eee; padding: 0; box-shadow: 0px 0px 6px rgba(0, 0, 0, .2); transition: .5s; height: 180px;}
.news-grid-wrapper-list:hover {background-color: #eee; transform: scale(1.1); transition: .5s;}
.news-grid-meta {width: auto; padding: 6px 12px; text-align: left; font-size: 70%!important; color: #ffffff; background-color: #595a5c; display: table; margin: 8px -12px; text-transform: uppercase; line-height: 1em;}
.news-grid-title h2 {margin: 4% 4% 10px; font-size: 90%!important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 38px;}
.news-grid-excerpt p {margin: 0 4% 1%; font-size: 75%!important; line-height: 1.5em; color: #595a5c; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; max-height: 78px;}
@media (max-width: 980px) {
	.news-grid-wrapper-list {width: 45.9%; margin: 0 2% 4%;}
}
@media (max-width: 779px) {
	.news-grid-wrapper-list {width: 100%; height: auto;}
	.news-grid-excerpt p {height: auto;}
}

/* ---------- News Grid END ---------- */

/* ---------- News sidebar ---------- */
.news-sidebar {margin: 14px 0; line-height: 1.2em;}
.news-sidebar a {font-size: 75%!important; font-weight: 500; color: #666; line-height: 1.3em; padding-top: 3px; display: block;}
.news-sidebar a:hover {color: #137ec1 !important;}
.news-category {font-size: 70%!important; text-transform: uppercase; color: #aaa; font-weight: 300;}
.news-category:after {content:""; border-bottom: dotted 1px #ccc; width: 100%; position: relative; top: -3px; display: block; font-size: 75%;}
/* ---------- News Grid END ---------- */


/* ---------- Internship Single START ---------- */
article.internship .et_post_meta_wrapper {display: none;}
.internship-wrapper {padding: 2%; background-color: #fff;}
.internship-image {margin-bottom: 20px;}
.internship-left {width: 70%; float:left; padding-right: 10%;}
.internship-name {}
.internship-content p {line-height: 1.5em;}
.internship-application {width: 30%; float:right;}
.internship-wrapper p {line-height: 1.5em;}
.internship-application p, .internship-application li {font-size: 85% !important;}

.internship-wrapper-list {background-color: #eee; border: 1px solid #ccc; padding: 12px 20px 0; margin: 12px 0; transition: all 0.5s ease;}
.internship-wrapper-list:hover {transform: scale(1.02); background-color: #fff;}
.internship-wrapper-list p, .internship-wrapper-list li {font-size: 85% !important; line-height: 1.5em;}
.internship-name-list h4{color: #666;}
.internship-application-page {width: 100%;}
/* ---------- Internship Single END ---------- */


/* ---------- People Single START ---------- */
article.people .et_main_title, article.people img, article.people .et_project_meta {display: none;}
article.people .entry-content .person-wrapper img {display: block; border: solid 1px #ccc; margin-bottom: 30px;}
#modal-content {display: inline-block;}
.person-cat h2 {text-align: left; margin-bottom: 30px; font-size: 150% !important; color:#aaa !important; padding-bottom: 30px; border-bottom: 1px dotted #ccc; letter-spacing: 4px; text-transform: uppercase;}
.person-wrapper {display:table; background-color: #fff;}
.person-image {width:30%; float:left; margin-right: 5%; margin-bottom: 5%; margin-top: 10px;}
.person-name {width:64%; float:left;}
.person-content {width:65%; float:left; margin-bottom: 30px;}
.person-info p {font-size: 70% !important; margin: 0; padding: 0;}
.nav-single a {padding: 40px 0; position: relative; display: block;}
span.nav-previous, span.nav-next {width: 50%; border-top: 1px dotted #ccc;}
span.nav-next {text-align: right;}
.person-info p.my-info {font-size: 90% !important; margin-bottom: 12px; padding: 0; border-bottom: 1px dotted #ccc; padding-bottom: 6px; font-weight: 600; font-style: italic; text-transform: uppercase;}
/* ---------- People Single END ---------- */

/* ---------- People List START ---------- */
.person-wrapper-list {width: 24%; margin: 1px; float: left; border: 1px solid #eee; padding: 0; background-size:cover !important; background-position: center center !important; text-align:left; transition: .5s; height:248px; position: relative; background-color: #ffffff;}
.person-wrapper-list:hover {background-color: #eee; transform: scale(.95);}
.person-wrapper-list img {display: block; border: solid 1px #ccc; margin-bottom: 30px;}
.person-image-list {max-width:30%; min-height: 80%; float:left; margin-right: 5%; margin-bottom: 5%; margin-top: -20px; margin-left: -24px; float:left;}
.person-name-list-wrap {position: absolute; bottom: 0; padding: 24px 12px 12px; width: 100%; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.person-name-list h2 {font-size: 100% !important; padding: 0; margin: 0; color: #ffffff;}
.person-position-list h4 {font-size: 80% !important; padding: 0px; margin: 0; margin-top: 8px; color: #ffffff;}
@media (max-width: 980px) {
	.person-wrapper-list {width: 32%;}
}
@media (max-width: 770px) {
	.person-wrapper-list {width: 49%;}
}
@media (max-width: 490px) {
	.person-wrapper-list {width: 100%; max-width: 260px; margin: auto; float: none;}
}
/* ---------- People List END ---------- */

/* ---------- Popup Modal START ---------- */
.modal-wrapper.styled .modal {position: relative; background-color: #fefefe; padding: 80px 20px 20px; border: 1px solid #888; width: unset; max-width: 1000px; display: table !important; transition: all 2s ease;} /* -- margin: 25vh auto 0; -- */
.modal-wrapper.styled {background-color: rgba(222, 222, 222, 0.8);}
.close-modal:focus {outline: unset;}
.modal-wrapper {z-index: 100000;}
/* ---------- Popup Modal END ---------- */


/* --------------------------- single post page START ------------------------- */

/* --- this adds space to top of post pages --- */
.single-post #page-container {padding-top: 180px !important;}
h2.entry-title {text-transform: uppercase;}

.post-template-default #et-main-area #main-content .container {padding-top: 0px;}
/* --- move the post sidebar line left slightly --- */
@media (min-width: 981px) {
	.et_pb_gutter.et_pb_gutters2.et_left_sidebar #main-content .container:before {left: 22%!important;}
	/* --- lower the sidebar ---
	.et_pb_gutter.et_pb_gutters2 #sidebar {margin-top: 152px;}
		------ */
}
/* --------------------------- single post page END ------------------------- */

/* --------------------------- list blog module START ------------------------- */
.et_pb_post p.post-meta span.published, .et_pb_post p.post-meta {font-size: 12px; text-transform: uppercase;}

/* --------------------------- list blog module END ------------------------- */

/* --- post sidebar adjust height and size --- */
.et_pb_widget ul li {margin-bottom: 1em; font-size: 90%; line-height: 1.5em;}

.et_pb_widget li a:hover {color: #66909a !important;}
.et_post_meta_wrapper h1.entry-title {margin-bottom: 0; font-size: 130% !important; text-transform: none !important;}
article .entry-content {padding-top: 0 !important;} 
.et_pb_pagebuilder_layout .entry-content, .et_pb_pagebuilder_layout .et_pb_post .entry-content {padding-top: 44px;}
/*---------------- END Layout --------------*/


/* ----------- Single Events START ---------------- */
article.type-event h1.main_title {display: none;}
article.event .et_post_meta_wrapper {display: none;}
.single-event #sidebar, .location-template-default #sidebar {display: none;}
.single-event #et-main-area #main-content .container, .location-template-default #et-main-area #main-content .container {padding-top: 0; max-width: 100%; width: 100%;}
.event-content-outer, .et-l .event-content-outer {padding: 3% !important;}
.single-event-header {margin-bottom: 0px; position: relative; padding: 0;}
.single-event-header section {padding: 0 3%;}
.single-event .et_pb_row {width: 100% !important;}
.event-header {max-width: 1090px; margin: 0 auto; margin-top: 0px; overflow: hidden; padding: 3% 0;}
.event-overlay {position: absolute; background-color: rgba(0,0,0,0.36); width:100%; height: 100%; left: 0; top: 0;}
.event-banner-image {position: absolute; width:100%; height: 100%; left: 0; top: 0;}
.event-header h1 {padding: 2% 0; color: #ffffff !important; text-align: left; font-size: 250% !important; position: relative;}
.event-header h1 a:hover {color: #137ec1;}
.event-header h5.event-date {color: #fff !important; position: relative; margin: 0; padding: 0; font-size: 150% !important;}
.event-header p {color: #fff !important; position: relative; margin: 0; padding: 0;}
.event-row-outer {padding: 0 0 !important;}
.event-row {max-width: 1090px; margin: 0px auto;}
.event-content {padding: 0;}
.event-content .et_pb_section {padding: 0 !important; background-color: transparent;}
.event-content .et_pb_section:nth-of-type(2) {width: 75% !important;}
.event-cal-btn {float: right; margin-left: 30px; margin-bottom: 20px;}
a.cal-btn {margin: 6px 18px 6px 0; display:block; padding: 3px 8px; background-color: #ddd; color: #666 !important; border-radius: 3px; white-space: nowrap; font-size: 12px;}
a.cal-btn:hover {background-color: #137ec1; color: #fff !important;}
.ical:before {content: ""; font-family: ElegantIcons; font-size: 14px; padding-right: 6px;}
.gcal:before {content: ""; font-family: ElegantIcons; font-size: 14px; padding-right: 6px;}
@media (min-width: 981px) {
	.single-event #left-area {width: 100% !important; margin-right: 0; float: none; padding-right: 0 !important; padding-left: 0;}
	.single-event #main-content .container:before {position: absolute; top: 0; width: 1px; height: 0%; background-color: #e2e2e2; content: "";}
}
.leaflet-popup-content p {margin: 0 !important; padding: 0;} /* for the map popup */

/* -- event page bookings -- */
.booking-bar {width: 100%; text-align:center; background-color: #137ec1; padding:10px; color:#ffffff;}
.em-booking {max-width: 800px; margin: auto;}
.em-booking-form-details p {margin-bottom: 0px; text-align: left; line-height: 1.4em;}
div.em-booking-login label {width: auto;}
div.em-booking-login {padding: 10px 10px 10px 20px; margin: 0px 0px 0px 390px; border-left: 1px solid rgba(254, 254, 254, .3);}

/* -- event page sidebar in locations -- */
.single-event-location-section {width: 100%; background-color: #eee; padding: 0 3%; border-top: 1px #ccc dotted; margin-bottom: -28px;}
.single-event-location-row {max-width: 1090px; margin: 0px auto; padding: 30px 0; display: table; width: 100%;}
.single-event-location-map {width: 70%; float: left; padding-right: 5%;}
.single-event-location-more {width: 30%; float: left; padding-left: 5%; border-left: 1px #ccc dotted;}
.event-sidebar {}
.event-sidebar-table {float:left; max-width: 300px; width: 100%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; height: 100px;}
.event-sidebar h5 {font-size: 75% !important; font-weight: 800 !important; text-transform: uppercase; margin: 20px 0 40px; padding: 10px 8px 8px; background-color: #ccc; }
.event-sidebar-image {position: relative; height: 80px; width: 80px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 16px 0 0 !important; float: left;}
.event-default-image {position: relative; height: 80px; width: 80px; background-image: url('https://ablitypath.org/wp-content/uploads/2019/12/abilitypath-logo-event-default-A.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: table; float: left; margin-right: -80px;}
.event-sidebar-title {text-transform: uppercase; padding: 3px !important; line-height: 1.2em; font-weight: 700; font-size: 80%; text-align: left;}
.event-sidebar-td {font-size: 80%; color: #777; padding: 0 !important; text-align: left; line-height: 1.5em;}
@media (max-width: 980px) {
	.single-event-location-map {width: 100%; margin-right: 0; float: none; padding-right: 0; padding-left: 0;}
	.single-event-location-more {width: 100%; float: none; padding-left: 0;}
	.event-sidebar-table {width: 40%; margin: 20px 0 20px 8%; }
}
@media (max-width: 770px) {
	.event-sidebar-table {width: 100%; margin: 20px auto; float: none;}
}
/* ----------- Single Events END ---------------- */


/* ----------- Event List 1 across START ----------- */
.event-list-section {width: 95%; margin: 2%; float: left; box-shadow: 0px 0px 6px rgba(0, 0, 0, .2); transition: .5s; position: relative;}
.cal-list-img-default {float: left; height: 100%; padding: 12%; width: 30%; margin-right: 0; background-size:cover !important; background-position: center center !important; margin-bottom: -100px;}
.cal-list-img {margin-left: -30%; float: left; height: 100%; padding: 12%; width: 30%; margin-right: 0; background-size:cover !important; background-position: center center !important; margin-bottom: -100px;}
a.event-list-url {width: 30%; height:100%;}
.event-list-section .cal-content p {font-size: 90% !important; line-height: 1.4em; color: #777; overflow: hidden; text-overflow: ellipsis;}
.cal-content-text {width: 69%; float: right; padding: 12px 0 0 30px;}
.event-list-section .cal-content h5 {text-align: left; font-size: 80% !important; padding-bottom: 6px; text-transform: uppercase; color: #cccccc;}
.event-list-section .cal-content h5 b {font-weight: 800;}
.event-list-section .cal-content a.cal-btn {padding: 3px 8px; color: #666; white-space: nowrap; display: inline-block; font-size: 12px; background: transparent;}
.event-list-section .cal-content a.cal-btn:hover {color: #0271b9 !important;}
.ical:before {content: ""; font-family: ElegantIcons; font-size: 14px; padding-right: 6px;}
.gcal:before {content: ""; font-family: ElegantIcons; font-size: 14px; padding-right: 6px;}
a.event-list-link {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}


.event-list-section .event-cal-date {margin-top: -20px; margin-bottom: 0px; margin-right: 20px; margin-left: -60px; position: relative; width: 60px; height: auto; float: right; z-index: 10;}
.event-list-section .cal-page {position: relative; width: 100%; text-align:center; padding: 8px; border: solid 2px #666; background-color: #fff;}
.event-list-section h6.cal-month {font-size: 11px !important; line-height: 1em; margin: 0; font-weight: 400; padding: 8px 0 0; color:#666 !important; text-transform: uppercase; letter-spacing: 0;}
.event-list-section h2.cal-date {font-size: 18px !important; font-weight: 800 !important; margin: 0 !important; padding: 0 0 8px !important; color:#666 !important; letter-spacing: 0; border-bottom: 1px solid #666; text-align: center;}
.event-list-section h5.cal-day {font-size: 11px !important; line-height: 1em; margin: 0; font-weight: 400; padding: 0px; color:#999 !important; text-transform: uppercase;}
.event-list-section .cal-content {padding: 0; background-color: #fff; position: relative; overflow: hidden;}
.event-list-section .cal-content h2.entry-title {text-align: left; font-size: 130% !important; text-transform: none; margin-bottom: 0; padding-right: 60px; line-height: 1.2em; margin-top: 6px; padding-bottom: 6px;}
.event-list-section .cal-content h2.entry-title a:hover {color: #0271b9; transition: .5s;}
.event-cat-list {display: table; max-width: 1090px; margin: auto;}
@media all and (max-width: 981px) {
	.event-list-section {width: 100%; float: none; display: table; max-width: 600px; margin: 30px auto;}
}
/* ----------- Event List 1 across END ----------- */


/* ----------- Single Locations START ---------------- */
.location-template-default .et_post_meta_wrapper {display: none;}
.location h1.entry-title {display:none;}
h3.loc-title {margin-top: 90px; pointer-events: none; padding: 0 18px;}
.loc-cover {background-color: rgba(0,0,0,.3); width: 100%; height: 200px; z-index: 1; float: left; margin-right: -100%;}
.loc-cover:hover {background-color: rgba(0,0,0,.5);}
.location-bar {width:100%; padding:10px; background-color:#333; text-align: center; color:#fff; font-weight:600;}
/* ----------- Single Locations END ---------------- */

/* ----------- Locations Grid START ---------------- */
.location-grid {padding: 12px; background: #eee; border: 1px solid #ddd;}
div.loc-excerpt {background-color: #fff; font-size: 14px; padding: 12px; margin: 0;}
div.loc-excerpt p {margin: 0; padding: 0;}
p.loc-address {text-align: center; padding: 12px; }
@media (min-width: 981px) {
	.location-list-item .event-feature-img {max-width: 100%; background-size: cover; overflow: hidden; min-height: 200px; margin-bottom:0 !important;}
	.location-list-item {width: 43.9%; float: left; margin: 1% 3% !important; height: 480px;}
 	article.event #et-boc .et-l .et_pb_section {padding: 0 !important;} 
}
@media (max-width: 980px) {
	.location-list-item .event-feature-img {max-width: 100%; background-size: cover; overflow: hidden; min-height: 200px; margin-bottom:0 !important;}
	.location-list-item {width: 80%; float: none; margin: 3% auto !important; height: auto;}
}
@media (max-width: 479px) {
	div.loc-excerpt p {font-size: 1.0em !important; line-height: 1.5em !important;}
	.location-list-item {width: 95%; float: none; margin: 3% auto !important; height: auto;}
}
/* ----------- Locations Grid END ---------------- */



/* --- Section Spacing to 0 --- */
@media only screen and (min-width: 981px) {
	.et_pb_row_inner {padding: 0 0; }
	.et_pb_column_2_3 .et_pb_row_inner {padding: 0;}
}
/* --- Text Module Spacing to 0 --- */
.et_pb_text_inner {margin-bottom: 0 !important;}

/* --- reset the width --- */
.et_pb_row {width: 86%;}
.container {width: 92%;}
.page.et_pb_pagebuilder_layout #main-content {
    background-color: #ffffff;
    /* padding-top: 100px; */
}

/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
	/* remove the rediculous amount of space on sections and rows on devices */
	.et_pb_column .et_pb_row_inner, .et_pb_row {padding: 0 0;}
}




/*---------------- Start Responsive --------------*/

/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {}
/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {}
/* Responsive Styles 981px - 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {}
@media only screen and (min-width: 981px) {}
/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {}
/* Responsive Styles 782px */
@media screen and (max-width: 782px) {}
/* Responsive Styles Tablet Portrait */
@media all and (max-width: 768px) {}
/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {}
/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {}
/* Printscreen Styles */
@media print {}
/* Basic Styles */
@font-face {}
/* Transitions */
@-webkit-keyframes fadeBottom {}