/* -------------------------------------------------- */
/* ----------------------desktop--------------------- */
/* -------------------------------------------------- */

/* menu links*/
.mkdf-light-header .mkdf-page-header>div:not(.mkdf-sticky-header) .mkdf-main-menu>ul>li>a,.mkdf-light-header.mkdf-header-style-on-scroll .mkdf-page-header .mkdf-main-menu>ul>li>a {
    color: #1F333D;!important
}


/*hover button banner*/
.button-banner a:hover{
    color: #ffffff;
    background-color: #226A8D!important;
}


/*footer (stay in grid)*/
.footer-wrapper{
    max-width: 1100px;
    margin: auto!important;
}

/*banner guthenberg*/
.is-layout-flex > .banner-content-box{
    height: 70%;
    margin-top: auto!important;
    margin-bottom: auto!important;
    margin-left: -5%;
    margin-right: auto;
    z-index: 100;
    padding: 6px 24px;
    border-radius: 4px;
}


/*book now - button menu*/
#nav-menu-item-4695 a span{
    color: #FFFFFF;
    /*font-family: Poppins;*/
    /*font-weight: 600;*/
    background-color: #226A8D;
    padding: 2px 11px;
    display: block;
    border-radius: 50px;
}

/*contact me - button menu*/
/*#nav-menu-item-4352 a span.item_outer{*/
   /* color: #27759B!important;*/
    /* border: solid 1px #27759B!important;*/
     /*padding: 4px 11px!important;*/
     /*display: block!important;*/
     /*border-radius: 50px!important;*/
     /*margin-right:16px;*/
/*}*/

/*align content middle in the banner row in desktop */
.row-banner .clearfix.mkdf-full-section-inner {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.buttons-wrapper div.wpb_wrapper{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

/*streches elements with this class*/
.width100{
        width: 100%;
}


/*background split colors - hero wrapper on homepage*/
.hero-wrapper.vc_custom_1744652718976{
   background: linear-gradient(to bottom, #F1EAE8 84%, #FAF5F4 84%);
   /*background: red!important;*/
}

/*remove white border*/
.flexslider{
    border: none!important;
}

/*image right - image top mobile row*/
.image-right-wrapper .mkdf-section-inner-margin.clearfix{
    display:flex;
}

/* -------------------------------------------------- */
/* ---------------tablet devices 900px--------------- */
/* -------------------------------------------------- */
@media only screen and (max-width: 900px) {

    /*start - hero area*/
    
    /*hero area*/
     /*picture on top, content bottom on mobile*/
    .order-2.wpb_column.vc_column_container.vc_col-sm-6{
        order: 2!important;
        width: 100%;
    } 
    /*end - hero area*/    
    
} /*do not delete :) - end of media query 900px*/


/* -------------------------------------------------- */
/* ---------------tablet devices 780px--------------- */
/* -------------------------------------------------- */
@media only screen and (max-width: 780px) {
    
    /*footer (margin in mobile)*/
    .footer-wrapper{
    width: 80%;
    }
    
    /*banner guthenberg*/
    .is-layout-flex > .banner-content-box{
    height: auto;
    margin-top: -40px!important;
    margin-bottom: auto!important;
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 24px!important;
    }
    
    /*start-banner wpbakery*/
    /*main banner wp bakery: stack content under each other */
    .row-banner .clearfix.mkdf-full-section-inner {
        display: block;
        width: 100%;
        align-content: center;
        align-items: center;
        vertical-align: middle;
    }
    
    /*center content text box inside the main banner */
   .wrapper-text-box-banner div.vc_custom_1742735411842 {
        width: 80%; /*center text-box */
        margin-left: auto!important; /*center text-box */
        margin-right: auto!important; /*center text-box */
        margin-top: -40px; /*overlap text-box with image on top */
        margin-bottom: 40px;
       
    }
    /*end-banner wpbakery*/
    
    .width100-mobile{
        width: 100%;
    }
    
    /*picture on top, content bottom on mobile*/
    .hero-wrapper .mkdf-section-inner-margin.clearfix{
        display: flex;
        flex-direction: column;
    }
    
    .picture-hero-column.vc_col-sm-6{
         width: 100%;
    }
    
    /*image right - image top mobile row*/
    .image-right-wrapper .mkdf-section-inner-margin.clearfix{
    display:flex;
    flex-direction: column;
    }
    
    /*image right - image top mobile row*/
    .order-2.wpb_column.vc_column_container.vc_col-sm-12.vc_col-lg-6{
        order:2;
    }
    
} /*do not delete :) - end of media query 767px*/