/*
Theme Name: Talmer.cz
Theme URI: https://zajimava.cz
Author: Talmer.cz
Author URI: https://talmer.cz
Description: 
Version: 1.0

#fcc203
#2d3240
*/
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}

::selection {background: #ddd;}
::placeholder {color:#d5d6d8;}
html,body {margin: 0px; padding: 0px; color: #2d3240; font-family: 'Roboto', sans-serif; font-size: 1em; line-height: 140%; position: relative;}
img {max-width: 100%; height: auto; border: none;}
h1, h2, h3, h4 {text-align: center; line-height: 130%; color: #2d3240;}
h1 {margin: 0; padding: 1.5em 0 0.5em 0; font-size: 300%; font-weight: 700;}
h2 {margin: 0; padding: 2.5em 0 1.0em 0; font-size: 160%;}
h3 {margin: 0; padding: 1em 0 0.5em 0; font-size: 120%;}
h4 {margin: 0; padding: 1.25em 0 0.25em 0; font-size: 110%; text-align: left;}
h2.has-x-large-font-size {font-size: 250%; padding-top: 1em;}
iframe {border: none; max-width: 100%; box-sizing: border-box;}
form {text-align: center; max-width: 800px; margin: 0 auto;}
input, textarea, select, button {outline: none; box-sizing: border-box; font-family: inherit; font-size: 100%; padding: 8px 10px; border: 1px solid #424653; background-color: #565a66; border-radius: 5px; color: #eaeaeb;}
input[type="text"], input[type="email"], input[type="tel"], textarea {width: 100%; margin: 10px 0;}
input[type="submit"], button {cursor: pointer; border-radius: 0;}
label {cursor: pointer;}
textarea {min-width: 100%; max-width: 100%; height: 8em;}
ol, ul {padding-left: 40px; line-height: 200%;}
li {text-align: left; padding-left: 6px;}
a {color: #fcc203;}
a:hover {text-decoration: none;}
table {border-collapse: collapse; margin: 10px auto; text-align: left; background-color: #fff; border: 1px solid #000; max-width: 100%; padding: 10px;}
th {padding: 25px 15px; background-color: #000; color: #fff; font-size: 120%;}
td {padding: 10px 15px;}
tr:nth-of-type(odd) {background-color: #eaeaeb;}
figure {margin: 0; padding: 0;}
figcaption {padding: 5px 0; text-align: center; font-size: 90%; font-weight: 300;}
header div {display: flex; width: 100%; align-items: center; justify-content: space-between;}
header #logo img {padding: 15px 20px 15px 0; max-width: 200px;}
header .days {display: none; font-size: 75%; font-weight: 300; text-align: right;}
header .tel {font-size: 130%; font-weight: 700;}
header a {color: #2d3240; text-decoration: none; display: flex; align-items: center; justify-content: flex-end;}
header svg {margin-right: 10px;}
nav {background-color: #2d3240; padding: 0;}
nav ul {list-style: none; margin: 0; padding: 0; font-size: 100%;}
nav li {box-sizing: border-box; padding: 0; margin: 0;}
nav li + li:before {content: ''; width: 1px; height: 35px; background: #6c6f79; position: absolute; top: 25%;}
nav a {text-decoration: none; line-height: 1; position: relative; font-size: 100%; color: #fcc203; padding: 0 30px;}
nav a:hover {color: #fff;}
nav .menu .current-menu-item > a {color: #fff; font-weight: 700;}
article {background-color: #fff; padding-bottom: 40px;  line-height: 160%;}
aside {padding: 30px 0;}
aside.wp-block-group {display: flex; flex-wrap: wrap; justify-content: center;}
aside .wp-block-image {width: 10%; display: flex; justify-content: center; padding: 10px 5px; box-sizing: border-box;}
footer {background-color: #eaeaeb; padding: 20px; font-size: 75%; text-align: center; color: #96989f; border-top: 20px solid #96989f;}
footer a {color: #6c6f79;}

.wp-block-columns {display: flex; width: 100%; justify-content: space-between; box-sizing: border-box; padding: 20px 0;}
.wp-block-column {text-align: center; box-sizing: border-box; width: 100%;}
.wp-block-column p {padding: 0 10px;}

.wp-block-gallery {margin: 20px 0 40px 0;}
.wp-block-gallery ul {display: flex; flex-wrap: wrap; list-style: none; padding: 0; justify-content: center;}
.wp-block-gallery li {width: 16.66666666%; padding: 5px; box-sizing: border-box;}
.wp-block-gallery.columns-3 li {width: 33.3333333%;}
.wp-block-gallery.columns-4 li {width: 25%;}
.wp-block-gallery.columns-5 li {width: 20%;}
.wp-block-gallery.columns-6 li {width: 16.66666666%;}
.wp-block-gallery.columns-8 li {width: 12.5%;}
.wp-block-gallery figure {display: flex; align-items: flex-end; justify-content: flex-start; margin: 0; height: 100%;}
.wp-block-gallery img, .wp-block-gallery a {object-fit: cover; width: 100%; height: 100%;}
 
.has-text-align-right, .alignright, .alignright figcaption {text-align: right;}
.has-text-align-center, .aligncenter, .aligncenter figcaption {text-align: center;}


.wp-block-media-text.has-media-on-the-right figure {order: 2;}
.wp-block-media-text__media {display: flex; align-items: center; justify-content: center;}
.wp-block-media-text__media img {border-radius: 50px;}
.wp-block-media-text__content {display: flex; flex-direction: column; justify-content: center;}
.wp-block-media-text__content * {text-align: left !important;}

.wp-block-table {margin: 15px 0;}
.wp-block-table th {border: 1px solid #abadb2;}
.wp-block-table td {border: 1px solid #c0c1c5;}

.wp-block-subheading-block {font-weight: 100; font-size: 150%; text-align: center; line-height: 150%; margin-top: 0.5em; margin-bottom: 0.5em; max-width: 100%;}

.wp-block-cover {position: relative; z-index: 1;}
.wp-block-cover .wp-block-cover__inner-container {display: flex; color: #fff; justify-content: center; align-items: center; flex-direction: column;}
.wp-block-cover .has-black-background-color {position: absolute; top: 0; left: 0; display: block; z-index: 9; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25);}
.wp-block-cover .has-white-background-color {position: absolute; top: 0; left: 0; display: block; z-index: 9; width: 100%; height: 100%; background-color: rgba(255,255,255,0.25);}
.wp-block-cover h1 {padding: 0; margin: 30px 0 50px 0; font-size: 400%; line-height: inherit; color: #fff; display: inline-block; text-shadow: #666 2px 0 2px;}
.wp-block-cover .like-h1 {font-size: 400%; color: #fff; text-shadow: #666 2px 0 2px; font-weight: bold;}
.wp-block-cover .like-h1 h1 {font-size: inherit;}
.wp-block-cover p {font-size: 200%; color: #fcc203; font-weight: 900; margin: 0; padding: 20px; line-height: 180%; text-shadow: rgba(255,255,255,0.8) 0px 0px 20px;}

.wp-block-image {margin: 0; padding: 0; display: flex; justify-content: center; max-width: 100%;}

.wp-block-buttons {text-align: center; text-transform: uppercase;}
.wp-block-button a, .wpcf7-submit {display: inline-block; border: 5px solid #fcc203; background-color: #fcc203; transition: 0.5s; color: #2d3240; font-size: 110%; text-decoration: none; justify-content: center; align-items: center; font-weight: 700; line-height: 140%; padding: 8px 18px; box-shadow: rgba(30,78,70, 0.5) 1px 1px 2px; box-sizing: border-box; transition: 0.5s;}
.wp-block-buttons .big a {box-shadow: rgba(30,78,70, 0.5) 1.5px 1.5px 3px;}
.wp-block-button a:hover, .wpcf7-submit:hover {cursor: pointer; border-color: #2d3240; background-color: #2d3240; color: #fcc203;}
.wpcf7-submit:hover {background-color: #fff; color: #2d3240;}

.intro {background-color: #f4f4f5; margin: 20px 0;}
.intro p {font-size: 120%; font-weight: 300;}

.services {gap:40px;}
.services .wp-block-column {margin: 0; position: relative; border: 1px solid #2d3240;}
.services img {width: 100%; transition: 0.5s; position: relative; z-index: 1;}
.services .wp-block-image {overflow: hidden;}
.services .wp-block-image:after {content: ''; display: block; background-color: rgba(0,0,0,0.6); z-index: 2; width: 100%; height: 100%; top: 0; position: absolute; transition: 0.3s;}
.services .wp-block-column:hover .wp-block-image:after {background-color: rgba(0,0,0,0.4);}
.services a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: #fcc203; text-decoration: none; cursor: pointer;}
.services figure a {transition: 0.5s all;  overflow: hidden; line-height: 0;}
.services h2 {font-size: 220%; padding: 0; position: absolute; z-index: 3; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.services .wp-block-column:hover img {transform: scale(1.1);}

.process {gap:30px;}
.process .wp-block-column {border: 1px solid #2d3240;}

.advantages .wp-block-columns {gap: 40px;}
.advantages .wp-block-column {background-color: #2d3240; border-left: 10px solid #424653; border-right: 10px solid #424653; padding: 15px 5px 5px 5px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.5s; cursor: default; display: flex; flex-direction: column; align-items: center;}
.advantages .wp-block-column:hover {transform: translateY(-10px);  box-shadow: 0 8px 20px rgba(0,0,0,0.3); border-color: #6c6f79;}
.advantages h3 {color: #fcc203; padding-top: 0.5em;}
.advantages p {color: #e0e0e0; font-size: 80%;}

.presentation .wp-block-columns {display: flex; justify-content: left; align-items: flex-start;}
.presentation h2 {text-align: left; padding-left: 30px; padding-top: 0.75em;}
.presentation p {text-align: left; padding-left: 30px; padding-right: 30px;}
.presentation ul {columns: 2;}

.pricelist {gap: 60px;}
.pricelist h2 {padding-top: 1em;}

.contact {background-color: #fcc203; margin: 20px 0;}
.contact .wp-block-column svg {transition: 0.75s;}
.contact .wp-block-column:hover svg {transform: scale(1.15);}
.contact .wp-block-column + .wp-block-column {border-left: 1px solid #e2ae02;}
.contact {display: flex; align-items: center;}
.contact a {color: #2d3240;}
.contact p {font-size: 120%; font-weight: 600; padding: 20px 10px; margin: 0;}

.wpcf7-form {background-color: #2d3240; padding: 40px 50px; border-radius: 5px; border: 1px solid #6c6f79; color:#fff; max-width: 680px;}
.wpcf7-form p {margin: 0 0 10px 0;}
.wpcf7-list-item {padding-top: 5px;}
.wpcf7-list-item.first {margin-left: 0;}
.wpcf7-submit {margin: 0 auto;}
.wpcf7-spinner {display: block;}

#cookie-consent {background-color: rgba(31,35,44,1); color: #ccc; padding: 2em; position: fixed; max-width: 600px; left: 0; bottom: 0; z-index: 9999; display: none; box-shadow: 10px 10px 5px rgba(0,0,0,0.25);}
#cookie-consent h2, #cookie-consent h3 {color: #fff; padding-top: 0.5em;}
#cookie-consent p {font-size: 80%; text-align: left;}
#cookie-consent #cookie-choices {display: none;}
#cookie-consent #cookie-choices > div {display: inline-block; text-align: left;}
#cookie-consent #cookie-choices label {margin-right: 5px;}
#cookie-consent span {cursor: pointer; color: #666;}
#cookie-consent label {cursor: pointer;}
#cookie-consent button, #show-cookie-consent {padding: 0.5em 1.5em; background: #fcc203; border: 5px solid #fcc203; color: #fff; display: inline-block; font-weight: 700; margin: 10px; cursor: pointer; font-size: 100%; font-family: inherit; text-transform: uppercase;}
#cookie-consent button:hover, #show-cookie-consent:hover {cursor: pointer; border-color: #2d3240; background-color: #2d3240; color: #fcc203;}
#cookie-consent #save-cookie-choices {background: none; color: #fff;}

@media (max-width: 767px) {
    body {font-size: 15px;}
    h1 {font-size: 200%;}
    h2 {font-size: 160%;}
    header div {flex-direction: column;}
    header .tel {font-size: 135%;}
    header > a {justify-content: center;}
    header .days {padding-top: 15px;}
    
    article > h1, article > h2, article > h3, article > p, article > ul, article > ol {padding-left: 10px; padding-right: 10px;}
    iframe {max-height: 400px;}
    
    .wp-block-column, .wp-block-media-text__content {margin-left: 0px; margin-right: 0px;}
    .wp-block-column {width: 100%; box-sizing: border-box; margin-top: 10px; margin-bottom: 10px;}
    .wp-block-columns {flex-wrap: wrap;}
    
    .wp-block-cover .has-black-background-color, .wp-block-cover .has-white-background-color {display: none;}
    .wp-block-cover .wp-block-cover__inner-container {bottom: 100%;}
    .wp-block-cover .like-h1 {font-size: 200%; color: #000; text-shadow: none;}
    .wp-block-cover h1 {color: #000; text-shadow: none; margin: 15px 0; line-height: 100%; font-size: 200%;}
    .wp-block-cover p {font-size: 120%;}
    
    .wp-block-media-text {display: flex; flex-direction: column; margin: 30px 0;}
    .wp-block-buttons {margin: 15px 10px;}
    
    .intro .wp-block-columns {flex-wrap: wrap;}
    .intro h2 {padding-bottom: 0;}
    .intro .wp-block-column:nth-child(2) {flex-basis: 100% !important;}
    .intro .wp-block-column:first-child {order:2; flex-basis: 50% !important;}
    .intro .wp-block-column:last-child {flex-basis: 50% !important;}
    .intro img {height: auto !important;}
    
    .process {gap: 10px;}
    .advantages .wp-block-columns {gap: 0px; padding: 0;}

}

@media (min-width: 768px) {
    header > a {margin-top: -20px;}
    .wp-block-cover {overflow: hidden; aspect-ratio: 4 / 1;}
    .wp-block-cover .wp-block-cover__inner-container {position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%;}
    .wp-block-media-text {display: grid; grid-template-columns: 50% 50%; column-gap: 0px; margin: 30px 0;}

}

@media (min-width: 768px) and (max-width: 1259px) {
    header {padding: 0 20px;}
    table, article > ul, article > ol, article > p, .narrow, article > h2, article > h3 {width: 750px; margin-left: auto; margin-right: auto;}
    
    .wp-block-column {width: 100%;}
    .wp-block-column:first-child:nth-last-child(3), .wp-block-column:first-child:nth-last-child(3) ~ .wp-block-column {width: 33.333333%;}
    .wp-block-column:first-child:nth-last-child(4), .wp-block-column:first-child:nth-last-child(4) ~ .wp-block-column {width: 50%;} 
    .wp-block-column:first-child:nth-last-child(6), .wp-block-column:first-child:nth-last-child(6) ~ .wp-block-column {width: 33.333333%;}
    .wp-block-column p {padding: 0 5%;}

    .wp-block-cover .like-h1 {font-size: 300%;}
    .wp-block-cover h1 {font-size: 300%; margin-bottom: 20px;}
    .wp-block-cover p {font-size: 150%; padding: 0;}
    
    .wp-block-buttons .big a {transform: scale(1.1); margin-top: 25px; margin-bottom: 25px;}
    .wp-block-button {padding: 10px; font-size: 90%;}
    
    .pricelist {flex-direction: column;}

}

@media (max-width: 1259px) {
    #mobilemenu {color: #fff; background: #090a0c; padding: 3px 0; border-radius: 3px; border: 1px solid #565a66; line-height: 150%; text-align: center; width: 100px; outline: none; cursor: pointer; margin: 10px auto; box-shadow: 2px 2px 7px rgba(0,0,0,0.25);}
    #lines {border-bottom: 6px double #fff; border-top: 2px solid #fff; height: 2px; width: 20px; display: inline-block; margin-right: 10px;}
    nav {width: 100%;}
    nav .menu {display: none; width: 100%; padding-bottom: 20px;}
    nav .menu li a {padding: 10px 30px; display: block;}

}

@media (min-width: 1260px) {  
    #mobilemenu {display: none;}
    nav {width: 100%; display: flex;}
    nav .menu {display: flex; position: relative; z-index: 9998;}  
    nav .menu > li {flex-grow: 1; position: relative;}
    nav .menu > li > a {height: 60px; display: flex; justify-content: center; align-items: center; transition: 0.1s;}
    
    header, nav, .content, aside, iframe, .wp-block-group, .wp-block-columns, .wp-block-media-text {max-width: 1260px; margin-left: auto; margin-right: auto;}
    article > ul, article > ol, article > p, .narrow, article > h2, article > h3, .wp-block-table {max-width: 800px; margin-left: auto; margin-right: auto;}

    .wp-block-column:first-child:nth-last-child(2), .wp-block-column:first-child:nth-last-child(2) ~ .wp-block-column {width: 50%;}
    .wp-block-column:first-child:nth-last-child(3), .wp-block-column:first-child:nth-last-child(3) ~ .wp-block-column {width: 33.333333%;}
    .wp-block-column:first-child:nth-last-child(4), .wp-block-column:first-child:nth-last-child(4) ~ .wp-block-column {width: 25%;}
    .wp-block-column:first-child:nth-last-child(5), .wp-block-column:first-child:nth-last-child(5) ~ .wp-block-column {width: 20%;}
    .wp-block-column:first-child:nth-last-child(6), .wp-block-column:first-child:nth-last-child(6) ~ .wp-block-column {width: 16.666666%;}
    
    .wp-block-buttons {margin: 0 0 50px 0;}
    .wp-block-buttons .big a {transform: scale(1.4); margin-top: 50px;}

}