/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.24.3.1721911270
Updated: 2024-07-25 12:41:10

*/

/* EMERGE CENTER 2024 */

/* GLOBAL STYLES */
:root {
  --grey: #e5e5e5;
  --dark: #2d2d2d;
  --white: #fff;
  --rust: #d89346;
  --tan: #66a9dc;
  --carolina: #66a9dc;
  --navy: #0a2440;
  --dharma: dharma-gothic-e, "Impact", sans-serif;
  --poppins: poppins, montserrat, sans-serif;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* FONTS */
p,
li,
ul,
ol {
  font-family: var(--poppins);
  font-style: normal;
  font-size: 16px;
  line-height: 1.4em;
}

span {
  font-weight: 600;
  font-style: normal;
}

a {
  font-family: var(--poppins);
  font-weight: 600;
  color: var(--navy);
  font-size: 16px;
}

a:hover {
  color: var(--carolina);
}

h1 {
  font-family: var(--dharma);
  font-weight: 700;
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  color: var(--navy);
}

h2 {
  font-family: var(--dharma);
  font-weight: 700;
  font-size: 50px;
}

h3 {
  font-family: var(--dharma);
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h4 {
  font-family: var(--dharma);
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h5 {
  font-family: var(--dharma);
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
}

h6 {
}

.sml span {
  line-height: 0.5em;
  font-size: 12px;
}

.big span {
  font-family: var(--dharma);
  font-size: 40px;
}

.med span {
  font-family: var(--dharma);
  font-size: 30px;
}

.quote span {
  font-family: var(--poppins);
  font-size: 24px;
  line-height: 1.4em;
  color: var(--dark);
}

#services span {
  font-family: var(--poppins);
  color: var(--white);
  font-size: 20px;
}

#form p,
#form a {
  font-family: var(--poppins) !important;
  font-size: 14px;
  color: var(--dark) !important;
}

#form h2 {
  color: var(--navy);
}

#mission p {
  font-size: 24px;
}

#hero span {
  /* font-family: var(--dharma); */
}

.blurb a {
  font-family: vaR(--dharma);
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.intro-text {
  font-weight: bold;
  font-size: 24px;
}

.breadcrumbs a,
.breadcrumbs span {
  /* color: var(--white); */
}

.breadcrumbs a:hover,
.breadcrumbs span:hover {
  color: var(--carolina);
  cursor: pointer;
}

.phone a {
  font-size: 2.5rem !important;
  color: var(--navy);
  letter-spacing: 1px;
  font-family: var(--dharma);
  /* color: var(--white); */
}

.phone-white a {
  font-size: 2.5rem !important;
  color: var(--navy);
  letter-spacing: 1px;
  font-family: var(--dharma);
  /* color: var(--white); */
}

.service-blurb h3 {
  font-size: 24px;
}

/* END FONTS */

/* GLOBAL BODY */

/* Centered image + txt */
.vertical-align {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.primary-btn {
  font-family: var(--dharma) !important;
  text-transform: uppercase !important;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 22px;
}

/* HEADER */
#main-header {
  top: 0 !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 4000000 !important;
  /* height: 9vh; */
  /* background-color: red !important; */
  padding: 0 2%;
}

/*menu container*/
#global-mega-menu {
  position: absolute !important;
  width: 100vw;
  left: -5vw;
  top: 0.5vh;
  padding: 0 2%;
}

#global-mega-menu a {
  font-family: var(--poppins);
  font-size: 16px;
  color: var(--dark);
}

/* logo */
#global-mega-menu img {
  /* width: 18rem !important; */
  margin-top: 4px;
}

.call a {
  font-size: 2.5rem !important;
  color: var(--navy);
  letter-spacing: 1px;
  font-family: var(--dharma);
}

.call a:hover {
  color: var(--carolina);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

/* nav ctas */
.call-now-btn {
  position: absolute;
  font-weight: bold;
  color: var(--white) !important;
  text-transform: uppercase;
  text-align: center !important;
  display: flex !important;
  padding: 12px !important;
  border-radius: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  background-color: var(--carolina);
  right: 12vw;
}

.call-now-btn img {
  width: 16px !important;
  height: 16px !important;
  /* margin-right: 8px !important; */
}

.call-now-btn span,
.call-now-btn a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  color: var(--white) !important;
  text-transform: uppercase;
  text-align: center !important;
}

/* END DESKTOP ONLY */

/* BEGIN MOBILE MENU */
/*mobile dropdown menu styles*/
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
  font-family: var(--poppins);
  flex-direction: column;
  border-top: none;
  height: 100vh !important;
  left: -5vw;
  top: 3.3rem;
  width: 103.5vw !important;
  padding-top: 2vh;
  overflow: scroll !important;
  z-index: 10000000 !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a,
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a {
  /* text-transform: uppercase; */
  font-weight: 700;
  font-size: 20px;
  line-height: 1em;
}

/* DESKTOP DROPDOWN MENU */
.et_mobile_menu li a {
  font-family: var(--bebas);
  font-weight: 600;
  font-style: normal;
  font-size: 14px !important;
  padding: 8px 0px 9px 10px;
  border-bottom: none;
  border-radius: 6px;
  color: var(--dark);
  line-height: 1.2em;
  text-transform: uppercase;
}

.et_mobile_menu .menu-item-has-children > a {
  background: var(--white);
}

.et_pb_menu .et-menu > li {
  padding: 0 8px;
}

.et-menu li li a {
  width: 260px !important;
  padding: 0 2%;
}

.et-menu li li a:hover {
  background-color: transparent;
}

.et-menu a {
  color: var(--dark);
  font-size: 14px !important;
}

.et_mobile_menu li li {
  padding-left: 0;
}

.sub-menu {
  width: 260px !important;
}

/* BEGIN MEDIA QUERIES  */

/***MOBILE ONLY ***/
@media (max-width: 1024px) {
  .primary-btn {
    width: 100%;
    text-align: center;
    letter-spacing: 0px;
  }

  .reverse-on-mobile {
    flex-direction: column-reverse !important;
  }
}
/***MOBILE ONLY ***/

@media (min-width: 300px) {
  /* mobile in landscape and some tablets in portrait */
  .test {
    background-color: tan !important;
  }

  #main-header {
    height: 7vh;
  }

  #global-mega-menu img {
    width: 9rem !important;
  }
  /* #main-header {
    height: 3.5rem !important;
  } */
  .call {
    display: none;
  }
  .call-now-btn {
    top: 1vh;
    /* right: 16vw; */
  }
  .call-now-btn span {
    display: none;
  }

  #hero h1 {
    /* font-size: 50px; */
  }
}

@media (min-width: 700px) {
  /* ipad air */
  .test {
    background-color: lavender !important;
  }
  #main-header {
    height: 6vh;
  }
}

@media (min-width: 1024px) {
  /* ipad pro */
  .test {
    background-color: red !important;
  }

  #global-mega-menu img {
    width: 12rem !important;
  }
  #main-header {
    height: 7vh;
  }
  .call-now-btn {
    display: none !important;
  }
  .call {
    display: block;
    left: 74vw;
    top: 2.5vh;
  }
}

@media (min-width: 1200px) {
  /* this applies average laptops */
  .test {
    background-color: blue !important;
  }

  .call {
    display: block;
    left: 78vw;
    top: 4vh;
  }

  #global-mega-menu img {
    width: 10rem !important;
  }

  #main-header {
    height: 11vh;
  }
}

@media (min-width: 1600px) {
  /* this applies average laptops */
  .test {
    background-color: orange !important;
  }

  .call {
    display: block;
    left: 82vw;
    top: 4vh;
  }

  #global-mega-menu img {
    width: 10rem !important;
  }

  #main-header {
    height: 9vh;
  }
}