.s31-mobile-hidden {
display: block !important;
}

.s31-mobile-hidden-header {
display: flex !important;
}

.s31-desktop-hidden {
display: none !important;
}

.s31-desktop-hidden-flex {
display: none !important;
}

.s31-desktop-tablet-hidden {
display: none !important;
}

.s31-mobile-tablet-hidden {
display: flex !important;
}

:where(.wp-site-blocks *:focus) {
    outline: none !important;
}

form {
margin: 6px 0 15px 0;
width: 100%;
max-width: 540px;
color: #fff;
display: flex;
flex-direction: column;
}
form label {
margin-bottom: 5px;
font-weight: 400;
}
form textarea {
min-height: auto;
height: 150px ;
display: block;
width: 100%;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
font-family: "Montserrat", sans-serif;
box-sizing: border-box;
}
form .text-input {
display: block;
width: 100%;
height: 50px;
padding: 8px 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.42857143;
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
font-family: "Montserrat", sans-serif;
overflow: auto;
box-sizing: border-box;
}
form .send-button {
display: inline-block;
border: 0;
line-height: inherit;
cursor: pointer;
width: 200px;
padding: 15px 0;
border: 2px solid #d8a420;
border-radius: 60px;
background-color: #d8a420;
transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #fff;
font-weight: 700;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
appearance: none;
}
form .send-button:active,
form .send-button:hover {
background-color: #3c3c3c;
color: #d8a420;
}

.form-fields-cont, .form-button-cont {
display: flex;
gap: 25px;}

.wp-block-contact-form-7-contact-form-selector {
width: 100%;
}

.button-hover-yellow:hover .wp-block-button__link {
border: 2px solid #fff !important;
background-color: #3c8f6b;
}

.backgroundImg {
background-image: url(//www.isoair.cz/wp-content/themes/isoair/css/../img/tech-pozadi.jpg),
    linear-gradient(180deg, #eeebe8, #eeebe8);
background-position: 100% 50%, 0 0;
background-size: auto 100%, auto;
background-repeat: no-repeat, repeat;
}

.img-pdf {
cursor: pointer;
position: relative;
width: 100%;
margin-bottom: 30px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.img-pdf .photo-hover {
background-color: rgba(0, 0, 0, 0);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
pointer-events: none;
}
.img-pdf .photo-hover .circle {
height: 90px;
width: 90px;
background-color: #fff;
border-radius: 180px;
left: 50%;
margin-left: -45px;
margin-top: -45px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.img-pdf .photo-hover .circle img {
display: block;
left: 50%;
margin-left: -15px;
margin-top: -15px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.img-pdf:active .photo-hover,
.img-pdf:hover .photo-hover {
background-color: rgba(255, 255, 255, 0.3);
}
.img-pdf:active .photo-hover .circle,
.img-pdf:hover .photo-hover .circle {
opacity: 1;
}
.img-pdf:active .photo-hover .circle img,
.img-pdf:hover .photo-hover .circle img {
opacity: 1;
}

.map {
width: 100%;
}
.map .map-container {
overflow: hidden;
position: relative;
height: 380px;
}
.map .map-container iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}

strong {
font-weight: 700;
}

.hover-green:hover a {
border: 2px solid #3c8f6b !important;
background-color: #3c8f6b !important;
color: #fff !important;
}

.custom-logo-link img {
    min-width: 170px;
}

.main-menu {
    padding: 0 20px;
    gap: 0 18px;
}

.tel-block {
height: 120px;
display: flex;
flex: 0 0 auto;
background-color: #fff;
padding: 0 35px;
justify-content: center;
align-items: center;
border-bottom-right-radius: 40px;
}
.tel-block a {
padding-left: 40px;
background-image: url(http://www.isoair.cz.localhost/wp-content/uploads/2025/09/icon-phone.svg);
background-position: 0 18px;
background-size: 22px;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: center;
text-decoration: none;
}
.tel-block a span {
font-size: 19px;
font-weight: 600;
color: #333;
}
.tel-block a .phone-text {
color: #999;
font-size: 13px;
font-weight: 500;
margin-bottom: 3px;
}

.header-left {
flex: 1;
}
.header-right {
flex: 1;
}

.header-menu {
position: relative;
top: 0;
right: 0;
width: 100%;
z-index: 99999;
}
.header-middle {
width: 100%;
max-width: 1400px;
margin-left: -1px !important;
}

.main-banner {
margin-top: -160px !important;
}

.ups-cont {
margin-top: -120px !important;
}

.s31-image-flex img {
display: block;
}

.logo-box {
    min-width: 530px;
    align-self: flex-start;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding: calc(2rem + 54px);
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{
    padding-bottom: 9px;
    line-height: 26px;
    border-bottom: 3px solid transparent;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    text-decoration: none !important;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover {
    border-bottom-color: #3c8f6b;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:active {
    color: #3c8f6b;
}

.ups-cont a {
    text-decoration: none;
}

.ups-cont a:hover {
    text-decoration: underline;
}

.button-yellow-hover .wp-block-button__link:hover{
    border: 2px solid var(--wp--preset--color--accent-2);
    background-color: #fff;
    color: var(--wp--preset--color--accent-2);
}

.img-min-width-pdf {
    min-width: 22px;
}

@media only screen and (max-width: 1200px) {
    .header-left,
    .header-right {
        display: none;
    }

    .main-menu {
        gap: 0 10px;
    }

    .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .logo-box {
        min-width: auto;
    }

    .main-menu button {
        cursor: pointer;
        background-color: #d8a420;
        padding: 20px;
        border-radius: 33px;
        color: #fff;
    }
    .phone-number,
    .phone-text {
        display: none;
    }

    .custom-logo-link img {
        min-width: 115px;
        width: 115px;
        
    }

    .wp-block-site-logo {
        padding: 0 20px !important;
    }

    .logo-height {
        min-height: 80px !important;
    }

    .tel-block {
        height: 80px;
        padding: 0 15px;
    }

    .tel-block a {
        height: 30px;
        background-position: 50% 50%;
        background-size: 23px;
    }
}

.s31-custom-button .wp-element-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

table {
	border-collapse: collapse;
	width: 100%;
	font-family: "Montserrat", sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	margin-top: 0px;
}

table thead {
	background-color: #3c8f6b;
	color: #ffffff;
}

table thead th {
	padding-top: 1.4em;
	padding-bottom: 1.4em;
	text-align: center;
	width: auto;
}

table tbody td, table tbody th {
	border: 1px solid #ccc;
	padding: 1.6em 1em 1.6em 1em;
	text-align: center;
}

table tbody th:nth-child(1) {
	width: auto;
}

table tbody th:nth-child(2) {
	width: auto;
}

table tbody th:nth-child(3) {
	width: auto;
}

table tbody th:nth-child(4) {
	width: auto;
}

table tbody th:nth-child(5) {
	width: auto;
}

table tbody td:nth-child(3) {
	background-color: #f9f9f9;
	font-weight: bold;
}

table tbody td:nth-child(5) {
	background-color: #f9f9f9;
	font-weight: bold;
}

table tbody td:first-child {
	font-weight: bold;
}

table tbody tr:nth-child(2n) {
	background-color: inherit;
}

table thead{
    background-color:#3c8f6b;
    color:#fff
}
table thead tr:nth-child(2n){
    background-color:#3c8f6b
}
.table-2{
    margin-top: 30px;
    margin-bottom: 30px;
}
.table-2 thead tr .no-border-column{
    background-color:#fff;
    color:#000;
    border-top:none!important;
    border-left:none!important;
    font-size:16px;
    text-align:left
}
.table-2 tbody tr{
    border-left:2px solid #ccc
}
table thead tr th{
    width:30%;
    padding:1.2em 0
}
table thead tr:first-child th:first-child{
    width:40%
}

@media only screen and (max-width: 781px) {
    
    .s31-desktop-hidden {
        display: block !important;
    }

    .s31-desktop-hidden-flex {
        display: flex !important;
    }

    .s31-mobile-hidden {
        display: none !important;
    }

    .s31-mobile-hidden-header {
        display: none !important;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
        padding-right: 20px;
        padding-left: 20px;
    }

    .wp-block-navigation .wp-block-navigation-item__label {
        font-size: 18px;
        padding: 10px 0;
        display: block;
    }

    .footer-box {
        gap: 20px !important;
    }

    .form-fields-cont, .form-button-cont {
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 575px) {
    .w-100 {
        width: 100% !important;
    }
}