/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/* Basic usage */
:root {
  --main-theme-color: #DB0001;
  --white-theme-color: #FFFFFF;
  --black-theme-color: #000000;
  --grey-theme-color: #F0F0F0;

  --main-bg-color: #DB0001;
  --white-bg-color: #FFFFFF;
  --black-bg-color: #000000;
  --grey-bg-color: #F0F0F0;

  --main-theme-font: "Figtree";
}

a:focus,
.focus a {
    outline: none !important;
}


.figtree-regular {
  font-family: var(--main-theme-font), serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.figtree-black {
  font-family: var(--main-theme-font), serif;
  font-optical-sizing: auto;
  font-weight: 900 ;
  font-style: normal;
}

.full-width {max-width: 100% !important;}
.text-justify {text-align:justify !important;}
.line-height-01 {line-height:36px !important;}

/*
.wp-block-cover.alignfull, .home.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-image.alignfull {
  display:block; margin-top: -20px;z-index:1035 !important;
}
.wp-image-150 {z-index: 9999 !important;}
*/
.divide-line {position:absolute; width: calc(110vw - 0px);margin-left: calc(-49.5vw + 50% + 0px);margin-top:-13px;z-index:-1;height:80px;}
/*.divide-line {position:absolute; width: calc(110vw - 10px);margin-left: calc(-50vw + 50% + 0px);margin-top:-13px;z-index:1;height:80px;}*/
.divider-wrapper-undermenu {position:absolute !important; z-index:9999 !important;height:100px;width:100vw;margin-top:-50px;}
.divider-wrapper-content {position:relative !important; z-index:9999 !important;height:100px;width: calc(100vw + 0px);margin-left: calc(-50vw + 50% + 0px);}
.divider-left {
  position: relative;
  height: 50px;
  /*width: 200px;*/
  background: #000;
  float: left;
  /*bottom: -5.5vh;*/
  /*width: calc(100vw + 0px);margin-left: calc(-50vw - 94% + 0px);*/
  bottom: -5.5vh;
  width: 25vw;
}

.divider-right {
  position: relative;
  height: 50px;
  /*width: 200px;*/
  /*margin-left: 60px;*/
  background: #F39430;
  float: left;
  /*width: calc(100vw + 10px);margin-left: calc(-50vw + 95% + 10px);*/
  float: right;
  width: 75vw;
  right:-5.3vw;
}

.divider-left:after {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-top: 50px solid #000;
  border-bottom: 50px solid transparent;
  border-left: 0px solid transparent;
  border-right: 50px solid transparent;
  position: absolute;
  top: 0px;
  right: -50px;
}

.divider-right:before {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid #F39430;
  border-left: 50px solid transparent;
  border-right: 0px solid #F39430;
  position: absolute;
  top: -50px;
  left: -50px;
}


/*** Align Navbar Beside the Logo in the Storefront Theme ***/
#masthead {background: var(--white-bg-color);padding: 7px 0;}
.site-header {height:125px;border-bottom:0px;}
.site-header .col-full{max-width:100%;display: grid;
  grid-template-rows: 1fr 1fr;  /*you can use px, %, auto etc. here*/
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "left-item right-top" "left-item right-bottom";
}
.site-branding { margin-bottom: 0em; }
.site-header .col-full .site-branding {grid-area: left-item;display: flex;justify-content: flex-end;align-items: end;}
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding { width: 30%; }

.woocommerce-active .site-header .main-navigation {order:3 !important;width:auto;padding:0;grid-area: right-bottom;}
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {/*order:2 !important;width:auto;padding:0;margin:0;height:30px;margin-left: auto;*/grid-area: right-top;float:right; }

 .secondary-navigation {
    margin: 0 0 0em;
    float:right !important;
  }
.storefront-secondary-navigation .site-header .secondary-navigation {width:auto !important;margin: 0 !important;float:right !important;border-bottom:1px solid var(--main-theme-color); }

.woocommerce-active .site-header .main-navigation { margin-right: 0; }

.storefront-primary-navigation {display: block !important;}

 .primary-navigation {
    width: fit-content;
    float: right;
  }
  .main-navigation ul.menu, .main-navigation ul.nav-menu {width:max-content;}
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: 0.618em 1em;
    color:var(--main-theme-color);
    text-decoration:none;
  }
 .main-navigation ul ul.sub-menu--is-touch-device, .secondary-navigation ul ul.sub-menu--is-touch-device {
    left: 0;
    top: 40px;
  }



.main-navigation ul li.current-menu-item a { color:var(--black-theme-color) !important; }

/*#masthead .main-navigation {text-align: right;}*/

.woocommerce-active .site-header div.site-branding {width: auto;}


.sf-top-bar {
    padding: 0.2em 0;
    background: #E11F27;
    color: white;
}

.sf-top-bar #menu-secondary{display: flex;justify-content: flex-end;width: calc(100vw - 52%);}
.sf-top-bar #menu-secondary {list-style: none !important;padding: 0;margin: 0;}
.sf-top-bar #menu-secondary li{display: inline-block;padding: 20px;}
.sf-top-bar #menu-secondary li::marker {content: "";}

.primary-navigation ul li a { font-family: var(--main-theme-font), serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
text-transform:uppercase;}

/*
.secondary-navigation ul li a { font-family: var(--main-theme-font), serif;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 1.3em;
  letter-spacing: .2px;}
*/

.secondary-navigation .menu a {
  /*font-family: var(--main-theme-font), serif;*/
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 1.3em;
  letter-spacing: .2px;
  padding: 0.5em .875em;
  text-decoration:none;
}
.secondary-navigation ul.menu a:hover { color:var(--main-theme-color); }
.site-header ul.menu li.current-menu-item > a { color:var(--main-theme-color); }

.secondary-navigation .menu-item-143 {background: var(--main-theme-color);}
.secondary-navigation .menu-item-143 a:hover {color:var(--white-theme-color) !important;}
#menu-secondary-menu .contact-btn > a {color:var(--white-theme-color) !important;}

.secondary-navigation .menu-item-145 {background: var(--black-bg-color);}
.secondary-navigation .menu-item-145 a {color:var(--white-theme-color) !important;}

.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
    width: 100% !important;
}



/*** margin 0 in the Storefront Theme ***/

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
   margin-bottom:0em !important;
   z-index: 1;
}

.highlight-block {max-width: 80% !important;margin:0 auto !important;}
.highlight-block h2 {font-family: var(--main-theme-font), serif;font-weight:400 !important;}
.highlight-block p {font-family: var(--main-theme-font), serif;font-weight:400 !important; margin-block-start: 10px !important;}
.hentry .entry-content .wp-block-separator, .editor-styles-wrapper .wp-block-separator {margin: 0 !important;}

/*** footer 3 column ***/
/*.widget-zone .widget {
    width: 33%;
}*/
/*
@media (min-width: 768px) {
  .footer-widgets.col-4 .block {
    width: 33% !important;
    float: left;
    margin-right: 4.347826087%;
  }
}*/
/*** homepage custom ***/
.wpcu-carousel {max-width:1400px !important;padding: 2em 1em;}
.wpcu-product__content {border:1px solid #efefef !important;border-color: rgba(0,0,0,0); box-shadow: rgba(0,0,0,.14) 0 2px 10px 0;}
.wpcu-theme_2 .wpcu-product__img .wpcu-product__cover-content--middle {display:none !important;}
.wpcu-theme_2 .wpcu-product__details .wpcu-product__title { text-align: left;margin: 0 0 0 25px !important; }
.wpcu-theme_2 .wpcu-product__details .wpcu-product__title a {font-family: var(--main-theme-font), serif !important;color: var(--main-theme-color) !important;text-decoration: none !important;font-size: var(--wp--preset--font-size--medium) !important; }
.wpcu-product .wpcu-button .button, .wpcu-product .wpcu-button .added_to_cart, .wpcu-product .wpcu-button .button.added {border-radius: 0px !important;margin-right: 0 !important;margin-left:auto !important;align-self:flex-end !important;}
.wpcu-theme_2 .wpcu-product__details {text-align:right !important;}

/*** product list boxes ***/
h1.woocommerce-products-header__title {margin: 25px 0;color: var(--main-theme-color);font-family: var(--main-theme-font), serif;text-align: left;font-size: 2.617924em;line-height: 1.214;letter-spacing: -1px;}

.wc-block-product {
    border-color: rgba(0,0,0,0);
    box-shadow: rgba(0,0,0,.14) 0 5px 30px 0;
}

.wc-block-components-product-image img {
  margin: 0 auto !important;
}

.wc-block-components-product-image img {width: 80% !important;}
.wp-block-post-terms__prefix {display:none;}
.wc-block-components-product-sku {color: var(--black-theme-color);font-size: 1.1em;text-align: left;margin-left: 7%;margin-bottom: 0em;}
.wc-block-product-template .wc-block-product > :not(:last-child) {margin-bottom: 0rem;}

.wp-block-post-title a {text-align: left;margin:0 0 0 25px;font-family: var(--main-theme-font), serif;color: var(--main-theme-color);text-decoration:none !important;}
ul.products li.product .button {margin-bottom: 0px;}
.product_type_variable {background:var(--black-bg-color) !important;color:var(--white-theme-color) !important;margin-left:auto;height: 60px;margin-bottom: -20px;}
/*.product_type_variable:before {  display: block;content: ' | ';background-image: url('./images/search_wh.svg');
  background-size: 28px 28px;background-repeat:no-repeat;}*/
.product_type_variable:before { 
  content: "";
  display:block;
  height:45px;
  width:30px;
  background-size: 35px 45px;
  background-image: url(./images/search_wh.svg);
  background-repeat: no-repeat;
}
.footer-widgets {width: 100% !important;display:flex;flex-direction:row;justify-content:space-evenly;}
.footer-widgets .block {width: 33% !important;margin-right: 0% !important;bottom:0;}
.footer-widgets .footer-widget-4 {display:none !important;}

/*** single product template ***/
.single-product #primary {width:100% !important;}

.summary form.cart {display:none !important;}
.woocommerce-product-details__short-description {display:none !important;}


.sort-param-order, 
.sort-param-sort {
    display: none;
}

/*
.tabs .tab-title-popis {display:none !important;}
.tabs .tab-title-additional_information {display:none !important;}*/
/*** horizontal tabs ***/
.woocommerce-tabs ul.tabs { border-top: 0px !important; }

.woocommerce-tabs .panel {
  width: 100% !important;
  float: left !important;
  margin-left: 0 !important;
}

.product .woocommerce-tabs ul.tabs {
    width: 100%;
    float: none;
    margin-right: 5.8823529412%;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    /*padding: 0 0 0 1em;*/
    margin: 0 0 1.618em;
    overflow: hidden;
    position: relative;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: ' ';
    width: 100%;
    bottom: 0;
    left: 0;
    border-top:0px !important;
    border-bottom: 1px solid #666;
    z-index: 1;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    /*border: 1px solid #c52314;*/
    /*border-radius: 4px 4px 0 0;*/
    /*background-color: #ebe9eb;*/
    display: inline-block;
    position: relative;
    z-index: 0;
    /*margin: 0 -5px;*/
    padding: 0.5em 2.5em;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    /*background: #fff;*/
    z-index: 2;
    /*border-bottom-color: #000;*/
    background-color: #efefef;
    color:#000000;
    border-bottom: 0px solid #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 1px solid #d3ced2;
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 0;
    content: ' ';
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    left: -6px;
    border-bottom-right-radius: 4px;
    border-width: 0 1px 1px 0;
    box-shadow: 2px 2px 0 #c52314;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 #fff;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    right: -6px;
    border-bottom-left-radius: 4px;
    border-width: 0 0 1px 1px;
    box-shadow: -2px 2px 0 #ebe9eb;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: -2px 2px 0 #fff;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    /*font-weight: 700;*/
    color: #515151;
    text-decoration: none;
    font-size: 1.2em;
    text-transform: uppercase;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: inherit;
    text-shadow: inherit;
    font-weight:bold;
}
 
/* https://stackoverflow.com/questions/14144426/remove-outline-from-active-jquery-ui-tab */
.woocommerce .wc-tabs li a:focus, .ui-state-focus:focus { outline: none !important }
 
.ui-tabs-anchor:active, .ui-tabs-anchor:focus{
     outline:none;
}


.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {display: flex !important;}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.description_tab {order:1 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.modelove-serie_tab {order:3 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.dokumenty_tab {order:2 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.video_tab {order:4 !important;}

#tab-description h2 { display:none !important; }

.product-subtitle {color: var(--black-theme-color);font-size: 1.275em;text-align: left;margin-left: 0%;}

.parameters-wrap {border-top:1px solid var(--main-theme-color);border-bottom:1px solid var(--main-theme-color);padding:10px 0;}
.parameter . {padding:5px 10px;}
.parameter .param-name {color:var(--main-theme-color);font-family:var(--main-theme-font), serif;padding:5px 10px;}
.parameter .param-value {color:var(--black-theme-color);}
#trigger_cf {margin-top: 25px; font-family:var(--main-theme-font), serif;text-transform: uppercase;}
section.related.products {border-top:1px solid #000000;}
section.related.products h2 {margin-top: 25px;color: var(--main-theme-color);font-family: var(--main-theme-font), serif;text-align: center;font-size: 2.617924em;line-height: 1.214;letter-spacing: -1px;}


/*** dopyt form style ***/
/* 
** Contact Form 7 Styles 
*/
.wpcf7 {width:100% !important;}
.wpcf7-form {width:100% !important;}
.wpcf7-form label {width:100% !important;}
.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {width:100% !important;}

.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form textarea {
	background:transparent;
    color: #1f252b;
    min-width: 100% !important;
    padding: 12px 16px;
    border: 1px solid #999999 !important;
    border-radius: 5px !important;
    border: 0;
}

.wpcf7-form p {
    margin: 0 0 28px;
}

.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline: 1px solid rgba(84, 222, 197, 0.9);
    outline-offset: 0;
}

div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: 18px;
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: 18px;
}

span.wpcf7-not-valid-tip {
    color: #f9443b;
}

/* 
** Button Styles 
*/

.wpcf7-form .button {
    background-color: #14e2ae !important;
    border: 0;
    color: #fff;
    border-radius: 1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: auto;
    padding: 20px 42px;
    letter-spacing: 2px;
    font-size: 14px;
}

.wpcf7-form .button:hover {
    cursor: pointer;
    box-shadow: 0px 7px 16px -7px rgba(0, 0, 0, 0.4);
    border: 0;
}
h2+h3, .beta+h3 {
    border-top: 0px solid rgba(0, 0, 0, .05) !important;
    padding-top: .5407911001em;
    font-size: 1.618em !important;
}

.theme-title-01 { color:var(--main-theme-color);font-family: var(--main-theme-font), serif !important;font-weight:900 !important; font-size: 3.3em !important; text-transform:none; }

.highlight-title-01 { color:#ffffff;   font-family: var(--main-theme-font), serif !important;font-weight:900 !important; font-size: 2.3em !important; text-transform:none; }

/*** FOOTER ***/
.site-footer { padding:0px;background:#ffffff; }
.site-footer > .divide-line { margin-top:-40px;z-index:1; }
.site-footer .col-full {max-width: none;width:80vw;}

.site-footer .widget { margin: 0 0 0.706325903em; }
.site-footer .footer-widgets {/*padding-top: 4.235801032em;*/border-bottom: 0px solid rgba(0,0,0,.05);}

.footer-widget-1, .footer-widget-2 {border-right:1px solid #F39430;}
.footer-widget-1, .footer-widget-2, .footer-widget-3 {padding-left:25px;}

.footer-widget-1 .wp-block-heading,
.footer-widget-2 .wp-block-heading,
.footer-widget-3 .wp-block-heading {color:var(--main-theme-color); font-family: "Figtree", serif !important;font-weight:900 !important; font-size: 1.9em !important; text-transform:none;text-align:center;}

#block-16 .wp-block-list, #block-17 .wp-block-list, #block-18 .wp-block-list { list-style: none;margin-left:5px;text-align:center;}

#block-16 .wp-block-list li, #block-17 .wp-block-list li, #block-18 .wp-block-list li { position: relative;margin-left: 20px;font-size: 1.1em;font-weight:700;text-transform:none;}

#block-16 .wp-block-list li:before, #block-17 .wp-block-list li:before, #block-18 .wp-block-list li:before {
/*  position: absolute;
  margin: 8px 10px 0 -25px;
  vertical-align: middle;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #ccc;
  border: 2px solid var(--main-theme-color);
  content: "";*/
}

.footer-widget-2 {border-right:1px solid var(--main-theme-color);}

.site-footer .site-info {width: calc(100vw - 0px);margin-left: calc(-50vw + 50% + 0px);padding-top:25px !important;padding:0px;text-align:center;}
.site-footer .site-info .footer-social {background:var(--main-bg-color);width:60vw; height: 100px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;}
.site-footer .site-info .footer-social {
        -webkit-clip-path: polygon(5% 0, 0 100%, 100% 100%, 100% 100%, 95% 0);
                clip-path: polygon(5% 0, 0 100%, 100% 100%, 100% 100%, 95% 0);
}

.site-footer .site-info .footer-social a {color:#ffffff;font-family: "Figtree", serif !important;font-weight:900 !important; font-size: 2.3em !important;text-decoration:none;}
.site-footer .site-info .footer-info {background: #000000;height:100px;padding-top:25px;color:#ffffff;text-decoration:none;display:flex;flex-direction:row;flex-wrap: wrap; justify-content:center;align-items:center;}
.site-footer .site-info .footer-info a {background: #000000;color:#ffffff;text-decoration:none;}

.site-footer .site-info .footer-social .social-icon-group {width: 100%;display:flex;flex-direction: row; justify-content:center;align-items:center;}
.site-footer .site-info .footer-social .social-icon a {background:transparent;display:flex;justify-content:center;}
.site-footer .site-info .footer-social .social-icon i {color:#000000;font-size:18px;}
.site-footer .site-info .footer-social .social-icon {
    padding: 7px 5px 5px 5px;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background:var(--white-bg-color);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
}

/* Customize SUB PAGES */

.entry-title { color:var(--main-theme-color);font-family:var(--main-theme-font), serif;text-align:left; }
.subpage-subtitle { color:var(--black-theme-color); serif;text-align:center;text-transform:uppercase; }
.subpage-subtitle::after {border-top: 2px solid #db0001;width: 30%;display: inline-block;}


/* Customize POSTS */
.wp-block-latest-posts__list li {
    border-color: rgba(0,0,0,0);
    box-shadow: rgba(0,0,0,.14) 0 5px 30px 0;
}


/* Yith Product Filter */
.yith-wcan-filters-opener {display: none !important;}


/* Customize Shop Page */

.custom-banner {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    height: 200px;
    background-image: url(https://heli-wc.danmo.sk/wp-content/uploads/2025/06/banner_premium_01.webp);
    background-position:center center;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
}
.custom-banner .col-full {max-width:1400px;height: 200px;display:flex;
    justify-content:flex-start;
    align-items:center;}

.custom-banner h2 span {
    font-size: 30px;
    color: var(--main-theme-color);
    font-family: var(--main-theme-font);
}
.custom-banner h2 {
    text-align:left;
    font-size: 42px;
    color: var(--white-theme-color);
    font-family: var(--main-theme-font);
    text-transform:uppercase;
}

body.archive .site-content .col-full {max-width: 1400px;}
.storefront-breadcrumb .col-full {max-width: 1400px;}
.storefront-sorting {display: none;}
.site-content .woocommerce-products-header__title {display:none !important; border-bottom:1px solid var(--black-theme-color) ;}
.site-main ul.products.columns-3 li.product {display:flex;flex-direction:column;justify-content:center;border-color: rgba(0,0,0,0);box-shadow: rgba(0,0,0,.14) 0 5px 30px 0;}
ul.products li.product .woocommerce-LoopProduct-link {display:flex;flex-direction:column;justify-content:center;}
ul.products li.product .attachment-woocommerce_thumbnail {order: 1;}
/*ul.products li.product .product-desc {order:2 !important;color: var(--black-theme-color);font-size: 1.275em;text-align: left;margin-left:8%;}*/
ul.products li.product  small.product-subtitle {order:2 !important;color: var(--black-theme-color);font-size: 1.275em;text-align: left;margin-left:8%;}
ul.products li.product .woocommerce-loop-product__title {
  order:3 !important;
  text-align: left;
  margin: 0 0 25px 25px;
  font-size: 23px;
  font-family: var(--main-theme-font), serif;
  color: var(--main-theme-color);
  text-decoration: none !important;
}

.woocommerce-LoopProduct-link img {max-width: 80%;}

/* Customize Contact Page */
.contact-block {max-width: 1400px !important; margin: 0 auto !important;}
.contact-block h3 { color:var(--main-theme-color); font-family: "Figtree", serif !important;font-weight:400 !important; font-size: 1.6em !important; text-transform:none; }
.contact-block .wp-block-column {/*background: none !important;*/padding: 10px 20px !important;}

.divide-line-mob {display:none;}
.divide-line-mob-header {display:none;}

/* Center and vertical align header items on desktop | wordpress.org/support/?p=15893234 */

/*** Custom Mobile Menu ***/
#mainNav {
  display: none;
  padding-top: 0rem;
  padding-bottom: 0rem;
  background-color:rgba(255,255,255,0.8);
}
#mainNav .navbar-toggler {
  padding: 0.75rem;
  font-size: 0.75rem;
  /*font-family: "Josefin Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  text-transform: uppercase;
  font-weight: 700;
}
#mainNav .navbar-brand {
  color: #ffc800;
  /*font-family: "Josefin Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-weight: 700;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
}
#mainNav .navbar-brand img {
  height:auto;width:50vw;padding:10px 15px;
}
#mainNav .navbar-nav .nav-item .nav-link {
  /*font-family: "Josefin Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-size: 0.9rem;
  background: var(--main-theme-color) !important;
  color: var(--white-theme-color) !important;
  letter-spacing: 0em;font-weight: 600; /*line-height:1;*/
  padding:15px 10px; background:#eee;color:#000;
  border-bottom:2px solid var(--white-theme-color) !important;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #de4f01;
}
#mainNav .navbar-nav .nav-item .nav-link.knt {padding:20px 20px 16px; background:#eee;color:#000;}
#mainNav .navbar-nav .nav-item .nav-link.knt:hover {background:var(--black-theme-color);color:#fff;}
#mainNav .navbar-nav .nav-item .nav-link img {height: 1.8rem;}

#mainNav .navbar-nav.products {/*background: var(--main-bg-color);*/}
#mainNav .navbar-nav .nav-item .nav-link.product {
  /*font-family: "Josefin Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
  font-size: 0.9rem;
  background: var(--white-theme-color) !important;
  color: var(--main-theme-color) !important;
  letter-spacing: 0em;font-weight: 600; /*line-height:1;*/
  padding:15px 10px; background:#eee;color:#000;
  border-bottom:2px solid var(--main-theme-color) !important;
}
/*#mainNav .navbar-nav .nav-item .nav-link.product:hover {background: var(--white-bg-color) !important; color: var(--black-theme-color) !important;}
#mainNav .navbar-nav .nav-item:hover {background: var(--white-bg-color) !important; color: var(--black-theme-color) !important;}
*/
@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border: none;
    background-color: transparent;
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    font-size: 1.5em;
    transition: font-size 0.3s ease-in-out;
  }
  #mainNav .navbar-brand img {
    height: auto; width:10vw;
    transition: height 0.3s ease-in-out;
  }
  #mainNav.navbar-shrink {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: rgba(255,255,255,0.8);
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
  }
  #mainNav.navbar-shrink .navbar-brand svg,
  #mainNav.navbar-shrink .navbar-brand img {
    height:auto; width:5vw;
  }
  #mainNav .navbar-nav .nav-item {
    margin-right: 1rem; display: flex;
    align-items: center;

  }
  #mainNav .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }
}


#nav-icon {
  width:40px;height:30px;
  position: relative; display:inline-block;vertical-align: middle;
  margin:0 auto;
  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 5px;width: 100%;
  background: var(--black-theme-color);
  opacity: 1;
  left: 0;
    -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 12px;}
#nav-icon span:nth-child(4) {top: 24px;}
#nav-icon.open span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;}

.tax-product_cat .page-header {
    background-size: cover;
    background-position: center center;
}


#back-top {
  position: fixed;
  display: block;
  bottom: 50px;
  right: 40px;
  z-index: 9998;
  width: 60px;
  height: 60px;
  /*border-radius: 50%;*/
  background-color: #223a66;
  transition: opacity 1s;
  text-align: center !important;
  /*border: 1px solid #efefef;*/
  cursor: pointer;
  background:var(--black-bg-color) url('./images/top.svg') 18px 18px no-repeat;
  background-size: 40% 40%;
  -webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
  opacity: 0.8;
}
#back-top:hover {
  opacity: 0.8;
  background:var(--main-bg-color) url('./images/top.svg') 18px 18px no-repeat;
  background-size: 40% 40%;
    -webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
  opacity: 0.8;
}
#back-top i {
  display: inline-block;
  color:#FFFFFF;
  font-size: 1.85em;font-weight: normal;
  margin: 20px 8px;
}

.contact-item {
    margin-right: 1em !important;
    margin-bottom: 2em !important;
    padding:20px 10px !important;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: rgba(0, 0, 0, .14) 0 2px 10px 0;
}







/*
 * Responsive part
 */

@media(max-width:1200px) {
  /*#masthead {padding: 41px 10% !important;}
  #masthead > .col-full {float:left !important;}
  #masthead > .storefront-primary-navigation {clear: none !important;}
  #page > .sticky-element-placeholder {height: 123px !important;} -*/
    .divider-left {
        bottom: -12vh;
        width: calc(100vw + 0px);
        margin-left: calc(-0vw - 83% + 0px);
    }
}

@media(max-width:768px) {
  #masthead > .col-full {display:none !important;}
  #mainNav {display: block;}
  .storefront-breadcrumb { display: none; margin: 0em 0 0em;padding: 1em 0;}
  /*#masthead > .col-full {float:left !important;}
  #masthead > .storefront-primary-navigation {clear: none !important;}
  #page > .sticky-element-placeholder {height: 123px !important;} -*/
    .site-header { height: auto;border-bottom: 0px; }
    .site-header .col-full {display: flex !important; flex-direction:row;justify-content:space-around !important;}
    .site-header .col-full .site-branding { grid-area: unset !important;display: flex;justify-content: unset !important;align-items: unset !important; }
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {width: 40%;}
    .woocommerce-active .site-header .main-navigation { order: unset !important;padding: 0;grid-area: unset !important;width:50%; }
    .main-navigation .menu {width:auto;}
    .main-navigation .menu > ul {
        display:block;
        width: 90vw;
        clear:both;
        background:#ffffff
    }
    .divide-line {display:none !important;}
    .divide-line-mob-header {position:absolute;display:block !important; width: calc(120vw - 10px);margin-left: calc(-50vw + 50% + 0px);z-index:1;height:70px;margin-bottom:30px;border-radius:0px; }
    .divide-line-mob {position:relative;display:block !important; width: calc(120vw - 10px);margin-left: calc(-50vw + 50% + 0px);z-index:1;height:70px;margin-bottom:30px; }
    
    /*.divide-line-mob {
        position: relative;
        height: 70px;
        width:100%;
        display: inline-block;
        background-image: url(https://heli-wc.danmo.sk/wp-content/uploads/2025/03/divide_line_mob.webp);
        background-size: contain;
        background-repeat: no-repeat;
    }*/

    .site-footer .col-full { width: unset !important;}
    .site-footer .footer-widgets {display:flex;flex-direction:column !important;justify-content:center;}
    .footer-widgets .block {width:100% !important;}
    .footer-widget-1, .footer-widget-2, .footer-widget-3 {padding-left: 0px !important;}
    .footer-widget-1, .footer-widget-2 {border-right: 0px !important;}
    .site-footer .site-info .footer-social {width: 100vw !important;display:flex;flex-direction:column;justify-content:center;-webkit-clip-path: unset !important; clip-path: unset !important;padding:25px 0;height: auto; }
    .site-footer .site-info .footer-social a {color: #ffffff;font-family: "Figtree", serif !important;font-weight: 400 !important;font-size: 1.3em !important;}
    .site-footer .site-info .footer-info {height:auto;}
    .footer-widgets .block #block-16 ul, .footer-widgets .block #block-17 ul, .footer-widgets .block #block-18 ul { padding-left: 0rem !important; }
    #block-16 .wp-block-list li, #block-17 .wp-block-list li, #block-18 .wp-block-list li {margin-left:0 !important;}
    ul.wc-block-product-template__responsive {
      margin: 0 0 1.41575em 0em;
    }

    .wc-block-product-template__responsive.columns-3 {
      grid-template-columns: unset !important;
    }

    /* Yith Product Filter */
    .yith-wcan-filters-opener {display: block !important;width:100% !important;margin:1em 0 !important;border-radius:0px !important;background:var(--main-theme-color) !important;content: 'FILTER' !important;}
    .yith-wcan-filters-opener {content: 'whatever it is you want to add' !important;}
    .custom-banner h2 {text-align:center;font-size: 18px;}


}

  .timeline { 
      position: relative;
      list-style: none;
      display: inline-flex;
      flex-wrap: nowrap;
      margin: 0;
      padding: 0;
      /* set here the height of the timeline */
      height: 240px;
      margin-left: -8vw;

  }
    
    /* middle line */
    .timeline:before {
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      width: 100%;
      height: 2px;
      background: var(--main-theme-color); }
    
    .timeline li { 
      margin: 0 20px;
      min-width: 300px;
      align-self: flex-start;
      margin-top:0;
    }

    /*  event in even position are bottom-aligned */
    .timeline li:nth-child(2n) { align-self: flex-end;margin-bottom:0px !important; }
    
    .timeline div {
      position: relative;
      padding: 10px;
      border: 1px var(--main-theme-color) solid;
      display: flex;
      flex-direction:row;
      justify-content:space-around;
      align-items: center;
  }

    /* style for the dot over the timeline */
    .timeline li:before {
       content: "";
       position: absolute;
       top: 50%;
       margin-left: 150px;
       transform: translate(-50%, -50%);
       border: 1px var(--black-theme-color);
       width: 15px;
       height: 15px;
       border-radius: 50%;
       background:  var(--black-theme-color);
      
    }

    /* style for the event arrow */
    .timeline div:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 100%;
      width: 20px;
      height: 20px;
      transform: translate(-50%, -1px) rotateZ(45deg);
      background: #fff;
    }
    
    /* position of the event arrow in odd position */
    .timeline li:nth-child(2n - 1) div:before {
      top: 100%;
      margin-top: -8px;
      border-right: 1px var(--main-theme-color) solid;
      border-bottom: 1px var(--main-theme-color) solid; }
    
    /* position of the event arrow in even position */
    .timeline li:nth-child(2n) div:before {
      top: 0;
      margin-top: -10px;
      border-left: 1px var(--main-theme-color) solid;
      border-top: 1px var(--main-theme-color) solid; }

    .timeline div time {font-family: var(--main-theme-font);color: var(--main-theme-color);font-size: 1.4em;}
    .timeline .timeline-img {width: 100%;height: fit-content;}
    .timeline p.first {width:34%;display:inline-flex;flex-direction:row;justify-content:space-evenly;align-items:center; margin: 0 0 0em;}
    .timeline p.second {width:63%;padding: 0 0 0 5px;margin: 0 0 0em;}
/*
    .timeline li div:nth-child(odd) { margin-top:-15px !important;}
    .timeline li div:nth-child(even) {margin-top:15px !important;}*/
/* Media query for max-width: 900px (Vertical Timeline) */

/* Media query for max-width: 900px (Vertical Timeline) */
@media screen and (max-width: 900px) {
  /* Change the timeline to a vertical layout */
  .timeline {
    flex-direction: column;
    height: auto;
    margin-left: 0;
  }

  .timeline li {
    width: 100%;
    margin: 10px 0;
    position: relative; /* to ensure dot and arrow are positioned relative to each li */
  }

  /* Adjust the dot position */
  .timeline li:before {
    top: 44%;
    left: 0;
    margin-left: 0px;
    transform: translateX(-50%);
  }

  /* Adjust the event box to stack vertically */
  .timeline div {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 20px;
    left:5%;
  }

  /* Pull arrow to the left in vertical layout */
  .timeline div:before {
    left: -10px; /* Shift the arrow to the left */
    top: 50%;
    transform: translate(-50%, -50%) rotateZ(45deg);
    width: 15px;
    height: 15px;
    border-left: 1px var(--main-theme-color) solid;
    border-top: 1px var(--main-theme-color) solid;
    margin-top: 0;
  }

  /* Adjust position for event arrows in odd/even positions */
  .timeline li:nth-child(2n - 1) div:before {
    top:44%;
    left: -1px;
    margin-top:5px;
    border-right: 0px var(--main-theme-color) solid !important;
    border-top: 0px var(--main-theme-color) solid !important;
    /*margin-top: -8px;
    border-right: 1px var(--main-theme-color) solid;
    border-bottom: 1px var(--main-theme-color) solid;*/
  }

  .timeline li:nth-child(2n) div:before {
    top:44%;
    left: -1px;
    margin-top:5px;
    border-right: 0px var(--main-theme-color) solid !important;
    border-top: 0px var(--main-theme-color) solid !important;
    border-bottom: 1px var(--main-theme-color) solid !important;
  }
  
  /* Show a vertical line through the timeline in the center */
  .timeline:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: var(--main-theme-color);
    transform: translateX(-50%); /* to center it */
  }
}


.storefront-content-sidebar-wrap {
    display: flex;
    gap: 30px; /* medzera medzi obsahom a sidebarom */
}
.site-main {
    flex: 1;
}
.widget-area {
    width: 300px; /* šírka sidebaru */
}

/* Skry submenu štandardne 
.main-navigation ul li.menu-item-has-children > ul.sub-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 999;
  transition: opacity 0.2s ease-in-out;
}

/* Zobraz submenu iba keď je nadriadene li otvorené 
.main-navigation ul li.menu-item-has-children.open > ul.sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* Skry submenu predvolene */
.main-navigation ul ul.sub-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 9999 !important;
  min-width: 200px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

/* Zobraz submenu pri hover */
.main-navigation ul li:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
    z-index: 9999 !important;

}

.main-navigation ul ul.sub-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  position: absolute;
  top: 100%;   /* presne pod rodiča */
  right: 0 !important;
  background: #fff;
  z-index: 9999 !important;
  min-width: 300px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

/* Zobraziť submenu pri hover na rodiča */
.main-navigation ul li:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.site-header {
  position: relative;
  z-index: 10 !important; /* vyššie než .divide-line */
}