/*
 Theme Name:   Mayfair
 Description:  Mayfair Theme
 Author:       SimpleSimple
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  mayfair
*/

.banner{
    min-height: 500px;
    background-size: cover;
    display: flex;
}

.banner__content__heading h1{
    text-transform: uppercase;
    font-size: 72px;
    font-weight: 300;
}

.banner__content__body{
    font-size: 18px;
    font-weight: 400;
    margin-bottom:18px;
}

.banner__content__body p{
    color: #FFFFFF;
}

.banner__content__subtitle h5{
    text-transform: uppercase;
    font-size: 29px;
    font-weight: 500;
}

.banner__content {
    color: #FFFFFF;
    font-family: "Montserrat", Sans-serif;
    max-width: 1270px;
    width: 100%;
    text-align: right;
    margin: auto;
    align-self:center;
}

.banner__content__telephone a{
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 30%);
    fill: #127FA5;
    color: #127FA5 !important;
    background-color: #FFFFFF;
    padding: 14px 32px;
    border-radius: 8px;
    box-shadow: 0px 2px 8px rgb(50 63 72 / 40%) ;
    border: 2px solid transparent;
    display: inline-block;
}

.banner__content__telephone span{
    margin-right:15px;
}

.buckets-container {
    max-width: 1140px;
    margin: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
}

.buckets-container .bucket{
    flex: 0 30%;
    margin: 0px 15px;
    height: 504px;
    border: 2px solid #b5babf;
    border-top: 12px solid #22a3c6;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border-radius: 4px;
}

.buckets-container .bucket img{
    flex-shrink: 0;
    width: 100%;
}


.buckets-container .bucket-body{
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0 1.25rem 1.25rem;
}

.buckets-container .bucket-body h5{
    font-family: "Montserrat", Sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    line-height: 32px;
    font-style: normal;
    font-weight: 400;
}

.buckets-container .bucket-body h6{
    font-family: "Montserrat", Sans-serif;
    margin-top: -0.375rem;
    margin-bottom: 0;
    font-weight: 500;
    font-style: normal;
    color: #b5babf;
    font-size: 16px;
}

.buckets-container .bucket-body .bucket-content{
    font-family: "Montserrat", Sans-serif;
    margin-top: 1rem;
    margin-bottom: 1rem;
}


@media screen and (max-width:1024px){

    #react-articles-filters{
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .elementor-widget-theme-site-logo{
        filter: brightness(0) invert(1);
    }

    span.sub-arrow{
        float: left;
        margin-right: 15px;
        margin-top: -2px !important;
        border: none !important;
        content: "" !important;
        display: inline-block !important;
        background: url(/wp-content/themes/mayfair/images/icons/outline/plus-circle.svg) no-repeat !important;
        filter: invert(24%) sepia(90%) saturate(949%) hue-rotate(162deg) brightness(96%) contrast(101%) !important;
        background-size: contain !important;
        width: 24px !important;
        height: 24px !important;
    }

    .sub-menu a{
        margin-left: 30px;
    }

    #menu-2-3cb32c9 li a{
        display: block !important;
    }

    span.sub-arrow i{
        display: none !important;
    }
    
    .elementor-menu-toggle{
        background: url(/wp-content/themes/mayfair/images/icons/outline/hamburger.svg) no-repeat !important;
        margin-right: 10px !important;
        content: "" !important;
        display: inline-block !important;
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(81deg) brightness(101%) contrast(102%) !important;
        background-size: contain !important;
        width: 44px !important;
        height: 44px !important;
    }

    .elementor-menu-toggle i{
        display: none;
    }

    .elementor-253 .elementor-element.elementor-element-090dac4{
        margin-bottom:0px;
    }

    div.elementor-253 .elementor-element.elementor-element-090dac4 > .elementor-widget-container{
        margin: 20px 25px;
    }

    .elementor-element-26708a3 a{
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(81deg) brightness(101%) contrast(102%) !important;
    }
    
}

@media screen and (max-width:1024px){

    nav.elementor-nav-menu--dropdown li a{
        padding: 10px 15px;
    	padding-left: 15px !important;
    	background-color: white !important;
    	color: #005f81 !important;
    	text-decoration: none;
    }
    
    nav.elementor-nav-menu--dropdown li {
    	border-bottom: 1px solid #d9d9d9;
    }
		
}

#breadcrumbs a,
#breadcrumbs span{
    font-size: 14px;
    font-family: "montserratsemi_bold",Helvetica,Arial,sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

.page-team ul{
    margin-bottom:0px;
}

h1,h2,h3,h4,h5,h6{
    overflow-wrap: normal;
}

#cookie-law-info-bar{
    background-color: #e6e6e6 !important;
}

#cookie-law-info-bar  .cli_messagebar_head{
    max-width: 1140px;
    margin: auto;

    font-size: 24px !important;
    letter-spacing: 0.06rem;
    line-height: 32px !important;
    font-family: "montserratregular",Helvetica,Arial,sans-serif;
    font-weight: 500;
    font-style: normal;
}

@media (min-width: 1920px){
    #cookie-law-info-bar  .cli_messagebar_head{
        max-width: 1380px;
    }
}


#cookie-law-info-bar .cli-bar-message{
    color: #5b6770 !important;
    letter-spacing: 0;
    line-height: 28px;
    font-size: 18px;
    font-family: "montserratlight",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
}


#wt-cli-accept-all-btn{
    background: #22a3c6 !important;
    color: #ffffff !important;
    border: 2px solid transparent;
    padding: 22px 62px;
    min-width: 315px;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 20px;
    font-family: "montserratsemi_bold",Helvetica,Arial,sans-serif;
    font-weight: 600;
    border-radius: 8px;
}

@media screen and (max-width:480px){
    #wt-cli-accept-all-btn{
        min-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
        padding: 12px 30px !important;
    }

    .cli-bar-btn_container{
        width: 100%;
    }

    
    #cookie-law-info-bar  .cli_messagebar_head{
        font-size: 16px !important;
    }
}



@media screen and (min-width:768px){
    a.elementor-button{
        min-width: unset;
    }

    div.elementor-location-footer .elementor-button{
        min-width: unset;
    }
}

@media screen and (min-width:940px){
    a.elementor-button{
        min-width: 218px;
    }

    div.elementor-location-footer .elementor-button{
        min-width: 218px;
    }
}


@media screen and (max-width:767px){
    #events-posts .elementor-col-33,
    #events-posts .elementor-col-66{
        width: 100%;
    }

    #events-posts .elementor-col-66{
        padding: 20px;
    }


}