/*---- variables ----*/
:root {
    --border-radius:5px;
    --shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
    --shadow-500: 0px 4px 6px -1px rgba(0,0,0,0.1);
    --shadow-700: 0px 20px 25px -5px rgba(0,0,0,0.1);
    --product-element-spacing: 30px;
    --pad-6-10: 6px 10px;
    --pad-8-12: 8px 12px;
    --pad-10-14: 10px 14px;
    --br-8: 8px;
    --widgets-gap:20px;
}

/*---Global----*/
:focus { outline: none; }

/*----Font----*/
.t1, .t2, .t3, .t4, .t5 {
    font-weight:700;
    display:block;
}
.t0 {font-size: clamp(2.1rem, 0.6vw + 1.95rem, 2.67rem);}
.t1 {font-size: clamp(1.67rem, 0.44vw + 1.55rem, 1.95rem);}
.t2 {font-size: clamp(1.34rem, 0.36vw + 1.24rem, 1.56rem);}
.t3 {font-size: clamp(1.07rem, 0.28vw + 0.99rem, 1.25rem);}
.t4 {font-size: clamp(0.86rem, 0.23vw + 0.79rem, 1rem);}
.t5 {font-size: clamp(0.69rem, 0.18vw + 0.63rem, 0.8rem);}
.t6 {font-size: clamp(0.55rem, 0.15vw + 0.51rem, 0.64rem);}

.druk {
    font-family: 'ct_font_druk'!important;
    font-weight: unset!important;
}
@media (min-width: 768px) {
    .t0.druk {font-size: clamp(2.62rem, 0.75vw + 2.43rem, 3.34rem);}
    .t1.druk {font-size: clamp(2.1rem, 0.6vw + 1.95rem, 2.67rem);}
    .t2.druk {font-size: clamp(1.67rem, 0.44vw + 1.55rem, 1.95rem);}
    .t3.druk {font-size: clamp(1.34rem, 0.36vw + 1.24rem, 1.56rem);}
}
@media (max-width: 768px) {
    .t0.druk {font-size: clamp(2.1rem, 0.6vw + 1.95rem, 2.67rem);}
    .t1.druk {font-size: clamp(1.67rem, 0.44vw + 1.55rem, 1.95rem);}
    .t2.druk {font-size: clamp(1.34rem, 0.36vw + 1.24rem, 1.56rem);}
    .t3.druk {font-size: clamp(1.07rem, 0.28vw + 0.99rem, 1.25rem);}
}

/*----Font----*/
.font-w-700 {font-weight:700!important;}
.font-w-600 {font-weight:600;}
.font-w-500 {font-weight:500;}
.font-s-22 {font-size:22px;}
.font-s-18 {font-size:18px;}
.font-s-14 {font-size:14px;}
.font-s-12 {font-size:12px;}
.font-s-10 {font-size:10px;}
.font-c-primary {color:var(--theme-palette-color-1);}
.font-c-grey {color:var(--theme-palette-color-3);}
.font-c-black {color:var(--theme-palette-color-4);}
.font-c-white {color:var(--theme-palette-color-8);}
.font-c-white-forced {color:var(--theme-palette-color-8)!important;}
.font-c-red {color:#f73859;}
.font-c-gradient {
    background:linear-gradient(120deg, #4F6CFA 0%, #a84ffa 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.font-italic {font-style:italic;}
.text-align-left {text-align:left;}
.text-align-center {text-align:center;}
.text-align-right {text-align:right;}
.underline {text-decoration: underline;}
.uppercase {text-transform: uppercase;}

/*----Colors----*/
.bg-c-white {background-color:var(--theme-palette-color-8);}
.bg-c-grey {background-color:var(--theme-palette-color-5);}
.bg-c-light-grey {background-color:var(--theme-palette-color-6);}
.bg-c-black {background-color:var(--theme-palette-color-4);}
.bg-c-red {background-color:#feeff2;}
.bg-c-blur-white {background-color:#ffffff50;backdrop-filter: blur(4px) saturate(2);-webkit-backdrop-filter: blur(4px) saturate(2);}
.bg-c-blur-black {background-color:#11111130;backdrop-filter: blur(4px) saturate(2);-webkit-backdrop-filter: blur(4px) saturate(2);}

/*----Gutenberg----*/
.has-white-color {color:#fff;}
.has-text-align-center {text-align:center;}
.has-text-align-right {text-align:right;}
.has-text-align-left {text-align:left;}
.is-layout-flex {display:flex;}

.wp-block-buttons.is-content-justification-left{justify-content:flex-start;}
.wp-block-buttons.is-content-justification-center{justify-content:center;}
.wp-block-buttons.is-content-justification-right{justify-content:flex-end;}

:root {
    --wp--preset--color--palette-color-1: var(--theme-palette-color-1);
    --wp--preset--color--palette-color-2: var(--theme-palette-color-2);
    --wp--preset--color--palette-color-3: var(--theme-palette-color-3);
    --wp--preset--color--palette-color-4: var(--theme-palette-color-4);
    --wp--preset--color--palette-color-5: var(--theme-palette-color-5);
    --wp--preset--color--palette-color-6: var(--theme-palette-color-6);
    --wp--preset--color--palette-color-7: var(--theme-palette-color-7);
    --wp--preset--color--palette-color-8: var(--theme-palette-color-8);
}

/*----Hover---*/
.bg-hov-white:hover {
    background-color:#F5F5F5!important;
}

/*----Shadows----*/
.shadow-500 {box-shadow:0px 4px 6px -1px rgba(0,0,0,0.1);}
.shadow-700 {box-shadow:0px 20px 25px -5px rgba(0,0,0,0.1);}

/*----Flex & Grid----*/
.grid {display:grid;}
.flex {display:flex;}
.block {display:block;}
.align-item-center {align-items: center;}
.align-s-end {align-self: end;}
.justif-c-center {justify-content: center;}
.justif-c-sb {justify-content: space-between;}
.flex-auto {flex:0 0 auto;}
.flex-100px {flex:0 0 100px;}
.flex-d-col {flex-direction:column;}
.flex-d-row {flex-direction:row;}

.w-100 .wp-block-button__link {width:100%;}
.w-100 {width:100%;}

/*---Flex Responsive----*/
@media (max-width: 768px) {
    .flex-40-90 {flex: 0 0 90%;}
    .flex-40-70 {flex: 0 0 70%;}
    .flex-25-75 {flex: 0 0 75%;}
}
@media (min-width: 768px) {
    .flex-40-90 {flex: 0 0 40%;}
    .flex-40-70 {flex: 0 0 40%;}
    .flex-25-75 {flex: 0 0 25%;}
}

/*----Border ----*/
.border-light {border:1px solid #eee;}
.bo-c-white {border:2px solid #fff}
.bo-c-black {border:2px solid #111}

/*----Border Radius----*/
.br-0 {border-radius:0;}
.br-2 {border-radius:2px;}
.br-4 {border-radius:4px;}
.br-6 {border-radius:6px;}
.br-8 {border-radius:8px}
.br-12 {border-radius:12px}
.br-14 {border-radius:14px}
.br-18 {border-radius:18px}
.img-br img {border-radius:6px;}

/*----Gaps----*/
.gap-5 {gap: 5px;}
.gap-10 {gap: 10px;}
.gap-15 {gap: 15px;}
.gap-20 {gap: 20px;}

/*----Padding----*/
.pad-6-8 {padding:6px 8px;}
.pad-8-12 {padding:8px 12px;}
.pad-10-14 {padding:10px 14px;}
.pad-20 {padding:20px}
.pad-15 {padding:15px}
.pad-10 {padding:10px}
.pad-5 {padding:5px}
.pb-10 {padding-bottom:10px;}
.pb-20 {padding-bottom:20px;}
.pl-10 {padding-left:10px;}
.pt-20 {padding-top:20px;}

/*----Margins----*/
.mt-5 {margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mr-5 {margin-right:5px;}
.mr-15 {margin-right:15px;}
.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px!important;}
.mb-40 {margin-bottom:40px!important;}

/*----Images----*/
.filter-b-98 {filter: brightness(0.98);}
.filter-b-96 {filter: brightness(0.96);}
.filter-b-95 {filter: brightness(0.95);}

/**
* ------------------------------------------------------------------------------------------------
* ELEMENTS
* ------------------------------------------------------------------------------------------------
*/

/*--Blink effect --*/
.blink {
    animation: blinking 1.5s infinite;
}
@keyframes blinking {
    0% {color: transparent}
    50% {color: #fff}
    100% {color: transparent}
}

/*-- Chips --*/
.chips,
.tagged_as a {
    padding: var(--pad-8-12);
    border-radius: var(--br-8);
    background:var(--theme-palette-color-5);
    color: var(--theme-palette-color-4);
}
.chips.c-black, 
.chips:hover,
.tagged_as a:hover {
    background-color: var(--theme-palette-color-4);
    color: var(--theme-palette-color-8);
}
.chips.c-black:hover {
    background-color: var(--theme-palette-color-4);
    color: var(--theme-palette-color-8);
}

/*-- Layered Nav Chips --*/
.layered-nav a {
    padding: var(--pad-10-14);
    border-radius: var(--br-8);
    background:var(--theme-palette-color-6);
    color:var(--theme-palette-color-4);
    transition: all 0.3s ease-in-out;
    flex:0 0 auto;
}
.layered-nav a:hover {
    background:var(--theme-palette-color-4);
    color:var(--theme-palette-color-8);
}

/*----Slider----*/
.max-slider {
    display:flex!important;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}
.dragscroll {cursor:grab;}

/*----Slider Scrollbar----*/
.max-slider::-webkit-scrollbar,
.max-overflow-full::-webkit-scrollbar {
    display:none;
}

.max-overflow-20::-webkit-scrollbar {
    display:block;
}
.dragscroll::-webkit-scrollbar{
    width: 5px;
    height: 5px;
}
.dragscroll::-webkit-scrollbar-track,
.dragscroll::-webkit-scrollbar-thumb{
    background-color: transparent;
    border-radius: 30px;
}
.dragscroll:hover::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.dragscroll:hover::-webkit-scrollbar-thumb{
    background-color: #CCC;
}
@media (min-width: 768px) {
    .max-overflow::-webkit-scrollbar-track {
        margin:0 5px;
    }
    .max-overflow-20::-webkit-scrollbar-track {
        margin:0 20px;
    }
}

/*-- Slider Overflow --*/
@media (max-width: 768px) {
    .max-overflow,
    .max-overflow-full {
        margin-right:-4vw!important;
        padding-right:4vw!important;
        margin-left:-4vw!important;
        padding-left:4vw!important;
        margin-top:-10px;
        margin-bottom:-10px;
        padding-top:10px;
        padding-bottom:10px;
    }
}
@media (min-width: 768px) {
    .max-overflow-full {
        margin:-15px -100%;
        padding:15px 100%;
    }
}
.max-overflow-20 {
    margin:-10px -20px!important;
    padding:10px 20px!important;
}

/*--  ToolTips Popup --*/
.max-tooltips a,
.max-tooltips {
	color: inherit!important;
    text-decoration-style:dotted;
    text-decoration-line:underline;
	cursor:pointer;
	text-underline-offset: 2px;
    text-underline-position:under;
}