.type-page .btn { margin-bottom: 24px; }

.subpage-header { background: rgba(12, 100, 100, 0.03);  }

.dropdown-item { font-size: 14px; }

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #B4B0B0;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input
{
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.25);
    border: none;
}

.nav-bg
{
      padding: 21.5px 30px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit
{
    left: auto;
  right: 24px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input
{
    padding-left: 24px;
}

.navbar .dropdown-menu { 
    left: 37px;
    top: 40px;
    border-radius: 15px;
    box-shadow: 0 0 30px #0000000a;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
  width: 21px;
  height: 21px;
}

.header-bbsn-links .bbsn-link svg
{
    margin: 0 15px 0 0;
}

#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
  max-width: 100%;
}

#cmplz-document p,
#cmplz-document li,
#cmplz-document td {
  font-size: initial;
}

.cmplz_consent_per_service_label {
  display: none;
}

.cmplz-banner-checkbox .cmplz-label {
  padding-left: 5px;
}

.hero h2 { line-height: 55px; }
.hero h2 small 
{ 
    display: block;
    line-height: 36px; 
}

/*.hero { background: linear-gradient(180deg, rgba(12, 100, 100, 0.03) 100vh, white 50%); }*/

    .homepage-news-box .container
    {
        position: relative;
        z-index: 2;
    }

@media(max-width: 1099px)
{
    .testimonial-content-container, .contact-container { margin: 60px 0; }
}

@media(max-width: 991px)
{
    .dgwt-wcas-search-wrapp { width: 100%; max-width: 100% !important; }
    .nav-bg { padding: 0; }
    .navbar-toggler {  margin-left: auto; }
    .homepage-products { padding: 90px 0; }
    .navbar .alt-office { display: none;} 
    .navbar .dropdown-contacts { margin-top: auto; }
    .offcanvas-content-parent { height: 100%; }
    .footer .call-action-section img { margin-top: 30px; }
}


@media(min-width: 991px) and (max-width: 1079px)
{
    .navbar .navbar-nav .nav-link { margin-left: 5px; }
}

@media(max-width: 767px)
{
    
    .homepage-news-box img
    {
        opacity: 0.15;
        z-index: 1;
        /*width: 100%;*/
    }
    
    .footer .bbsn-links { flex-direction: column; }
    .footer .bbsn-links .bbsn-link { margin: 10px 0px !important; width: fit-content; } 
}

@media(max-width: 576px)
{
    .homepage-news-box .btn { margin-bottom: 15px; }
    
    #carouselHome .btn { margin-right: 15px; }
}


.img-colourcode {
  border-radius: 10px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  width: 150px; }

.shapes-sizes-subitem-wrapper {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px #9bd80e solid;
  font-size: 16px; }

.subtable-th {
  margin-bottom: 15px !important;
  padding: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #b10021; }

.shapes-sizes-subitem {
  padding: 5px;
  text-align: center;
  border: 1px #9bd80e solid;
  margin-bottom: 15px !important; }

.woocommerce .btn {
  margin-right: 15px; }

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  color: #b10021; }

.attachment-icon {
  margin-bottom: 5px; }

.product_meta {
  background: #f4f4f4;
  padding: 30px 30px 0 30px; }
  
  .woocommerce ul.products li.product a img
  {
      object-fit: cover;
  border-radius: 15px;
  height: 300px;
  }
  
  .homepage-product-card:hover { background: #A22436; }
  .homepage-product-card .btn:hover,
    .homepage-product-card:hover .btn,
    .homepage-product-card .btn{ background: transparent; }
  
  .homepage-product-card:hover .btn,
  .homepage-product-card:hover .card-title { color: white; }
  
  .cta-container
  {
    border-radius: 7px;
    padding: 15px;    
  }
  
  .cta-container:hover 
  {
    background: #b10021;
  }
  
    .cta-container:hover .btn { color: white; box-shadow: none; }
    
    .footer a:not(.btn, .nav-link, .dropdown-item, .bbsn-link):hover 
    { text-decoration: underline; }
    
    .news-content .lead { margin-bottom: 35px; }
    
    .opening-cta { padding: 60px; }
    
    
    
    
/* Custom Mega Menu - Start 
Important - Below steps must also be compeleted 
1. Increase depth value in the wp_nav_menu function in header.php
2. Add the class .mega-menu to main dropdown parent
3. For each column required, create a nav item and add the col-* bootstrap class. Must be a child of .mega-menu
*/

.navbar .mega-menu .dropdown-menu.show {
  display: flex;
  /*left: auto;*/
}

.navbar .mega-menu .col-lg .dropdown-menu {
  display: block;
  box-shadow: none;
  position: relative;
  text-align: left;
  width: 100%;
  left: 0;
  top: 0;
}

.mega-menu .col-lg > ul > li > a,
.mega-menu .col-lg > ul > li > a:hover {
  font-weight: 600;
  color: #b10021;
  text-transform: uppercase;
    font-size: 14px;
}

.mega-menu .col-lg a,
.mega-menu .col-lg a:hover {
  line-height: 133%;
  font-size: 12px;
  overflow-wrap: normal;
  line-height: 133%;
  word-wrap: normal;
  word-break: normal;
  padding: 5px 15px;
}

.mega-menu .col-lg > a {
  display: none;
}

.navbar .mega-menu .col-lg {
  border-left: 1px solid #eeeeee;
}
.navbar .mega-menu .col-lg:nth-of-type(1) {
  border-left: none;
}

@media (min-width: 992px) {
  .navbar .mega-menu .col-lg {
    width: min-content;
  }
  
  .dgwt-wcas-search-wrapp { max-width: 25% !important; }
  /*.navbar .mega-menu > .dropdown-menu.show {*/
  /*  left: -125%;*/
  /*}*/
}

@media (max-width: 991px) {
  .mega-menu .dropdown-menu li {
    width: 100%;
  }
  .navbar .mega-menu .dropdown-menu.show {
    flex-direction: column;
  }
}

@media(max-width: 1499px) and (min-width: 992px)
{
    .navbar .mega-menu .dropdown-menu.show {
      display: block;
      columns: 2;
        left: 0;
    }
}

@media(max-width: 1499px) and (min-width: 1350px)
{
    .navbar .mega-menu .dropdown-menu.show {
      columns: 3;
    }
}

.offcanvas.offcanvas-end {
  width: 450px;
}

.dropdown-divider {
  border-color: #eeeeee;
}
/* Custom Mega Menu - End */

.btn-sm {
    font-size: 1rem;
    padding: 7px 20px;
}

.navbar .mega-menu .dropdown-menu.show
{
    padding: 10px;
}

.subpage-header h2
{
    margin-bottom: 0;
}

.content-box
{
    background: linear-gradient(to bottom, #fff 0%, #0c646408 100%);
}

.navbar .navbar-nav .nav-link
{ transition: 0.3s ease all; }

.nav-submenu .nav-link:hover
{
    background-color: #b10021 !important;
    color: white !important;
}

.nav-submenu .nav-link:hover svg path { fill: white; }

.ratio iframe { border-radius: 15px; }