/*
  Theme Name: Nexben Child Theme
  Theme URI: https://www.nexben.com/
  Version: 1.0.0
  Template: Divi
  Author: Brightly
  Author URI: https://brightly.com/
  Text Domain: nexben-child-theme
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* New Main Menu Styling */
.main-menu-row {
  display: flex;
  align-items: center;
}

#menu-desktop-menu {
  display: flex;
  align-items: center;
}

#main_nav_section li {
  margin: 0 16px 0 0;
  padding: 0;
}

#main_nav_section a:not(.sign-in-button) {
  margin: 0;
  padding: 16px;
  color: #ffffff;
}

#main_nav_section .menu-item {
  color: #ffffff;
  font-size: 16px;
}

#main_nav_section .menu-item.sign-in-dropdown a {
  color: #3fff72;
}

.fmo-sign-in {
  margin: 0;
  background-color: transparent;
  border: solid 1px #ffffff;
  border-radius: 30px;
  transition: all ease 0.3s;
}

.platform-sign-in {
  margin: 0;
  background-color: #ffffff;
  border-radius: 30px;
  transition: all ease 0.3s;
}

.fmo-sign-in a {
  margin: 0;
  padding: 15px 31px 15px 31px !important;
  color: #ffffff !important;
  transition: all ease 0.3s;
}

.platform-sign-in a {
  margin: 0;
  padding: 16px 32px 16px 32px !important;
  color: #000000 !important;
  transition: all ease 0.3s;
}

.fmo-sign-in:hover,
.platform-sign-in:hover {
  background-color: #ffffff;
  opacity: 0.75;
}

.fmo-sign-in:hover a,
.platform-sign-in:hover a {
  color: #000000 !important;
  opacity: 1;
}

.green-text-highlight {
  color: #6be75f;
}

/* Home Hero Buttons */
.hero-body-link {
  font-size: 16px;
  color: #3fff72 !important;
  text-decoration: underline;
  transition: all ease 0.3s;
}

.hero-body-link:hover {
  text-decoration: underline;
  opacity: 0.6;
}

@media only screen and (max-width: 980px) {
  .fmo-sign-in,
  .platform-sign-in {
    margin: 16px 16px 0 16px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .et_pb_menu .et_pb_menu__menu {
    display: none;
  }
  .et_mobile_nav_menu {
    display: block;
  }

  .fmo-sign-in,
  .platform-sign-in {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .platform-sign-in {
    margin-top: 32px !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .fmo-sign-in a {
    color: #ffffff !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .platform-sign-in a {
    color: #000000 !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .fmo-sign-in:hover a,
  .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .platform-sign-in:hover a {
    color: #000000 !important;
    opacity: 1;
  }
}

/*remove bullet points from submenu*/
.et_pb_menu .et_mobile_menu li {
  list-style-type: none;
  text-align: left;
}

/* New footer menu */
.menu-about-footer-menu-container .et_mobile_nav_menu,
.menu-contact-footer-menu-container .et_mobile_nav_menu {
  display: none !important;
}
.menu-about-footer-menu-container .et_pb_menu__menu,
.menu-contact-footer-menu-container .et_pb_menu__menu,
.menu-about-footer-menu-container .et_pb_menu .et_pb_menu__menu,
.menu-contact-footer-menu-container .et_pb_menu .et_pb_menu__menu {
  display: block !important;
}

.menu-about-footer-menu-container .et_pb_menu__wrap,
.menu-contact-footer-menu-container .et_pb_menu__wrap {
  justify-content: flex-start;
}

#menu-about-footer-menu,
#menu-contact-footer-menu {
  display: block !important;
}

.footer-link {
  text-decoration: underline;
  transition: all ease 0.3s;
}

.footer-link:hover {
  text-decoration: underline;
  opacity: 0.8;
}

.linkedin-icon {
  opacity: 1;
  transition: all ease 0.3s;
}

.linkedin-icon:hover {
  opacity: 0.8;
}

#menu-about-footer-menu a,
#menu-contact-footer-menu a {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff !important;
  text-decoration: underline;
  transition: all ease 0.3s;
}

#menu-about-footer-menu li,
#menu-contact-footer-menu li {
  margin: 16px 0 0 0;
  line-height: 1.25em;
}

#menu-about-footer-menu li a,
#menu-contact-footer-menu li a {
  padding: 0 0 16px 0;
}

#menu-contact-footer-menu .call-contact-button:before {
  display: inline-block;
  position: relative;
  top: 0;
  content: url("/wp-content/uploads/2025/08/telephone-icon.svg");
  width: 19.31px;
  margin-right: 16px;
  margin-left: 1px;
}

#menu-contact-footer-menu .email-contact-button:before {
  display: inline-block;
  position: relative;
  top: 2px;
  content: url("/wp-content/uploads/2025/08/email-icon.svg");
  width: 20.41px;
  margin-right: 16px;
}

#menu-contact-footer-menu .nexben-address a {
  text-decoration: none;
}

#menu-contact-footer-menu li.nexben-address:before {
  display: inline-block;
  position: relative;
  top: 0;
  content: url("/wp-content/uploads/2025/08/location-icon.svg");
  width: 14px;
  margin-right: 18px;
  margin-left: 4px;
}

#menu-about-footer-menu a:hover,
#menu-contact-footer-menu a:hover {
  opacity: 0.8;
}

#menu-contact-footer-menu .nexben-address a:hover {
  opacity: 1;
}

.home-contact-footer-menu {
  padding: 0 !important;
  list-style-type: none !important;
}
/* Home hero headline */
.hero-headline h1 span {
  display: block;
}

/* Small Title */
.small-title {
  margin-bottom: 1rem !important;
  padding: 0;
}

.small-title h1,
.small-title h2,
.small-title h3 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-transform: uppercase;
  transition: all ease 0.3s;
}

@media (min-width: 768px) {
  .small-title h1,
  .small-title h2,
  .small-title h3 {
    font-size: 16px;
  }
}

/* Who We Serve */

.who-we-serve-container {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 2rem;
  align-items: center;
}

.who-we-serve-container .who-we-serve-icon {
  grid-column: 1;
}

.who-we-serve-container .who-we-serve-copy {
  grid-column: 2;
}

.who-we-serve-container p {
  color: #000000;
  font-family: "Cera Pro Light", Helvetica, Arial, Lucida, sans-serif;
  font-size: 14px;
  line-height: 22px;
  transition: all ease 0.3s;
}

.who-we-serve-container h4 {
  padding-bottom: 4px !important;
  font-size: 14px;
  line-height: 22px;
  transition: all ease 0.3s;
}

@media (min-width: 768px) {
  .who-we-serve-container h4 {
    font-size: 16px;
    line-height: 24px;
  }
}

.who-we-serve-container h4 span {
  color: #009463;
}

/*prevent horizontal scroll on mobile*/
@media all and (max-width: 980px) {
  html,
  body {
    overflow-x: hidden;
  }
  body {
    position: relative;
  }
}

/* MOBILE MENU */

/* Make mobile menu fullwidth */
.et_mobile_menu {
  /* min-width: 102vw; */
  /* margin-left: -9vw; */
  padding-bottom: 150px !important;
  overflow-y: scroll !important;
  max-height: 90vh !important;
  overflow-y: hidden;
  -overflow-scrolling: touch !important;
  -webkit-overflow-scrolling: touch !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.et_mobile_menu::-webkit-scrollbar {
  display: none;
}

#mobile_menu1.et_mobile_menu {
  margin-top: 20px;
  /* margin-left: -160px; */
  transition: all ease 0.3s;
}

@media only screen and (max-width: 380px) {
  /* #mobile_menu1.et_mobile_menu {
    margin-left: -180px;
  } */

  #mobile_menu1.et_mobile_menu {
  }

  .et_mobile_menu {
    min-width: 90vw;
    left: -100% !important;
  }
}

@media only screen and (max-width: 480px) {
  /* #mobile_menu1.et_mobile_menu {
    margin-left: -230px;
  } */

  .et_mobile_menu {
    min-width: 90vw;
    left: -98% !important;
  }
}

@media only screen and (min-width: 481px) {
  .et_mobile_menu {
    width: 480px;
    left: auto;
    right: -3% !important;
  }
}

@media only screen and (min-width: 500px) {
  .et_mobile_menu {
    right: -30% !important;
  }
}

@media only screen and (min-width: 525px) {
  .et_mobile_menu {
    right: -28% !important;
  }
}

@media only screen and (min-width: 550px) {
  .et_mobile_menu {
    right: -24% !important;
  }
}

@media only screen and (min-width: 600px) {
  .et_mobile_menu {
    right: -24% !important;
  }
}

@media only screen and (min-width: 650px) {
  .et_mobile_menu {
    right: -20% !important;
  }
}

@media only screen and (min-width: 800px) {
  .et_mobile_menu {
    right: -18% !important;
  }
}

@media only screen and (min-width: 850px) {
  .et_mobile_menu {
    right: -16% !important;
  }
}

@media only screen and (min-width: 981px) {
  .et_mobile_menu {
    right: -3% !important;
  }
}

.btn_newsletter a {
  background: #473b5c;
  color: white !important;
  text-align: center;
  margin-top: 10px;
  padding-top: 14px;
}

.btn_estimate a {
  background: #32244a;
  color: white !important;
  text-align: center;
  margin-top: 10px;
  padding-top: 14px;
}

.btn_login a {
  background: #605273;
  color: white !important;
  text-align: center;
  margin-top: 10px;
  padding-top: 14px;
}

/* Horizontal padding on desktop */
@media all and (min-width: 981px) {
  .et_pb_section {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* Show/Hide Buttons */
.m21-toggle-button .et_pb_button {
  position: relative;
  width: 100%;
}
.m21-toggle-button .et_pb_button:hover {
  background-color: transparent;
}
body
  #page-container
  .et_pb_section
  .et_pb_db_show_hide_button.m21-toggle-button
  a.et_pb_button:before,
body
  #page-container
  .et_pb_section
  .et_pb_db_show_hide_button.m21-toggle-button.dshb-active-button
  a.et_pb_button:before {
  position: absolute;
  top: 0;
  left: 30px;
  font-weight: 700 !important;
  font-size: 35px !important;
}
@media only screen and (max-width: 1200px) {
  body
    #page-container
    .et_pb_section
    .et_pb_db_show_hide_button.m21-toggle-button
    a.et_pb_button:before,
  body
    #page-container
    .et_pb_section
    .et_pb_db_show_hide_button.m21-toggle-button.dshb-active-button
    a.et_pb_button:before {
    left: 30px;
  }
}

/* Link color in global footer */
#footer_global a {
  color: #fff;
}

/* Buttons */
.et_pb_button:after {
  content: none;
}
.et_pb_button {
  transition: filter 0.5s;
}
.et_pb_button:hover {
  filter: saturate(0.85) brightness(1.15);
}

/* Fixing blog posts */
.et_right_sidebar #main-content .container:before {
  content: none;
}
.et_right_sidebar #left-area {
  padding-right: 0;
}

.et_pb_post {
  margin-top: 100px;
}

/* Module M28/29 - Featured Blog/Press Post */
.et_pb_section.m28 .et_pb_row,
.et_pb_section.m29 .et_pb_row {
  max-width: 960px;
}
.et_pb_section.m28 .et_pb_post,
.et_pb_section.m29 .et_pb_post,
.et_pb_section.m30 .et_pb_post,
.et_pb_section.m31 .et_pb_post {
  margin-bottom: 0;
}
.et_pb_section.m28 .et_pb_post > a,
.et_pb_section.m29 .et_pb_post > a {
  float: left;
  max-width: 300px;
  margin-right: 5%;
  margin-bottom: 0;
}
.et_pb_section.m28 .et_pb_post > a img,
.et_pb_section.m29 .et_pb_post > a img,
.et_pb_section.m30 .et_pb_post > a img,
.et_pb_section.m31 .et_pb_post > a img {
  border-radius: 20px;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.et_pb_section.m28.right .et_pb_post > a,
.et_pb_section.m29.right .et_pb_post > a {
  float: right;
  margin-right: 0;
  margin-left: 5%;
}
@media all and (max-width: 980px) {
  .et_pb_section.m28 .et_pb_post,
  .et_pb_section.m29 .et_pb_post {
    padding: 0 30px;
  }
  .et_pb_section.m28 .et_pb_post,
  .et_pb_section.m29 .et_pb_post,
  .et_pb_section.m30 .et_pb_post,
  .et_pb_section.m31 .et_pb_post {
    margin-bottom: 60px;
  }
  .et_pb_section.m28 .et_pb_post:last-child,
  .et_pb_section.m29 .et_pb_post:last-child,
  .et_pb_section.m30 .et_pb_post:last-child,
  .et_pb_section.m31 .et_pb_post:last-child {
    margin-bottom: 0;
  }
  .et_pb_section.m28 .et_pb_post > a,
  .et_pb_section.m29 .et_pb_post > a,
  .et_pb_section.m28.right .et_pb_post > a,
  .et_pb_section.m29.right .et_pb_post > a {
    float: none;
    margin: 0 0 30px 0;
    max-width: none;
  }
}

/* Module M30/31 - Blog/Press Roll */
.et_pb_section.m30 .et_pb_ajax_pagination_container,
.et_pb_section.m31 .et_pb_ajax_pagination_container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5%;
  row-gap: 30px;
  justify-content: center;
}
.et_pb_section.m30 .et_pb_ajax_pagination_container > div,
.et_pb_section.m31 .et_pb_ajax_pagination_container > div {
  width: 100%;
  padding: 0 30px;
}
.et_pb_section.m30 .et_pb_ajax_pagination_container > div .pagination,
.et_pb_section.m31 .et_pb_ajax_pagination_container > div .pagination {
  display: flex;
  justify-content: space-between;
}
.et_pb_section.m30
  .et_pb_ajax_pagination_container
  > div
  .pagination
  .alignright,
.et_pb_section.m31
  .et_pb_ajax_pagination_container
  > div
  .pagination
  .alignright {
  margin-left: auto;
}
.et_pb_section.m30 .et_pb_post,
.et_pb_section.m31 .et_pb_post {
  max-width: 400px;
  width: 25%;
}
@media all and (max-width: 980px) {
  .et_pb_section.m30 .et_pb_ajax_pagination_container,
  .et_pb_section.m31 .et_pb_ajax_pagination_container {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .et_pb_section.m30 .et_pb_post,
  .et_pb_section.m31 .et_pb_post {
    padding: 0 30px;
    width: 100%;
  }
  /* Show slider images on mobile */
  .et_pb_slide_image {
    display: block !important;
    position: relative;
    left: -90px;
    top: 75px !important;
    width: 75% !important;
  }
}

/* Module M26 - Video Roll */
.et_pb_section.m26 .et_pb_slider {
  overflow: visible;
}
.et_pb_section.m26 .et_pb_slider .et-pb-arrow-prev,
.et_pb_section.m26 .et_pb_slider:hover .et-pb-arrow-prev {
  opacity: 1;
  left: -40px;
}
.et_pb_section.m26 .et_pb_slider .et-pb-arrow-next,
.et_pb_section.m26 .et_pb_slider:hover .et-pb-arrow-next {
  opacity: 1;
  right: -40px;
}

/* Blog Posts */
.type-post.et_pb_post h2,
.type-post.et_pb_post h3,
.type-post.et_pb_post h4,
.type-post.et_pb_post h5 {
  font-weight: 500;
}
.type-post.et_pb_post h2 {
  font-size: 24px !important;
}
.type-post.et_pb_post h3 {
  font-size: 20px !important;
}
.type-post.et_pb_post h4 {
  font-size: 16px !important;
}

/* Header Nav Logo Button */
#home_logo_column_mobile {
  z-index: 100;
  width: auto !important;
}

/* Line breaking on H1s */
.et_pb_section h1 {
  word-break: break-word;
}

/* Fixed Header */
#et-boc {
  /*padding-top: 105px;*/
}

#et-boc > header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.page-id-106 #et-boc,
.page-id-552 #et-boc,
.page-id-553 #et-boc,
.page-id-554 #et-boc,
.page-id-559 #et-boc {
  /*padding-top:62px;*/
}

/* Fixing sub-menu links for current menu item */
.et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item li a {
  color: #fff !important;
}

/*set the width of the rows inside the Post Content module*/
.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
  width: 100%;
}

.et_pb_row {
  max-width: 1280px !important;
}

/* Main Navigation */
#main_nav_section nav {
  justify-content: flex-start;
}

@media all and (max-width: 980px) {
  #main_nav_section nav {
    justify-content: flex-end;
  }
}

/* Sticky header background color change */
.single-post #main_nav_section {
  background-color: #000000 !important;
}

#main_nav_section.is-stuck {
  background-color: #000000 !important;
}
#mobile_menu1 {
  border-top: 0;
}

#main_nav_section:has(.mobile_nav.opened) {
  background-color: #000000 !important;
}

.main-menu .nav li li {
  margin: 0 !important;
  padding: 0 20px !important;
}

@media only screen and (min-width: 1200px) {
  .et-menu .menu-item-has-children > a:first-child:after {
    position: relative;
    top: 2px;
    transition: all ease 0.3s;
  }

  .menu-item-has-children:hover > a:first-child:after {
    content: "2" !important;
  }

  .et-menu li li.menu-item-has-children > a:first-child:after {
    top: 2px;
    right: 0px;
  }

  .et-menu li li.menu-item-has-children:hover > a:first-child:after {
    content: "5" !important;
  }
}

/* Quote Blocks */
.what-our-customer-say strong {
  font-family: "Cera Pro Black", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 400;
}

/* Home page blog block */
/* @media only screen and (max-width: 980px) {
  .whats-new-blog article {
    width: 100% !important;
  }
} */