/*
Theme Name: RallyeDesign
Theme URI: http://rallyedesign.com
Author: Generated
Description: RallyeDesign 
Version: 1.0
Text Domain: rallyedesign
*/


@font-face {  font-family: 'Hoover-Bold';  src: url('assets/fonts/Hoover-Bold.woff2') format('woff2'),
       url('assets/fonts/Hoover-Bold.woff') format('woff'),
       url('assets/fonts/Hoover-Bold.ttf') format('truetype');  font-weight: 700;  font-display: swap;  font-style: normal;}
@font-face {  font-family: 'Hoover-Light';  src: url('assets/fonts/Hoover-Light.woff2') format('woff2'),
       url('assets/fonts/Hoover-Light.woff') format('woff'),
       url('assets/fonts/Hoover-Light.ttf') format('truetype');  font-weight: 300;  font-display: swap;  font-style: normal;}


:root {  --container-width: 1200px;  --accent: #e31b23;  --muted: #777;}

/* Basic reset */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; color: #222;background: #222; line-height: 1.5;;font-size:.95em }
header,section,footer{background: #fff;}



a{ color:#e30613}


.flex {  display: flex;}
.none {  display: none;}
.text-left{text-align:left;}
.text-center{text-align: center;}
.text-right{text-align: right;}

.op01{opacity: 0.1;}
.op02{opacity: 0.2;}
.op03{opacity: 0.3;}
.op04{opacity: 0.4;}
.op05{opacity: 0.5;}
.op06{opacity: 0.6;}
.op07{opacity: 0.7;}
.op08{opacity: 0.8;}
.op09{opacity: 0.9;}
.op1{opacity: 1;}


h1,h2,h3 { font-family: 'Hoover-Bold', serif; font-weight: 700; }
h1 span,h2 span,h3 span { font-family: 'Hoover-Light', serif; font-weight: 300; }
h1,h2,h3 { text-transform: uppercase; }
h1,h2,h3,h4,h5 { line-height:1.2 }
h1 { line-height:1.05 }
h1,h2 { line-height:1.1 }
h1 { margin: 22px 0 18px 0; font-size: 80px; }
h2 { margin: 0px 0 15px 0 ; font-size: 38px; }
h3 { margin: 12px 0 0 0; font-size: 26px; }
h4 { margin: 12px 0; font-size: 20px; }

.single h1 { margin: 0px 0 18px 0; font-size: 65px; }


h2 .cross {  margin:0 0 -5px -5px;  width: 38px;  height:38px;}

h2 a,h3 a{  color:#222;  text-decoration: none;}

p,ul li, ol li{margin:0 0 1em 0}
ol, ul{margin:0px 0 30px 17px}

blockquote{font-size:20px;margin:0 0 2em 0}


.uppercase{text-transform: uppercase;}
.date{text-transform: uppercase;font-weight:bold;font-size:12px;letter-spacing:.05em}



/* basic grid for features */
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.card img { max-width: 100%; display: block; }


.content {max-width:1200px}
.content hr{border:0;border-top:1px solid #ccc}



.wp-block-gallery{margin-bottom:1em}

.wp-block-gallery.alignright{float:right}


@media (max-width: 1400px) {  
h1 { font-size: 60px; }
h2 { font-size: 28px; }
h2 .cross { width: 32px;  height:32px;}
}
@media (max-width: 1150px) {  
h1 { font-size: 50px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h2 .cross {width:30px;height:30px;}
}
@media (max-width: 768px) {  
h1 { font-size: 35px; }
h2 { font-size: 28px; }
h3 { font-size: 20px; }
h2 .cross {  margin:0 0 -5px -5px;  width:27px;  height:27px;}
}






/* full-width sections */
.section-wrap { width: 100%; background: #fff; padding: 1px 0 1px 0; }
.page-template-page-home .section-wrap { width: 100%; background: #fff; padding: 1px 0 70px 0; }
.container { max-width: var(--container-width); margin: 0 auto; padding:0 20px; }
.page-template-page-home section .container { max-width: var(--container-width); margin: 0 auto; padding: 20px 20px  0 20px; }



/* header & menu */
header{background: linear-gradient(180deg, #eee, white);}
.site-brand {margin: 30px 0 25px 0;position:relative;z-index:1100}

.main-nav { display: inline-block; text-align: right; width: 100%; margin:15px 0 0 0; text-transform: uppercase; letter-spacing: .05em;}
.main-nav ul { list-style: none; font-family: 'Hoover-Light', serif; font-weight: 300;font-size: 17px;margin:0 }
.main-nav li { display: inline-block; position: relative; margin-left: 0px; }
.main-nav li li{ display: block;margin:0}
.main-nav a { text-decoration: none; color: #222; padding: 18px 15px; display: inline-block; }
.main-nav a:hover { text-decoration:underline }
.main-nav li.menu-item-has-children:hover {background: #ffff00;}
.main-nav li ul { display: none; position: absolute; text-align: left;z-index: 1000; left: 0; top: 100%; background: #ffff00; padding: 8px 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); }
.main-nav li:hover > ul { display: block; padding: 20px 10px ;width: 270px; }
.main-nav li:hover > ul a{ padding: 8px 15px;}

.lang-switch button{border:0;margin:30px 0px 0 30px;cursor:pointer; background: transparent;}
.lang-switch a{margin:30px 0px 0 30px;}
.lang-switch {display:flex;position:relative;z-index:1135}
.lang-switch img{width:30px;height: 30px;}

.mobile-nav{display:none}

@media (max-width: 1400px) {  
.main-nav  { margin-top:18px }
.main-nav ul { font-size: 15px; }
.main-nav { letter-spacing: 0;}
.main-nav a { padding: 18px 13px; }

}
@media (max-width: 1150px) {  
.main-nav ul { font-size: 13px; }
.main-nav a { padding: 18px 10px; }
}
@media (max-width: 1024px) {
.site-brand {margin:15px 0 25px 0;}
.main-nav{display:none}
.lang-switch{text-align:right;width:100%}
.lang-switch {display:flex;justify-content:flex-end}
.lang-switch a {margin-top:20px}

.mobile-nav-active .container{position:fixed;z-index:1280;width:100%;background:yellow;height:60px;border-bottom:1px solid #000;}

.mobile-nav-active .main-nav{text-align:left;z-index:900;display:block;position:fixed;overflow-y:auto;width:100%;height:100%;background:yellow;margin:0;left:0;top:60px}
.mobile-nav-active .main-nav li{display:block;font-size:13px;}
.mobile-nav-active .main-nav li a{padding:2px 10px}
.mobile-nav-active .main-nav li li a{padding:0 5px 5px 15px}
.mobile-nav-active .main-nav ul{margin:1em 1em 7em 1em;font-family: 'Hoover-Bold', serif; font-weight: 700;letter-spacing:.05em}
.mobile-nav-active .main-nav ul ul{display:block;position:static;text-align:left;font-size:16px;background:transparent;box-shadow:none; border-left:1px solid #000;margin:4px 0 20px 11px;padding:0px 0 10px 0}

.mobile-nav{display:block;text-align: right;width:90px;position:relative;z-index:1050}

.mobile-nav button{margin:18px 0 0 0;background:transparent;border:0;font-size:22px;cursor:pointer;padding:5px 10px;color:black}
.mobile-nav button .fa-times{display:none}
.mobile-nav button .fa-bars{display:inline}
.mobile-nav-active .mobile-nav button .fa-times{display:inline}
.mobile-nav-active .mobile-nav button .fa-bars{display:none}
}
@media (max-width: 768px) {  
.lang-switch {margin:4px 0 0 0;}
.lang-switch form{text-align:center}
.lang-switch a {margin:13px 7px 10px 7px}
.lang-switch a img{width:25px;height: 25px;}
.site-brand {margin:15px 0 }
.site-brand img{width:200px;height:auto;}
.mobile-nav button{margin:13px 0 0 0;}
.mobile-nav{width: 90px;}
}
@media (max-width: 540px) {  
.lang-switch a {margin:13px 7px 10px 7px}
.mobile-nav button{padding:5px 0px;}
.mobile-nav{width: 90px;}

}




/* breadcrumbs */

.single .fbc-page .fbc-wrap  { padding-bottom: 2.6em;}

.fbc-page .fbc-wrap .fbc-items {background:transparent !important;text-transform: uppercase;letter-spacing: .1em;}
.fbc-page .fbc-wrap .fbc-items {margin: 0 !important;font-size: 10px !important; }

.fbc-page .fbc-wrap .fbc-items li:first-child {padding: 0px !important;}
.fbc-page .fbc-wrap .fbc-items li { padding: 0 5px  !important;}
.fbc-page .fbc-wrap .fbc-items li ,.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text {font-size: 11px !important;}
.fbc-page .fbc-wrap .fbc-items li a{ color:#e30613 !important}

.language-cs .fbc-page .fbc-wrap .fbc-items li:nth-child(0),.language-cs .fbc-page .fbc-wrap .fbc-items li:nth-child(1),.language-cs .fbc-page .fbc-wrap .fbc-items li:nth-child(2){display:none}
.language-es .fbc-page .fbc-wrap .fbc-items li:nth-child(0),.language-es .fbc-page .fbc-wrap .fbc-items li:nth-child(1),.language-es .fbc-page .fbc-wrap .fbc-items li:nth-child(2){display:none}

@media (max-width: 768px) {  
.fbc-page .fbc-wrap .fbc-items {letter-spacing:0;padding:0;}
.fbc-page .fbc-wrap .fbc-items li ,.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text {font-size: 10px !important;}
.fbc-page .fbc-wrap .fbc-items li { padding: 0 3px  !important;}
.fbc-page .fbc-wrap .fbc-items li a i{display:none}

}




.slide { position:absolute; inset:0; opacity:0; background-size:cover; background-position:center; transition:opacity 1s ease-in-out; }
.slide.active { opacity:1; }



.sidebar{padding:1em 0 0 2em;border-left:1px solid #eee; margin:0 0 0 2em}


/* Archive */
.archive .section-wrap .container,
.single .section-wrap .container{display:flex;}
.section-wrap .content img{max-width:100%;height:auto}

.archive .post{margin-bottom:40px}

.sidebar{margin:0;width:300px;}

.wp-block-latest-posts {margin:0;width:100%;}
.wp-block-latest-posts img{width:80px;float:left;margin:0 10px 10px 0}



/* All 3 */
.page-preview{  border-top:4px solid grey;padding:0px 0 0 0;}
.page-preview .short_desc{margin:0 0 10px 0;font-size:16px;}
.page-preview .desc{font-size:13px;margin:15px 0 0 0;}
.page-preview img{width:100%;height:auto}



.page-template-page-home #gallery {  background:#F6F6F6;}
.page-template-page-home #gallery h3 {  margin:8px 0;  font-size:16px;}


/* responsive */
@media (max-width: 900px) {
.grid-3 { grid-template-columns: 1fr; }
  .main-nav{ float:none; }
}



/* banner */
.hero-wrapper{  width: 100%;  margin:0 auto;  margin-bottom:-20px;}
.hero-banner{  width: 1400px; margin:0 auto;  }
.hero-item-wrap {  position: relative;  height: 600px;  overflow: hidden;  color: white;}
.hero-item-wrap.size-medium { height: 400px;}
.hero-item-wrap.size-mini { height: 250px;}
.hero-item::before {  content: "";  position: absolute;  inset: 0;  background: white;  clip-path: polygon(0 0, 0 100%, 100% 0);  width: 70px;  height: 70px;  z-index: 1000;}
.hero-item::after {  margin-bottom:-1px; content: "";  position: absolute;  inset: 0;  background: white;  clip-path: polygon(100% 80%, 100% 100%, 91% 100%);  right:-1px;}
.size-medium .hero-item::after { clip-path: polygon(100% 70%, 100% 100%, 91% 100%); }
.size-mini .hero-item::after { clip-path: polygon(100% 55%, 100% 100%, 91% 100%); }
.hero-item-wrap::before {  content: "";  position: absolute;  inset: 0;  background: rgba(0,0,0,0.7);  clip-path: polygon(0 0, 70% 0, 55% 100%, 0 100%);  height: 200px;  top:400px;}
.hero-wrapper.size-medium .hero-item-wrap::before {top:230px; clip-path: polygon(0 0, 82.5% 0, 67.5% 100%, 0 100%);}
.hero-wrapper.context-none .hero-item-wrap::before{display: none;}

.hero-item-wrap::after { content: "";  position: absolute;  inset: 0;  background:  linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0.1));  clip-path: polygon(100% 0, 100% 100%, 55% 100%);}
.hero-item-wrap.size-medium::after {  clip-path: polygon(100% 0, 100% 100%, 70% 100%);}
.hero-item-wrap.size-mini::after {  clip-path: polygon(100% 0, 100% 100%, 80% 100%);}


.hero-item video{width:100%;margin-top:-60px}
.size-medium .hero-item video{margin-top:-160px}

.hero-item .top-gradient {  position: absolute;  top: 0;  width: 100%;  height: 100px;  background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent);}
.hero-content {  position: absolute;  bottom: 40px;  left: 125px;  z-index: 2;  max-width: 700px;}
.hero-content *{color:white;  }
.hero-content h2 {  font-size: 80px;  line-height:1.1;  font-weight: 900;}
.hero-content h3 {  font-size: 35px;  line-height:1.1;  font-weight: 900;}
.hero-content p {  font-size: 15px;width:75%}

.hero-item-wrap.len-20 .hero-content h2 {  font-size:50px}



.hero-wrapper.context-children .hero-content h2 { margin: 0 0 0 20px;opacity: 0;transition:opacity .9s ease-in-out, margin-left .7s ease-in-out;}
.hero-wrapper.context-children .hero-content p { margin: 0 0 0 40px;opacity: 0;transition:opacity 1.5s ease-in-out, margin-left 1.1s ease-in-out;}
.slick-active .hero-content h2,.slick-active .hero-content p, .hero-wrapper.context-children .slick-active .hero-content h2,.hero-wrapper.context-children .slick-active .hero-content p { margin-left: 0;opacity: 1}

.hero-wrapper.context-page .slick-dots{display: none !important;}

.hero-wrapper.count-1 .slick-dots{display:none}


@media (max-width: 1400px) {  
.hero-item video{margin-top:-40px}
.size-medium .hero-item video{margin-top:-120px}
.hero-banner{  width: 100%; margin:0 auto;  }
.hero-item::before,.hero-item::after{display:none}
.hero-content {bottom: 40px;  left:35px;  z-index: 2;  max-width: 700px;}
}
@media (max-width: 1100px) {  
.hero-item video{margin-top:-20px}
.size-medium .hero-item video{margin-top:-100px}
.hero-item-wrap {  height: 500px;}
.hero-item-wrap::before { clip-path: polygon(0 0, 72% 0, 54% 100%, 0 100%);  height: 200px;  top:310px;}
.hero-content h2 {  font-size: 60px;}
.hero-item-wrap.len-20 .hero-content h2 {  font-size:40px}
.hero-item-wrap::after{display:none}
.hero-content { max-width: 100%;}

}
@media (max-width: 1024px) {
.hero-item video{margin-top:0px}
.size-medium .hero-item video{margin-top:-20px}
.hero-wrapper.size-medium .hero-item-wrap::before {display:none}
.hero-content {   background: rgba(0,0,0,0.7);left:0;bottom:0;width:100%;padding:20px 20px 30px 20px}
}
@media (max-width: 768px) {
.size-medium .hero-item video{margin-top:0px}
.hero-item-wrap { height:450px;}
.hero-item-wrap.size-medium { height:430px;}
.hero-content { background: rgba(0,0,0,1);min-height:150px}
.hero-item .top-gradient {display:nonea}
.hero-item .mobile-bg {width:100%;height:300px;margin:0 0 0 0px}
.hero-content h3 {  font-size: 22px;}
.hero-content h2 {  font-size: 50px; }
.hero-item-wrap.len-20 .hero-content h2 {  font-size:35px}
.slick-active .hero-content  p, .hero-content  p { width:98%;margin:10px 0 0 00}
}
@media (max-width: 540px) {
.hero-item-wrap { height:380px;}
.hero-item .mobile-bg {height:250px}
.hero-item-wrap.size-medium { height:390px;}
.hero-item-wrap.size-medium .hero-item .mobile-bg {height:150px}
.slick-active .hero-content h2, .hero-content h2, .hero-wrapper.context-children .hero-content h2, .hero-wrapper.context-children .slick-active .hero-content h2 {  font-size: 35px;margin-bottom:5px }
}
@media (max-width: 400px) {
.hero-item-wrap { height:340px;}
.hero-item .mobile-bg {height:180px}
.hero-item-wrap.size-medium { height:370px;}
.hero-item-wrap.size-medium .hero-item .mobile-bg {height:120px}
}


#lightbox img{margin:auto}




#eshop{  background:#F6F6F6;}
.references-wrap img {margin:20px auto 10px auto}


/* footer */
.site-footer { padding-top: 50px;}
.site-footer .networks { background: #777; padding: 15px 0 20px 0; color:white;}
.site-footer .networks h3{font-size:18px; letter-spacing: .5em;}
.site-footer .bottom { background: #222; color: #fff; padding: 10px 0 50px 0; }
.site-footer .bottom .container { display:flex; align-items:top; justify-content:space-between; }
.social-icons {justify-content: center;margin: 25px 0 10px 0; }
.social-icons a {font-size: 34px;padding: 20px 20px;color:white }


footer {  padding:0;  text-align: center; }
footer a,footer .main-nav a {  color: white;  text-decoration: none;}
footer .main-nav {margin-top: 20px;}
footer .main-nav a{font-size: 12px;}
footer .lang-switch button{margin:35px 0px 0 30px;}

.footer-menu ul{ display: grid;   grid-template-columns: auto auto auto;justify-content: center; gap: 2rem; background: #222; padding: 1rem; list-style: none; margin: 0; text-align:left;font-size:12px}
.footer-menu ul li {  color: white;  text-align: left;margin:5px 0;}
.footer-menu ul li:nth-child(1) {display:none}
.footer-menu ul ul li:nth-child(1) {display:block}

.footer-menu ul li:nth-child(2) {grid-row-start: 1;  grid-row-end: 5;}
.footer-menu ul li:nth-child(3) {grid-row-start: 1;  grid-row-end: 5;}
.footer-menu ul li:nth-child(4) {grid-row-start: 1;  grid-row-end: 1;}
.footer-menu ul li:nth-child(5) {grid-row-start: 2;  grid-row-end: 2;}
.footer-menu ul li:nth-child(6) {grid-row-start: 3;  grid-row-end: 3;}


.footer-menu > li > a {  color: white;  text-decoration: none;  font-weight: bold;  display: block;  margin-bottom: 0.5rem;line-height:1.5}
.footer-menu ul ul{list-style: none; margin: 0; padding: 0; display:block;border-top:1px solid #555;padding:10px 0;margin:10px 0}
.footer-menu ul ul li a {  color: #ccc;  text-decoration: none;  display: block;}
.footer-menu a:hover {  color: #fff;}



@media (max-width: 768px) {  
.site-footer .networks h3{font-size:15px;}
.site-footer .bottom{text-align:center;}
.site-footer .bottom .container { display:block}
.site-brand.text-left{text-align:center;}
}