@charset "UTF-8";

body {
font-family: "Maven Pro", sans-serif;
}
li {
text-decoration: none !important;
list-style: none !important;
}
.button, .newsearch {
background-color: #de3b3b !important; color: #ffffff !important; border: none !important;
padding: 12px 40px !important; font-weight: bold !important;
font-size: 16px !important;
border-radius: 10px !important; cursor: pointer !important;
transition: background-color 0.3s ease !important;
text-align: center !important;
display: inline-block !important;
white-space: nowrap !important;
}
.button:hover {
background-color: #131313 !important; }
.circled {
position: relative;
white-space: nowrap;
}
.circled::before {
content: "";
position: absolute;
width: 110%;
height: 120%;
background-image: url(//www.apartmany-relax.sk/wp-content/themes/apartmanyrelax/images/cerveny_kruh.png);
-webkit-transform: translate(-5%, -10%);
transform: translate(-5%, -10%);
background-size: 100% 100%;
}
.circled-h1 {
font-size: 55px !important;
}
.underlined {
color: #333333; text-decoration: underline !important; text-decoration-color: #de3b3b !important; }
.colored {
background-color: #de3b3b;
color: #ffffff;
padding: 5px 15px;
}
:root {
--font-primary: "Montserrat", sans-serif;
}
h1,
h1 > span {
font-size: 55px !important;
}
h2,
h2 > span {
font-size: 40px !important;
}
h1.wp-block-heading {
font-size: 55px !important;
}
h1.wp-block-heading span {
font-size: 55px !important;
}
.h1-white {
color: #fff !important;
}
.a-seo > a,
.a-seo > strong > a {
text-decoration: none !important;
color: #de3b3b !important;
}
.circled {
position: relative;
white-space: nowrap;
}
.circled::before {
content: "";
position: absolute;
width: 110%;
height: 120%;
background-image: url(//www.apartmany-relax.sk/wp-content/themes/apartmanyrelax/assets/svg/circle.svg);
-webkit-transform: translate(-5%, -10%);
transform: translate(-5%, -10%);
background-size: 100% 100%;
}
.circled-h1 {
font-size: 55px !important;
}
.underlined {
position: relative;
white-space: nowrap;
}
.underlined::before {
content: "";
width: calc(100% + 20px);
height: 100%;
pointer-events: none;
position: absolute;
top: 50% !important;
left: 0;
background-image: url(//www.apartmany-relax.sk/wp-content/themes/srcsl/assets/svg/underlined.svg);
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: translate(-10px, 35%);
transform: translate(-10px, 35%);
}
@media screen and (max-width: 991px) {
h1,
h1 > span,
h2,
h2 > span,
h1.wp-block-heading,
h1.wp-block-heading span {
font-size: 35px !important;
text-align: center !important;
}
}
.wpcf7-form {
max-width: 1200px;
margin: 0 auto;
}
.wpcf7-form p {
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
align-items: center;
}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea,
.wpcf7-form input[type=submit],
.wpcf7-form input[type=date] {
padding: 1rem;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 1rem;
width: 500px;
margin-top: 10px;
}
.wpcf7-form textarea {
height: 180px !important;
}
.wpcf7-form input[type=submit] {
padding: 1rem 2rem;
background-color: #0262b8;
color: #fff;
font-weight: 600;
border: none;
cursor: pointer;
transition: background-color 0.3s ease;
}
.wpcf7-form input[type=submit]:hover {
text-decoration: underline;
}
.wpcf7-form input[type=checkbox] {
margin-right: 5px !important;
}
.wpcf7-form .wpcf7 .screen-reader-response {
display: none !important;
}
.wpcf7-form .wpcf7-response-output {
color: #fff !important;
}
.wpcf7-form div.wpcf7-response-output {
border: none !important;
padding: 0 !important;
margin: 0 !important;
background: none !important;
color: #29354E !important; font-size: inherit !important;
line-height: inherit !important;
box-shadow: none !important;
}
.wpcf7-form .wpcf7-spinner {
display: none !important;
}
@media (max-width: 991px) {
.wpcf7-form p {
flex-direction: column;
gap: 0.1rem;
}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=submit],
.wpcf7-form input[type=date],
.wpcf7-form textarea {
width: 100% !important;
min-width: 95% !important;
max-width: 400px;
}
}