/*
Theme Name: GreyboxPro Child
Theme URI: http://greyboxpro.com/
Author: Mettro Pty Ltd
Author URI: https://mettro.com.au/
Description: GreyboxPro child theme, Theme Demo: https://demo.greyboxpro.com/
Version: 1.0.0
Template: greyboxpro
Text Domain: greyboxpro
*/


.nav-menu-hover a:after {
    position: absolute;
    content: "";
    background-color: #ff831a;
    height: 2px;
    bottom: 4px;
    width: 100%;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.nav-menu-hover a:hover:after{
    opacity: 1;
}
.nav-menu-hover a:hover{
    font-weight: 700;
}

.navbar-nav .drop-icon .fa-chevron-down:before{
    content: "";
}
.navbar-nav .drop-icon .fa-chevron-down{
    background-image: url("images/arrow-down.svg");
    width: 18px;
    height: 15px;
    margin-left: 5px;
    transition: transform 0.3s ease; /* Smooth rotation */

}
ul.navbar-nav > li > a.menu-link{
    height: 80px;
    align-content: center;
    display: block;
}

ul.navbar-nav > li:hover > a.menu-link{
    background-color: #fff1e6;
}
.navbar-nav{
    display: flex !important;
    padding-left: 10px;
}
.navbar-nav li{
    /* padding-right: 20px; */
    width: 100%;
}
/* Rotate the arrow on hover */
.navbar-nav li:hover .drop-icon .fa-chevron-down {
    transform: rotate(180deg); /* Flips it upward */
}
.navbar-nav li:hover a{
    font-weight: 700;    
}
/* body header .navbar .sub-menu{
    background-color: #fff1e6;
} */
body header .navbar .sub-menu .sub-menu-item{
    margin-top: 0px;
    padding: 0px;
    width: 300px;
}
body header .navbar .sub-menu .sub-menu-item li{
    padding: 14px 40px;
    display: block;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    position: relative;
    transition: padding .2s ease-in-out;
}

body header .navbar .sub-menu .sub-menu-item li a:after{
    position: absolute;
    transform: rotate(-90deg);
    width: 18px;
    height: 18px;
    left: 1rem;
    top: 0;
    content: "";
    background: url(images/arrow-down.svg) 0 no-repeat;
    background-size: 20px;
    transform: translate(2px, 14px) rotate(-90deg);
    transition: transform .2s ease-in-out;
}

body header .navbar .sub-menu .sub-menu-item li:hover {
    background-color: #FF8321;
    font-weight: 700;
    padding: 14px 20px 14px 64px;
}
body header .navbar .sub-menu .sub-menu-item li:hover a{
    
    font-weight: 700;
}

body header .navbar .sub-menu .sub-menu-item li:hover a:after{
    width: 24px;
    background: url(images/icon-chevron-black.svg) 0 no-repeat;
    transform: translate(18px, 14px) rotate(0deg);
}
body header .navbar-nav .sub-menu .sub-menu-item{
    border: 0 none;
}

.premium-search__query-wrap{
    width: 340px;
    z-index: 100;
    background-color: #fff;
}

#search-field-header {
  display: none;
  transition: all 0.3s ease;
}

.tab-arrow-pointer button[aria-selected="true"]::after{
    transition: all .3s ease-in-out;
    position: absolute;
    transform: rotate(180deg);
    top: 100%;
    content: "";
    width: 37px;
    height: 14px;
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    background-color: #00585e;
}
.tab-arrow-pointer button[aria-selected="true"]{
    font-weight: 600;
}

/* 
21 px - tagline / 400 | 16 px tablet mobile
18 px - default / 400 | | 18 px tablet mobile
18 px - subheader / 700 | | 18 px tablet mobile
16 px - card-text / 400 | 16 px tablet mobile 
*/

.paragraph-tagline.elementor-widget-text-editor .elementor-widget-container, .paragraph-tagline .elementor-widget-text-editor .elementor-widget-container, .paragraph-tagline p{
    font-weight: 400;
    font-size: 21px;
}
.paragraph-subheader .elementor-widget-text-editor .elementor-widget-container, .paragraph-subheader p{
    font-weight: 700;
    font-size: 18px;
}

.paragraph-card-text.elementor-widget-text-editor .elementor-widget-container, .paragraph-card-text p{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.paragraph-subheader-large .elementor-widget-text-editor .elementor-widget-container, .paragraph-subheader-large p{
    font-weight: 700;
    font-size: 36px;
}

.swiper-nav-wrapper .swiper-button-disabled{
    display: none !important;
}
.swiper-nav-wrapper  .elementor-swiper-button-prev{    
    transition-duration: 0s !important;
}
.swiper-nav-wrapper:has(.elementor-swiper-button-next.swiper-button-disabled) .elementor-swiper-button-prev{
    left: 100% !important;
}

.elementor-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down{
    height: 18px;
    width: 18px;
}

.search-results-count{
    font-weight: 600;
}
.search-results-count span{
    color: #2A74B7;
}

.hover-link:hover a{
    text-decoration: underline;
}

/* .elementor-location-header.navbar_fixed + div[data-elementor-type="wp-page"]{
    margin-top: 132px !important;
} */
.elementor-location-header.navbar_fixed + div[data-elementor-type="page"], 
.elementor-location-header.navbar_fixed + div[data-elementor-type="single-post"], 
.elementor-location-header.navbar_fixed + div[data-elementor-type="single-page"], .elementor-location-header.navbar_fixed + main[data-elementor-type="single-post"]{
    margin-top: 124px !important;
}

body.page .elementor-location-header.navbar_fixed header,
body.single .elementor-location-header.navbar_fixed header{
    min-height: 80px;
}

.e-off-canvas__main{
    margin-top: 80px;
}

.e-off-canvas__no-scroll .default-burger-menu-icon, .close-menu-icon {
    display: none;
}

.e-off-canvas__no-scroll .close-menu-icon {
    display: block;
}

.override-menu-icon .elementor-nav-menu .sub-arrow::after{
    content: " ";
    background-image: url(images/arrow-down.svg) ;    
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    transition: transform 0.3s ease;
}
.override-menu-icon .elementor-nav-menu .sub-arrow svg{
    display: none;
}
.override-menu-icon nav > ul > li.menu-item{
    border-bottom: 0 none;
}
.override-menu-icon nav > ul > li.menu-item > a{
    border-bottom: 1px solid #000000;
}

.override-menu-icon nav > ul > li.menu-item a:hover{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    line-height: unset !important;
}

.override-menu-icon ul.elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown{
    background-color: #fff;
}


.override-menu-icon ul.elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown a{
    padding-left: 30px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    border-left: 0 none;
}
.override-menu-icon nav > ul > li.menu-item > a:focus{
    padding-left: 0;
    padding-right: 12px;
}

.override-menu-icon ul.elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown a::after{
    content: " ";
    background-image: url(images/arrow-down.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    transform: rotate(-90deg);
    position: absolute;
    left: 0;
}

.override-menu-icon ul.elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown li{
    border-bottom: 1px solid #8c9196;
    margin-left: 15px;
    margin-right: 15px;
}
.override-menu-icon ul.elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown li:last-child{
    border-bottom: 0 none;
}

.override-menu-icon li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children a.highlighted .sub-arrow::after{
    transform: rotate(180deg);
}

nav.navbar ul.navbar-nav li:last-child .sub-menu.default-sub-menu{
    right: 1px;
}

.elementor-widget-video .elementor-custom-embed-play:hover svg g path:first-child{
    fill: #fff;
}
.elementor-widget-video .elementor-custom-embed-play:hover svg g path:last-child{
    fill: #000
}
.elementor-widget-video .elementor-custom-embed-image-overlay{
    background-size: 100% !important;
    transition: background-size 0.5s ease;
}
.elementor-widget-video .elementor-custom-embed-image-overlay:hover{
    background-size: 110% !important;
}

.elementor-button-wrapper .elementor-button-icon svg{
    fill: #000;
}

.elementor-button-wrapper .elementor-button-icon svg{
    width: 22px;
}

.elementor-button .elementor-button-content-wrapper{
    align-items: center;
}

.supplier-login-wrapper form {
  font-family: Arial, sans-serif;
  max-width: 100%;
  margin: 30px 0;
}

.supplier-login-wrapper input[type="password"]{
  width: 100%;
  border: none;
  border-bottom: 2px solid #222;
  padding: 10px 5px;
  font-size: 16px;
  margin-bottom: 20px;
  background: transparent;
}

.supplier-login-wrapper form{
    width: 50%;
}

.supplier-login-wrapper #portal-username{
    background-color: #F1F1F1;
    color: #8E9297;    
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}

.supplier-login-wrapper label{
    margin-bottom: 0;
}
.supplier-login-wrapper input[type="password"]:focus {
  outline: none;
}

.supplier-login-wrapper .elementor-field-option {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 30px;
}

.supplier-login-wrapper .elementor-field-option input[type="checkbox"] {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}

.supplier-login-wrapper button[type="submit"] {
  background-color: #f57c00;
  color: #000;
  border: 1px solid #cb6128;
  padding: 12px 25px;
  font-size: 16px;
  border-radius: 12px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s ease;
  padding-right: 35px;
  font-weight: 600;
}

.supplier-login-wrapper button[type="submit"]::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 12px;
    background-size: cover;
    background: url(images/arrow-up-black.svg) 50% no-repeat;
    transform: translateY(7px) rotate(-90deg);
    transform-origin: center;
    right: 12px;
}

.supplier-login-wrapper button[type="submit"]:hover {
  background-color: #ffffff;
}

.custom-blog-filter-wrapper {
    display: flex;
    background: #f6f3f1;
}
.filter-sidebar {
    background: #eae5e2;
    padding: 20px;
    font-size: 24px;
    font-weight: 400;
    align-content: center;
}
.filter-controls {
    display: flex;
    gap: 30px;
    padding: 20px;
    background: #fff;
    flex-grow: 1;
}
.filter-controls select {
    border: none;
    border-bottom: 2px solid #333;
    background: transparent;
    padding: 10px;
    font-size: 18px;
    width: 50%;
    appearance: none;
    background-image: url('images/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: right center;
}
.filter-controls select:focus {
    border-color: #7fb3e2;
}

.gfield-choice-input{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

#custom-loop-results{

    min-height: 800px;
}
 #custom-loop-results .elementor-loop-container.elementor-grid{
    transition: grid-template-columns 0.3s ease;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
 }
 #custom-loop-results.result-list-view .elementor-loop-container.elementor-grid{
    grid-template-columns: repeat(1, 1fr);
}

 #custom-loop-results.result-list-view .elementor-widget-image img,
 #custom-loop-results.result-list-view .elementor-widget-image a{
    width: 100%;
}

#custom-loop-results a{
    text-decoration: none;
}

/* Each item */


#custom-loop-results > .loop-item {
  transition: all 0.3s ease;
}

.total-toggle-wrapper{
    display: flex;
    margin-top: 36px;
    margin-bottom: 36px;
}
.media-info-section{
    width: 50%;
}
.media-info-section.view-toggle{
    text-align: right;
}
.view-toggle .toggle-view{
    width: 32px;
    height: 32px;
    border: 0 none;
    background-position: center;
    background-size: cover;
    opacity: 0.5;
}
.view-toggle .toggle-view[data-view="grid"]{
    background-image: url(images/view-grid.svg);
}
.view-toggle .toggle-view[data-view="list"]{
    background-image: url(images/view-list.svg);
}

.view-toggle .toggle-view.active{    
    opacity: 1;
}

.button-inner-wrapper{
    display: inline-flex;
    gap: 8px;
}
.button-inner-wrapper span{
    margin-top: 2px;
}

.custom-pagination ul, nav.elementor-pagination {
    width: 100%;
    padding-left: 0;
    list-style: none;
    transition: all .15s ease;
    display: flex;
    justify-content: center;
}


.custom-pagination ul li a, nav.elementor-pagination a{
    padding: 0;
    color: #7d736d;
    text-decoration: none;
    display: unset;
    margin-left: unset;
    line-height: inherit;
    background-color: unset;
    border: 0 none;
}

.custom-pagination ul li a:hover, nav.elementor-pagination a:hover{    
    background-color: unset;
}

.custom-pagination ul li, nav.elementor-pagination a{
    padding: .5rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.5rem;
    color: #7d736d;
    border: 0 none; 
    background-color: unset;
    border-bottom: 3px solid #e8e4e1;
}
nav.elementor-pagination span.page-numbers.current{
    font-weight: 700;
    font-size: 1.5rem;
    color: #7d736d;
    padding: .5rem;
}

nav.elementor-pagination span.page-numbers{
    padding: .5rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.5rem;
    color: #e8e4e1;
    border: 0 none;
    background-color: unset;
    border-bottom: 3px solid #e8e4e1;
    cursor: default;
}

.custom-pagination ul li.active, nav.elementor-pagination span.page-numbers.current{
    border-bottom: 3px solid #faa21a;
    background-color: unset;
}

.custom-pagination ul li:hover{
    border-bottom: 3px solid #fbb64c;
    background-color: unset;
}
.loading-spinner{
    width: 100%;
    text-align: center;
}

.more-link a:after{
    transition: all .5s ease;
    background-color: #fff;
    content: "";
    top: auto;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 70px;
    height: 2px;
    position: absolute;
    line-height: 1.5;
    display: block;
}
.more-link a:focus-within:after, .more-link a:hover:after {
    width: 90px;
}
ul{
    margin-left: 20px;
}
ul li::marker{
    color: #faa21a;
    font-size: 20px;
}

.overlay-page-banner::before{
    mix-blend-mode: unset !important;
}

#custom-loop-results .e-loop-item{
    transition: box-shadow 0.4s ease, border-radius 0.4s ease;
    background-color: #fff;
    border-radius: 15px;
}
#custom-loop-results .e-loop-item:hover{
    box-shadow: -4px 4px 35px 0px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
}

.dialog-close-button.dialog-lightbox-close-button{
    font-size: 40px;
}

.gform_wrapper.gravity-theme .gfield_checkbox label{
    font-size: 14px;
}

.elementor-location-header.navbar_fixed{
    background-color: #fff;
}

body .searchwp-form-input-container .swp-input--search.swp-input{
    height: 48px;
    background-image: none;
    border-radius: 0 !important;
    font-weight: 600;
}
body .searchwp-form-input-container .swp-input--search.swp-input::placeholder{
    color: #BBBDBF;
}
body .searchwp-form-input-container .swp-input--search.swp-input:focus-visible{
    outline: transparent;
}

body #searchwp-form-2 input[type=submit]{
    background-color: #BBBDBF;
    border: 0 none;
    color: transparent;
    background-image: url(images/search-icon-mobile.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
}

body #searchwp-form-2 .swp-flex--row.swp-items-stretch.swp-flex--gap-md{
    gap: 0;
}
body #searchwp-form-2 .swp-input{
    border-radius: 0;
    border: 0 none;
}

body .searchwp-live-search-results-showing{
    position: fixed;
    z-index: 100;
    margin-top: -4px;
    border-radius: 0;
    border-top: 0 none;
    max-height: 100%;
}

body .searchwp-live-search-result--title{
    margin-bottom: 0;
}

body .searchwp-live-search-result .searchwp-live-search-result--title{
    line-height: 20px;
    font-weight: 600;
}

body.search-results .elementor-widget-container .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img{
    width: auto;
}

body .searchwp-live-search-result a{
    font-weight: 400;
    font-size: 16px;
    display: block;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}
body .searchwp-live-search-result a:hover{
    font-weight: 600;
}

body .searchwp-live-search-result{
    padding: 0;
    margin-left: 20px;
    margin-right: 20px;
}

body .searchwp-live-search-results-showing .more-result{
    padding: 12px;
    text-align: center;
    font-weight: 400;
    color: #00939D;
    font-size: 16px;
}

body .searchwp-live-search-results-showing .more-result a:hover{
    color: #00585E;
}

body .searchwp-live-search-result:last-child{
    border-bottom: 1px solid rgba(30, 30, 30, .1);
}

.search-results .elementor-post__title a:hover{
    color: #00585E !important;
    text-decoration: underline;
}

#breadcrumbs span{
    font-weight: 400;
}

#breadcrumbs a{
    color: unset;
    text-decoration: unset;
}

.accordion-icon-border .e-n-accordion-item-title-icon .e-opened,
.accordion-icon-border .e-n-accordion-item-title-icon .e-closed{
    border: 2px solid #FF741F;
    border-radius: 100px;
    height: 38px;
    width: 38px;
    padding: 8px;
}

.accordion-icon-border .e-n-accordion-item-title-icon .e-closed{
    padding-top: 10px;
}

body a.custom-link.arrow {
    font-weight: 400;
    /* margin-left: 5px; */
    color: #2a74b7;
    text-decoration: none;
}
body a.custom-link.arrow:hover {
    text-decoration: underline;
    color: #559ad8;
}

.custom-link .pdf-icon{
    background-image: url(images/pdf-icon.png);
    height: 16px;
    width: 16px;
    display: inline-block;
}

body .gbp-info-list-description{
    margin-bottom: 0;
}

.publicnotice a{
    overflow-wrap: break-word;
}

.publicnotice ul{
    margin-left: 20px;
}

.download-btn svg path{
    fill: #000;
}

body .elementor-widget-container .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img{
    width: unset;
}

body.single-post ul{
    margin-left: 20px;
}

.grecaptcha-badge{
    z-index: 100;
}

@media (max-width: 1440px) {
    .heading-banner{
        width: 80% !important;
    }
}

@media  (max-width: 1024px)  {
    
    /* .elementor-location-header.navbar_fixed + div[data-elementor-type="wp-page"]{
        margin-top: 75px !important;
    } */
    
    .elementor-location-header.navbar_fixed + div[data-elementor-type="page"],
    .elementor-location-header.navbar_fixed + div[data-elementor-type="single-page"], .elementor-location-header.navbar_fixed + main[data-elementor-type="single-post"]{
        margin-top: 35px !important;
    }
    .tab-arrow-pointer .e-n-tabs .e-n-tabs-heading{
        display: flex !important;
        width: 100%;
        gap: 4% !important;
        flex-wrap: nowrap !important;
    }
    .tab-arrow-pointer .e-n-tabs .e-n-tabs-heading button.e-n-tab-title{
        flex: 0 0 48%;
    }
    
    #custom-loop-results .elementor-loop-container.elementor-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px){
    .overlay-page-banner::before{
        background-image: linear-gradient(0deg, #1D262F 32%, #343B4E00 71%) !important;
    }
    .custom-blog-filter-wrapper{
        display: block;
    }
    .filter-controls{
        display: block;
    }
    .filter-controls select{
        width: 100%;
    }
    
    .custom-tab-wrapper .e-n-tabs .e-n-tabs-heading{
        flex-wrap: nowrap;
    }

    .map-overlay-wrapper{
        position: unset !important;
    }

}
@media  (max-width: 768px)  {
    
    /* .elementor-location-header.navbar_fixed + div[data-elementor-type="wp-page"]{
        margin-top: 15px !important;
    } */
    
    .elementor-location-header.navbar_fixed + div[data-elementor-type="page"],
    .elementor-location-header.navbar_fixed + div[data-elementor-type="single-page"], .elementor-location-header.navbar_fixed + main[data-elementor-type="single-post"]{
        margin-top: 15px !important;
    }
    .page .elementor-location-header.navbar_fixed + div.elementor{
        margin-top: 15px !important;
    }

    #custom-loop-results .elementor-loop-container.elementor-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .view-toggle.media-info-section{
        display: none;
    }
    .paragraph-subheader-large .elementor-widget-text-editor .elementor-widget-container, .paragraph-subheader-large p{
        font-weight: 700;
        font-size: 28px;
    }
    .paragraph-tagline.elementor-widget-text-editor .elementor-widget-container, .paragraph-tagline .elementor-widget-text-editor .elementor-widget-container, .paragraph-tagline p{
        font-size: 16px;
    }
}

@media  (max-width: 425px)  {
    .tab-arrow-pointer .e-n-tabs .e-n-tabs-heading{
        gap: 2.2% !important;
    }

}

@media (max-width: 405px) {
    .tab-arrow-pointer .e-n-tabs-heading{
        gap: 0.2% !important;
    }

    .tab-arrow-pointer .e-n-tabs .e-n-tabs-heading .e-n-tab-title:first-child{
        margin-right: 12px;
    }
    
    .tab-arrow-pointer .e-n-tabs .e-n-tabs-heading .e-n-tab-title{
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media (max-width: 355px) {
    .tab-arrow-pointer .e-n-tabs .e-n-tabs-heading{
        gap: 0.2% !important;
    }

    .tab-arrow-pointer .e-n-tabs .e-n-tabs-heading .e-n-tab-title:first-child{
        margin-right: 8px;
    }
    
    .tab-arrow-pointer .e-n-tabs .e-n-tabs-heading .e-n-tab-title{
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
        padding-top: 5px;
    }
}