@font-face {
font-family:"Kaufland Regular";
src:url(//www.vsechnyjsmehrdinky.cz/wp-content/uploads/fonts/KAUFLAND-REGULAR.otf)
}
@font-face {
font-family:"Kaufland Bold";
src:url(//www.vsechnyjsmehrdinky.cz/wp-content/uploads/fonts/KAUFLAND-BOLD.otf)
}
@font-face {
font-family:"Kaufland Heavy";
src:url(//www.vsechnyjsmehrdinky.cz/wp-content/uploads/fonts/KAUFLAND-HEAVY.otf)
}
@font-face {
font-family:"Kaufland-Bold";
src:url(//www.vsechnyjsmehrdinky.cz/wp-content/uploads/fonts/KAUFLAND-BOLD.otf)
}
html {
scroll-behavior: smooth
}
textarea {
font-family:"Kaufland Bold";
}
body.blog #head {
background: transparent !important;
}
.text-center {
text-align: center;
}
.inline-block {
display: inline-block;
}
.wp-block-group,
.wp-block-template-part {
margin-block-start: 0;
}
h1, h2, h3, h4 {
text-transform: uppercase;
}
.w-170-px { width: 170px; }
html .yb-btn-play,
.plyr__control--overlaid {
background-image: url(//www.vsechnyjsmehrdinky.cz/wp-content/uploads/2025/03/play.svg) !important;
background-color: transparent;
height: 100px !important;
width: 100px !important;
filter: none !important;
}
html .yb-player .yb-btn-play:hover,
.wp-block-vpb-video:hover .plyr__control--overlaid {
background-color: rgba(255, 255, 255, 0.2) !important;
box-shadow: 0 0 90px #fff;
}
.wp-block-vpb-video:hover .plyr__control--overlaid {
background-color: transparent;
}
.plyr__control--overlaid svg,
.plyr--stopped .plyr__controls {
display: none;
}
html .wp-block-vpb-video .vpbVideoPlayer .videoWrapper button span {
color: #222 !important;
}
body.page-template header.wp-block-template-part {
background: #fff4d5;
}
.bold {
font-weight: 600;
}
.bold strong,
.bold b {
font-weight: 700;
}
.relative { position: relative; }
#head {
z-index: 10 !important;
padding: 0 !important;
min-width: 100vw;
max-width: 100vw;
}
#head > .has-background {
height: calc(100vw/17);
max-height: 71px;
}
#logo > a {
display: block;
}
#logo svg {
height: min(4.8vw,59px);
margin-top: 5.5%;
}
#nominujte {
text-align: center;
}
#nominujte a {
display: block;
}
#nominujte svg { 
width: 82%;
margin-top: 4.5%;
}
.slick-next, .slick-prev,
.slick-next:hover, .slick-prev:hover {
width: 40px;
height: 71px;
z-index: 999;
}
.slick-next:before, .slick-prev:before {
display: none;
}
.slick-prev, .slick-prev:hover, .slick-prev:focus {
background: url(//www.vsechnyjsmehrdinky.cz/wp-content/uploads/2025/03/prev.svg) !important;
left: -55px;
}
.slick-next, .slick-next:hover, .slick-next:focus {
background: url(//www.vsechnyjsmehrdinky.cz/wp-content/uploads/2025/03/next.svg) !important;
right: -55px;
}
.slick-next:hover,
.slick-prev:hover {
opacity: 0.3;
}
.slick-disabled, .slick-disabled:hover {
opacity: 0;
}
.slick-slider {
margin-left: 60px;
margin-right: 60px;
}
.slick-slider .yb-caption {
display: none;
}
.slick-slide .bottom {
position: absolute;
bottom: -7px;
gap: 0;
}
.slick-slide h3 a {
text-decoration: none;
}
.slick-slide h3 a:hover {
text-decoration: underline;
}
.slick-slide > .wp-block-group.has-border-color {
min-height: 530px;
}
footer .wp-block-navigation__container {
gap: 10px;
}
.half {
display: inline-block;
width: 49.5%;
vertical-align: top;
}
.half + .half {
margin-left: 1%;
}
.submit-puck button {
background: none;
border: 0;
}
.submit-puck button img,
.submit-puck button svg {
width: 140px;
height: 96px;
}
.small {
font-size: 75%;
line-height: 1.4;
}
.wpcf7 { font-size: 85%; }
.wpcf7 input:focus {
outline: 0;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea { 
width: 100%;
max-width: 100%;
font-size: inherit;
padding: 25px 10px 10px 10px;
border: 0;
border: 2px solid #bbb;
box-sizing: border-box;
}
.wpcf7 textarea { height: 85px; }
.wpcf7 input[type=text]:hover,
.wpcf7 input[type=email]:hover,
.wpcf7 input[type=tel]:hover,
.wpcf7 textarea:hover,
.wpcf7 input[type=text]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 input[type=tel]:focus,
.wpcf7 textarea:focus {
border-color: #202020;
}
.wpcf7 input,
.wpcf7 textarea {
font-weight: 600;
}
.wpcf7 .wpcf7-submit:disabled { 
opacity: 0.3;
}
.wpcf7-response-output { margin-top: 15px; }
.wpcf7-submit { margin: 13px 0; } .wpcf7-response-output {
margin-bottom: 30px !important;
}
.wpcf7 input[aria-invalid=true] {
border: red 2px solid;
}
.wpcf7 p {
margin: 0;
}
.wpcf7-text:focus, .wpcf7-textarea:focus {
border-color: #8F8F8F !important;
}
.wpcf7 form.sent .wpcf7-response-output { 
border-color: #FFF9E7;
background: #FFF9E7;
color: #202020;
padding: 15px 20px;
border-radius: 15px;
text-align: center;
margin: 0;
font-size: 125%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #dc3232;
background: #dc3232;
color: #fff;
font-size: 85%;
padding: 10px 20px;
border-radius: 10px;
text-align: center;
margin: 10px 0 0 0;
}
.wpcf7 fieldset {
border: 0;
padding: 0;
margin: 0;
}
.wpcf7 fieldset + p {
margin-block-start: 0;
}
.wpcf7-form.sent fieldset,
.wpcf7-form.sent fieldset + p,
.wpcf7-form.sent .wpcf7-submit {
display: none;
}
.wpcf7-spinner { 
position: absolute;
margin-top: -47px;
}
.wpcf7-form h2 { margin-top: 0; }
.wpcf7-form-control { margin-bottom: 12px; }
.mb-8 .wpcf7-form-control { margin-bottom: 9px; }
.wpcf7-not-valid-tip { margin-top: -10px; margin-bottom: 8px; }
.inside { margin: 0 10px -25px 10px; position: relative; z-index: 9; display: block; font-weight: 600; color: #444; font-size: 90%; background: rgba(255,255,255,0.9); }
.wpcf7-textarea { width: 100%; }
.half.submit-puck { width: 38%; margin-top: 10px; }
.half.terms { width: 58%; margin-top: 10px; }
.grecaptcha-badge { visibility: hidden; }
.hover-zoom, .yb-player, .slick-next, .slick-prev, .submit-puck button { transition: 0.2s ease-in-out; cursor: pointer; }
.hover-zoom:hover, .yb-player:hover, .submit-puck button:hover { transform: scale(1.05); }
.slick-slider .yb-player:hover { transform: none; }
.sticky-element-placeholder { max-width: 100%; }
.yb-caption {
text-align: center;
}
#pravidla svg { width: 180px; margin-left: -180px; }
#ceny svg { width: 160px; margin-right: -400px; }
#main_photo img { max-width: 80%; }
a:active, a:focus { outline: 0; }
body.page-id-127 #nominujte {
filter: grayscale(100%);
pointer-events: none;
opacity: 0.5;
display: none;
}
.rounded { border-radius: 31px; }
.pulse {
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% {
transform: scale(0.95);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.95);
}
}
.mobile-only { display: none; }
.desktop-only { display: block; }
ol {
counter-reset: section;
list-style-type: none;
}
ol li {
margin-bottom: 1em;
padding-left: 2em;
}
ol li li {
margin-bottom: 0.5em;
}
ol li ol {
margin-top: 0.5em;
}
ol li:before {
counter-increment: section;
content: counters(section, ".") ". ";
position: absolute;
margin-left: -1em;
}
li ol li:before {
content: counters(section, ".") " ";
margin-left: -2em;
}
@media (min-width: 780px) {
.slick-slide h5.wp-block-heading {
order: -1;
margin-bottom: 0.3em !important;
}
}
@media (max-width: 1366px) {
.slick-slide > .wp-block-group.has-border-color {
min-height: 480px;
}
}
@media (max-width: 1024px) {
.slick-slide > .wp-block-group.has-border-color {
min-height: 442px;
}
}
@media (max-width: 950px) {
#pravidla { position: relative; top: -20px;  }
#pravidla svg { width: 160px; margin-left: 0; }
#ceny { margin-top: 0 !important; margin-bottom: 0 !important; }
#ceny svg { width: 140px; margin-right: 0; }
}
@media only screen and (max-height: 575.98px) and (orientation: landscape) {
.wp-block-vpb-video.mobile-only { display: block; }
.wp-block-vpb-video.desktop-only { display: none; }
}
@media (max-width: 779px) {
h1.wp-block-heading { text-align: center !important; }
#main_photo { padding-top: 50px !important; background-position: 50% -5% !important; }
.mobile-only { display: block; }
.desktop-only { display: none; }
.number > svg { height: 27px; width: auto; }
.slick-slider { margin: 40px 0 15px 0; }
.slick-next, .slick-prev,
.slick-next:hover, .slick-prev:hover {
background-size: contain !important;
width: 28px;
height: 51px;
}
.slick-next, .slick-next:hover { right: -27px; }
.slick-prev, .slick-prev:hover { left: -27px; }
.social-icons {
position: absolute;
top: 70px;
right: 17%;	
width: 120px;
}
#logo svg {
height: min(16vw,124px);
margin-top: 3vw;
}
#nominujte { margin-block-start: 0; }
#nominujte svg { 
width: 84%;
margin-top: 14%;
margin-right: 4%;
}
footer .has-text-align-right {
text-align: left;
padding-top: 2rem;
}
.wp-block-image.heroine {
margin-left: -30px !important;
margin-right: -30px !important;
margin-top: -330px !important;
}
.form-wrap {
margin-top: -10px !important;
}
#head > .wp-block-group {
background-image: url(//www.vsechnyjsmehrdinky.cz/wp-content/uploads/2025/04/head_mobile.svg) !important;
}
#head > .has-background {
height: 22vw;
max-height: 161px;
}
#head_cols { gap: 0 !important; }
#head_cols > .wp-block-column { flex-basis: 23% !important; }
#head_cols > .wp-block-column:first-child { flex-basis: 49% !important; text-align: center; }
h1, h2, h3 { text-align: center; }
.slick-slide > .wp-block-group.has-border-color { min-height: 626px; }
.slick-slide .wp-block-heading.h3 { font-size: 30px; }
.slick-slide h3.wp-block-heading,
.slick-slide h5.wp-block-heading {
text-align: center;
}
.slick-slide .bottom { position: static; align-items: center; }
.slick-slide .wp-block-vpb-video { margin: 0 -15px; }
.alignfull.mobile-only.wp-block-vpb-video { margin: 0 -16px !important; }
html body .yb-btn-play, body .plyr__control--overlaid { 
width: 60px !important;
height: 60px !important;
background-size: contain !important;
}
.number { text-align: center; }
.slick-slide > .wp-block-group.has-border-color { padding: 15px !important; }
}
@media (max-width: 600px) {
.half {
display: block;
width: 100%;
}
.half + .half {
margin: 0;
}
.has-global-padding {
padding-right: 16px;
padding-left: 16px;
}
.half.terms {
width: auto;
padding-left: 10%;
text-align: right;
}
.half + br {
display: none;
}
}
@media (max-width: 420px) {
.social-icons {	right: 7%;	}
}
.animation-long-zoom-in { overflow: hidden;  }
.animation-long-zoom-in img {
transform-origin: 50% 55%;
transition: transform 12s;
transform: scale(1.75);
animation: zoom 12s 1 cubic-bezier(.1,.2,.7,1);
}
.animation-long-zoom-in:hover img {
transform: scale(1.5);
}
@keyframes zoom {
0% {
transform: scale(1);
}
100% {
transform: scale(1.75);
}
}