﻿
/*Tanureen*/
:root { --firstFont: 'alef-bold'; --secondFont: 'alef-bold'; --thirdFont: 'alef-bold'; --black: #121212; --orange: #F95305; --darkOrange: #de5616; --grey: #d4d4d4; }




/*---------------------------------------/*
 sizes only for laptop (customer insisted)
/*----------------------------------------*/

@media screen and (min-width: 768px) and (max-width: 1280px) {
    p { font-size: 18px !important; }
}


/**************/
/***general****/
/**************/

body { background-color: var(--black); color: #fff; }
body #header { background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%) !important; }
a:hover, #header #header-center-kdm a:hover { color: var(--orange); ); }



@media (min-width: 1024px) {
    p { font-size: clamp(22px, 1.146vw, 300px) !important; }
    #headline h1 { font-size: clamp(50px, 2.604vw, 300px) !important; }
    .layout-half #GridPage { padding-inline: 61px; }
}

@media (max-width: 1024px) {
    label.error, span.error { left: 8px; }
}


/*utils*/
#text1 :is(li,p,h3,span), #text2 :is(p,li), .grid-rows .grid-row-text :is(h2,h3,p), .MainContent, .GalleryTitle, input { color: #fff; font-family: alef }

/*header*/

#header, body[data-module="1"] #header:not(.bg), #header.bg { background: none; box-shadow: #121212 0px 50px 36px -28px inset; }
#header #header-center-kdm a { color: unset; font-size: clamp(22px,1.146vw, 300px); }
#header-top-strip { background: #121212; border-bottom: #fff 1px solid }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before { background: #fff }
.submenu #nav-toggle span:after, .submenu #nav-toggle span:before { background: #000; }
.submenu > li.social-mobile .social-links .facebook_icon_instagram svg { /* min-width: unset; */ transform: scale(0.7); }
.menu-open #nav-toggle span { background: #000; }


@media (max-width: 1024px) {
    #header #header-right::after { background: #fff; }
    #header-top-strip { display: none; }
    .submenu > li.social-mobile .social-links a.social_icon_instagram { }
    .submenu > li.social-mobile .social-links a.social_icon_instagram svg { min-width: 19px; }
    .submenu .footer-address { color: var(--black); direction: ltr; }
    .submenu > li.social-mobile .social-links .facebook_icon_instagram svg { /* min-width: unset; */ transform: unset; }
    .submenu li.has-sub .menu-sub li { font-size: 1.8rem; }
}


@media (min-width: 1024px) {
    #header-top-strip p { font-size: clamp(18px, 0.938vw, 300px) !important; }
    .submenu > li:not(.social-mobile) > a { font-size: clamp(22.5px,1.172vw, 300px); }
    .submenu li.has-sub .menu-sub li a { font-size: clamp(20px, 1.042vw, 300px); }
}

/************************/
/*dynamic form in events*/
/************************/
#DynamicFormObject { color: #fff; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset { flex-wrap: nowrap; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:not(.checkboxField) input, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select { border-bottom: 1px solid #C8C8C8 !important; color: #C8C8C8; padding-right: 20px; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: unset; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:hover, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:focus { background: var(--darkOrange); color: #fff; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:is(.textareaField, .checkboxField) textarea::placeholder, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:not(.checkboxField) input::placeholder { color: #c8c8c8; }

@media (max-width:1024px) {
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset { flex-wrap: wrap; justify-content: flex-start; }
}


/**************/
/*****main*****/
/**************/

body[data-module="1"] .grid-content-section .grid-boxes .grid-box.no-text { pointer-events: all; }


@media (min-width: 1025px) {
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button, input::-webkit-inner-spin-button:hover { -webkit-appearance: none; margin: 0; }
}


/*down nav*/
.KDMStrip { background: none; border: 1px solid #fff; }
.KDMStrip nav ul { background: #fff; color: var(--black); }

@media (max-width:1024px) {
    .KDMStrip nav.KDMStripNav.active { width: 100%; }
}

@media (min-width:1025px){
    .KDMStrip a { font-size: clamp(20px,1.042vw,300px); }
}

/*menus*/
body[data-module="4"] {
    background: var(--black); color: #fff
}
body[data-module="4"].layout-half #GridContent #MenuModule { background: unset; }
body[data-module="4"].layout-half #GridPage .max-width { background: unset; }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemTitle { background: var(--black); padding-left: 0.45vw; ); font-size: clamp(22px,1.146vw, 300px); }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemPrice { background: var(--black); z-index: 1; overflow: hidden; font-size: clamp(22px,1.146vw, 300px); }
body[data-module="4"] #GridContent #MenuModule #menuModuleNav a { color: #fff; font-size: clamp(18px, 0.938vw, 300px); }
body[data-module="4"] #GridContent #MenuModule #menuModuleNav a:hover, body[data-module="4"] #GridContent #MenuModule #menuModuleNav a.selected { color: var(--orange); }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem0 .menuModuleTextItemPart::after, body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem1 .menuModuleTextItemPart::after { background: repeating-linear-gradient(90deg, #fff 0 4px, transparent 0 9px); }
.menuModuleContentPart:after { display: none }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active { background: var(--orange) }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item { border-radius: 30rem; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item:hover { background: var(--orange) }
body[data-module="4"].layout-half #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem0, body[data-module="4"].layout-half #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem1 { width: 100%; }
body[data-module="4"].desserts.layout-half #GridContent #MenuModule #menuModuleNav { display: none; }

@media (max-width: 1024px) {
}


@media (min-width: 1024px) {
    body[data-module="4"].desserts.layout-half #GridContent #MenuModule .categories-strip { margin-bottom: 2.083vw; }
    body[data-module="4"].layout-half #GridContent #MenuModule { max-width: min(765px, 50.844vw); }
    body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemDescription { font-size: clamp(18px,0.938vw,300px); }
}


/**********************/
/*****blogs-lobby******/
/**********************/

body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleLink { color: var(--orange); cursor: pointer; }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper::after { display: none }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleLink::after { content: url("https://media.getmood.io/warehouse/dynamic/606984.svg"); display: inline-block; width: 15px; height: 15px; vertical-align: middle; padding-right: 5px; }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleLink { text-decoration: none }

/*****************/
/******blog*******/
/*****************/
body[data-module="5"].contentInnerPage #BlogView .blog-related-posts .blog-post .blog-post-button a { text-decoration: none; color: var(--orange); }

/*reserve footer*/


body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: unset }

@media (min-width: 1025px) {
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { max-width: 26.042vw; }
    body[data-module="10"] .section.grid-gallery-section .gallery-cubes .gallery-wrapper > div:not(:nth-child(5n+1)) .boxes-images-outer-image { width: max(100%,32vw); }
    body[data-module="10"] .section.grid-gallery-section .gallery-cubes .gallery-wrapper:nth-child(odd) > div:nth-child(5n+1) .boxes-images-outer-image { width: max(100%,32vw); }
    body[data-module="10"] .section.grid-gallery-section .gallery-cubes .gallery-wrapper:nth-child(even) > div:nth-child(5n+5) .boxes-images-outer-image { width: max(100%,32vw); }
    
}


/*footer*/

#SiteFooter .footer-text-divided { background: unset; }


@media (min-width: 1025px) {
    #SiteFooter .footer-text-divided > div ul li { font-size: clamp(22px,1.146vw, 300px); }
}

/********************/
/*accessability page*/
/********************/
body[data-module="2"]:not(.press):not(.layout-half).accessabilityMainPage, body[data-module="2"]:not(.press):not(.layout-half).page-404, .press, body[data-module="5"], body[data-module="5"].contentInnerPage #BlogView .blog-inner-text { background: var(--black); color: #fff; }
.accessabilityMainPage #text1 ul li::after, .accessabilityMainPage #text2 ul li::after { outline: 1px solid #fff; }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-text { color: var(--orange); text-decoration: none; }


@media (min-width: 1025px) {

    body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) { max-width: 36.458vw; margin-inline: auto !important; }
}


/********************/
/*******404**********/
/********************/
div#subheadline { text-align: center; }

.page-404:not(.press):not(.layout-half), body[data-module="2"]:not(.press):not(.layout-half) #GridContent #ContentRegularModule { background-color: var(--black) }
.page-404:not(.press) #GridContent div:is(#pageview, #galleryview) #subheadline h2 { text-align: center; }
.page-404:not(.press, .FormResultPage) #GridContent div:is(#pageview, #galleryview) #headline { margin-bottom: 0; }
.page-404 #text1 a { display: inline-flex; justify-content: center; padding: 13px 2px; width: 200px; border-radius: 100px; background-color: var(--orange) }
.page-404 #text1 a:hover { color: #fff; background: var(--darkOrange); }
.page-404 .MainContent { display: flex; flex-direction: column; gap: 48px; justify-content: center; align-items: center }
.page-404 #headline { margin: 0; }
.page-404 #headline h1 { font-size: 4.167vw; margin: 0; }
.page-404 #subheadline { margin-block: 35px; }


.page-404 #GridPage .page-not-found h2 { font-size: 1.25vw; margin: 0; }
.page-404 #GridPage .page-not-found a { margin-top: 0; font-size: 0.850vw; background: var(--orange); border-radius: 100px; }
.page-404 #GridPage .page-not-found a:hover { color: #fff; background: var(--darkOrange); }


/***********************/
/******contact**********/
/***********************/

#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background-color: var(--orange); border-radius: 100px; font-size: clamp(16px, 0.833vw, 300px); }
body[data-module="7"].layout-half #ContactModule, body[data-module="7"].layout-half #SiteGrid.layout-bottom #GridPromo { max-width: 100%; width: 100%; margin: 0; }


@media (min-width: 1025px) {
    body[data-module="7"].layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { /* margin: 0; */ max-width: unset; }
    body[data-module="7"].layout-half #ContactModule #contactview { max-width: 100%; }
    body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 { gap: 3.75vw; }
    body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul { white-space: normal; min-width: 13.021vw; }
    body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li { white-space: nowrap; }
    body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li strong { font-size: clamp(22px,1.146vw,300px); }
    body[data-module="7"].layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form { }
    body[data-module="7"].layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields.row { }
    body[data-module="7"].layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields.row .top-form { font-size: clamp(20px,0.938vw,300px); }
}

@media (max-width: 1024px) {
    body[data-module="7"].layout-half #ContactModule { padding-right: 22px; }
}

/***********************/
/*******thankPage*******/
/***********************/
.FormResultPage #GridContent #pageview #headline h1 { color: #fff; }
.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton { background-color: var(--orange); border-radius: 100px; }
.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton:hover { background-color: var(--orange); color: #fff; }
body.thanks:not(.press, .FormResultPage) #GridContent div:is(#pageview, #galleryview) #headline { margin: 0; }
body.thanks.page-404 #subheadline { margin: 0; }

@media (min-width: 1025px) {
    /************************/
    /*dynamic form in events*/
    /************************/


    #DynamicFormObject { color: #fff; }
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:not(.checkboxField) input, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select { border-bottom: 1px solid #C8C8C8 !important; color: #C8C8C8; padding-right: 20px; font-size: clamp(18px, 0.938vw, 300px); }
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: unset; }
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:is(.textareaField, .checkboxField) textarea { padding-right: 0; font-family: 'Alef' }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 1.823vw; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText .top-form { font-size: clamo(16px, 0.833vw,20px); }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input { border-bottom: #c8c8c8 1px solid !important; color: #c8c8c8; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input::placeholder { color: #f7f7f7; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { background-color: var(--black); color: #fff; border-block: 1px solid var(--grey); padding: 29px 140px 29px 140px; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { color: unset; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background: var(--orange); border-radius: 30rem; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover { border: none; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { min-width: 180px; border: none; background: none; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:hover { background-color: var(--darkOrange); }

    .KDMStrip button.KDMStripBtn { display: none; }


    /***********************/
    /********menus**********/
    /***********************/

    .menuModuleTextItemDescription { padding-left: 30rem; }
}


/**************/
/*****main*****/
/**************/

.heroContent { display: flex; flex-direction: column; position: absolute; top: 30%; left: 50%; }
#home-gallery .gallery-caption { position: unset; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { background-color: var(--orange); border: none; border-radius: 100px; }






@media (max-width: 1024px) {

    #header #header-center-kdm a:first-child { background-color: var(--orange); border-radius: 100px; }
    #header #header-left img, #header.bg #header-left img { max-width: 117px; }
    #header, body[data-module="1"] #header:not(.bg), #header.bg { background-color: var(--black); padding: 8px 24px 8px 12px; }
    #menu #nav-toggle span:after, #menu #nav-toggle span:before { background: #000; }

    .KDMStrip .KDMStripBtn::after { filter: brightness(1); }
    /**************/
    /*****main*****/
    /**************/
    .heroContent { gap: 48px; }
    .KDMStrip .KDMStripBtn { background: #fff; color: var(--black) }
    /*    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { border-radius: 0; background: none; border: 1px solid }
*/

    body[data-module="1"] #allSectionsWrapper section:nth-child(3) .grid-boxes { flex-direction: column-reverse; }

    /**************/
    /*****menu*****/
    /**************/

    body[data-module="4"] #GridContent #MenuModule .categories-strip { color: unset; }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip { border-bottom: 1px solid #fff; }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip::after { filter: invert(1); }
    body[data-module="4"] .categories-strip a { color: #fff; }
    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip { background-color: var(--black) }

    /***********/
    /***form****/
    /***********/
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:not(.checkboxField) input { color: #fff; border-bottom: 1px solid #fff; }
    body[data-module="7"].layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { background: unset; }





    /************/
    /***blogs****/
    /************/
    body[data-module="5"] .grid-short-box.box .grid-short-box-subtitle { border-bottom: none; }
    body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper { color: var(--black) }

    /************/
    /***contact**/
    /************/

    body:not(.layout-half) #SiteGrid.layout-bottom #GridPromo { background-color: unset; padding: 0; }
    body:not(.layout-half) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { background-color: var(--black) }

    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: right; }
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields { text-align: right; }


    /*******************/
    /***accessability***/
    /*******************/

    body[data-module="2"]:not(.press, .FormResultPage) #GridContent div:is(#pageview, #galleryview) #text1 { text-align: right; }


    /******************/
    /*****footer*******/
    /******************/
    #SiteFooter .footer-text-divided > div ul:not(:last-child) { margin-left: 20px; }
}

/**********************/
/********404***********/
/**********************/


/*-----------------/*
        press
/*-----------------*/

@media (min-width: 1024px){
    .press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-subtitle { font-size: clamp(17px,0.883vw,300px); }
}
/*------------------/*
    COMPONENTS
/*------------------*/
/*-------------------/*
   grid-row-cell-text
/*------------------*/
.section.grid-row-section {
}
.section.grid-row-section .grid-row-cell-text { }
.section.grid-row-section .grid-row-cell-text .grid-row-text { }

@media (min-width: 1025px) {
    .section.grid-row-section .grid-row-cell-text .grid-row-text h2 { font-size: clamp(50px,2.604vw,300px); }
}

@media (max-width: 1024px) {
}

