/*
Theme Name: Enfold Settings
Description: Description: An extension theme for the Enfold WordPress theme. All customisations and modifications should be made here instead of the parent theme to ensure safe and seamless updates.
Version: 1.1
Author: Milan
Author URI: https://www.milanmedia.pro
Template: enfold
*/



@font-face {
font-family: 'hn';
src: url('https://www.branostav.cz/fonts/hn.woff2') format('woff2');
font-weight: 700 !important;
font-style: normal;
font-display: swap;
}
h1,
h2,
h3 {
font-family: 'hn', sans-serif !important;
font-weight: 700;
font-style: normal;
}
.avia-menu-text {
font-family: 'hn', sans-serif !important;
}
h1 {
letter-spacing: 0.07em !important;
}
@media only screen and (max-width: 767px) {
#top #header .logo a {
background-image: url('https://www.branostav.cz/wp-content/uploads/branostav-logo-mobile.svg');
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
#top #header .logo img,
#top #header .logo svg {
opacity: 0 !important;
}
}
.special-heading-border {
visibility: hidden !important;
display: none !important;
}
.sluzba img {
width: 150px;
height: 150px;
max-width: 150px;
max-height: 150px;
object-fit: cover;
border: 4px solid #cb3d27;
box-sizing: border-box;
}
.sluzba {
margin-bottom: 20px;
}
#top input::placeholder,
#top textarea::placeholder {
color: #474747 !important;
opacity: 1 !important;
}
.header .av-special-heading-tag {
color: #fff;
line-height: 1.05;
letter-spacing: 0.4px;
-webkit-text-stroke: 7px #ca3d27;
paint-order: stroke fill;
text-shadow: none;
}
.phone-number {
display: flex;
align-items: center;
gap: 10px;
margin: 15px 0 0;
}
.phone-number svg {
width: 28px;
height: 28px;
flex: 0 0 28px;
}
.phone-number a {
color: #FFFFFF !important;
text-decoration: none;
}
.phone-number a.wh {
color: #000000 !important;
text-decoration: none;
}
.phone-number a:hover {
color: #ca3d27;
}
.service-content {
position: relative;
padding-bottom: 85px !important;
box-sizing: border-box;
}
blockquote.slogan {
position: relative;
border-left: none !important;
padding-left: 20px;
color: #fff;
line-height: 1.05;
letter-spacing: 0.4px;
-webkit-text-stroke: 7px #ca3d27;
paint-order: stroke fill;
text-shadow: none;
text-transform: uppercase;
margin-bottom: 1em;
margin-right: 1em;
font-size: 2em !important;
font-family: helvetica-neue-lt-pro-cond, sans-serif;
}
blockquote.slogan::before {
content: "";
position: absolute;
left: 7px;
top: 0;
bottom: 0;
width: 7px;
background: #fff;
box-shadow: 0 0 0 5px #ca3d27;
}
.service-content > .service-button,
.viceinfo {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
padding: 10px 18px;
border: 2px solid #ca3d27;
border-radius: 99px;
font-weight: 700;
line-height: 1.2;
text-decoration: none !important;
transition:
background-color 0.25s ease,
color 0.25s ease,
transform 0.25s ease;
}
.service-content > .service-button {
position: absolute;
left: 28px;
bottom: 28px;
background: #fff;
color: #ca3d27 !important;
border-color: #fff;
}
.service-content > .service-button:hover {
background: transparent;
color: #fff !important;
transform: translateY(-4px);
}
.viceinfo {
background: #fff;
color: #ca3d27 !important;
border-color: #ca3d27 !important;;
}
.viceinfo:hover {
background: #ca3d27;
color: #fff !important;
border-color: #ca3d27;
transform: translateY(-4px);
}
.service-button-icon {
display: block;
width: 17px;
height: 19px;
flex: 0 0 auto;
fill: currentColor;
transition: transform 0.25s ease;
}
.service-button:hover .service-button-icon,
.viceinfo:hover .service-button-icon {
transform: translateX(4px);
}
.service-content > .service-button:focus-visible,
.viceinfo:focus-visible {
outline: 3px solid rgba(202, 61, 39, 0.35);
outline-offset: 4px;
}
.line1, .line2 {
border: 5px solid transparent !important;
transition: border-color 0.3s ease;
}
.line1:hover {
border-color: #ca3d27 !important;
}
.line2:hover {
border-color: #000000 !important;
}
.person {
width: 100%;
max-width: 250px !important;
margin-left: auto;
margin-right: auto;
border: 5px solid #ffffff !important;
border-radius: 50%;
overflow: hidden;
box-sizing: border-box;
}
.person .avia-image-container-inner,
.person .avia-image-overlay-wrap {
position: relative;
border-radius: 50%;
overflow: hidden;
}
.person img {
display: block;
width: 100%;
height: auto;
border: none !important;
border-radius: 50%;
transition: transform 0.35s ease;
}
.person .avia-image-overlay-wrap::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background-image: var(--hover-image);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
transform: scale(1);
transition:
opacity 0.3s ease,
transform 0.35s ease;
pointer-events: none;
}
.person:hover .avia-image-overlay-wrap::after {
opacity: 1;
transform: scale(1.12);
}
.person.lukas {
--hover-image: url('https://www.branostav.cz/wp-content/uploads/lukas-hover.png');
}
.person.kevin {
--hover-image: url('https://www.branostav.cz/wp-content/uploads/kevin-hover.png');
}
.person.erika {
--hover-image: url('https://www.branostav.cz/wp-content/uploads/erika-hover.png');
}
.avia-section.hero-image {
position: relative;
overflow: hidden;
background-repeat: no-repeat !important;
background-size: auto 100% !important;
background-position: center center !important;
}
@media only screen and (max-width: 1200px) {
.avia-section.hero-image {
background-position: calc(50% + 120px) center !important;
}
}
@media only screen and (max-width: 700px) {
.avia-section.hero-image {
background-position: calc(50% + 270px) center !important;
}
}
.center-phone {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
text-align: center;
}
.intro-row {
counter-reset: intro-item;
}
.intro {
counter-increment: intro-item;
position: relative;
min-height: 175px;
padding: 28px 30px !important;
background: #f5f5f5;
border-radius: 0 0 24px 0;
overflow: hidden;
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
.intro .av_textblock_section {
position: relative;
z-index: 1;
}
.intro .av_textblock_section::before {
content: "";
display: block;
width: 42px;
height: 4px;
margin-bottom: 18px;
background: #ca3d27;
}
.intro .av_textblock_section::after {
content: "0" counter(intro-item);
position: absolute;
right: -5px;
bottom: -22px;
font-size: 86px;
font-weight: 700;
line-height: 1;
color: rgba(202, 61, 39, 0.08);
pointer-events: none;
}
.intro:hover {
transform: translateY(-5px);
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}
.intro h3 {
margin-top: 0;
margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
.intro {
min-height: auto;
margin-bottom: 20px !important;
padding: 25px !important;
}
.intro:hover {
transform: none;
}
}
p a,
aside a {
text-decoration: none !important;
background-image:
linear-gradient(#ca3d27, #ca3d27),
radial-gradient(circle, #ca3d27 1px, transparent 1.2px);
background-position:
left 0 bottom 2px,
left 0 bottom 2px;
background-repeat:
no-repeat,
repeat-x;
background-size:
0 2px,
4px 2px;
padding-bottom: 0.12em;
transition: background-size 0.2s ease;
}
p a:hover,
p a:focus-visible,
aside a:hover,
aside a:focus-visible {
background-size:
100% 2px,
4px 2px;
}