/*
Theme Name: Custom theme brandideon
Author: Brandideon | Michal Halaj
Author URI: https://brandideon.com/
Version: 1.1.0
*/


/* Global style*/

@font-face {
    font-family: 'Gelasio';
    src: url('assets/fonts/Gelasio-Regular.400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Gelasio';
    src: url('assets/fonts/Gelasio-Medium.500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Gelasio';
    src: url('assets/fonts/Gelasio-SemiBold.600.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Gelasio';
    src: url('assets/fonts/Gelasio-Bold.700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

@keyframes showing {
    0%    { opacity: 0;transform: translateY(150px); }
    100%  { opacity: 1;transform: translateY(0); }
  }
.reveal-load{ position: relative;
    -webkit-animation: showing 1s ease; /* Safari 4+ */
  -moz-animation:    showing 1s ease; /* Fx 5+ */
  -o-animation:      showing 1s ease; /* Opera 12+ */
  animation:         showing 1s ease; /* IE 10+, Fx 29+ */}


.reveal{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
  }
  
  .reveal.active{
    transform: translateY(0);
    opacity: 1;
  }

.pointer {
	cursor:pointer;
}

span#tagline {
    display:none;
}
  

:root {
   /* --primary-color:#FDF0E8; */
   --primary-color: #F3F0EE;
    /*--black-color: #4F453E; */
    --black-color: #160000;
    --green: #00C9AC;
    --dark-green: #00755F;
    --alternative: #E5CBBA;
    --red-color: #b22222;
    --orange-color:#4F453E;
    --gray-color: #7c7c7c;
    --contrast-color:#f3f3f3;
}


html, body {
    margin: 0;
    padding: 0;
   /* background-color: var(--primary-color); */
   background-color: white;
    color: var(--black-color);
    font-family: "Montserrat Alternates", sans-serif;
}

.flex.suhlas {
    display: flex;
    align-items: baseline;
    gap: 0.5em;
}

.flex.suhlas a {
	text-decoration:underline!important;
}

span.wpcf7-list-item {
    margin: 0 !important;
}

p.justify {
	    text-align: justify!important;
}

.fullscreen-loader {
    position: fixed;
	overflow:hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 200vh;
	background:rgba(255,255,255,0)!important;
    display: flex;
    justify-content: center;
	transform:all 0.2s ease;
    align-items: center;
    z-index: 1000; /* Zabezpečí, že loader bude nad všetkým ostatným */
}

.loader-content {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
	background: #f3f3f3;
	left:-100%;
	animation: backgroundSlide 1.5s ease-out; 
}

.loader-content-white {
	position:absolute;
	top:0;
	width:100%;
	z-index:2;
	height:100%;
	background: white;
	left:-100%;
	animation: backgroundSlideWhite 1.7s ease-out; 
}

.fullscreen-loader.none {
	display:none;
	transform:all 0.2s ease;
}

@keyframes backgroundSlide {
	0% {
		left:0%;
	}
	
	85% {
		left:-95%;
	}
	
	100% {
		left:-100%;
	}
}

@keyframes backgroundSlideWhite {
	0% {
		left:0%;
	}
	
	85% {
		left:-95%;
	}
	
	100% {
		left:-100%;
	}
}

body.loaded .fullscreen-loader { display: none; }


* {
    box-sizing: border-box;
}


.relative {
    position: relative;
}


.absolute {
    position: absolute;
}




.hero-bg .gradient {
    height: 50%!important;
    width: 100%;
    left: 0;
    top: auto!important;
    bottom: 0!important;
    position: absolute;
    z-index: 1;
    background: rgb(4,9,11);
background: -moz-linear-gradient(180deg, rgba(4,9,11,0) 0%, rgba(4,9,11,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(4,9,11,0) 0%, rgba(4,9,11,1) 71%);
background: linear-gradient(180deg, rgba(4,9,11,0) 0%, rgba(4,9,11,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04090b",endColorstr="#04090b",GradientType=1);
}



.page-wrapper {
    max-width: 1350px;
    width: 100%;
    margin: auto;
}

.center-text * {
	text-align:center;
}


.page-wrapper-s {
    max-width: 1050px;
    width: 100%;
    margin: auto;
}


.p-s-t {
    padding-top: 160px;
    padding-bottom: 60px;
}

.wc-block-components-sidebar {
	padding:1em!important;
	background:var(--primary-color);
	color:white!important;
}

a.wc-block-components-totals-coupon-link {
	color:white!important;
}


.p-s {
    padding-top: 5em;
    padding-bottom: 5em;
}


.m-1 {
    margin: 1em;
}


.section-padding {
    padding: 2em;
}


img {
    width: 100%;
    height: auto;
}
/* end global style*/


/* grid setting*/
.grid-2 {
    display: grid;
    grid-template-columns: 50%50%;
}


.grid-3 {
    display: grid;
    grid-template-columns: 33%33%33%;
}


.grid-4 {
    display: grid;
    grid-template-columns: 25%25%25%25%;
}


.align-items-center {
    align-items: center;
}


.justify-items-center {
    justify-content: center;
}
/*end grid setting*/


/* color-setting*/
.bg-primary {
    background-color: var(--primary-color);
}


.bg-contrast {
    background-color: var(--contrast-color);
}
.bg-white {
    background-color: white;
}

.bg-black {
    color:var(--primary-color);
    background-color: var(--black-color);
}

.bg-green {
    background-color: var(--green);
    color:var(--dark-green);
}


.color-white {color: white;}


.color-primary {
    color: var(--primary-color);
}
/*end color-setting*/


/* font setting*/
.big-size {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    text-transform:uppercase;
}


.medium-size {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    text-transform:uppercase;
}

.small-size {
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    text-transform:uppercase;
}


p, a, button {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 1px;
  }

p {
	text-align:justify;
}


  a {
    text-decoration: none;
  }


.heading-before {
    position: relative;
    margin-left: 70px;
    width: max-content;
}


.center-text-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.heading-before::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -70px;
    width: 50px;
    height: 5px;
    content: '';
    background-color: var(--primary-color);
}


.center-text {
    text-align: center;
}

.right-text {
    text-align: right;
}
/* end font setting*/


/* footer*/
footer img {
    width: 60px;
    height: auto;
  }

  footer a, footer p {
    color: var(--black-color)!important;
	  margin-top:0;
  }

  footer .grid-3 {
    grid-template-columns: 30%30%30%;
    justify-content: space-between;
  }

  footer .grid-3 {display: flex;}

  footer .footer-wrap-border {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
  }

  footer .footer-wrap-border .border {
    border-top: 1px solid var(--primary-color);
  }

  footer .copyright * {
    font-size: 0.85rem!important;
  }
/* end footer*/


/* ul setting*/
ul {
    padding: 0;
    margin: 0;
}


ul li {
    margin: 0;
    list-style: none;
}
/* end ul setting*/


/* button setting*/


a.button-white, .button-white {
    background-color: white;
    color: var(--black-color);
    border: 1px solid white;
    padding: 0.5em;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-right: 1em;
    padding-left: 0.9em;
    padding-right: 0.9em;
    display: inline-block;
    cursor: pointer;
}

.woocommerce .quantity .qty {
    padding: 0.5em;
    margin-right: 1em;
    margin-bottom: 1em;
}


.button-m-t {margin-top: 0.5em;}


 a.button-primary,form input[type=submit] {
    background-color: var(--primary-color)!important;
    color: var(--black-color)!important;
    padding: 0.5em;
    font-weight: 500;
    padding-left: 0.9em;
    padding-right: 0.9em;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 0;
    display: inline-block;
}

a.button-black-border {
    background-color: transparent!important;
    color: var(--black-color)!important;
    border: 1px solid var(--black-color);
    border-radius: 0.2em;
    padding: 0.5em;
    font-weight: 500;
    padding-left: 0.9em;
    padding-right: 0.9em;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    display: inline-block;
}

a.button-white-border {
    background-color: transparent!important;
    color: white!important;
    border: 1px solid white;
    border-radius: 0.2em;
    padding: 0.5em;
    font-weight: 500;
    padding-left: 0.9em;
    padding-right: 0.9em;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    display: inline-block;
}

.primary-color {
    color: var(--primary-color)!important;
}
/* end button setting*/

.product-archive.section-padding.m-1.relative {
    padding-bottom: 5em;
}

.product-archive.section-padding.m-1.relative .links {
    position: absolute;
    bottom: -1em;
    display: flex;
    align-items: center;
	flex-wrap:wrap;
}

.product-archive.section-padding.m-1.relative .links form.cart {
    display: flex;
    align-items: center;
}

.product-archive.section-padding.m-1.relative .links form.cart .quantity input {
    width: 62px;
    padding: 0.9em;
    padding-left: 0.4em;
    padding-right: 0.4em;
}

video {width: 100%;
height: auto;}

.cky-btn-revisit-wrapper {
	display:none!important;
}

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


    .big-size {
        font-size: 1.6rem;
    }
	
	span#tagline {
    font-size: 1.5em!important;
	}

    .p-s {
		padding-top:2em;
		padding-bottom:2em;
	}

    .table {
        max-width: 100%;
    }

    .table table {
        overflow-x: scroll;
        overflow-y: scroll;
        min-width: 820px;
    }

    .table .wrap-byty {
        overflow-x: scroll !important;
    }


    .medium-size {
        font-size: 1.5rem;
    }

    .section-padding, .section-mobile {
        padding: 1em;
    }

    .grid-2, .grid-3, .grid-4, .grid-2.grid-center-align.ref-homepage {
        grid-template-columns: 50%50%;
    }

    p, a, button {
        font-size: 1rem;
    }
}

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


    .grid-2, .grid-3, .grid-4, .grid-2.grid-center-align.ref-homepage, .homepage .grid-2 {
        grid-template-columns: 100%!important;
    }

    .p-s-first {
        padding-top: 4em;
    }


    .big-size {
        font-size: 1.5rem;
    }

    footer * {
        text-align: center!important;
    }

    footer .grid-3  {
        display: grid;
    }

    .letter {
        min-width: 10px!important;
    }


    .medium-size {
        font-size: 1.2rem;
    }
}