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

h1, h2, h3, h4, h5, h6 {
text-transform: none;
font-family: "brandon-grotesque",sans-serif;
	padding-bottom:  5px !important;
}

.header-slider h1{
	font-family: "brandon-grotesque" !important;
	font-weight: 400 !important;
  	font-size: 3.2em !important;
  	margin: 10px 0;
	line-height:  1;
}

.header-slider h2{
	font-family:  "brandon-grotesque";
  color: #FFF !important;
  font-size: 1.8em !important;
	line-height:  1.25;
}

/* code to change font and color of secondary menu */
 #et-secondary-menu a {
	 font-size:  18px;
	font-weight:  400;
	font-weight: bold;
	font-family: "brandon-grotesque";
	  color:  #F68C27 !important;
} 

h1 {
	font-family: "brandon-grotesque" !important;
	font-weight: 400 !important;
  	font-size: 3.2em !important;
  	margin: 10px 0;
	line-height:  1;
}

h2 {
font-family: "brandon-grotesque";
line-height: 1.1em;
}

h3 {
font-family: "brandon-grotesque";
line-height:  1.3;
font-weight: bold !important;	
}

.blueheader {
	font-family: "brandon-grotesque" !important;
	color: #134F9E !important;
	font-weight: 500 !important;
  font-size: 40px !important;
	line-height:  1.2;
}

.blueheader-sm {
	font-family: "brandon-grotesque" !important;
	color: #134F9E !important;
	font-size: 1.2em !important;
	line-height:  1.2;
}

p, body, ul, .et_pb_text_inner, .et_pb_toggle_content {
	font-family: "brandon-grotesque";
	font-size:  20px;
}

.et_pb_button_0, .et_pb_button_1, .et_pb_button_2 {
	font-family: "brandon-grotesque" !important;
}

#top-menu a { 
	    font-size: 15px !important;
    font-family: "brandon-grotesque" !important;
	font-weight:  400
}

.ben {
		font-family:  "brandon-grotesque";
  color: #0C71C3!important;
  text-align: left!important;
  font-size: 60px!important;
  margin: 10px 0;
	line-height:  1;
}

#main-footer {
  display: none;
}

#main-header {
  box-shadow: 0 1px 0 rgba(0,0,0,0) !important;
}

#top-header .container li a {
  padding-bottom: 0 !important;
}
#main-header #et-top-navigation #top-menu-nav li a{
  padding-bottom: 20px !important;
}
#main-header #et-top-navigation #top-menu-nav .current-menu-item a{
  border-bottom: 3px solid #F68C27 !important;
}

.header-slider .et_pb_slide .et_pb_slide_description{
  padding-left: 1% !important;
}

.header-slider p{
  color: #FFF !important;
  font-size: 18px!important;
}

ul#top-menu li.menu-item:not(:last-child) { 
    padding-right: 40px !important; 
}

#top-menu li li a {
	width:293px!important;
}

.nav li ul {
	width:325px!important;
	border-color: #144F9F;
			}

#et-secondary-menu {
	margin-top: -20px;
} 

@media all and ( min-width: 768px ){
  #et-secondary-menu a {
    position: absolute;
    right: 0;
    z-index: 999999;
    width: 200px;
    top: 10px;
  }
}

/* to stop lightbox from services gallery */
.disable-lightbox a {
pointer-events: none;
}
 
.disable-lightbox .et_overlay {
display: none !important;
}

/*Menu CTA Button*/
#et-top-navigation .et_pb_button {
    margin-top: 0px;
    font-size: inherit;
    font-weight: inherit;
	background: #144F9F;
	color: #fff;
}

 
#et-top-navigation .et_pb_button:after {
font-size: 23px;
}

.bintro {
    font-weight: 400;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-right: 0;
    padding-left: 0;
    color: #144F9F;
    font-size: 25px;
    line-height: 46px;
    text-align: center;
}

/*footer links*/
#footer a {
    color: #fff;
}
#footer a:hover {
	text-decoration: underline
}

/*footer p tag */
#footer p {
    font-size:  20px;
}

/*accordian spacing*/
.et_pb_accordion .et_pb_toggle {
    margin-bottom: 10px !important;
}


@media (min-width: 320px) and (max-width: 668px) { 
 
.et_pb_slide_content {
    width: 300px !important;
}
}

@media (max-width: 980px){ 
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 100%;
    max-height: 100% !important;
}}



/* added to add top border to blog posts and sticky header */
.container.clearfix.et_menu_container.ommovednav{
   border-bottom: 1px solid lightgray !important;
}

.post-template-default .sticky-header{
    position: sticky !important;
 }

@media screen and (min-width: 981px){
.et_pb_column_4_4 .et_pb_post_extra.el_dbe_full_width .post-media {
	  height: 100%;
}
}

/* wjh fix to make mobile headers less tall and fix font size*/
@media (max-width: 980px) {
.et_pb_slider_0, .et_pb_slider_0 .et_pb_slide {
	min-height: 325px !important;
	max-height: 325px !important;
	}}

@media (max-width: 980px) {
.header-slider h1 {
	margin-top: 35px !important;
	}}

/* adjust home page header sizes */
@media (max-width: 980px) {
.header-slider h1 {
	font-size:  2.5em !important;
	}}

@media (max-width: 980px) {
.header-slider h3 {
	font-size:  1.3em !important;
	}}
/* end */


@media only screen and (max-width: 768px) {
    .two-columns .et_pb_column {
    width: 50%!important;
}
}

.custom-mobile-header .header-content {
    margin: 5px !important;
    padding: 5px !important;
}


.desktop-picture {
  max-width: 45%;
  margin: auto;
  border: 5px solid #134F9E;
}

.mobile-picture {
  max-width: 100%;
  margin: auto;
  border: 5px solid #134F9E;
}


@media screen and (max-width : 906px){
 .desktop-picture{
  display:none;
  }
 .mobile-picture{
  visibility:visible;
  }
}

@media screen and (min-width : 905px){
 .desktop-picture{
    visibility:visible;
  }
 .mobile-picture{
display:none;
  }
}

/* for adding blue border to pictures */
.picture-border {
	border: 5px solid #134F9E;
}

.picture-margin {
	padding-top: 30px;
	padding-bottom: 40px;
}

/* added for list format */
.entry-content ol, .entry-content ul, .entry-content ul ul {
    padding: 10px 0px 25px 50px;
    list-style-position: outside;
}

.entry-content ul ul {
    padding: 10px 0px 0px 50px;
    list-style-type: circle;
}

.entry-content ol li, .entry-content ul li {
    margin-bottom: 10px;
}

/* for adding space to headingsd etc */
.title-top-spacing {
	padding-top: 30px;
}

/* MMEI specific */
.mfp-title { display: none !important; }
.billing-text {font-size: 30px !important; }


/* ==========================================================
   DVRA – DR. JOSHUA MALI POPUP
========================================================== */


/* ==========================================================
   GLOBAL RESET
========================================================== */

.dvra-doctor-popup,
.dvra-doctor-popup * {
  box-sizing: border-box;
  font-family: inherit !important;
}


/* ==========================================================
   MAIN POPUP LAYOUT
========================================================== */

.dvra-doctor-popup {
  width: 100%;
  max-width: 100%;
  min-height: 430px;
  display: grid;
  grid-template-columns: 38% 62%;
  align-items: stretch;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 8px;
}


/* ==========================================================
   PHOTO AREA — DESKTOP
========================================================== */

.dvra-doctor-popup__photo {
  width: 100%;
  min-width: 0;
  height: 430px;
  min-height: 430px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #eeeeee;
}

.dvra-doctor-popup__photo picture {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 0;
}

.dvra-doctor-popup__photo picture img,
.dvra-doctor-popup__photo > img {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  object-fit: cover;
  object-position: center 18%;
}


/* ==========================================================
   RIGHT-SIDE CONTENT
========================================================== */

.dvra-doctor-popup__content {
  width: 100%;
  min-width: 0;
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
}


/* ==========================================================
   HEADING
========================================================== */

.dvra-doctor-popup__heading {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: #144F9F !important;
  font-size: 35px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.4px;
  white-space: nowrap;
}


/* ==========================================================
   BLUE DIVIDER LINE
========================================================== */

.dvra-doctor-popup__rule {
  width: 75px;
  height: 3px;
  margin: 25px 0;
  padding: 0;
  background-color: #144F9F;
}


/* ==========================================================
   BODY COPY — LARGER AND DARKER
========================================================== */

.dvra-doctor-popup__copy {
  width: 100%;
  margin: 0;
  padding: 0;
}

.dvra-doctor-popup__copy p {
  width: 100%;
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: #171717 !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

.dvra-doctor-popup__copy p:last-child {
  margin-bottom: 0 !important;
}


/* ==========================================================
   BUTTON WRAPPER — LEFT ALIGNED
========================================================== */

.dvra-doctor-popup__button-wrap {
  width: 100%;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  display: block;
  text-align: left !important;
}


/* ==========================================================
   BUTTON
========================================================== */

.dvra-doctor-popup a.dvra-doctor-popup__button {
  width: auto !important;
  min-width: 190px !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 9px 20px !important;
  display: inline-block !important;
  float: none !important;
  position: static !important;
  transform: none !important;
  background-color: #144F9F !important;
  background-image: none !important;
  border: 2px solid #144F9F !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.dvra-doctor-popup a.dvra-doctor-popup__button:hover,
.dvra-doctor-popup a.dvra-doctor-popup__button:focus {
  background-color: #0f4082 !important;
  border-color: #0f4082 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}


/* Prevent Divi from adding an icon or arrow */

.dvra-doctor-popup a.dvra-doctor-popup__button::before,
.dvra-doctor-popup a.dvra-doctor-popup__button::after {
  display: none !important;
  content: none !important;
}


/* ==========================================================
   GENERAL DIVI RESET
========================================================== */

.dvra-doctor-popup h2,
.dvra-doctor-popup p {
  border: 0;
}

.dvra-doctor-popup a {
  text-decoration: none;
}


/* ==========================================================
   TABLET
========================================================== */

@media only screen and (max-width: 900px) {

  .dvra-doctor-popup {
    grid-template-columns: 37% 63%;
    min-height: 400px;
  }

  .dvra-doctor-popup__photo {
    height: 400px;
    min-height: 400px;
  }

  .dvra-doctor-popup__content {
    padding: 34px 28px;
  }

  .dvra-doctor-popup__heading {
    font-size: 31px !important;
  }

  .dvra-doctor-popup__rule {
    margin: 22px 0;
  }

  .dvra-doctor-popup__copy p {
    color: #171717 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
  }

  .dvra-doctor-popup__button-wrap {
    margin-top: 24px !important;
  }

  .dvra-doctor-popup a.dvra-doctor-popup__button {
    min-width: 180px !important;
    padding: 9px 19px !important;
    font-size: 15px !important;
  }

}


/* ==========================================================
   MOBILE — UPRIGHT PHONE
========================================================== */

@media only screen and (max-width: 767px) {

  .dvra-doctor-popup {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  .dvra-doctor-popup__photo {
    width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #b77d52 !important;
  }

  .dvra-doctor-popup__photo picture {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }

  .dvra-doctor-popup__photo picture img,
  .dvra-doctor-popup__photo > img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .dvra-doctor-popup__content {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 24px 22px 28px !important;
    display: block !important;
  }

  .dvra-doctor-popup__heading {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-align: left !important;
  }

  .dvra-doctor-popup__rule {
    width: 65px !important;
    height: 3px !important;
    margin: 20px 0 !important;
  }

  .dvra-doctor-popup__copy {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .dvra-doctor-popup__copy p {
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    color: #171717 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .dvra-doctor-popup__copy p:last-child {
    margin-bottom: 0 !important;
  }

  .dvra-doctor-popup__button-wrap {
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .dvra-doctor-popup a.dvra-doctor-popup__button {
    min-width: 180px !important;
    margin: 0 !important;
    padding: 9px 18px !important;
    font-size: 15px !important;
  }

}


/* ==========================================================
   SMALL UPRIGHT PHONE
========================================================== */

@media only screen and (max-width: 480px) {

  .dvra-doctor-popup__photo {
    height: 225px !important;
    min-height: 225px !important;
    max-height: 225px !important;
  }

  .dvra-doctor-popup__content {
    padding: 22px 20px 26px !important;
  }

  .dvra-doctor-popup__heading {
    font-size: 26px !important;
  }

  .dvra-doctor-popup__copy p {
    color: #171717 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
  }

  .dvra-doctor-popup a.dvra-doctor-popup__button {
    min-width: 175px !important;
    padding: 9px 17px !important;
    font-size: 14px !important;
  }

}


/* ==========================================================
   PHONE HELD HORIZONTALLY
========================================================== */

@media only screen and (min-width: 568px) and (max-height: 600px) {

  .dvra-doctor-popup {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: calc(100vh - 24px) !important;
    display: grid !important;
    grid-template-columns: 34% 66% !important;
    align-items: stretch !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 6px !important;
  }

  .dvra-doctor-popup__photo {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: stretch !important;
    overflow: hidden !important;
    background-color: #b77d52 !important;
  }

  .dvra-doctor-popup__photo picture {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
  }

  .dvra-doctor-popup__photo picture img,
  .dvra-doctor-popup__photo > img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center 20% !important;
  }

  .dvra-doctor-popup__content {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background-color: #ffffff !important;
  }

  .dvra-doctor-popup__heading {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 23px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  .dvra-doctor-popup__rule {
    width: 48px !important;
    height: 2px !important;
    margin: 10px 0 !important;
  }

  .dvra-doctor-popup__copy p {
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #171717 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  .dvra-doctor-popup__copy p:last-child {
    margin-bottom: 0 !important;
  }

  .dvra-doctor-popup__button-wrap {
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .dvra-doctor-popup a.dvra-doctor-popup__button {
    min-width: 145px !important;
    margin: 0 !important;
    padding: 7px 13px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

}