/*
 Theme Name:     Gatepath Theme
 Description:    Divi Pix Child Theme
 Author:         Mark Stover
 Author URI:     http://www.stoverpix.com
 Template:       Divi
 Version:        1.0.3
*/
 
/* @import url("../Divi/style.css"); */
 
/* =Theme customization breakpoints
------------------------------------------------------- */
/* Four rows -- max-width: 1080px;
 * three rows -- max-width: 770px;
 * two row -- max-width: 490px;
 * one row -- max-width: 240px;
 */

/* --- Ability Path Color Palette ----------
.gray-1 — #595a5c — Dark Gray
.blue-1 — #81c0eb — Left Lg Blue - Light Blue
.blue-2 — #1997d4 — Arch Blue
.green-1 — #81c443 — Right Leg Green
.blue-3 — #0271b9 — Arch Base Blue
.green-2 — #16a951 — Top Green
.purple-1 — #a75571 — Purple
.gray-2 — #d0d0ce — Light Gray
------------------------------------------ */


/* --- problem with DIVI .et-db code ----
.et-db #et-boc .et-l a {color: unset !important;}
a.et_pb_button {color: #fff !important;}
--- */

@media all and ( min-width: 980px ) {
	.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul {padding-top: 6px !important;}
	.ways-to-give-menu ul li a {padding-bottom: 12px !important;}
}
@media (max-width: 980px) {
	.et_pb_fullwidth_menu .et_pb_row {min-height: 20px;}
}

.et-pb-contact-message p {color: #fff !important;}
#form_success {text-align: center; font-size: 140% !important; font-weight: 800;}

.et_pb_fullwidth_section .et_clickable:hover {opacity: 1;}

.vfbp-form .vfb-radio, .vfbp-form .vfb-checkbox {margin-top: 0px; margin-bottom: 0px;}
.vfb-control-label {margin-top: 20px;}
.vfb-form-group .form-heading {font-size: 160%; text-align: center;}
@media all and ( max-width: 980px ) {
	.vfb-control-label {margin-top: 6px;}
}

.et_section_specialty {overflow: hidden;}

.et_pb_slide_description h2.et_pb_slide_title {margin-bottom: 0px;}

.single .et_pb_post {margin-bottom: 0;}
.et_no_sidebar #left-area {float: none; width: 100% !important; padding-bottom: 0 !important; margin: 0 !important;}

/* --- Hide Items in Navigation --- */
#menu-item-4745 {display: none;} /* All of Youth Services */
#menu-item-4780 {display: none;} /* Information Guides */
#menu-item-4785 {display: none;} /* Community Connections and Children */
#menu-item-5610 {display: none;} /* Pathways */
/* --- #menu-item-4789 {display: none;} --- Holiday Gift Guides --- */
#menu-item-4905 {display: none;} /* Disability Thrive Day */

/* #menu-item-9356 a, .menu-item-9356 a {color: #81c0eb !important;}  /* Legacy Giving color change in Ways to Give */


.artist-sidebar-title {margin-bottom: 16px; font-size: 80% !important; font-weight: 800 !important; width: 108%; background-color: #eeeeee; padding: 12px 12px 8px; margin-left: -12px; text-transform: uppercase; margin-bottom: 14px;}
.artist-sidebar-title a {color: #666 !important;}
.artist-sidebar-title a:hover {color: #fff !important;}
.artist-sidebar-title:hover {background-color: #0271b9 !important;}

.artist-bio .et_pb_text_inner p {font-size: 120% !important; line-height: 2em;}
/* --- pe-artist sidebar widget menu START --- */
.et_section_specialty .et_pb_column_single {padding-left: 30px;}
.et_pb_widget_area .pods_widget_list h2.widgettitle {margin-bottom: 16px; font-size: 75% !important; font-weight: 800 !important; width: 108%; background-color: #eeeeee; padding: 12px 12px 8px; margin-left: -12px; text-transform: uppercase; }
.et_pb_widget_area .pods_widget_list .artist-list {font-size: 80%; line-height: 1.3em;}
.et_pb_widget_area .pods_widget_list .artist-list a {color: #666 !important; padding: 6px 6px !important; border-bottom: 1px dotted #ccc; display: block;}
.et_pb_widget_area .pods_widget_list .artist-list a:hover {color: #0271b9 !important; background-color: #f2f2f2;}
.et_pb_widget_area .pods_widget_list .artist-list ul li.current-menu-item {color: #0271b9; background-color: #f2f2f2;}

/* --- pe-artist sidebar widget menu END --- */



/* --- Specialty sidebar widget menu START --- */
.et_section_specialty .et_pb_column_single {padding-left: 30px;}
.et_pb_widget_area .widget_nav_menu h2.widgettitle {margin-bottom: 16px; font-size: 75% !important; font-weight: 800 !important; width: 108%; background-color: #eeeeee; padding: 12px 12px 8px; margin-left: -12px; text-transform: uppercase; }
.et_pb_widget_area .widget_nav_menu ul li {font-size: 80%; line-height: 1.3em;}
.et_pb_widget_area .widget_nav_menu ul li a {color: #666; padding: 14px 6px !important; border-bottom: 1px dotted #ccc; display: block;}
.et_pb_widget_area .widget_nav_menu ul li a:hover {color: #0271b9; background-color: #f2f2f2;}
.et_pb_widget_area .widget_nav_menu ul li.current-menu-item {color: #0271b9; background-color: #f2f2f2;}

/* --- Specialty sidebar widget menu END --- */


.et-social-myspace {margin-bottom: 0 !important; top: 9px;}
.et-social-myspace a.icon:before {content: ""; background-image: url(/wp-content/uploads/2020/04/yelp-60p-dark.png); background-size: 80% 80%; background-repeat: no-repeat; top: 3px; left: 3px;}
.et_pb_social_icon a:hover {opacity: .7;}

.multirow-aside-left-3of4 {
    padding-left: 53%;
    margin-left: -50%;
    width: 124% !important;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-right: 30px;
}


.gray-sidebar {
    background-color: #eee;
    margin-top: -40px;
    padding-top: 70px;
	padding-left: 20px;
}
.gray-sidebar:after { content: ""; background-color: #eee; width: 500px; height: 100%; position: absolute; right:-500px; top: 0;}

.et_pb_column_single {border-left: 1px #ccc dotted; }
.et_pb_specialty_column {padding-top: 30px;}

/* --- 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 --- */

.et_pb_section_1_tb_header {min-width: 124px; min-height: 124px;}

.et_pb_main_blurb_image {margin-bottom: 0px;}
.et_pb_blurb_content .et_pb_blurb_container h6.et_pb_module_header {font-size: 95% !important; letter-spacing: 0 !important; font-weight: 800 !important;}
.et-pb-icon {padding: 80%; margin-left: -80%;}

.single-pe_artist .container {max-width: 100%; width: 100%; padding-top: 0 !important; }
.single-pe_artist .container .et_post_meta_wrapper {display: none;}


#menu-covid-19 {display: block; width: 100%;}
#menu-covid-19 li {padding: 12px 12px; border-bottom: 1px #ccc dotted; font-size: 90%;}
#menu-covid-19 li.menu-item-7782 {font-weight: 800; text-transform: uppercase;}

.covid-19-block {margin-top: 30px;}
.covid-19-block ul.ubermenu-submenu {padding-top: 16px; padding-left: 24px;}
.covid-19-block ul.ubermenu-submenu-id-7752 {display: block; width: 100%; padding: 30px; padding-bottom: 10px;}
.covid-19-block li {padding: 30px 0px; border-bottom: 0px; font-size: 90%; display: inline-block; margin-right: 40px;}

.et_pb_accordion {padding-bottom: 40px;}
.et_pb_accordion .et_pb_accordion_item {margin-bottom: 1px !important; border: 1px solid #fff;}
.et_pb_accordion .et_pb_toggle {background-color: #f4f4f4; padding: 6px 20px 12px;}
.et_pb_accordion .et_pb_toggle h5.et_pb_toggle_title {font-size: 100%;}
.et_pb_accordion .et_pb_toggle .et_pb_toggle_content {margin-top: 20px; padding: 20px; background-color: #fff;}

.event-content .person-wrapper {
     display: none;
}

/* --- COVID Row --- #e5f7e9 */
.ubermenu-submenu-id-7752 {background-color: #fafafa !important; margin-top: -16px !important; border: 1px solid #ddd !important;}

.ubermenu-current-page-ancestor > .ubermenu-target > .ubermenu-target-text {font-weight: 800;}
.ubermenu-current-menu-item > .ubermenu-target {font-weight: 800 !important;}
#uber-menu-top {position:absolute; right: -20px; top: 58px;}
.ubermenu-sub-indicators .ubermenu-item-has-children>.ubermenu-target.ubermenu-noindicator {padding-right: 14px !important; padding-left: 14px !important;}
ul.ubermenu-nav > li.ubermenu-item > a {padding-bottom: 30px !important;}
.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {margin-left: -68%; width: 160%;}
.ubermenu-search, #menu-item-4711 {width:100%; margin-left: 0;}
.ubermenu .ubermenu-submenu .ubermenu-search input.ubermenu-search-input {font-size: 130%;}
#menu-item-4691 .ubermenu-submenu-id-4691 {width:100%; margin-left: 0;}
.ubermenu-submenu {font-size: 100%; color: #595a5c !important;}
.ubermenu-submenu-type-stack {padding-top: 0;}
.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child { margin-top: -10px !important;}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {padding-top: 8px !important; padding-bottom: 8px !important;}
ul.ubermenu-nav ul ul ul.ubermenu-submenu {padding-left: 6px !important;}
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {background-color: #fff;}
.ubermenu-item-header span.no-hover:hover {color: #595a5c !important; background-color: transparent !important;}
.ubermenu .ubermenu-icon.svg-inline--fa {vertical-align: -.2em; font-size: 130%;}
.bold-uber {font-weight: 800 !important;}
.ubermenu .ubermenu-item-notext>.fa-search {color: #ccc;}
.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {margin-top: 0; padding: 3%;}
.ubermenu-custom-content .nav-event-list {margin: 0; padding: 12px 12px; border-bottom: 1px #ccc dotted; font-size: 110% !important; color: #595a5c; line-height: 1.3em;}
.ubermenu-custom-content .nav-event-list:hover {background-color: #fff; color: #0271b9 !important;}
.ubermenu-custom-content {margin-top: -16px;}
/* --- add a vert line to column --- */
#menu-item-4787, .ubermenu-submenu-id-4928 {border-left: 1px dotted #ccc !important;}
.ubermenu-column-id-5981 {border-left: 1px #ccc dotted !important; border-right: 1px dotted #ccc !important;}
/* --- custom post fix --- */
.single-event .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {color: #595a5c !important;}
.single-event .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {color: #0271b9 !important;}
.single-event .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {color: #595a5c !important;}
.single-event .ubermenu-main .ubermenu-item-normal > .ubermenu-target {color: #8c8d91 !important;}


/* -- tab stuff -- */
.ubermenu-tabs-group>.ubermenu-tab {background-color: #f2f2f2 !important;}
.ubermenu-tabs-group>.ubermenu-tab:hover {background-color: #ffffff !important;}
.ubermenu-tabs-group > .ubermenu-item-has-children {background-color: #595a5c !important; border-bottom: 1px dotted #999 !important;}
.ubermenu-tabs>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-target>span {color: #ffffff; font-weight: 800;}
.ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {background: #0271b9 !important; color: #ffffff !important;}
.ubertab-regular span.ubermenu-target-title {color: #595a5c !important;}
.ubertab-regular span.ubermenu-target-title:hover {color: #0271b9 !important;}
.ubermenu-tabs .ubermenu-submenu .ubermenu-current-menu-item a.ubertab-regular {background-color: #ffffff !important;}
.ubermenu-current-menu-item a.ubertab-regular span.ubermenu-target-title {color: #0271b9 !important;}
li.ubermenu-tab>a.sub-tab>span.ubermenu-target-text {font-weight: 400 !important; text-transform: capitalize !important;}




/* --- Mobile Navigation --- */
@media screen and (max-width: 959px) {
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu .ubermenu-nav {background-color: #eeeeee;}
	.ubermenu-skin-clean-white.ubermenu-responsive-toggle {text-align: right; font-size: 16px !important; padding-top: 3px;}
	#uber-menu-top {width: 160% !important;}
	.ubermenu-skin-clean-white.ubermenu-responsive-toggle {background: transparent !important;}
	.ubermenu-responsive-default.ubermenu-responsive .ubermenu-tabs>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {left: 50%;}
	.ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0>.ubermenu-target {text-align: right; padding-right: 24px !important;}

	/*
	
	.ap-mobile-menu {position: absolute; width: 100% !important; right: 6px;}
	.ubermenu-responsive-default.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {width: 200% !important; max-width: 200% !important; margin-left: -90%;}
	*/
}



/*
#menu-donate a {float: right; background-color: #81c443; text-transform: uppercase; padding: 8px 30px; position: absolute; top: 41px; right: 0; font-size: 80% !important; font-weight: 800; letter-spacing: 2px;}
#db-donate #menu-donate {float: right; background-color: #81c443; text-transform: uppercase; padding: 8px 30px; position: relative; top: 0px; right: 0; font-size: 80% !important; font-weight: 800; letter-spacing: 2px;}
*/


/* ========================= 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;}
.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: -20px;}
.circle-icon h4 {font-size: 90% !important; text-align: center; color: #ffffff; }
.circle-icon:hover {transform: scale(1.1); transition: .5s !important;}
/* --- 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; margin-bottom: 20px !important}
.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% !important; margin-bottom: 0px;}
/* --- END .childgiver-blurb --- */

/* --- START .header-intro-text --- */
.header-intro-text {max-width: 900px; text-align: center; padding: 50px 40px 18px; margin: auto; margin-top: -30px; margin-bottom: -30px !important; line-height: 1.4em;}  /* --- removed — border-radius: 0 0 30px 30px; box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3); font-size: 90%;  --- */
@media (max-width: 980px) {
	.header-intro-text {margin-bottom: 0px !important;}
}
/* --- END .header-intro-text --- */


.left-right-lines .et_pb_text_inner {border-left: solid 3px #fff; border-right: solid 3px #fff;}

.image-bottom-dtop {position: absolute; bottom:0; margin-left:-10%;}
@media (max-width: 980px) {
	.image-bottom-dtop {display: none;}
}

.popup {max-width: 960px;}

.row-aside-left {margin-left: -100%; margin-top: 20px !important; padding-left: 100% !important; padding-right: 30px !important; padding-bottom: 0 !important; padding-top: 20px !important; width: 204%;}
.row-aside-right {margin-right: -100%; padding-right: 100% !important; width: 204%; padding-left: 30px !important;} /* --- not being used --- */
.et_pb_widget_area li.widget {list-style-type:none;}

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


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

.et_pb_number_counter .percent {height: 38px; }
.et_pb_number_counter .percent .percent-value {font-size: 240% !important; }
.dollar .percent .percent-value:before { content:'$';}


.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: 24px; 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;}
h6 a{color: #0271b9;}

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, .et_pb_text_inner ol {font-size:100% !important; line-height: 1.7em !important; font-weight: 400; padding-left: 2em; list-style-position: outside;}
.et_pb_text_inner ul ul, .et_pb_text_inner ol ol {font-size:100% !important;}
.et_pb_text_inner ul li, .et_pb_text_inner ol li {padding: 0px; margin-left: 0px; line-height: 1.7em;}
p:not(.has-background):last-of-type {padding-bottom: 1em;}
p a, .et_pb_text_inner a {font-weight: 800 !important;}

.et_pb_text_inner h2 a:hover, .et_pb_text_inner h3 a:hover, .et_pb_text_inner h4 a:hover, .et_pb_text_inner h5 a:hover, .et_pb_text_inner h6 a:hover {color: #0271b9;}
/* --- Hover from Nami ---
.et_pb_text_inner h2 a, .et_pb_text_inner h3 a, .et_pb_text_inner h4 a, .et_pb_text_inner h5 a, .et_pb_text_inner h6 a {color: #0076cf !important;}
.et_pb_bg_layout_dark .et_pb_text_inner h2 a, .et_pb_bg_layout_dark .et_pb_text_inner h3 a, .et_pb_bg_layout_dark .et_pb_text_inner h4 a, .et_pb_bg_layout_dark .et_pb_text_inner h5 a, .et_pb_bg_layout_dark .et_pb_text_inner h6 a {color: #ffffff !important;}
.et_pb_text_inner h2 a:hover, .et_pb_text_inner h3 a:hover, .et_pb_text_inner h4 a:hover, .et_pb_text_inner h5 a:hover, .et_pb_text_inner h6 a:hover {color: #002596 !important;}
------------------------- */



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

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

/*---------------- Theme Builder Navigation START --------------*/
#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; font-weight: 800;}
#menu-partner-menu li a {color: #ffffff !important; font-size: 90% !important;}
#menu-partner-menu .menu-item-4330 a {color: #81c0eb !important; font-weight: 800;}
@media (max-width: 980px) {
	.et-db #et-boc .et-l .et_builder_inner_content .et_pb_section {margin-bottom: 0 !important;}
	.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 --------------*/

/* --- default Table START --- */
.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {border: none; margin: 0 0 15px; text-align: left; width: auto;}
tr {border-bottom: 1px #ccc dotted;}
.entry-content tr td, body.et-pb-preview #main-content .container tr td {line-height: 1.3em; padding: 6px 16px 6px 6px; font-size: 85%;}
/* --- default Table END --- */
/* ------
.entry-content table {width: auto !important; border: none !important;}
.entry-content tr td {border-top: 0px solid #eee; padding: 0; font-size: 90%; padding-right: 12px;}
------ */

/* --- reformat gallery module in slider mode START --- */
body.search #left-area .et_pb_post h2 {line-height: 1.2em !important; font-size: 140%; text-transform: none !important; }
body.search #left-area .et_pb_post h2 a {color: #0271b9;}
.search-results article {margin-bottom: 30px; border-bottom: 1px dotted #ccc;}
.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: 20%;}
.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-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;}  --- causing alignment prob --- */

img.alignleft {margin-right: 5%; margin-bottom: 5%;}
img.alignright {margin-left: 5%; margin-bottom: 5%;}

/*---------------- 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; line-height: 1em;}
.et_pb_fullwidth_header_subhead {font-size: 90%; position: absolute; top: 22%; 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: 981px) {
	.et_pb_column_3_4 .et_pb_row_inner {padding: 0 0;}
}
@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 !important;}
	#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;} 
	.et_pb_fullwidth_section {padding: 0 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;}
	.et_pb_fullwidth_header_subhead {font-size: 80%; top: 16%;}
}



/*---------------- Miscelanious START --------------*/
.et_pb_bg_layout_dark .et_pb_slide_description {text-shadow: unset !important;}
.et_pb_bg_layout_dark a {color: #ffffff; font-weight: 800;}


/* --- 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%; margin-bottom: 0px !important;}
.people-with-text .pwt-image-3x5 {padding: 30% 50%; margin-bottom: 0px !important;}
.people-with-text .pwt-image-2x5 {padding: 20% 50%; margin-bottom: 0px !important;}
.people-with-text .pwt-text-white-btn {min-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-bottom: -60px!important;}
.people-with-text .pwt-text-trans {font-size: 15px; line-height: 1.4em;}
.people-with-text .pwt-text-white-btn h4, .people-with-text .pwt-text-trans h4 {font-size: 20px; line-height: 1.1em; margin-bottom: 0; padding-bottom: 12px; padding-top: 12px;}
.pwt-color-bar {position: absolute; height: 60%; top: 0;}
@media screen and (max-width: 980px) {
	.people-with-text .pwt-text-white-btn {height: 218px; margin-bottom: -60px !important;}
	.people-with-text .et_pb_column {max-width: 300px; margin: auto !important; float: none; margin-bottom: -60px;}
	.et_pb_row .et_pb_column.et-last-child, .people-with-text .et_pb_column:last-child {margin: auto !important;}
}
/* ------------- 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 {margin-bottom: 0 !important; list-style-type: disc; margin-left: 18px;}
#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;}

.et_pb_widget_area #nav_menu-7 {padding-left: 20px;}
.et_pb_widget_area .widget_nav_menu ul#menu-articles-menu li a {color: #666; padding: 4px !important; border-bottom: 0px; display: block; font-size: 110% !important; margin-top: 10px;}
.et_pb_widget_area .widget_nav_menu ul#menu-articles-menu li ul li {margin-bottom: 0 !important; margin-left: 24px; list-style-type: disc; font-size: 90% !important;}
.et_pb_widget_area .widget_nav_menu ul#menu-articles-menu li ul li a {margin-top: 0px;}


/* --- 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%;}
.resource-date {float: right;}
/* ----------- Resources Posts END ----------- */

/* ---------- Resources Grid START ---------- */
article.resource .et_post_meta_wrapper {display: none;}

.resource-grid-wrapper-list-100w {background-color: #fff; width: 100%; 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-100w:hover {background-color: #eee; transform: scale(1.02); transition: .5s;}
.resource-grid-wrapper-list-100w .resource-grid-meta {font-size: 120%;}
.resource-grid-wrapper-list-100w .resource-grid-title {font-size: 140%;}
.resource-grid-wrapper-list-100w .resource-grid-title h2 {margin-top: 2% !important;}
.resource-grid-wrapper-list-100w .resource-grid-excerpt {font-size: 120%;}

.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: 60%!important; color: #ffffff; background-color: #0271b9; display: table; margin: 8px -10px; text-transform: uppercase; line-height: 1em; max-width: 90%;}
.resource-grid-title h2 {margin: 4% 4% 0; font-size: 80%!important; font-weight: 800 !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: 80%!important; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.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;}
.newsletter-icon {width: 12%; height: auto; float: right; margin: 14px; margin-top: -30px;}
.newsletter-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: 220px;}
.newsletter-list-wrapper {width: 31.3%; margin: 0 1% 2%; float: left; padding: 0; height: 45px;}
.newsletter-grid-wrapper-list:hover {background-color: #eee; transform: scale(1.1); transition: .5s;}
@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; margin: 0; font-size: 100%;}
.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; 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; z-index: 1;}
.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 {box-shadow: 0px 0px 6px rgba(0, 0, 0, .05);}
.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: #fff; }
.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://stoverpixdev.com/gpath/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; background-color: #fff;}
.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: 80% !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: 70% !important; padding-bottom: 6px; text-transform: uppercase; color: #666;}
.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;}
a.event-list-link {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.svg-inline--fa {margin-right: 6px;}


.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: 100% !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 ----------- */



/* ----------- Event List 2 across START -----------
.event-list-section {width: 46%; margin: 2%; float: left; box-shadow: 0px 0px 6px rgba(0, 0, 0, .2); transition: .5s; position: relative;}
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:hover {transform: scale(1.1); cursor: pointer;}
.event-list-section .cal-content h2.entry-title {text-align: left; font-size: 100% !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-list-section .cal-content h5 {text-align: left; font-size: 80% !important; padding-bottom: 6px;}
.event-list-section .cal-content p {font-size: 80% !important; line-height: 1.4em; color: #777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 60px; }
.cal-list-img {float: left; height: 186px; width: 30%; background-size:cover !important; background-position: center center !important;}
.cal-list-img-default {position: relative; float: left; height: 186px; width: 30%; margin-right: -30%; background-size:cover !important; background-position: center center !important;}
.cal-content-text {float: left; width: 69%; padding: 12px 20px 0;}
.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 2 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;}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {-ms-touch-action: none; touch-action: none; z-index: 0; margin-bottom: 30px;}
/* ----------- 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;}
	.et_section_specialty .et_pb_column .row-aside-left {margin-left: 0; padding-left: 30px !important; padding-right: 30px !important; width: 100%;}
	.gray-sidebar {margin-top: 20px; padding-top: 20px; padding-left: 20px;}

}




/*---------------- 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 {}																				


