/*
Theme Name: Divi DanJac Child Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by DIVI for ESR
Author:   Nancy Silverman - DanJac Design
Template: Divi
*/
@import url("../Divi/style.css");

/*  to display videos properly  */
.resp-container {
    position: relative;
    overflow: hidden;
} 

.et_pb_slider .et_pb_slide_0 .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_0 .et_pb_slide_description {
    padding-top: 50px!important;
    padding-right: 30px!important;
    padding-bottom: 50px!important;
    padding-left: 30px!important;
}
.tablepress-id-5,
.tablepress-id-5 tr,
.tablepress-id-5 tbody td,
.tablepress-id-5 thead th,
.tablepress-id-5 tfoot th {
	border: none !important;
	background-color: transparent !important;
}
@media only screen and (min-width: 981px) {
.sub-menu, .sub-menu li a {width: 300px !important; }
}
li#menu-item-29491 ul.sub-menu {
    width: 300px !important;
    left: -200px;
}
/*****Add buttons to secondary menu at top*****/
#top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before {
    font-size: 18px;
}

#et-info, #et-secondary-menu>ul>li a {
    display: block;
    margin-bottom: 8px;
    padding: 7px 9px;
    float: right;
}
#et-secondary-menu>ul>li a {
    float: left; 
}
.top-covid a {
    background: #cc0000;
    color: #fff !important;
    border-radius: 3px;
    font-weight: 700 !important;
    transition: all 0.5s;
}
.top-covid a:hover {
background: #cc0000;
color: #000 !important;
}
.top-schedule a {
background: #cc0000;
    color: #fff !important;
    font-weight: 700 !important;
    transition: all 0.5s;
	margin-right:40px;
}
.top-schedule a:hover {
background: #cc0000;
color: #000 !important;
}

#et-secondary-menu {
    width: 70%;
	float: left; 
    text-align: left;
}
/*  style the top bar
#et-secondary-menu {
width: 50%;
float: right; 
text-align: right;
	
}
 */ 
/* ##### DROPDOWN MENU STYLES ##### */

#top-menu .sub-menu {
   background-color: #fff; /* Background color dropdown */
   border-top: 3px solid #1a76bc; /* Top border color dropdown */
}

#top-menu .sub-menu li a {
   font-size: 18px; /* Font size dropdown */
   width: 100%;
   color: #1a76bc;
   border-bottom: 1px solid #1a76bc; /* Border bottom menu item color */
}
#top-menu .sub-menu li a:hover {
    color: #fff;
}

.sub-menu li:hover {
   background-color: #1a76bc; /* Hover color menu item */
}

.sub-menu .current_page_item {
   background-color: #2e3192; /* Current menu item color dropdown */
}

#top-menu .sub-menu li {
   padding-left: 0px;
   padding-right: 0px;
   width: 100%;
}

#top-menu li li a {
   padding-top: 10px;
   padding-bottom: 8px;
}

#top-menu .sub-menu {
   padding-top: 0px;
   padding-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
}

.nav ul li a:hover {
   opacity: 1;
   background-color: rgba(0,0,0,0);
}
/* Increase mobile menu bar height */
.et_header_style_left .mobile_menu_bar {
  padding-bottom: 85px;
}

/* Moved hamburger down */
.mobile_menu_bar:before {
  top: 35px !important;
}

.banner-top-sperling p {
    line-height:1.5;
    padding-bottom: 0px;
}
.banner-top-sperling p a {
    font-weight:700;
    transition: 0.3s ease;
    text-decoration: underline;
}
.banner-top-sperling p a:hover{
    color: #000 !important;
}


/* Set the maximum height of the logo itself */
@media (max-width: 980px) {
.et_header_style_left #logo {
    max-height: 70% !important;
	}
}
/* media query breakpoints up to 1485 need hamburger */	
@media ( max-width: 1400px ) {
	#et_mobile_nav_menu {
		display: block;}
#top-menu {
 display: none;
 }
} 

 /* make mobile menu scrollable */	
	.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}


.purple-star-list a {color:#7477b8;}
a {color:#aa000d;}
a:hover {color:#7477b8;}
.multi-menu a:hover {color:#2e23192 !important;}

/*----------Sub Menu----------*/
 
#top-menu li {
    display: inline-block;
    padding-right: 26px;
    font-size: 18px;
	line-height:1em;
}
 
/*----------Sub Menu Mobile----------*/
 
.et_mobile_menu {
    border-top: 0px solid #2ea3f2;
}
 
.et_mobile_menu li a {
    text-align: left;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {
    line-height: 23px;
}
.whitelink a {color:#fff !important;}

.angel-white img {float:left;}

.purple-star-list ul
{
list-style-type: none;
padding: 0;
margin: 0; 
}
.purple-star-list li
{
background-image: url(http://danjacdesign.com/esr/wp-content/uploads/2019/09/purple-star.png);
background-repeat: no-repeat;
background-position: 0em 0em;
padding-left: 2em;
margin: 20px 0;
}
.teal-star-list ul
{
list-style-type: none;
padding: 0;
margin: 0; 
}
.teal-star-list li
{
background-image: url(http://danjacdesign.com/esr/wp-content/uploads/2019/09/teal-star-28.png);
background-repeat: no-repeat;
background-position: 0em 0em;
padding-left: 2em;
margin: 20px 0;
}
/*  remove secondary menu items from the primary menu on mobile  */
#mobile_menu li:not([id]) { 
	display:none !important; 
}
/*  remove footer widget bullets from menu  */
#footer-widgets .footer-widget li:before {
display: none; 
} 
#footer-widgets .footer-widget li {padding-left: 0px;}
.et_pb_widget ul li {
   margin-bottom: 0em;}
#footer-bottom .et-social-icons a {color:#00aaad;}

/*  change mobile hamburger menu color  */
span.mobile_menu_bar:before {
    color: #00aaad !important;
}
/*  change line color at top of mobile menu  */
.et_mobile_menu {border-top: 3px solid #00aaad;}

/* remove borders from table  */
.tablepress-id-1,
.tablepress-id-1 tr,
.tablepress-id-1 tbody td,
.tablepress-id-1 thead th,
.tablepress-id-1 tfoot th {
	border: none !important;
}
.tablepress-id-5,
.tablepress-id-5 tr,
.tablepress-id-5 tbody td,
.tablepress-id-5 thead th,
.tablepress-id-5 tfoot th {
	border: 0px !important;
}
tbody {
    border: 0px !important;
}

/* responsive videos */
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive iframe,
.video-responsive video {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute!important;
    /* border: solid 10px white; */
}

/* media query breakpoints */

@media ( max-width: 1101px ) {

}
/*** Responsive Styles Tablet And Below ***/
@media (max-width: 980px) {
   #et-info-email {line-height:2.5em; font-size:18px;}
	.et_header_style_left #logo {
    max-height: 90% !important;}
   #top-header .et-social-icons {display:none;}
	.header_button .et_pb_button {display:none!important;}
	#et-secondary-menu>ul>li a {padding:.5em;font-size:17px;width:max-content;}
	.et_pb_slider .et_pb_slide_1 .et_pb_slide_description, 
   .et_pb_slider_fullwidth_off .et_pb_slide_1 .et_pb_slide_description {
   padding-top: 50px!important; 
   padding-right: 50px!important; 
   padding-bottom: 50px!important; 
   padding-left: 50px!important; 
}
}
@media ( max-width: 768px ) {
	
}	
@media (max-width: 980px) {
	#top-header, div#et-secondary-menu, ul#et-secondary-nav {
		display: block !important; 
	}
	#top-header .container {
		padding-top: 0.75em !important;
	}
}



@media ( max-width: 425px) {
/* make mobile links larger and evenly spaced */
#et-info-email {line-height:2.5em; font-size:18px;}
#et-secondary-menu>ul>li a {padding-bottom: .75em; padding-top: 0em;padding-right:2.5em; font-size:18px;}
#et-info {font-size:18px; padding-bottom: .5em;}
.et_secondary_nav_two_panels #et-secondary-menu {margin-top:-4px;}
	#logo {
    height: 90% !important;
    max-height: 90% !important;
    width: auto;
    max-width: 90% !important;
    }

}


/* custom three column */
.custom-three-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.custom-three-buttons .et_pb_button {
    margin: 0;
}