/*
Theme Name: iNTERAD
Theme URI: https://iNTERAD.gr
Author: iNTERAD Team
Author URI: https://iNTERAD.gr
Description: Child Theme
Template: betheme
Version: 2.0.1
*/




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    font-family: 'Zatrikion-Light', Roboto;
    letter-spacing: 1px;
}

html{
    scroll-behavior: smooth;
}

/*for footer d-none for language*/
html[lang="en-GB"] body .footer-nav,
html[lang="en-GB"] #mfn-gdpr .el,
html[lang="en-GB"] body .group-link-icons .map-address{
    display: none;
}
html[lang="en-GB"] body .footer-nav.en,
html[lang="el"] #mfn-gdpr .el,
html[lang="en-GB"] #mfn-gdpr .en,
html[lang="en-GB"] body .group-link-icons .map-address.en{
    display:block;
}
html[lang="el"] body .footer-nav.en,
html[lang="el"] #mfn-gdpr .en,
html[lang="el"] body .group-link-icons .map-address.en{
    display: none;
}
/*end of for footer d-none for language*/

:root {
    --clr-blue: #4580A3;
}

.desc_wrapper .desc,
body p, body li{
    font-size: 18px;
}

#Subheader{
    display: none;
}

#Top_bar{
    border-bottom: 0;
}

#Top_bar.is-sticky{
    height : 62px;
}

#Top_bar .menu > li ul{
    background:#fff;
}

#Top_bar .menu > li > a{
    padding: 15px 0;
}

#Top_bar .menu li ul li{
    width: 100%;
}

#Top_bar .menu > li ul .lang-item.current-lang a{
    color: #fff;
}

.lang-item.current-lang {
    background: var(--clr-blue);
    color: #fff;
}

#Top_bar .menu > li > a span > span.d-mobile{
    display: none!important;
}

#Top_bar .book_now_btn a{
    color: #fff!important;
}

.menu-item .fa.fa-home{
    color : var(--clr-blue);
}
.header-split #Header .top_bar_left .menu > li{
    position: relative;
}
.header-split #Header .top_bar_left .menu > li .sub-menu{
    width : 100%;
}

.health.menu-item a span{
    border-right : 0!important;
}
.page-id-499 #Content,
.page-id-504 #Content{
    padding-top: 80px;
}
.sticky-white #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a:hover{
    color : var(--clr-blue);
}

.sticky-white #Top_bar.is-sticky, .sticky-white #Top_bar.is-sticky #menu{
    background: #fff!important;
    opacity: 1;
}
.button-animation-slide button:before{
    background: transparent;
}

/*footer*/

#Footer{
    background-color: #ededed;
    color:black;
}

.widget_block .footer-nav .footer-list{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

#Footer a:not(.button) {
    color: black;
}
.social-icons{
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-icons br{
    display: none;
}
.social_large{
    /*display: grid;
    grid-template-columns: 1fr 1fr;*/
    gap: 0 20px;
    text-align: center;
    display: flex;
}

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wp-block-column .group-link-icons{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px 30px;
}
.wp-block-column .group-link-icons a:first-of-type{
    flex: 0 0 100%;
}

#Footer .wp-block-columns{
    margin-bottom: 0;
}
#Footer .footer_copy .one{
    margin: 0;
    padding: 0;
    font-size: 14px;
}
#Footer .footer_copy .mcb-column-inner{
    margin: 0;
}

.button.button_size_2 {
    font-size : 18px;
    font-weight: 400;
    letter-spacing: 1px;
    padding:10px 30px;
    border-radius: 0;
    border: 1px solid var(--clr-blue);
    color: var(--clr-blue);
    background-color: transparent;
    margin: 0;
    transition: color .2s ease-in-out;
}
.button.button_size_2:after {
    background : var(--clr-blue);
}
.button:hover .button_label{
    color: #000;
    z-index : 999;
    position: relative;
    transition: color .2s ease-in-out;
}
.button.button_size_2:hover {
    border: 1px solid #000;
}
#cta_santorini .button.button_size_2{
    background : transparent;
    border: 1px solid #fff;
}
#cta_santorini .button .button_label{
    color: #fff;
}
#cta_santorini .button:hover .button_label{
    color: var(--clr-blue);
    transition: color .2s ease-in-out;
}
#cta_santorini .button.button_size_2:after{
    background : #fff;
}

.health-content img{
    max-width : 450px;
    width:100%;
}

/*welcome*/
#quote,
#services,
#villas,
#welcome{
    padding: 80px 0;
}

#villa-gallery,
#villa-services,
#villa-content{
    padding-top: 80px;
}

#main-image {
    overflow: hidden;
}

#main-image .hero_div{
    -webkit-animation: zoom 20s ease-in-out infinite;
    animation: zoom 30s ease-in-out infinite;
}

@-webkit-keyframes zoom{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.welcome-container .mcb-wrap-inner .mcb-column{
    margin: 0 auto;
    /*max-width: 600px;*/
}
.welcome-container .column_image{
    display: none;
}

.villas-content h2,
.title_combination h2,
.benefits_heading h2,
.offer h2,
.welcome-text h2{
    margin-bottom: 30px;
}

.villas-content h6,
.title_combination h6,
.benefits_heading h6,
.offer h6,
.welcome-text h6{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color:  var(--clr-blue);
}

.mcb-column-inner .column_attr h4{
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #252525;
}

.welcome-text .group-text{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/*services*/
.mcb-column-inner .column_attr .service-icons{
    margin-bottom: 15px;
}

.villas-content p{
    margin-bottom: 50px;
    padding: 0 30px;
}

.offer .offer_li{
    align-items: center;
    justify-content: center;
    display: flex!important;
    gap: 30px;
    list-style: none;
    margin: 0!important;
}

.offer .offer_li > .image_wrapper,
.offer .offer_li > .desc_wrapper{
    flex: 1;
    width: unset;
    max-width: 550px;
    margin: 0;
}
.offer .offer_li > .image_wrapper{
    max-width: 650px;
}

.offer_details .photo_box .image_frame {
    display: flex;
    align-items: center;
    justify-content: center;
}
.offer_details .photo_box .image_frame .image_wrapper{
    width : unset;
}
.offer .offer_li .desc_wrapper.align_left{
    text-align: center;
}
.offer .offer_li .desc_wrapper.align_left >.desc{
    display: flex;
    flex-direction: column;
    gap: 40px   ;
}



.offer_li .offer_details br{
    display: none;
}
.offer_li .photo_box{
    text-align: center;
    flex: 1 0 30%;
}
.mcb-column-inner .column_attr .service-icons,
.style-simple .icon_box .image_wrapper img,
.offer_li .photo_box img{
    filter: invert(38%) sepia(0%) saturate(0%) hue-rotate(53deg) brightness(100%) contrast(92%);
}

.offer_li .offer_details {
    display: flex;
    align-items: center;
    justify-content: center;
}

.coloured_txt{
    color: var(--clr-blue);
}

.santorini-column hr,
.health-content hr{
    display:inline-block;
    width:10%;
    height:2px;
    border-width:0;color:gray;
    background-color:gray;
    margin: 20px 0;
}

.health-content .ul_title{
    margin: 0;
}

.offer .slick-arrow{
    margin-top : 0;
}
.mcb-section .mcb-wrap :not(.gallery-icon) .image_frame{
    border-radius: 0 12px 12px 12px;
    border-style: solid;
}
.offer_li .image_wrapper .wp-post-image {
    border-radius: 0 12px 12px 12px;
}

.villa_complex:not(:first-of-type) .villa-details_container{
    padding-left: 80px
}

.mcb-wrap-inner .villas-button{
    padding-top: 10px;
}

.offer a.slider_prev {
    left: 14%;
    margin-top:0;
}
.offer a.slider_next {
    left: unset;
    right: 13%;
    margin-top:0;
}

.slider_pagination{
    display: none;
}
#villas .icon-down-open-big:before {
    content: '\e916';
}

#villas .icon-up-open-big:before {
    content: '\e8b8';
}

.offer_ul a.slider_prev{
    font-size:50px;
    opacity: .3;
}
.offer_ul a.slider_next {
    font-size:50px;
    opacity: .3;
}
.offer a.slider_prev  i {
    color: grey;
}
.offer a.slider_next i{
    color: grey;
}

.offer_ul a.slider_prev,
.offer_ul a.slider_next{
    background: none;
}

.villas-container > .mcb-wrap-inner{
    padding: 70px 0;
}

.benefits_box{
    text-align: center;
    padding: 20px 0;
}

.mcb-section .villas-container > .mcb-wrap-inner:before{
    content: "" ;
    width: max(38vw,920px);
    height: 100%;
    position: absolute;
    background: #fcfcfc;
    z-index: -1;
    left: 35%;
    top: 0;
    border-radius: 12px;
    border-top-left-radius: 0 ;
}
.villas-inside{
    padding: 30px 0;
}
.mcb-section.villas-inside  .villas-container > .mcb-wrap-inner:before{
    display: none;
}
.villas-inside >.mcb-section-inner:before{
    content: "";
    width: 920px;
    height: 100%;
    position: absolute;
    background: #ededed;
    z-index: 0;
    left: 35%;
    top: 0;
    border-radius: 12px;
    border-top-left-radius: 0;
}
.offer .desc_wrapper .title{
    display: none;
}
.villa-images_container:not(.column_one) > .mcb-wrap-inner>div:nth-of-type(3) .mcb-item-image-inner,
.villa-images_container:not(.column_one) > .mcb-wrap-inner>div:nth-of-type(1) .mcb-item-image-inner{
    position: relative;
    top: 10px;
}
.villa-images_container.column_one{
    text-align: center;
}

.villa-title h2{
    margin-bottom: 50px;
}
/*map*/

.map-image .mcb-column-inner .image_frame .image_wrapper .scale-with-grid{
    width: 400px;

}
.mcb-wrap-inner .map-details .mcb-column-inner .column_attr .button{
    margin-top: 60px;
}

.mcb-wrap-inner .map-details .mcb-column-inner .column_attr p {
    padding-top: 25px;
}

.white_txt{
    color: #fff;
}

/*cta santorini*/
.complex_quote{
    margin : 80px 0;
}
.complex_quote .white_txt{
    margin-bottom: 0;
}
.complex_quote,
#cta_santorini{
    padding: 160px 0;
    position: relative;
}
#cta_santorini .white_txt{
    margin-bottom: 30px;
}
#cta_santorini .section_wrapper {
    z-index : 2;
}
.complex_quote:before,
#quote:before,
#cta_santorini::before {
    background: rgb(19 25 53 / 60%);
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}
.section > .mfn-parallax{
    z-index: 0;
}
/*end of cta santorini*/

/*VILLAS*/

.villa-images_container > .mcb-wrap-inner>div .mcb-item-image-inner{
    width: 100%;
    margin: 0;
}
.villa-images_container.column_one > .mcb-wrap-inner{
    grid-template-columns: 1fr  ;
}

.villa-images_container > .mcb-wrap-inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.villa-images_container > .mcb-wrap-inner .column_image {
    width: 100%;
}

/*villa-services*/

.title_combination {
    text-align: center;
}

#villa-services .mcb-item-icon_box-inner::before {
    content: "";
    position: absolute;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    border: 1px solid #e1e1e1;
    transition: all 0.3s ease-in-out;
}
#villa-services .icon_box{
    padding:20px 0;
}
#villa-services .icon_box .image_wrapper{
    margin-bottom: 0;
    padding-top: 0;
}
#villa-services .mcb-item-icon_box-inner{
    position: relative;
    /*background-color: #ffffff;*/
    min-height: 200px;
    margin: 0;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

#villa-services .mcb-wrap:nth-of-type(2) .mcb-wrap-inner{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}
#villa-services .mcb-wrap:nth-of-type(2) .column_icon_box{
    width: 100%;

}

.villa-details hr{
    margin: 30px auto 0;
}

/*villa-gallery*/
.gallery .gallery-item {
    margin: 0 0 1.5%!important;
}

#villa-gallery{
    padding-bottom: 50px;
}
.page-id-612 #villa-gallery,
.page-id-504 #villa-gallery{
    padding-top: 0;
}


/*Βίλες*/
.villas-image .mcb-column-inner .image_frame .image_wrapper .scale-with-grid{
    border-bottom-left-radius:12px ;
    border-bottom-right-radius: 12px;
    border-top-right-radius:12px ;
}

/*Σαντορίνη*/
#quote h1{
    color: white;
    position: relative;
    z-index : 2;
}
#santorini_content_text{
    padding: 50px 0;
}
.mcb-wrap-inner .column_blockquote{
    margin: 50px 0;
}
.column_blockquote .mcb-column-inner .blockquote .mfn-inline-editor{
    border: solid 1px #ededed;
    border-radius: 10px;
    padding: 20px;
}

.style-simple blockquote{
    margin: 0;
}

#santorini_content{
    padding: 80px 0;
}

.book_now_btn{
    background: var(--clr-blue);
    color: #fff;
}
.menu-item-object-page.last a span{
    /* border-right: 0!important;*/
}
.menu > li.menu-item a{
    border-top: 2px solid transparent;
}
.menu > li.current_page_item a {
    border-top: 2px solid #4580a3;
}
.menu > li.menu-item:hover a{
    border-top: 2px solid #4580a3;
}

#santorini_content_text img.scale-with-grid {
    border-radius: 50%;
    /*shape-outside: ellipse();*/
    shape-outside: circle(50%);
    margin: 20px;
}
#santorini_content_text img.scale-with-grid:nth-of-type(even){
    float: left;
    margin-left: 0;
}
#santorini_content_text img.scale-with-grid:nth-of-type(odd){
    float: right;
    margin-right: 0;
}
#Footer .map-address{
    width:100%;
}
#Footer .map-address i{
    margin-right: 4px;
}

.social_large span:last-child{
    display: none;
}


/*Last Changes*/
#Footer .widgets_wrapper #block-14{
    display: none;
}
.service-wrap-additional{
    margin-top: 50px;
}
.offer_heading h2,
.villas-content h2{
    display: none;
}
.offer_heading h6,
.villas-content h6{
    margin-bottom: 25px;
    font-size: 30px;
}
#Footer .widgets_wrapper #block-15{
    margin: 30px 0 15px;
}
.villa-title .coloured_txt{
    display: none;
}
.villa-title h2{
    color: var(--clr-blue);
}
/*.header-split #Header .top_bar_left .menu > li .sub-menu {
    width: 360px;
}*/

.header-split #Header .top_bar_left .menu > li#menu-item-1091 .sub-menu,
.header-split #Header .top_bar_left .menu > li#menu-item-1095 .sub-menu,
.header-split #Header .top_bar_left .menu > li#menu-item-1084 .sub-menu,
.header-split #Header .top_bar_left .menu > li#menu-item-1088 .sub-menu {
    width: 360px;
}
#Side_slide #menu ul li ul li a {
    padding-left: 28px;
    font-size: 14px;
}

/*MEDIA*/

@media screen and (min-width: 1921px){
    #main-image .hero_div .mcb-wrap-inner{
        height : 85vh;
    }
    :not(#main-image).section.full-width > .section_wrapper{
        max-width : 1920px!important;
    }
    .mcb-section .villas-container > .mcb-wrap-inner:before {
        width:920px;
    }

}

@media screen and (max-width:1600px) {
    .offer a.slider_prev {
        left: 1%;
    }
    .offer a.slider_next {
        right: 1%;
    }
}

@media screen and (max-width:1830px){
    .offer a.slider_next {
        right: 8%;
    }
    .offer a.slider_prev {
        left: 8%;
    }
}
@media screen and (max-width:1550px){
    .offer a.slider_next {
        right: 2%;
    }
    .offer a.slider_prev {
        left: 2%;
    }

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

    .villa-details .mcb-item-column-inner{
        margin-bottom: 0;
    }
    #villa-services{
        padding-top: 50px;
    }

    .complex_quote,
    #cta_santorini,
    .villas-container > .mcb-wrap-inner{
        padding: 80px 0;
    }
    #Top_bar .menu > li > a span:not(.description){
        padding : 0 10px;
    }
    #main-image .hero_div .mcb-wrap-inner{
        height : 85vh;
    }
    .offer_ul a.slider_prev,
    .offer_ul a.slider_next{
        bottom: 0;
        top: unset;
        left: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .offer a.slider_next {
        right: 3%;
    }
    .offer a.slider_prev {
        right:42%;
    }
}


@media screen and (max-width:1240px){
    .menu-item .fa.fa-home{
        display: none;
    }
    .menu .d-mobile{
        display: block;
    }
    /*.container, .section_wrapper, .with_aside .content_wrapper {
        max-width: 1220px;
    }*/
    #villa-services .mcb-wrap:nth-of-type(2) .mcb-wrap-inner {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width:991px){
    body,
    .desc_wrapper .desc,
    body p, body li{
        font-size: 16px;
    }
    .wp-block-column .group-link-icons {
        gap: 20px 30px;
    }

    .villa_complex:not(:first-of-type) .villa-details_container{
        padding-left: 0;
    }
    #villa-gallery, #villa-services, #villa-content{
        padding-top: 50px;
    }
    .villa_complex .section_wrapper{
        padding: 0 20px;
    }
    .villa_complex .section_wrapper,
    #villa-content .section_wrapper{
        gap : 30px;
    }
    .villa_complex .section_wrapper:after,
    #villa-content .section_wrapper:after{
        display: none;
    }
    .villa-title .mcb-column-inner.mcb-item-column-inner,
    .villa-title h2{
        margin : 0;
    }
    .villa-title_container{
        order: -2;
    }
    .villa-images_container{
        order: -1;
        width: 100%!important;
    }
    .column_column.villa-details,
    .villa-details_container,
    .villa-images_container .image_frame,
    .villa-images_container .image_frame .image_wrapper img{
        width: 100%!important;
    }

    .villas-inside >.mcb-section-inner,
    .offer_li{
        flex-direction: column;
        padding: 0 20px;
        gap: 20px;
    }
    .villas-inside >.mcb-section-inner:before,
    .mcb-section .villas-container > .mcb-wrap-inner:before{
        width: 100%;
        left: unset;
        border-radius: unset;
    }
    .offer a.slider_next {
        right: 1%;
    }
    .offer a.slider_prev {
        right: unset;
        left: 1%;
    }
    .villas-container,
    .offer .offer_li .desc_wrapper.align_left{
        width: 100%;
    }
    .offer_li .offer_details{
        flex-direction: column;
        gap : 20px;
    }
    .offer_li .photo_box {
        display: flex;
        gap: 20px;
        align-items: center;
        min-width: 170px;
    }
    .offer .offer_li .desc_wrapper.align_left >.desc{
        gap : 30px;
    }

    .photo_box .desc,
    .photo_box .image_frame,
    .offer .offer_li .image_wrapper{
        margin: 0;
    }
    #villa-services .mcb-wrap:nth-of-type(2) .mcb-wrap-inner{
        grid-template-columns: repeat(3,1fr);
    }

}
.page-id-626 #villas,
.page-id-47 #villas{
    display: none;
}

@media screen and (max-width:767px){
    .button:hover .button_label{
        color: var(--clr-blue-700)!important;
    }
    #santorini_content_text img.scale-with-grid{
        width : 100%;
        display: block;
        float : unset!important;
        text-align: center;
        /*max-width:250px;*/
        border-radius: unset;
        margin : 20px auto!important;
    }
    .page-id-47 .villas-inside,
    .page-id-626 .villas-inside{
        display: none;
    }

    .page-id-626 #villas,
    .page-id-47 #villas{
        display: block;
    }


    .villa-details p:last-of-type{
        margin: 0;
    }
    .villas-content p{
        margin-bottom: 30px;
    }
    .villa_complex .section_wrapper,
    #villa-content .section_wrapper{
        gap : 40px;
    }

    .benefits_box{
        width: 50%!important;
    }
    .widget_block .footer-nav .footer-list{
        flex-direction: column;
        gap: 0;
    }
    .footer-nav .footer-list .footer-item a{
        padding: 10px 0;
        display: block;
    }

    .welcome-text br,
    .d-none-mobile{
        display: none;
    }
    .footer-copy-center #Footer .footer_copy .copyright{
        font-size: 14px;
    }
    .dev_by{
        display: block;
    }
    #villa-content{
        padding-top: 0;
    }
    #villa-services .icon_box{
        padding : 10px;
        font-size: 14px;
    }
    #villa-services .mcb-wrap:nth-of-type(2) .mcb-wrap-inner{
        grid-template-columns: repeat(2,1fr);
    }
    .villa-images_container > .mcb-wrap-inner{
        grid-template-columns: 1fr;
    }
    .villa-images_container:not(.column_one) > .mcb-wrap-inner>div:nth-of-type(3) .mcb-item-image-inner, .villa-images_container:not(.column_one) > .mcb-wrap-inner>div:nth-of-type(1) .mcb-item-image-inner{
        top : unset;
    }
    .villa-images_container > .mcb-wrap-inner .column_image:not(.villa-img4){
        display: none;
    }
    .offer .offer_li .desc .btn_div{
        margin-top: 20px;
    }
    .offer p.offer_sub {
        min-height: 57px;
        margin: 0;
    }
    /*.section_wrapper, .container, .four.columns .widget-area {
        max-width: 1220px !important;
    }*/
    .offer_ul a.slider_next , .offer_ul a.slider_prev   {
        font-size: 35px;
    }
    .offer a.slider_prev {
        left: 15%;
        bottom: 2px;
    }
    .offer a.slider_next {
        right: 15%;
        bottom: 2px;
    }
}
@media screen and (max-width:480px){
    #villa-services .mcb-wrap:nth-of-type(2) .mcb-wrap-inner{
        grid-template-columns: 1fr;
    }
    .offer_ul a.slider_next , .offer_ul a.slider_prev {
        font-size: 30px;
    }
    .offer a.slider_prev {
        left: 9%;
        bottom: 14px;
    }
    .offer a.slider_next {
        right: 9%;
        bottom: 14px;
    }
    .offer_heading h6, .villas-content h6 {
        font-size: 25px;
    }
    .offer_heading h6 br, .villas-content h6 br {
        display: none;
    }

}
@media screen and (max-width:375px){
    #villa-services .mcb-wrap:nth-of-type(2) .mcb-wrap-inner{
        grid-template-columns: 1fr;
    }
    .offer a.slider_prev {
        left: 4%;
    }
    .offer a.slider_next {
        right: 4%;
    }
    .offer_heading h6, .villas-content h6 {
        font-size: 23px;
    }
}