/*!
 Theme Name: Opses
 Theme URI: https://designoriginal.co.uk/
 Description: Opses Theme
 Author: Design Original
 Author URI: https://designoriginal.co.uk/
 Template: Divi
 Version: 1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */
body {
  font-weight: 400;
}

#top-header #et-info {
  float: right;
}

#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
  content: "";
  width: 22px;
  height: 14px;
  background-image: url(assets/down_triangle_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  right: -8px;
}

#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, #top-menu li.current_page_item > a {
  font-weight: 500;
}
#top-menu li a:hover {
  opacity: 1 !important;
  color: #33aaaa;
}
#top-menu .sub-menu {
  border: 0;
  padding: 0;
  background-color: #ffffff !important;
  width: auto;
  left: -20px;
}
#top-menu .sub-menu li {
  padding: 0;
  border-top: solid 1px white;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#top-menu .sub-menu li a {
  color: black !important;
}
#top-menu .sub-menu li a:hover {
  opacity: 1 !important;
  color: #33aaaa !important;
}
#top-menu .sub-menu li:first-of-type {
  border-top: 0;
}
#top-menu .sub-menu li.current_page_item a {
  color: #33aaaa !important;
}

#et-secondary-menu > ul > li > a:hover, #et-info-email:hover {
  opacity: 1;
  color: #175358;
}

footer.et-l--footer {
  position: relative;
}
footer.et-l--footer .social {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0 !important;
}
footer.et-l--footer .social img {
  height: 20px;
}

footer.et-l--footer::after {
  content: "";
  display: block;
  height: 10vw;
  width: 100%;
  position: absolute;
  left: 0;
  top: -9.5vw;
  background-size: cover;
  background-position: top left;
  background-image: url(assets/Opses_Homepage_footer_area_whoosh_border.svg);
}

.overlay-graphic::before {
  content: "";
  display: block;
  height: calc(100% + 2vw);
  width: 50%;
  position: absolute;
  left: calc(50% - 55px);
  top: 0;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(assets/Opses_Homepage_about_us_area_overlay_graphic.svg);
  z-index: 2;
}

.bottom-swish::after {
  content: "";
  display: block;
  height: 10vw;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -9.5vw;
  background-size: cover;
  background-position: bottom right;
  background-image: url(assets/Opses_Homepage_about_us_area_whoosh_border.svg);
  z-index: 1;
}

.vehicle-carousel .wdcl-carousel .slick-slide, .vehicle-carousel .wdcl_logo_carousel .slick-slide, .customers-carousel .wdcl-carousel .slick-slide, .customers-carousel .wdcl_logo_carousel .slick-slide {
  height: 60px;
}
.vehicle-carousel .wdcl-carousel .slick-slide div, .vehicle-carousel .wdcl_logo_carousel .slick-slide div, .customers-carousel .wdcl-carousel .slick-slide div, .customers-carousel .wdcl_logo_carousel .slick-slide div {
  width: 100%;
  height: 100%;
}
.vehicle-carousel .wdcl-carousel .slick-slide div img, .vehicle-carousel .wdcl_logo_carousel .slick-slide div img, .customers-carousel .wdcl-carousel .slick-slide div img, .customers-carousel .wdcl_logo_carousel .slick-slide div img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.customers-carousel .wdcl-carousel .slick-slide, .customers-carousel .wdcl_logo_carousel .slick-slide {
  height: 100px;
}

.et_pb_text ul {
  list-style-type: none;
  padding: 0;
}
.et_pb_text ul li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px;
}
.et_pb_text ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f47914;
}

/* Apply grayscale filter to the div's background image */
.greyscale-bg-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 0.3s ease-in-out;
  transition: -webkit-filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out; /* Smooth transition effect */
  cursor: pointer;
}

/* Remove the grayscale filter on hover */
.greyscale-bg-img:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.full-width-two-cols .et_pb_row .et_pb_column > div {
  max-width: 400px;
}
.full-width-two-cols .et_pb_row > div:first-of-type > div {
  margin-left: auto;
}
.full-width-two-cols .et_pb_row > div:nth-of-type(2) > div {
  margin-right: auto;
}

.wpforms_selector .wpforms-container {
  margin: 0 !important;
}
.wpforms_selector .wpforms-container .wpforms-one-half.wpforms-firstms-first {
  margin-left: 0;
}
.wpforms_selector .wpforms-container .wpforms-submit-container button {
  float: right;
  border-radius: 40px;
  font-size: 18px;
  color: #175358 !important;
  background: transparent !important;
  border: solid 2px #175358;
  padding: 0.3em 60px;
}
.wpforms_selector .wpforms-container .wpforms-submit-container button:hover {
  background: transparent !important;
  -webkit-box-shadow: 0px 0px 10px 0px #F47914;
          box-shadow: 0px 0px 10px 0px #F47914;
}

.wpforms_selector.brochure-form .wpforms-container .wpforms-submit-container button {
  color: #33AAAA !important;
  border: solid 2px #33AAAA;
}

.verto-features-section .verto-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.verto-features-section .verto-features > .et_pb_column {
  width: calc(33.333% - 30px) !important;
  margin: 0 15px 40px 15px !important;
}

@media (max-width: 980px) {
  .col-reverse .et_pb_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .verto-features-section .verto-features > .et_pb_column {
    width: 100% !important;
    margin: 0 0 40px 0 !important;
  }
}