/*
Theme Name: Divi Child By Eighty8Design
Theme URI: https://88hyper.com/
Description: A Custom Child Theme For Divi
Author: Arien Centa
Author URI: https://88hyper.com/
Template: Divi
Rev: 0
*/


/*--------stop header jumping on load error---------------*/
@media only screen and (min-width: 768px) {
/*#main-header {top: 97px !important;}*/}

@media only screen and (max-width: 767px) {
#main-header {top: 0px !important;}
}

/*--------padding on main menu to make fatter---------------*/
.et_fullwidth_nav #main-header .container {
    padding-top: 20px;
    padding-bottom: 20px;
}

 body.admin-bar.et_fixed_nav #top-header {
    padding-top: 20px;
}

@media only screen and (max-width: 767px) {
.et_pb_row.et_pb_row_1.inner-sub {
    display: contents  !important;
  }
}


/*******************   custom css   *****************/
@media only screen and (max-width: 768px) {
.et_pb_row.et_pb_row_1.inner-sub { display: block !important;}
p {
    line-height: normal !important;
    padding: 10px 10px;
}
}

.inner-sub h1 {
    font-size: 34px !important;
    font-weight: 600;
    font-family: 'Exo 2',sans-serif !important;
}

.inner-sub h2 {
    padding-top: 20px !important;
    font-size: 34px !important;
    line-height: 38px;
    font-weight: 600;
    font-family: 'Exo 2',sans-serif !important;
}

.inner-sub h3 {
    font-size: 23px !important;
    font-weight: 600;
    font-family: 'Exo 2',sans-serif !important;
    padding: 20px 0px 5px 0px;
    line-height: 38px;
}



.sub-form { background:#f2f2f2 !important; padding: 40px 40px;
    border-radius: 5px;
}
.sub-form h3 { font-size:35px !important; text-transform: uppercase;
 font-weight:600; color:#000 !important; font-family: 'Exo 2',sans-serif !important;}

.sub-form .s-i { width:100% !important; height: 45px !important;
    font-size: 18px;
    padding-left: 10px;
    border: none;
	font-family: 'Exo 2',sans-serif !important;
}
.sub-form .s-t { width:100% !important; height:70px !important;
   font-size: 18px;
    padding-left: 10px;
font-family: 'Exo 2',sans-serif !important;
	border: none;
}
.sub-form .s-go { font-family: 'Exo 2',sans-serif !important; background:#0048ba !important; color:#fff !important; font-size:18px !important;
padding:10px 15px !important; border:none !important; font-weight:600 !important;}




/************************  END   ***********************/






a:link {
color: #0048ba;
}
/*-----------blurb icon size--------*/
.et-pb-icon-circle {
    padding: 12px;
}

/*----------TOP HEADER PHONE mobile menu--------------*/
/*-----#top-header a { font-size: 25px!important; line-height: 2.4em;padding-top:30px;}----*/


/*------increase height of map, set map css ID to map------*/
#map ,#map .et_pb_map {
height: 66vh!important;
}
nav#top-menu-nav {
    font-family: 'Exo 2', sans-serif;
}

/*------PHONE NUMBER top header-------*/
/*-------------------------------------*/
 #top-header #et-info, #top-header  {
    float: right;
   padding-right: 1.2% !important;
   line-height: 1em !important;
   text-shadow: -1px 1px 4px Rgba(0,0,0,0.1);
   font-size: 37px;
padding-top: 10px;
}
/*----------------MAIN HEADER MENU------------------*/
.et_header_style_left #et-top-navigation {
    padding-right: 3% !important;
   text-shadow: -1px 1px 3px Rgba(0,0,0,0.1);
}

/*---------------------------------------*/
/*------larger logo-------*/
/*------------------------------------------*/
/* Only apply to full-size displays, not mobiles */

@media only screen and ( min-width:981px ) {
    /* MAIN MENU LOGO SIZE */
    #logo 
{ height: 240px; max-height: 240px !important; margin-top: -90px;  padding-left: 3.2% !important;}
	
    /* Set the "shrunken" logo height*/
    .et-fixed-header #logo 
{ max-height: 88px !important; padding-bottom: 5px !important; padding-left: 0px; margin-top: -35px;}}

@media only screen and (min-width: 768px) and (max-width: 980px) {
     #logo {
     min-height: 160px;
     margin-top: -160px; }}

@media only screen and (min-width: 200px) and (max-width: 767px) {
     #logo {
      min-height: 67px; 
      margin-top: 0px; }}

/*------------------------------------------------------------------------*/
/** different logo on home screen https://quiroz.co/create-different-logo-and-menu/ **/
/*------------------------------------------------------------------------*/

.page #logo2 {display:none;}
.single #logo2 {display:none;}
.home #logo {display:none;}
.home #logo2 {display:inline;}

.page-id-2401 #logo{display:none;}
.page-id-2401 #logo2{display:inline;}
/** adjust main-screen logo alignment **/

@media only screen and ( min-width:981px ) {
    /* MAIN MENU LOGO SIZE */
    #logo2  {
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 transition: all 0.4s;
}
    #logo2 
{ height: 240px; max-height: 240px !important; margin-top: -90px;  padding-left: 3.2% !important;}
	
    /* Set the "shrunken" logo height*/
   .et-fixed-header #logo2 
{ max-height: 88px !important; padding-bottom: 5px !important; padding-left: 0px; margin-top: -13px;}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
     #logo2  {
     min-height: 160px;
     margin-top: -160px; }}

@media only screen and (min-width: 200px) and (max-width: 767px) {
   #logo2  { height: 0px; }}

@media only screen and (min-width: 200px) and (max-width: 767px) {
   .et-fixed-header #logo2   {
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 transition: all 0.4s;
      height: 67px; 
      margin-top: 7px; }}



/*------------------------------------------------------------------------*/
/****** Menu Full-screen on mobile ******/
/*------------------------------------------------------------------------*/
/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent; 
}
#main-header .et_mobile_menu li ul.sub-menu.hide { 
	display: none !important; 
	visibility: hidden !important;  
	transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible { 
	display: block !important; 
	visibility: visible !important;
 }

/* Font Awesome */
.fa {
    margin: 10px ;
  }
@media screen and (max-width: 980px) {
  .et_header_style_centered #main-header {
    position: fixed;
  }
  .et_header_style_centered #main-header .mobile_nav {
    background-color: transparent;
  }
  .mobile_nav.closed .select_page {
    display: none;
  }
}
.et_mobile_menu {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9998;
  overflow: scroll !important;
  background-color: rgba(0, 72, 186, 0.97) !important;
  margin-left: -30px;
  padding: 25% 0;
  height: 100%;
  width: calc( 100% + 60px);
  border-top: none;
}
.et_mobile_menu li a {
  text-align: center;
  font-size: 1.65em;
  border: 0;
  padding: 5% 0;
  text-transform: uppercase;
  letter-spacing: 0px;
font-family: 'Exo 2', sans-serif;
font-weight: 800;
line-height: 16px;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
  color: #54bffb;
  background-color: rgba(255,255,255, 0.1);
}
.mobile_nav ul#mobile_menu li ul li a {
  font-size: 0.7em !important;
  margin: auto;
  padding-top: 0.1em;
  color: #0097ef!important;
line-height: 10px;
}
.et_mobile_menu li a:hover {
  color: #999;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
  color: #fff;
}
span.mobile_menu_bar {
  z-index: 9999;
}

	.page-id-5 #top-header, .page-id-5 #top-header .container,.page-id-5 #top-header #et-info,.page-id-5 #top-header .et-social-icon a {
    color: #ffffff!important;
}
	.page-id-5 #top-menu li a {
color: #ffffff!important;}

	.page-id-2401 #top-header, .page-id-2401 #top-header .container,.page-id-2401 #top-header #et-info,.page-id-2401 #top-header .et-social-icon a {
    color: #ffffff!important;
}
	.page-id-2401 #top-menu li a {
color: #ffffff!important;}
.page-id-2401 .et-fixed-header#main-header {
    background-color: #0048ba !important;
}
@media only screen and (max-width: 767px){
	.et_pb_text_25.ib_heading2 {
		letter-spacing: 0px;
		margin-top: 0px !important;
	}
}