/*
Theme Name: HashOne Child
Theme URI: https://hashthemes.com/wordpress-theme/hashone/
Author: Aya
Author URI: https://hashthemes.com
Description: HashOne Child Theme
Template: hashone
Version: 1.0.0
*/

img[loading="lazy"] {
    background-color: transparent !important;
}

@media screen and (max-width: 768px) {.elementor-4001 img {
    width: 50px  !important;
}}

#hs-site-phone .hs-contact-line {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

#hs-site-phone .hs-contact-line + .hs-contact-line {
  margin-top: 2px;
}

#hs-site-phone .hs-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 5px;
  text-decoration: none;
}

#hs-site-phone .hs-whatsapp img {
  width: 20px;
  height: 20px;
  display: block;
}

#hs-site-phone i.fa {
  line-height: 1;
}

#hs-site-phone a,
#hs-site-phone a:visited,
#hs-site-phone a:hover,
#hs-site-phone a:active {
  color: #111111 !important;
  text-decoration: none;
}

#hs-site-phone .hs-whatsapp strong,
#hs-site-phone strong {
  color: #111111 !important;
}

.hs-slide-overlay {opacity:0 !important;}

#hs-contact-section > div > div.hs-container > h2 {text-transform: none !important; font-size: 35px; text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){html, body{width:100% !important; overflow-x:hidden !important;}}
@media screen and (max-width: 768px) {#hs-page {width: 100% !important; overflow:hidden !important;}}

#hs-site-branding2>span {display: none !important;}

.grecaptcha-badge {display: none !important;}

#hs-home-slider-section {min-height: 80px;}
.hs-main-header, #hs-home-slider-section {background-image: none;}

#hs-contact-section > div > div.hs-container > div > div.hs-contact-address > ul > li > a {color: #000000 !important;}
#hs-contact-section > div > div.hs-container > div > div.hs-contact-address > ul > li:nth-child(4) > a {text-decoration: underline;}

#hs-bottom-footer > div > div.hs-site-info > div {display: inline-block; margin-left: 15px;}
#hs-bottom-footer > div > div.hs-site-info > div > i {margin-right: 3px;}
#hs-bottom-footer > div > div.hs-site-info > div > a {font-size: 18px !important;}

@media screen and (max-width: 768px) {#hs-about-us-section > div > div.hs-about-sec > div > div > div > div > section.elementor-element > div > div > div.elementor-element > div > div > section > div > div > div.elementor-element.ico {width: 23% !important;}}
@media screen and (max-width: 768px) {#hs-about-us-section > div > div.hs-about-sec > div > div > div > div > section.elementor-element > div > div > div.elementor-element > div > div > section > div > div > div.elementor-element {width: 76.996% !important;}}

@media screen and (max-width: 768px) {#post-3401 > div > div > div > div > section.elementor-element > div > div > div.elementor-element > div > div > section > div > div > div.elementor-element.ico {width: 23% !important;}}
@media screen and (max-width: 768px) {#post-3401 > div > div > div > div > section.elementor-element > div > div > div.elementor-element > div > div > section > div > div > div.elementor-element {width: 76.996% !important;}}

.hs-main-title {font-size: 40px; text-shadow: 3px 3px 3px rgba(0,0,0,0.6);}
.hs-breadcrumbs {display: none !important; text-shadow: 3px 3px 3px rgba(0,0,0,0.6);}


#nav_menu-3 > h4 {text-shadow: 3px 3px 5px rgba(0,0,0,0.3);}

.widget-area li {padding: 4px 0;}

#hs-site-branding2 {width: 41%; font-size: 33px; display: inline-block; margin-top: 25px; margin-left: 13px; font-weight: bold; text-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
@media screen and (max-width: 670px) {#hs-site-branding2 {width: 100%; font-size: 18px; display: inline-block; margin-top: -0px; margin-left: 15px; font-weight: bold; text-shadow: 5px 5px 10px rgba(0,0,0,0.2);}}
@media screen and (min-width: 671px) and (max-width: 768px) {#hs-site-branding2 {width: 100%; font-size: 18px; display: inline-block; margin-top: -0px; margin-left: 15px; font-weight: bold; text-shadow: 5px 5px 10px rgba(0,0,0,0.2);}}
@media screen and (min-width: 769px) and (max-width: 890px) {#hs-site-branding2 {display: none !important; width: auto; font-size: 17px; display: inline-block; margin-top: 15px; margin-left: 20px; font-weight: bold; text-shadow: 5px 5px 10px rgba(0,0,0,0.2);}}
@media screen and (min-width: 891px) and (max-width: 1050px) {#hs-site-branding2 {width: 200px; font-size: 21px; display: inline-block; margin-top: 15px; margin-left: 5px; font-weight: bold; line-height: 1.35; text-shadow: 5px 5px 10px rgba(0,0,0,0.2);}}
@media screen and (min-width: 1051px) and (max-width: 1180px) {#hs-site-branding2 {width: auto; font-size: 27px; display: inline-block; margin-top: 24px; margin-left: 20px; font-weight: bold; text-shadow: 5px 5px 10px rgba(0,0,0,0.2);}}

#hs-site-phone {float: right; display: inline-block; padding: 19px 20px 0px 20px; text-align: right; font-size: 20px; line-height: 1.7;}
@media screen and (max-width: 670px) {#hs-site-phone {float: left; display: inline-block; padding: 1px 15px 12px 18px; text-align: left; font-size: 14px; line-height: 1.4;}}
@media screen and (min-width: 671px) and (max-width: 768px) {#hs-site-phone {float: left; display: inline-block; padding: 1px 15px 12px 18px; text-align: left; font-size: 16px; line-height: 1.4;}}
@media screen and (min-width: 769px) and (max-width: 1180px) {#hs-site-phone {float: right; display: inline-block; padding: 18px 60px 0px 20px; text-align: right; font-size: 18px; line-height: 1.5;}}
#hs-site-phone > a {color: #000000 !important; padding-left: 10px;}
#hs-site-phone > a:nth-child(5) {text-decoration: underline;}


.hs-main-navigation ul ul {min-width: 300px !important; background: #eeeeee !important;}
.hs-main-navigation ul ul {left: 0px;}
	
#hs-site-branding img {max-height: 61px; margin-left: 23px;}
@media screen and (max-width: 768px) {#hs-site-branding img {max-height: 57px; margin-left: 18px;}}
@media screen and (max-width: 768px) { #hs-site-branding {width: 80%; padding-top: 15px; padding-bottom: 10px;}}
@media screen and (min-width: 768px) and (max-width: 1180px) { #hs-site-branding {width: 245px; padding-top: 15px; padding-bottom: 15px;}}
@media screen and (min-width: 1181px) { #hs-site-branding {width: 22% !important; padding-top: 20px; padding-bottom: 20px;}}
@media screen and (min-width: 1181px) { #hs-site-navigation {float: left !important; width: 1098px; margin-right: 0px; padding-top: 17px; padding-bottom: 17px;     background-color: #eeeeee;}}

#hs-about-us-section > div > div.hs-about-sec > div > div > div > div > section.elementor-element.elementor-element-02f2152 {height: 0px !important;}

@media screen and (max-width: 768px) {.elementor-43 .elementor-element.elementor-element-34f2a8f > .elementor-element-populated, .elementor-43 .elementor-element.elementor-element-93aabd2 > .elementor-element-populated, .elementor-43 .elementor-element.elementor-element-c7c4537 > .elementor-element-populated, .elementor-43 .elementor-element.elementor-element-ccd5bb5 > .elementor-element-populated, .elementor-43 .elementor-element.elementor-element-0d0e173 > .elementor-element-populated, .elementor-43 .elementor-element.elementor-element-3a1a1a1 > .elementor-element-populated {padding: 15px 25px 25px 25px !important;}}

@media screen and (max-width: 768px) {.elementor-43 .elementor-element.elementor-element-ca68841 .elementor-spacer-inner, .elementor-43 .elementor-element.elementor-element-fe63cce .elementor-spacer-inner, .elementor-43 .elementor-element.elementor-element-030f73a .elementor-spacer-inner {height: 300px !important;}}

.elementor-image-gallery .gallery-item img {margin-top: 10px !important; margin-bottom: 10px !important;}

#hs-about-us-section > div > div.hs-about-sec > div > div > div > div > section.elementor-element.elementor-element-8b49780 > div > div > div.elementor-element.elementor-element-2ef577e > div > div > div.elementor-element.elementor-element-3fdf301 > div > div > table > tbody > tr > td {padding-bottom: 15px !important; vertical-align: top; padding: 15px; border: 1px solid #111111;}

#hs-about-us-section > div > div.hs-about-sec > div > div > div > div > section.elementor-element.elementor-element-f071b3e > div > div > div > div > div > div > div > iframe, #post-231 > div > div > div > div > section.elementor-element.elementor-element-69c1b35 > div > div > div > div > div > div > div > iframe {height: 550px;}

.pdf3 {margin-top: 10px;}
#post-3016, #post-1157 {min-height:45vh;}

body > div.gallery-lightbox-container > div:nth-child(8) {display: none !important;}
body > div.gallery-lightbox-container > div.title-description {display: none !important;}

.hs-breadcrumbs .current, .hs-breadcrumbs a:hover, .woocommerce .woocommerce-breadcrumb a:hover {color: #FFF;}

@media screen and (max-width: 768px) {#hs-contact-section > div > div.hs-container > div > div.hs-contact-address {margin-top: 10px; float: left !important;}}
@media screen and (max-width: 768px) {#hs-contact-section > div > div.hs-container > div > div.hs-contact-form {margin-top: 20px;}}
@media screen and (max-width: 1180px) {.hs-toggle-menu {top: 19px;}}
	
.dialog-type-lightbox {z-index: 999999 !important;}

@media screen and (max-width: 1180px) {.hs-main-navigation .hs-menu {border-top: 2px solid #0066cc;}}

.widget-area .widget {margin-bottom: 40px; border: 1px solid #dddddd; padding: 20px; background: #EEEEEE; border-radius: 10px;}

@media screen and (min-width: 1181px) {.hs-main-header {background: url(images/bg.jpg) no-repeat center; padding: 260px 0 50px; margin-bottom: 30px;}}
@media screen and (min-width: 769px) and (max-width: 1181px) {.hs-main-header {background: url(images/bg.jpg) no-repeat center; padding: 80px 0 50px; margin-bottom: 30px;}}
@media screen and (max-width: 768px) {.hs-main-header {padding-top: 70px; padding-bottom: 60px;}}

#onas, #vyroba, #sluzby, #galerie, #cenik, #kontakt {position:relative; top:-100px;}
#tab-description > h2 {display: none;}

.page-template-home-template #hs-masthead.hs-white.fadeInDown, .home.blog #hs-masthead.hs-white.fadeInDown {background: rgba(255,255,255,0.95) !important; top: 20px;}
@media screen and (min-width: 769px) and (max-width: 1180px) {.page-template-home-template #hs-masthead.hs-white.fadeInDown, .home.blog #hs-masthead.hs-white.fadeInDown {background: rgba(255,255,255,0.95) !important;}}
@media screen and (max-width: 768px) {.page-template-home-template #hs-masthead.hs-white.fadeInDown, .home.blog #hs-masthead.hs-white.fadeInDown {display: none !important; background: rgba(255,255,255,0.95) !important; top: 20px;}}
	
.page-template-home-template #hs-masthead, .home.blog #hs-masthead, #hs-masthead {background: rgba(255,255,255,0.95) !important;}
@media screen and (max-width: 768px) {#hs-masthead.hs-white {background: #FFF !important;}}
@media screen and (max-width: 1180px) {.hs-main-navigation .hs-menu {background: #FFF !important;}}
	
.hs-section {padding-top: 30px; padding-bottom: 0px; padding-left: 0; padding-right: 0;}

.hs-main-navigation a {font-size: 20px; font-weight: 600; color: #000 !important; letter-spacing: 0px; line-height: 35px !important;}
.hs-main-navigation a:hover {color: #0066cc !important;}
.hs-main-navigation .sub-menu a {font-size: 17px; font-weight: 500; color: #000 !important;}
@media screen and (max-width: 768px) {.hs-main-navigation a {line-height: 35px !important;}}

.hs-menu > ul > li > a:after {bottom: 0px;}
	
.entry-header .entry-title {font-family: 'Montserrat', sans-serif !important; font-weight: 500; letter-spacing: 0px; margin-bottom: 7px; font-size: 23px; text-transform: uppercase;}

div.entry-meta.hs-post-info > a {color: #EEE !important;line-height: 0.5;}

#hs-content > header:after {opacity: 0.0;}

#nav_menu-2 > h4 {font-size: 27px;}
#hs-content > header > div > div > span:nth-child(3) > a {color: #FFF !important;}
#hs-content > header > div > div > span:nth-child(3) > a:visited {color: #FFF !important;}
#hs-content > header > div > div > p {color: #FFF !important;}

.hs-main-header:after {opacity:0.0;}
@media screen and (min-width: 1181px) {.hs-main-header {background-position: center center;}}
@media screen and (max-width: 768px) {.hs-main-header {background-position: center center;}}
	
#hs-content > header > div > div > span.sep {margin: 0 5px;}
#hs-content > header > div > div > span:nth-child(1) > a > span {color: #FFF !important;}

#primary {width: 70%; float: right; margin-top: 15px;}
#secondary {width: 25%; float: left; margin-top: 25px; text-transform: uppercase; margin-left: 10px; margin-right: 10px;}
#primary.content-area {margin-top: 13px;}
body, button, input, select, textarea {color: #111111; font-size: 15px; line-height: 1.5; font-family: 'Montserrat', sans-serif !important;}
h1, h2, h3, h4, h5, h6 {font-weight: 400 !important; font-family: 'Montserrat', sans-serif !important;}
h1 {font-size: 26px;}
#nav_menu-2 > h4, #text-5 > h4, #nav_menu-3 > h4, #text-4 > h4  {font-weight: 400 !important; }
#nav_menu-2 > div, #nav_menu-3 > div, #text-5 > div, #text-4 > div {font-size: 20px;}
#nav_menu-2 > h4, #nav_menu-3 > h4, #text-5 > h4, #text-4 > h4 {font-size: 28px !important;}

#comments {display:none !important;}

#hs-about-us-section > div > div.hs-about-sec > div > div > div > div > section.elementor-element.elementor-element-045b360 > div > div > div > div > div > div {margin-bottom: 0px !important;}

.entry-header .entry-title:first-letter{color: #d20a0a !important;}

div.hs-post-wrapper > figure > a > img {max-height: 250px !important;}

.entry-figure {background: #FFFFFF !important;}
.entry-figure + .entry-header {width: 72%;}
.hs-post-wrapper {padding-left: 0px;}
div.entry-meta.hs-post-info {display:none !important;}

.hs-main-navigation ul ul a {text-transform: uppercase; font-size: 16px !important;}
.hs-main-navigation ul ul {min-width: 90px; background: #FFF; z-index: 999999;}
.hs-main-navigation ul ul li {padding: 0px 0px !important;}

#hs-home-slider-section .bx-wrapper .bx-controls-direction a {	height: 60px; width: 42px; margin-top: -60px; opacity: 0.6;	background-color: rgba(255,255,255,0.2);
	border-radius: 1px;}

.hs-slide-cap-title {display:none; font-size: 70px; color: #FFF; font-weight: 500; margin-top: 0px; margin-bottom: 30px !important; padding: 0 2%; font-family: 'Montserrat', sans-serif !important; letter-spacing: 1px; text-transform: uppercase; animation-name: fadeInDown !important; animation-delay: 1s !important; animation-duration: 2s !important; text-shadow: 2px 2px #222; line-height: 1.5;}
.hs-slide-cap-desc {display:none; font-size: 70px; color: #FFF; font-weight: 500; padding: 0 2%; font-family: 'Montserrat', sans-serif !important; animation-name: fadeInUp !important; animation-delay: 1.2s !important; animation-duration: 2s !important; letter-spacing: 1px; text-shadow: 2px 2px #222; margin-bottom: 50px !important;}
@media screen and (max-width: 768px) {.hs-slide-cap-title {display:none; font-size: 32px !important; margin-top: 5px !important; padding: 0 2%; margin-bottom: 0px !important; text-shadow: 1px 2px #222;}}
@media screen and (max-width: 768px) {.hs-slide-cap-desc {display: none; font-size: 32px !important; margin-top: 0px !important; padding: 0 2%; margin-bottom: 0px !important; text-shadow: 1px 2px #222;}}
	
#hs-bx-slider > div > div.hs-slide-overlay {opacity: 0.0;}

button, input[type="button"], input[type="reset"], input[type="submit"] {background: #0066cc; color: #FFF;}
.hs-section-tagline {font-size: 18px;}

.hs-main-navigation li {padding: 0 40px !important;}
#menu-item-3413 {padding-right: 5px !important;}

#post-80 > div > div > div > div > section > div > div > div > div > div > div > div > div > p > strong > a {color: #111 !important;}

#hs-about-us-section > div > div.hs-about-sec > div > div > div > div > section.elementor-element.elementor-element-bef1e65 > div > div > div > div > div > div > div > div > a > span > span {color: #FFF !important;}

#hs-about-us-section > div > div.hs-about-sec > div > div > div > div > section.elementor-element.elementor-element-f338af5 > div > div > div > div > div > div > div > div > figure > a > img:hover {z-index: 99999999 !important; position:relative !important;}

.lae-portfolio-wrap .lae-portfolio .lae-portfolio-item .lae-project-image .lae-image-info .lae-post-title a 
    {color: #FFF !important;}
.lae-portfolio-wrap .lae-heading {display: inline-block; text-align: left; max-width: none; font-size: 35px;
    line-height: 38px; text-transform: uppercase; letter-spacing: 0px;}

#hs-about-us-section h1:after,
#post-1368 h1:after,
#post-3007 h1:after,
#hs-contact-section > div > div.hs-container > h2:after
{
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    background: #0066cc;
    margin: 15px 0 0 0;
    margin-left: auto;
    margin-right: auto;
}

#hs-about-us-section > div > div.hs-about-sec.wow.zoomIn > h2 {display:none !important;}
#hs-about-us-section > div > div.hs-about-sec.wow.zoomIn {animation-name: none !important;}

.hs-section-tagline {margin: -30px auto 40px !important;}
#hs-contact-section > div > div.hs-container > h2 {margin: 0 auto 25px;}
#hs-contact-section > div > div.hs-container > div.hs-clearfix > div.hs-contact-address > ul
{font-size: 22px; line-height: 2;}
.elementor-widget-text-editor {color: #111 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 400;}
.elementor-widget-icon-list .elementor-icon-list-text {color: #111 !important;}
#hs-contact-section > div {padding-top: 65px; padding-bottom: 30px;}
#hs-contact-section .hs-contact-overlay:before { content: ' '; background-image: url(/wp-content/uploads/2020/01/sitebanner5.jpg) !important; position: absolute; width: 100%; height: 100%; z-index: 1;background-repeat: no-repeat; background-position: center center; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; opacity: 0.10;} 
#hs-contact-section > div > div.hs-container {z-index: 2; position: relative;}
.hs-contact-address ul li {margin-bottom: 20px;}
@media screen and (min-width: 769px) {.hs-contact-address ul {margin-top: 25px !important; margin-bottom: 0px !important; margin-left: 20px !important;}}
#hs-contact-section > div > div.hs-container > div.hs-clearfix > div.hs-contact-address {animation-name: zoomIn !important; animation-delay: 1s !important;}
#hs-contact-section > div > div.hs-container > div.hs-clearfix > div.hs-contact-address > ul > li > i {color: rgba(0, 102, 204,1);}
#hs-contact-section {background: #ffffff;}
#hs-contact-section .hs-contact-overlay {background: rgba(0,0,0,0.0);}
#hs-contact-section > div > div.hs-container {color: rgba(0,0,0,1);}
#hs-contact-section > div > div.hs-container > div.hs-clearfix > div.hs-contact-address.wow.fadeInUp > ul > li:nth-child(1) > p {font-weight: 500;}
#hs-contact-section > div > div.hs-container > div > div.hs-contact-form.wow {animation-name: fadeInLeft; animation-delay: 0.3s !important;}
@media screen and (min-width: 769px) {#hs-contact-section > div > div.hs-container > div > div.hs-contact-form {max-width: 400px; margin-left: 7%;}}
@media screen and (max-width: 768px) {.hs-contact-form {margin-bottom: 0px !important; float: left !important; }}
.hs-contact-form input[type="text"],.hs-contact-form input[type="email"],.hs-contact-form input[type="url"],
.hs-contact-form input[type="password"],.hs-contact-form input[type="search"],.hs-contact-form input[type="number"],.hs-contact-form input[type="tel"],.hs-contact-form input[type="range"],.hs-contact-form input[type="date"],.hs-contact-form input[type="month"],.hs-contact-form input[type="week"],.hs-contact-form input[type="time"],.hs-contact-form input[type="datetime"],.hs-contact-form input[type="datetime-local"],.hs-contact-form input[type="color"],.hs-contact-form textarea{
	width: 100%;
	background: rgba(0,0,0,0.2);
	color: #111;
}

@media screen and (max-width: 1180px) {.hs-container {width: auto; padding: 0 20px;}}

.hs-about-sec {width: 100%;}
@media screen and (max-width: 768px) {.hs-about-sec {margin-bottom: 0px;}}
#gdpr > a {color: #111 !important;}
#gdpr {margin-bottom: 10px !important;}

.page-id-231 #hs-content > header {margin-bottom: 0px !important;}
.page-id-231 #primary {margin-top: 0px;}
/*
#post-231 > div > div > div > div > section.elementor-element.elementor-element-5f315f3.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section > div > div > div.elementor-element.elementor-element-a695e4e.animated.elementor-column.elementor-col-50.elementor-top-column.fadeInRight {font-size: 21px !important;}
*/
#wpcf7-f4-p231-o1 > form > p > label > span > input {max-width: 415px; width: 100%;}
#wpcf7-f4-p231-o1 > form > p > label > span > textarea {max-width: 415px; height: 285px;}
#post-231 > div > div > div > div > section.elementor-element.elementor-element-5f315f3 > div > div > div.elementor-element.elementor-element-e9fecdb > div > div > div.elementor-element.elementor-element-381baa5 > div > div > p > a {color: #111 !important; text-decoration:underline;}

.hs-entry-content p, .hs-entry-content p {margin-bottom: 5px;}

#wpcf7-f4-o1 > form > p {margin: 0 0 5px;}
input.wpcf7-form-control {border: 1px solid #000000 !important; border-radius: 1px;}
textarea.wpcf7-form-control {border: 1px solid #000000 !important; border-radius: 1px;}

.hs-post-info {float: left; width: 75px; background: #0066cc; color: #111; text-align: center; font-family: 'Montserrat', sans-serif !important;}

.widget-area .widget-title:after {background: #0066cc;}

@media screen and (min-width: 1181px) {#hs-masthead {border: 1px solid #dddddd; border-top: 2px solid #0066cc; height: 172px; top: 40px; left: 0px; max-width: 1100px; margin: 0 auto;}}
@media screen and (min-width: 769px) and (max-width: 1180px) {#hs-masthead {height: 93px; position: relative; border-top: 2px solid #0066cc;}}
@media screen and (max-width: 768px) {#hs-masthead {height: auto !important; position: relative; border-top: 2px solid #0066cc;}}

#hs-home-slider-section {background-image: none !important;}

@media screen and (min-width: 1181px) {#hs-masthead > div {width: 1100px;}}

#hs-masthead.fadeInDown {position:fixed !important;}


#hs-back-top {background: #0066cc; border-radius: 1px; height: 40px; width: 40px; line-height: 40px; z-index:999999;}
.hs-menu > ul > li > a:after {border-bottom: 2px solid #0066cc;}
.hs-service-icon .fa {color: #0066cc;}
#hs-service-post-section {background-color: rgba(0, 102, 204,1);}
@media screen and (max-width: 1180px) {.hs-toggle-menu span {background: #0066cc; box-shadow: 0 10px 0px 0px #0066cc, 0 -10px 0px 0px #0066cc; top: 25px;}}

@font-face {font-family: Montserrat; src: url(/wp-content/themes/hashone-child/Montserrat-Regular.otf); font-weight: normal;}

#hs-bx-slider > div:nth-child(1) > img, #hs-bx-slider > div:nth-child(3) > img {animation-duration: 15s; animation-name: fadeAndScale13;}
#hs-bx-slider > div:nth-child(2) > img {animation-duration: 15s; animation-name: fadeAndScale2;}
@keyframes fadeAndScale13 { from {transform: scale(1, 1);} to {transform: scale(1.04, 1.04);} }
@keyframes fadeAndScale2 { from {transform: scale(1.04, 1.04);} to {transform: scale(1, 1);} }

#hs-back-top:hover  {background: #0066cc;}
#hs-bottom-footer {background: #111; font-size: 16px; padding: 23px 0;}
@media screen and (min-width: 1180px) {.hs-site-info {float: right; margin-right: 50px !important;}}
#hs-colophon a {font-size: 16px;color: #EEE;}
div.souhrn, div.trop, div.eq {display: none !important;}

/* =====================================================
   P0.2: CLS FIXES - Layout Shift Prevention
   revize-elektro-plzen.cz
   Implementováno: 2025-12-08
   ===================================================== */

/* Prevent layout shift for images - explicit dimensions */
img {
    height: auto;
    max-width: 100%;
}

/* Reserve space for common image sizes to prevent CLS */
.elementor-widget-image img,
.elementor-image img,
.attachment-large,
.wp-image-3749,
.wp-image-3750,
.wp-image-3751,
.wp-image-3752,
.wp-image-3753,
.wp-image-3754,
.wp-image-3755,
.wp-image-3756,
.wp-image-3757,
.wp-image-3758,
.wp-image-3759 {
    aspect-ratio: 1 / 1;
    width: 100px;
    height: 100px;
    object-fit: contain;
}

/* Logo dimensions - prevent shift */
.custom-logo {
    width: 198px;
    height: 61px;
    aspect-ratio: 198 / 61;
}

/* Slider images - reserve space */
#hs-bx-slider .hs-slide img,
.owl-carousel .owl-item img {
    aspect-ratio: 1920 / 440;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Elementor sections - minimum height to prevent collapse */
.elementor-widget-wrap.elementor-element-populated {
    min-height: 50px;
}

/* About section stability */
#hs-about-us-section {
    contain: layout style;
}

/* Contact section stability */
#hs-contact-section {
    contain: layout style;
}

/* =====================================================
   ADDITIONAL PERFORMANCE OPTIMIZATIONS
   ===================================================== */

/* Reduce paint complexity for animations */
.wow,
.animated {
    will-change: opacity, transform;
}

/* Optimize slider performance */
#hs-bx-slider {
    contain: layout style paint;
}

/* GPU acceleration for smooth animations */
.hs-slide img,
.owl-item img {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Prevent content jump on lazy-loaded images */
img[loading="lazy"] {
    background-color: #f5f5f5;
}

/* =====================================================
   END PERFORMANCE OPTIMIZATIONS
   ===================================================== */