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

#ff9900
#033253
*/
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: #033253; font-family: 'Roboto', sans-serif; font-size: 1em; line-height: 140%; position: relative; background-color: #f2f4f6;}
img, video {max-width: 100%; height: auto; border: none;}
video {width: 100%; display: block;}
h1, h2, h3, h4 {text-align: center; line-height: 130%; color: #033253;}
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%;}
h2.has-x-large-font-size {font-size: 250%; padding-top: 1em;}
iframe {border: none; max-width: 100%; box-sizing: border-box; width: 1260px; margin-left: auto; margin-right: auto;}
form {text-align: center; max-width: 1260px; margin: 0 auto; background-color: #f2f4f6; border: 1px solid #ccd6dc; padding: 0 50px 40px 50px; border-radius: 5px; color:#033253; box-sizing: border-box;}
input, textarea, select, button {outline: none; box-sizing: border-box; font-family: inherit; font-size: 100%; padding: 10px 12px; border: 2px inset #022842; background-color: #033253; border-radius: 5px; color: #e5eaed; box-shadow: inset 0 0 0 2px #022842;}
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: #ff9900;}
a:hover {text-decoration: none;}
table {border-collapse: collapse; margin: 10px auto; text-align: left; background-color: #fff; border: 1px solid #033253; max-width: 100%; padding: 10px;}
th {padding: 20px 15px; background-color: #033253; color: #fff; font-size: 110%; font-weight: 400; white-space: nowrap;}
td {padding: 6px 15px; white-space: nowrap;}
tr:nth-of-type(odd) {background-color: #e5e9ef;}
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 {max-width: 150px; padding: 10px 10px 20px 10px;}
header .days {display: none; font-size: 75%; font-weight: 300; text-align: right;}
header .tel {font-size: 130%; font-weight: 700;}
header a {color: #033253; text-decoration: none; display: flex; align-items: center; justify-content: flex-end;}
header svg {margin-right: 10px;}
nav {background-color: #033253; padding: 0; position: relative; z-index: 999;}
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: #ff9900; padding: 0 25px;}
nav a:hover {color: #fff;}
nav .menu .current-menu-item > a {color: #fff; font-weight: 700;}
article {background-color: #fff; padding-bottom: 0px; 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: #02233a; padding: 20px; font-size: 75%; text-align: center; color: #4e6f86; border-top: 25px solid #011e31;}
footer a {color: #678497;}

.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; display: flex; flex-wrap: wrap; justify-content: center; columns: 2; gap: 0 !important;}
.wp-block-gallery figure {display: flex; align-items: flex-end; justify-content: flex-start; margin: 0; padding: 0; width: 50%;}
.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; overflow-x: auto;}
.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; opacity: 0; animation: fadeInUp 2s; animation-fill-mode: both;}
@keyframes fadeInUp {
  from {transform: translate3d(0,140px,0);}
  to {transform: translate3d(0,0,0); opacity: 1 }
}
.wp-block-cover h1 {padding: 0; margin: 30px 0 50px 0; font-size: 400%; line-height: inherit; color: #f2f4f6; display: inline-block; text-shadow: #333 2px 0 2px; }
.wp-block-cover p {font-size: 200%; color: #ff9900; font-weight: 900; margin: 0; padding: 20px; line-height: 180%; text-shadow: rgba(0,0,0,0.95) 0px 0px 15px;}

.wp-block-video {margin: 0 auto;}

.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 #ff9900; background-color: #ff9900; transition: 0.5s; color: #033253; font-size: 110%; text-decoration: none; justify-content: center; align-items: center; font-weight: 700; line-height: 140%; padding: 8px 18px; box-shadow: rgba(1,30,49, 0.75) 1px 1px 2px; box-sizing: border-box; transition: 0.5s;}
.wp-block-button a:hover, .wpcf7-submit:hover {cursor: pointer; border-color: #033253; background-color: #033253; color: #ff9900;}
.wpcf7-submit:hover {background-color: #fff; color: #033253;}

.wpcf7-form div {max-width: 680px; margin-left: auto; margin-right: auto;}
.wpcf7-submit {margin: 0 auto;}
.wpcf7-spinner {display: block;}
.wpcf7-response-output {margin-left: auto !important; margin-right: auto !important;}

.services .wp-block-column {border: 1px solid #033253; border: 1px solid #e5eaed; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column;}
.services h2, .services h3 {padding: 0;}
.services h2 a, .services h3 a {text-decoration: none; background-color: #033253; color: #fff; display: block; padding: 1.5em 0 1.5em 0;}
.services h2 a:hover, .services h3 a:hover {color: #ff9900;}
.services .wp-block-column p {padding: 0 40px;}
.services .wp-block-buttons {justify-self: flex-end; margin-top: auto;}

.advantages .wp-block-column {background-color: #f2f4f6; padding-top: 15px; padding-bottom: 5px; border-radius: 10px; border: 1px solid #e5eaed; transition: 0.5s;}
.advantages .wp-block-column:hover {background-color: #fff4e5; border-color: #fff4e5; transform: scale(1.2);}
.advantages .wp-block-column p {padding: 0 40px;}

.beforeafter {padding: 0px; max-width: 100% !important;}

.videogallery {max-width: 800px !important;}

.girl {line-height: 0;}

.contact {border: 5px solid #033253; justify-content: space-evenly; margin-bottom: 50px; border-radius: 10px; padding: 40px 0; background-color: #f2f4f6; border: 1px solid #ccd6dc;}
.contact .wp-block-column {border: 5px solid #033253; background-color: #1c4664; color: #ff9900; width: 300px !important; padding: 1em; margin: 5px auto; border-radius: 10px; font-size: 115%; transition: 0.5s;}
.contact .wp-block-column:hover a {color: #fff;}
.contact .wp-block-column a {text-decoration: none; transition: 0.5s;}

.aftercta {font-weight: 300; text-transform: uppercase;}

#cookie-consent {background-color: #011e31; 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: #ff9900; border: 5px solid #ff9900; 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: #033253; background-color: #033253; color: #ff9900;}
#cookie-consent #save-cookie-choices {background: none; color: #fff;}

@media (max-width: 767px) {

    header div {flex-direction: column;}
    header .tel {font-size: 135%;}
    header > a {justify-content: center;}
    header .days {padding: 10px;}
    
    article {margin-left: 3px; margin-right: 3px;}
    article > h1, article > h2, article > h3, article > p, article > ul, article > ol {padding-left: 10px; padding-right: 10px;}
    iframe {max-height: 400px;}
    
    .wp-block-cover .wp-block-cover__inner-container {bottom: 100%;}
    .wp-block-cover h1 {color: #000; text-shadow: none; margin: 25px 0 10px 0; line-height: 100%; font-size: 200%;}
    .wp-block-cover p {font-size: 120%; text-shadow: none;}
 
}

@media (min-width: 768px) {
    header > a {margin-top: -20px;}
    .wp-block-cover {overflow: hidden; aspect-ratio: 2.5/1;}
    .wp-block-cover .wp-block-cover__inner-container {position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 80%;}
    .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: 760px; margin-left: auto; margin-right: auto;}
    article {margin-left: 3px; margin-right: 3px;}
    .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: 100%;}
    .wp-block-column:first-child:nth-last-child(4), .wp-block-column:first-child:nth-last-child(4) ~ .wp-block-column {width: 48%;} 
    .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 h1 {font-size: 225%; margin: 10px 0 20px 0;}
    .wp-block-cover p {font-size: 125%;}
    
    .advantages .wp-block-column {margin: 1%;}
    
    .contact .wp-block-column {width: 240px !important; font-size: 100%;}

}

@media (max-width: 1259px) {
    h1 {font-size: 200%; padding-top: 0.5em;}
    h2 {font-size: 160%;}
    #mobilemenu {color: #fff; background: #011e31; padding: 3px 0; border-radius: 3px; border: 1px solid #355a75; 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%; padding: 1px; margin-bottom: 10px;}
    nav .menu {display: none; width: 100%; padding-bottom: 20px;}
    nav .menu li a {padding: 10px 30px; display: block;}
    
    .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-gallery figure {width: 100%;}
    
    .wp-block-media-text {display: flex; flex-direction: column; margin: 30px 0;}
    .wp-block-buttons {margin: 15px 10px;}
    
    .advantages .wp-block-columns {padding: 0;}
    
    .wpcf7-form {padding: 40px 20px;}
    .wpcf7-form h2 {padding-top: 1em;}
    .wpcf7-form p {margin: 5px 0;}

}

@media (min-width: 1260px) {  
    header div {height: 100px;}
    header #logo img {padding: 15px 20px 15px 0; max-width: 150px;}
    #mobilemenu {display: none;}
    nav {width: 100%; display: flex; margin-bottom: -60px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
    nav > div {width: 100%; display: flex;}
    nav .menu {display: flex; position: relative; z-index: 9998; width: 100%;}  
    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 {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;}
    
    .advantages .wp-block-columns {gap: 40px;}
    .services {gap: 20px;}
}