/*
Theme Name:   	LAGIS theme
Author:       	Bezva studio
Author URI:     https://www.bezvastudio.cz
Template:     	storefront
Description:  	Na míru upravená šablona - child theme for StoreFront theme
Version:      	1.1.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: (C) Bezva studio - all rights reserved
*/
/*
 * Add your own custom css below this text.
 */
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@700&display=swap");

/* theme colors */
:root {
    --primary: #ee0011;
    --primary-hover: #aa0000;
    --secondary: #77d000;
    --secondary-hover: #66b300;
    --dark-grey: #333333;
    --light-grey: #eeeeee;
    --text: #000000;
}

h1,
h2,
h3,
h4,
h6,
.site-branding .site-title a {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.2px;
}

.woocommerce-Price-amount {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
}

h4,
h5 {
    font-size: 1.2em;
}

a,
.woocommerce ul.products li.product {
    -webkit-transition: background 0.7s, color 0.7s;
    transition: background 0.7s, color 0.7s;
}

a:hover {
    -webkit-transition: background 0.1s, color 0.1s;
    transition: background 0.1s, color 0.1s;
}

.widget .textwidget ul {
    margin-left: 1.4em;
    list-style: initial;
}

img {
    display: block;
}

/*
blockquote+h2,
blockquote+h3,
blockquote+h4,
blockquote+header h2,
form+h2,
form+h3,
form+h4,
form+header h2,
ol+h2,
ol+h3,
ol+h4,
ol+header h2,
p+h2,
p+h3,
p+h4,
p+header h2,
table+h2,
table+h3,
table+h4,
table+header h2,
ul+h2,
ul+h3,
ul+h4,
ul+header h2,
input+h2,
input+h3,
input+h4,
input+header h2,
textarea+h2,
textarea+h3,
textarea+h4,
textarea+header h2  {
    margin-top: 1.5em;
}*/
p.overline + h2 {
    margin-top: 0;
}

.strong,
.strong label {
    font-weight: bold;
}

.block-in-list {
    margin-left: 3em;
}

.overline {
    font-size: 1.41575em;
    margin-bottom: .6180469716em;
    color: var(--secondary);
}

.large-title {
    font-size: 3em;
    text-transform: uppercase;
}

.lead {
    font-size: 1.2rem;
}

.max-500 {
    max-width: 500px !important;
}

.p-1 {
    padding: 1rem;
}

.m-0 {
    margin: 0 !important;
}

.p-t0, .p-0 {
    padding-top: 0 !important;
}

.p-b0, .p-0 {
    padding-bottom: 0 !important;
}

.p-l0, .p-0 {
    padding-left: 0 !important;
}

.p-r0, .p-0 {
    padding-right: 0 !important;
}

img {
    border-radius: 0;
}

html {
    background: black;
}

body {
    margin-top: 94px;
}

@media all and (max-width: 499px) {
    body {
        margin-top: 75px;
    }
}

@media all and (min-width: 768px) {
    body {
        margin-top: 110px;
    }
}

/* Layout
=========================================== */

@media (max-width: 66.4989378333em) {
    .col-full {
        margin-left: auto;
        margin-right: auto;
        padding: 0 1.2em;
    }
}

@media (min-width: 768px) {

    .page-box {
        display: inline-table;
        margin-right: 1.8%;
        margin-bottom: 1.41575em;
    }
}

.wp-block-cover, .wp-block-cover-image {
    width: auto;
}

.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull,
.storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignfull {
    margin-left: -webkit-calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-right: -webkit-calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.wp-block-group *:last-child {
    margin-bottom: 0;
}

.editor-styles-wrapper .wp-block-columns .wp-block-column,
.hentry .entry-content .wp-block-columns .wp-block-column {
    margin-bottom: 0;
}

.editor-styles-wrapper figure.wp-block-image,
.hentry .entry-content figure.wp-block-image {
    margin: unset;
}

.wp-block-kadence-tab.kt-tab-inner-content p + h2 {
    margin-top: 0;
}

.page.page-template-template-fullwidth .content-area,
.page.page-template-template-fullwidth .site-main,
.page.page-template-template-fullwidth .hentry {
    margin-bottom: 0;
}

.hentry .entry-content .wp-block-cover.accordion-img .wp-block-cover__inner-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.hentry .entry-content .wp-block-cover.accordion-img .kt-blocks-accordion-title-wrap {
    max-width: 600px;
    padding-left: 1rem;
    word-break: break-word;
}

/* header 
=========================================== */
.site-header {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    position: fixed;
    top: 0;
    z-index: 1499;
}

.admin-bar .site-header {
    top: 32px;
}

.woocommerce-active .site-header {
    transition: all 0.5s ease;
}

.icon-navigation {
    display: none;
    float: right;
    margin-right: .5em;
}

.icon-navigation .icon {
    display: inline-block;
    position: relative;
}

.icon-navigation .icon .ico {
    width: 40px;
    height: 75px;
    overflow: hidden;
    display: block;
    color: transparent;
    opacity: .8;
}

.icon-navigation .icon .ico:hover {
    opacity: 1;
}

.icon-navigation .icon .ico::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 1.25rem;
    line-height: inherit;
    margin: 1.3rem .5em;
    content: "\f2bd";
    height: 1em;
    color: white;
    line-height: 1.618;
}

.icon-navigation .icon.account .ico::before {
    content: "\f2bd";
}

.icon-navigation .icon.search .ico::before {
    content: "\f002";
}

.sticky .icon-navigation .icon .ico {
    height: 40px;
}

.sticky .icon-navigation .icon .ico::before {
    margin: .1rem .5em;
}

.icon-navigation .icon.search .widget {
    position: absolute;
    top: 100%;
    left: -200px;
    width: 240px;
}

.icon-navigation .icon.search .widget form {
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 30%);
    margin-bottom: 0;
}

.icon-navigation .icon.search .widget form input {
    display: none;
    padding-left: .6180469716em;
}

.icon-navigation .icon.search:hover .widget form input,
.icon-navigation .icon.search .widget form input:focus {
    display: block;
}

.icon-navigation .widget_product_search form:before {
    content: unset;
}


@media all and (max-width: 499px) {
    .site-header .custom-logo-link img,
    .site-header .site-logo-anchor img,
    .site-header .site-logo-link img {
        max-width: 150px;
    }
}

@media (min-width: 768px) {
    .icon-navigation {
        display: block;
    }

    .woocommerce-active .site-header.sticky {
        padding-top: 0.7rem;
        padding-bottom: 0.5rem;
    }

    .woocommerce-active .site-header.sticky .site-branding img {
        width: auto;
        height: 40px;
    }

    .woocommerce-active .site-header .site-branding {
        width: 270px;
        height: 78px;
        padding-bottom: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .woocommerce-active .site-header.sticky .site-branding {
        height: auto;
    }

    .woocommerce-active .site-header .site-branding img {
        max-width: 265px;
    }

    .woocommerce-active .site-header .storefront-primary-navigation {
        width: calc(100% - 270px);
        float: right;
        clear: right;
    }

    .woocommerce-active .site-header .storefront-primary-navigation .col-full {
        padding: 0 !important;
    }

    .woocommerce-active .site-header .main-navigation {
        width: calc(100% - 135px);
        margin-right: 0;
    }

    .woocommerce-active .site-header .site-header-cart {
        width: 40px;
    }

    .site-header-cart .cart-contents {
        position: relative;
        text-align: center;
        padding: 1.3em 0;
    }

    .sticky .site-header-cart .cart-contents {
        padding: 1em 0;
    }

    .site-header-cart .cart-contents:after {
        content: "\f474";
        float: unset;
        text-align: center;
        font-size: 1.25rem;
    }

    .site-header-cart .cart-contents .count {
        display: none;
    }

    .storefront-primary-navigation .cart-contents {
        position: relative;
    }

    .site-header-cart .cart-contents .amount {
        font-size: 0.75em;
        line-height: 1.2;
        position: absolute;
        bottom: 10%;
        right: 50%;
        white-space: nowrap;
        transform: translateX(50%);
        color: var(--primary);
        margin-right: 0;
    }

    .site-header-cart .current-menu-item .cart-contents .amount {
        display: none;
    }

    .site-header-cart:hover .widget_shopping_cart {
        width: 250px;
        left: -210px;
    }

    .main-navigation ul.menu,
    .main-navigation ul.nav-menu {
        display: flex;
        justify-content: space-evenly;
    }

    .main-navigation ul.menu > li > a,
    .main-navigation ul.nav-menu > li > a {
        padding: 1.618em 0.5em;
        text-transform: uppercase;
    }

    .sticky .main-navigation ul.menu > li > a,
    .sticky .main-navigation ul.nav-menu > li > a {
        padding: 0.5em 1em;
    }

    .sticky .site-header-cart .cart-contents {
        padding: 0 0 1em;
    }

    .main-navigation ul.nav-menu > li > a::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 0%;
        height: 2px;
        background: var(--primary);
        transform: translateY(1em);
        transition: width 0.5s ease;
    }

    .main-navigation ul.nav-menu > li > a:hover:before,
    .main-navigation ul.nav-menu > li.current_page_item > a:before {
        width: 100%;
    }

    .site-header-cart .widget_shopping_cart,
    .main-navigation ul.menu ul.sub-menu,
    .main-navigation ul.nav-menu ul.children,
    .secondary-navigation ul.menu ul {
        background-color: #ffffff;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
    }

    .main-navigation ul.menu ul li:hover > a,
    .main-navigation ul.nav-menu ul a:hover,
    .main-navigation ul.nav-menu ul li.focus,
    .main-navigation ul.nav-menu ul li:hover > a {
        background-color: rgba(0, 0, 0, 0);
    }

    .site-header-cart .widget_shopping_cart .buttons,
    .site-header-cart .widget_shopping_cart .total {
        background-color: #f5f5f5;
    }

    .main-navigation ul li a,
    ul.menu li a {
        color: #cccccc;
    }

    .main-navigation ul li .sub-menu li a,
    ul.menu li .sub-menu li a,
    .site-header-cart .widget_shopping_cart a {
        color: #555555;
    }

    .main-navigation ul li .sub-menu li a::before,
    ul.menu li .sub-menu li a::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0%;
        height: 2px;
        background: var(--primary);
        transition: width 0.5s ease;
    }

    .main-navigation ul li .sub-menu li a:hover,
    ul.menu li .sub-menu li a:hover,
    .site-header-cart .widget_shopping_cart a:hover,
    .site-header ul.menu li ul.sub-menu li.current-menu-item > a {
        color: #000000;
    }

    .main-navigation ul li .sub-menu li a:hover:before,
    ul.menu li .sub-menu li a:hover:before {
        width: 100%;
    }

    .site-header-cart .widget_shopping_cart,
    .site-header .product_list_widget li .quantity {
        color: #777777;
    }
	.site-header .menu-item-gtranslate {
		width: 82px;
	}
	.site-header .menu-item-gtranslate > div {
		top: 50%;
		transform: translatey(-16px);
	}
	.site-header .gt_float_switcher {
		font-size: 16px;
	}
	.site-header .gt_float_switcher .gt-selected {
		background-color: transparent;
	}
	.site-header .gt_float_switcher .gt-selected .gt-current-lang {
		padding: 2px 5px;
	}
	.site-header .gt_float_switcher img {
		width: 20px;
		border-radius: 0;
	}

    /*.site-header-cart:hover .widget_shopping_cart, .main-navigation ul.menu:hover ul.sub-menu, .main-navigation ul.nav-menu:hover ul.children, .secondary-navigation ul.menu:hover ul {
      opacity: 0;
      visibility: none;
      -webkit-transition: visibility 0s, opacity 0.2s linear;
      transition: visibility 0s, opacity 0.2s linear;
    }
    .site-header-cart:hover .widget_shopping_cart, .main-navigation ul.menu li:hover ul.sub-menu, .main-navigation ul.nav-menu li:hover ul.children, .secondary-navigation ul.menu:hover ul {
      opacity: 1;
      visibility: visible;
      -webkit-transition: visibility 0s, opacity 0.2s linear;
      transition: visibility 0s, opacity 0.2s linear;
    }
    /*.site-header {
          padding-top: 1em;
      padding-bottom: 0;
      margin-bottom: 0;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      border-bottom: 0;
    }
    .site-header > div.col-full {
          display: flex;
      align-items: center;
    }
    .site-header .storefront-primary-navigation .col-full {
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .woocommerce-active .site-header .site-header-cart {
      width: 40px;
    }


    .woocommerce-active .site-header .header_top_bar {
      width: calc(80% - 300px);
      float: right;
      margin: 0;
      border-bottom: 1px solid #777777;
    }
      .woocommerce-active .site-header .site-search{
          width: 20%;
      }
    .woocommerce-active .site-header .secondary-navigation, .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
      float: right;
      width: calc(80% - 300px);
    }
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation.social-navigation {
      float: left;
      margin-left: -0.6em;
    }
    .site-footer .social-navigation {
      float: right;
      margin: 0.4em -0.4em 0 1em;
      font-size: 20px;
    }

    .main-navigation ul ul li a {
      width: 250px;
    }
    .woocommerce-active .site-header .site-header-cart {
      width: 250px;
      margin-left: -8%;
    }


      .site-header .main-navigation ul.menu > li > a:hover,
       .main-navigation ul.menu > li > a:hover,
       .main-navigation ul.menu > li > a:hover,
       .site-header-cart:hover > li > a {
          color: white!important;
      }
    .site-header .main-navigation ul.menu > li.current-menu-item > a, .main-navigation ul.menu > li.current_page_parent > a, .main-navigation ul.menu > li.current_page_ancestor > a {
      color: var(--primary);
    }

    .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a, .secondary-navigation .menu ul a {
      background: #fff;
      border-bottom: 1px solid #eee;
    }
    .main-navigation ul.menu ul li a:hover, .main-navigation ul.nav-menu ul li a:hover, .secondary-navigation .menu ul a:hover {
      background: #eee;
      border-bottom: 1px solid var(--primary);
    }
    .secondary-navigation .menu ul a {
      padding: 1em;
      width: 200px;
    }
    .site-header .main-navigation ul.menu li ul.sub-menu li.current-menu-item > a, .site-header .main-navigation ul.menu li ul.sub-menu li.current-product-ancestor > a, .secondary-navigation .menu ul a:active, .site-header ul.menu li ul.sub-menu li.current-menu-parent > a {
      color: var(--primary);
    }
    .secondary-navigation .menu ul a:before {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      line-height: inherit;
      vertical-align: baseline;
      content: "\f3fd";
      line-height: 1;
      margin-left: 0.5407911001em;
      width: 1.41575em;
      text-align: right;
      float: right;
        opacity: 0.7;
    }
    .secondary-navigation .menu ul #orders a:before {
      content: "\f291";
    }
    .secondary-navigation .menu ul #edit-address a:before {
      content: "\f015";
    }
    .secondary-navigation .menu ul #edit-account a:before {
      content: "\f007";
    }
    .secondary-navigation .menu ul #customer-logout a:before {
      content: "\f2f5";
    }
    .secondary-navigation .menu .menu-item-6570 a {
      background: var(--primary);
      color: black;
      padding: .5em .875em;
      margin: .5em;
      border-radius: 2px;
    }

    #site-header-cart > li, #site-header-cart > li.current-menu-item {
      width: auto;
      float: right;
    }

    .site-header-cart .widget_shopping_cart.sub-menu--is-touch-device{
    left:-20em;
    }
    .site-header-cart .widget_shopping_cart .product_list_widget img {
      margin-left: 0;
    }
    .site-header-cart .widget_shopping_cart, .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children, .secondary-navigation ul.menu ul {
      background-color: #ffffff;
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
      display:inherit;
      opacity:0;
      visibility: hidden;
      -webkit-transition: visibility 0s 0.3s, opacity 0.3s linear;
      transition: visibility 0s 0.3s, opacity 0.3s linear;
    }
    .site-header-cart .widget_shopping_cart .buttons, .site-header-cart .widget_shopping_cart .total {
      background-color: #f5f5f5;
    }
    .main-navigation ul li a, ul.menu li a {
      color: #cccccc;
    }
    .main-navigation ul li .sub-menu li a, ul.menu li .sub-menu li a, .site-header-cart .widget_shopping_cart a {
      color: #555555;
    }
    .main-navigation ul li .sub-menu li a:hover, ul.menu li .sub-menu li a:hover, .site-header-cart .widget_shopping_cart a:hover, .site-header ul.menu li ul.sub-menu li.current-menu-item > a {
      color: #000000;
    }
    .site-header-cart .widget_shopping_cart, .site-header .product_list_widget li .quantity {
      color: #777777;
    }
    .site-header-cart .cart-contents {
      padding: 1em 0 2em;
    }
    .site-header-cart .cart-contents .amount {
      display: none;
    }
    .site-header-cart .cart-contents:after {
      font-size: 28px;
      line-height: .9;
          content: "\f07a";
    }
    .site-header-cart .cart-contents .count {
      display: block;
      font-size: .75em;
      position: absolute;
      top: 0.5em;
      left: 4.3em;
    }
      .site-header-cart .widget_shopping_cart .product_list_widget li{
          position: relative;
      }
    .site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
          position: absolute;
          top: 10px;
          left: 10px;
          opacity: .2;
    }
      .site-header-cart .widget_shopping_cart .product_list_widget li:hover a.remove {
          opacity: 1;
      }
      .site-header-cart .widget_shopping_cart .product_list_widget li a.remove:hover:before {
          color: red;
      }

    .site-header-cart .widget_shopping_cart .product_list_widget li .woocommerce-Price-amount {
      font-size: inherit;
    }*/
}

/* breadcrumb 
=========================================== */
.storefront-breadcrumb {
    padding: 0;
    margin-bottom: 1em;
}

.storefront-breadcrumb .woocommerce-breadcrumb {
    padding: 0.7em 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.storefront-breadcrumb a {
    color: #aaaaaa;
}

/* single site 
=========================================== */

#site-head {
    position: relative;
    width: 100%;
}

@media (max-width: 1024px) {
    #site-head {
        flex-direction: column;
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    #site-head {

    }
}

#site-head .page-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#site-head .wp-block-columns {
    padding: 2rem;
    margin: 0;
    position: relative;
    z-index: 1;
}

#site-head .page-title .wp-block-columns {
    min-height: 55vh;
}

#site-head .page-title .wp-block-columns img {
    max-height: 50vh;
    margin: auto;
}



#site-head video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#site-head .banner-title {
    font-size: 2.7rem;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 .3em;
}

#site-head h1 {
    margin: 0 0 .3em;
}

@media (min-width: 768px) {
    #site-head h1,
    #site-head .banner-title {
        font-size: 3.5rem;
    }
}


.home #site-head {
    display: flex;
}

@media (max-width: 1200px) {
    .home #site-head {
        flex-direction: column;
    }
}

.home #site-head .header-boxes {
    display: flex;
    flex-direction: column;
    align-content: stretch;
}

.home #site-head .header-box {
    padding: 2rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home #site-head .header-box * {
    max-width: 60%;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .home #site-head .header-boxes {
        flex-direction: row;
    }
    .home #site-head .header-box {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .home #site-head .header-boxes {
        width: 50%;
    }
}

.home #site-head .wp-block-columns {
    min-height: 70vh;
}

/* homepage 
=========================================== */
.page-template-template-homepage .site-content {
    padding-top: 0em;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 0em;
}

.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
    max-width: none;
    text-align: unset;
}

.page-template-template-homepage .hentry .entry-content .alignfull {
    width: auto;
    margin-left: -webkit-calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-right: -webkit-calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.page-template-template-homepage .hentry .entry-content .alignfull .alignfull {
    width: 100%;
    margin-left: unset;
    margin-right: unset;
}

.page-template-template-homepage .type-page,
.page-template-template-homepage .site-main,
.page-template-template-homepage .content-area {
    padding-bottom: 0;
    margin-bottom: 0;
}

.page-template-template-homepage .hentry .entry-content .alignfull .alignwide {
    margin: 0 auto;
    max-width: 1200px;
}

.page-template-template-homepage
.hentry
.entry-content
.alignfull
.wp-block-cover__inner-container {
    width: 100%;
    max-width: 1200px;
}

/* home category */
.home .category-region {
    padding: 3em 0;
}

.home .category-region ul.products li.product.product-category a {
    height: auto;
    line-height: 1;
}

.home .category-region ul.products li.product.product-category img {
    width: 100%;
    max-width: 100%;
    position: relative;
    float: none;
    display: inline-block;
    padding: 0;
    margin: 0 0 0.5em 0;
}

.home
.category-region
ul.products
li.product.product-category
.woocommerce-loop-category__title {
    font-size: 1rem;
    line-height: 1.22;
    padding-left: 0;
    margin-bottom: 0.2em;
    clear: unset;
    display: inherit;
}

.home .category-region ul.products li.product.product-category {
    position: relative;
    float: left;
}

.home .category-region ul.products li.product.product-category p {
    color: #000;
    font-size: 1.13em;
    line-height: 1.3;
    clear: both;
    margin-bottom: 0.7em;
}

.home
.category-region
ul.products
li.product.product-category
.product-category-description {
    position: absolute;
    background: #f9f9f9;
    padding: 0.7em;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in-out;
}

.home
.category-region
ul.products
li.product.product-category:hover
.product-category-description {
    opacity: 1;
}

.home .category-region::after,
.home .category-region::before {
    content: "";
    display: table;
}

.home .storefront-product-section.storefront-product-categories .section-title {
    display: none;
}

.home .storefront-product-section.storefront-product-categories .woocommerce {
    margin-top: 40px;
}

@media (min-width: 768px) {
    .home .category-region {
        background: #f5f5f5;
        text-align: right;
        margin-top: -5.2358em;
    }
}

/* benefits widget
=========================================== */
.benefits-widget {
    margin: 1em 0 0;
    padding: 1em 0 0;
    color: var(--primary);
    border-top: 1px solid #eeeeee;
}

.benefits-widget .widget:hover {
    padding: 0;
}

.benefits-widget .header-widgets .widget {
    position: relative;
    margin-right: 3.9%;
    padding: 5px 0;
    margin-bottom: 10px;
    font-size: 80%;
    clear: both;
}

.benefits-widget .header-widgets .widget:last-of-type {
    margin-right: 0;
}

.header-widgets .widget::before {
    font-family: "Font Awesome 5 free";
    font-size: 35px;
    line-height: 1;
    font-weight: 900;
    text-rendering: auto;
    position: absolute;
    top: 0;
    left: 0;
    height: 1em;
    float: left;
    content: "\f05d";
    margin-right: 10px;
    margin-bottom: -10px;
    -webkit-transition: color 0.7s;
    transition: color 0.7s;
}

.header-widgets #text-4::before {
    content: "\f164";
}

.header-widgets #text-5::before {
    content: "\f48b";
}

.header-widgets #text-6::before {
    content: "\f559";
}

.header-widgets #text-7::before {
    content: "\f3ed";
}

.header-widgets .widget:hover:before {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.header-widgets .widget .widget-title,
.header-widgets .widget .widgettitle {
    border-bottom: unset;
    padding: 0;
    margin-bottom: 0.2em;
    margin-left: 60px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility 0s, opacity 0.1s linear, color 0.7s;
    transition: visibility 0s, opacity 0.1s linear, color 0.7s;
}

.header-widgets .widget:hover .widget-title,
.header-widgets .widget:hover .widgettitle {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.2s linear, color 0.2s;
    transition: visibility 0s, opacity 0.2s linear, color 0.2s;
}

.header-widgets .widget p {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    padding: 0 0 0 60px;
    line-height: 1.3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.2s linear, color 0.7s;
    transition: visibility 0s, opacity 0.2s linear, color 0.7s;
}

.header-widgets .widget:hover p {
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility 0s, opacity 0.2s linear, color 0.2s;
    transition: visibility 0s, opacity 0.2s linear, color 0.2s;
}

.home .header-widget-region {
    border-top: 0;
    padding: 1.5em 1em 2em;
    margin: 0 calc(50% - 50vw);
    background: var(--primary);
}

.home .header-widget-region .header-widgets .widget {
    font-size: 110%;
    color: #fff;
}

.home .header-widget-region .header-widgets .widget::before {
    font-size: 70px;
    position: static;
    margin: .7rem 1rem 0 0;
    width: 85px;
    text-align: center;
}

.home .header-widget-region .header-widgets .widget .widget-title,
.header-widgets .widget .widgettitle {
    margin-left: 0;
}

.home .header-widget-region .header-widgets .widget:hover .widget-title,
.header-widgets .widget:hover .widgettitle {
    opacity: 1;
    visibility: visible;
}

.home .header-widget-region .header-widgets .widget p {
    opacity: 1;
    visibility: visible;
    position: inherit;
    padding: 0;
    margin-bottom: 0;
}

@media all and (min-width: 600px) and (max-width: 899px) {
    .header-widgets .widget {
        display: inline-block;
        width: 46%;
    }
}

@media (min-width: 900px) {
    .header-widgets {
        vertical-align: top;
    }

    .header-widgets .widget {
        display: inline-block;
    }

    .header-widgets .widget.col_1,
    .page-box.col_1 {
        width: 100%;
    }

    .header-widgets .widget.col_2,
    .page-box.col_2,
    .header-widgets .widget.col_3,
    .page-box.col_3,
    .header-widgets .widget.col_4,
    .page-box.col_4,
    .header-widgets .widget.col_5,
    .page-box.col_5 {
        width: 48%;
    }

    .single-product .header-widgets .widget.col_2:nth-of-type(even),
    .single-product .header-widgets .widget.col_3:nth-of-type(even),
    .single-product .header-widgets .widget.col_4:nth-of-type(even),
    .single-product .header-widgets .widget.col_5:nth-of-type(even) {
        margin-right: 0;
    }

    .home .header-widgets .widget.col_3,
    .page-box.col_3 {
        width: 30.5%;
    }

    .home .header-widgets .widget.col_4,
    .page-box.col_4 {
        width: 22%;
    }

    .home .header-widgets .widget.col_5,
    .page-box.col_5 {
        width: 16.88%;
        font-size: 90% !important;
    }

    .header-widgets .widget.col_5 .widget-title,
    .header-widgets .widget.col_5 .widgettitle {
        font-size: 110% !important;
    }

    .header-widgets .widget.col_5 p {
        top: -12px;
    }
}

/*  ===========================================
 *  Woocommerce 
 *  ==========================================*/
.cart-verifi-img img {
    margin: 5px;
    max-width: 50px;
    max-height: 25px;
}

.cart-verifi-img .gate {
    max-width: 67px;
}

.woocommerce-message {
    background-color: var(--secondary);
}

/* product list 
=========================================== */
ul.products {
    margin-right: -2% !important;
}

ul.products li.product.type-product .woocommerce-loop-product__title {
    font-size: 1.7em;
}

.categories ul.products {
    margin-bottom: 2rem;
}

.categories ul.products li.product {
    margin-bottom: .5rem;
}

ul.products li.product .excerpt {
    margin-bottom: 1em;
}

ul.products li.product .thumbnail-container {
    width: 100%;
    padding-top: 100%;
    margin-bottom: 1em;
    position: relative;
}

ul.products li.product .thumbnail-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    /*bottom: 0;
    right: 0;*/
    margin: 0;
    max-height: 100%;
    transform: translate(-50%, -50%);
}

ul.products li.product a .thumbnail-container .thumbnail-hover,
ul.products li.product .variations .large-thumb {
    display: none;
}

ul.products li.product .variations {
    display: inline-block;
    width: 50px;
}

ul.products li.product .variations .thumbnails {
    width: 100%;
    position: relative;
}

ul.products li.product .variations .thumbnails img {
    margin-bottom: 0;
}

ul.products li.product .variations .variation-info {
    position: absolute;
    top: 0;
    left: 50%;
    display: none;
    width: max-content;
    padding: 5px;
    color: white;
    background-color: #222;
    border-radius: 3px;
    transform: translate(-50%, -100%);
    z-index: 99;
}

ul.products li.product .variations:hover .variation-info {
    display: block;
}

.site-main .related ul.products li.product {
    font-size: 80%;
}

ul.products li.product.product-category a {
    display: block;
    width: 100%;
    height: 5.5em;
    line-height: 5.5em;
    text-align: left;
}

ul.products li.product.product-category img {
    margin-bottom: 0;
    max-width: 30%;
    max-height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 0.5em;
}

ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2, ul.products li.product.product-category h3 {
    font-size: 1.3em;
    width: 100%;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
    padding-left: 30%;
    margin-bottom: 0;
}

ul.products li.product.product-category .woocommerce-loop-category__title .count {
    display: none;
}

ul.products li.product .stock {
    display: block;
}

@media (min-width: 768px) {
    ul.products li.product {
        margin-right: 2% !important;
    }

    ul.products li.type-product {
        display: inline-block;
    }

    ul.products li.product a .thumbnail-container .thumbnail-hover {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease;
    }

    ul.products
    li.product
    a:hover
    .thumbnail-container
    .thumbnail-hover {
        opacity: 1;
        visibility: visible;
        transition: all 0.5s ease;
    }

    ul.products li.product .variations .large-thumb {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease;
    }

    ul.products li.product .variations .large-thumb img {
        display: block;

    }

    ul.products li.product .variations:hover .large-thumb {
        opacity: 1;
        visibility: visible;
        transition: all 0.5s ease;
    }

}

@media all and (min-width: 1200px) {
    .site-main .related ul.products li.product {
        width: 23%;
    }
}

@media all and (max-width: 499px) {
    .woocommerce ul.products .product.berocket_lgv_list {
        padding-right: 10px !important;
    }

    .woocommerce ul.products .product.berocket_lgv_list .product_badges {
        width: 100%;
    }

    .woocommerce ul.products .product.berocket_lgv_list .price,
    .woocommerce ul.products .product.berocket_lgv_list .stock {
        clear: both;
        float: unset !important;
        margin: 0 !important;
    }

    .page-template-template-fullwidth-php
    .site-main
    ul.products.columns-2
    li.product,
    .page-template-template-homepage-php
    .site-main
    ul.products.columns-2
    li.product,
    .storefront-full-width-content .site-main ul.products.columns-2 li.product {
        width: 100%;
    }
}

@media all and (min-width: 1400px) {
    .site-content {
        background-position: bottom right;
        background-repeat: no-repeat;
    }

    .woocommerce-checkout .site-content .col-full,
    .woocommerce-cart .site-content .col-full {
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 0 50px 30px rgba(255, 255, 255, 0.9);
    }

    .woocommerce-checkout #order_review {
        background-color: transparent;
    }
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
    .site-main .related ul.products li.product {
        display: inline-block;
        vertical-align: top;
        float: none !important;
        clear: both !important;
        width: 31%;
    }
}

@media all and (min-width: 1024px) {
    .col-full {
        max-width: 1200px;
    }

    .home .category-region ul {
        width: 65%;
        float: right;
    }

    .page-template-template-fullwidth-php
    .site-main
    ul.products.columns-3
    li.product,
    .page-template-template-homepage-php
    .site-main
    ul.products.columns-3
    li.product,
    .storefront-full-width-content .site-main ul.products.columns-3 li.product,
    .site-main .columns-3 ul.products li.product,
    .site-main ul.products.columns-3 li.product {
        display: inline-block;
        width: 31.33%;
    }

    .site-main .columns-4 ul.products li.product {
        width: 23% !important;
    }
}

@media all and (min-width: 500px) and (max-width: 1023px) {
    .woocommerce ul.products li.product {
        display: inline-block;
        vertical-align: top;
        float: none !important;
        clear: both !important;
    }

    .page-template-template-homepage-php
    .category-region
    ul.products.columns-3
    li.product.product-category,
    .site-main .columns-3 ul.products li.product,
    .site-main ul.products.columns-3 li.product,
    .site-main .related ul.products li.product {
        width: 47.6%;
    }
}

@media all and (min-width: 500px) and (max-width: 767px) {
    .site-main .columns-4 ul.products li.product,
    .site-main ul.products.columns-4 li.product,
    .site-main .columns-3 ul.products li.product,
    .site-main ul.products.columns-3 li.product {
        width: 47.6%;
    }

    .page-template-template-fullwidth-php
    .site-main
    ul.products.columns-2
    li.product,
    .page-template-template-homepage-php
    .site-main
    ul.products.columns-2
    li.product,
    .storefront-full-width-content .site-main ul.products.columns-2 li.product {
        width: 47.8260869565%;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .page-template-template-fullwidth-php
    .site-main
    ul.products.columns-4
    li.product,
    .page-template-template-homepage-php
    .site-main
    ul.products.columns-4
    li.product,
    .storefront-full-width-content .site-main ul.products.columns-4 li.product,
    .page-template-template-fullwidth-php
    .site-main
    ul.products.columns-3
    li.product,
    .storefront-full-width-content .site-main ul.products.columns-3 li.product,
    .page-template-template-homepage-php
    .category-region
    ul.products.columns-3
    li.product.product-category {
        width: 31%;
    }

    .page-template-template-fullwidth-php
    .site-main
    .columns-4
    ul.products
    li.last,
    .page-template-template-homepage-php
    .site-main
    .columns-4
    ul.products
    li.last,
    .storefront-full-width-content .site-main .columns-4 ul.products li.last {
        display: none;
    }
}

/* Pokladna */
.woocommerce-checkout #wpify-woo-ares-autofill {
    margin-bottom: 25px;
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .woocommerce-checkout.page-template-template-fullwidth-php .col2-set .form-row-first,
    .woocommerce-checkout.page-template-template-fullwidth-php .col2-set .form-row-last {
        width: 100%;
        margin-right: 0;
    }
}

@media all and (min-width: 1024px) {
    .woocommerce-checkout p#billing_address_2_field {
        margin-top: 25px;
    }
}


/* Badge štítky */

.product_badges .badge {
    display: inline-block;
    padding: 1px 10px 2px 5px;
    margin-right: 5px;
    font-weight: bold;
    background: #ffffff;
    margin-bottom: 5px;
    min-width: 35px;
}

.product_badges .badge:before {
    font-family: "Font Awesome 5 free";
    font-size: 14px;
    font-weight: 900;
    display: inline-block;
    margin-right: 5px;
}

ul.products li.product .product_badges {
    position: absolute;
    top: 10px;
    right: 0;
    width: 100%;
    padding-left: 15px;
    z-index: 9;
}

ul.products li.product .product_badges .badge {
    display: block;
    margin-right: 0;
    margin-bottom: 0;
    float: right;
    clear: right;
}

ul.products li.product .product_badges .badge span {
    display: inline-grid;
}

.product_badges .newbadge:before {
    content: "\f005";
}

.product_badges .newbadge {
    background: #00aa00;
    color: white;
}

.product_badges .sale:before {
    content: "\f295";
}

.product_badges .sale {
    background: #ff8c00;
    color: white;
}

.product_badges .featured:before {
    content: "\f164";
}

.product_badges .featured {
    background: #dc143c;
    color: white;
}

/*kategory list */
#secondary .widget_categories ul li,
#secondary .widget_nav_menu ul li,
#secondary .widget_product_categories ul li {
    padding-left: 0;
}

#secondary .widget_product_categories ul li,
#secondary .widget_recent_comments ul li,
#secondary .widget_recent_entries ul li {
    margin-bottom: 1px;
}

#secondary .widget_product_categories ul li:before {
    display: none;
}

#secondary .product-categories a {
    display: block;
    padding: 0.602em 1em;
    font-size: 0.95em;
    text-decoration: none !important;
}

#secondary .product-categories > li > a {
    background: var(--primary);
    color: white !important;
}

#secondary .product-categories > li > a:hover {
    background: var(--primary-hover);
}

#secondary .widget_categories ul .children,
#secondary .widget_product_categories ul .children {
    background: #f5f5f5;
    margin-top: 0;
}

#secondary .product-categories .children a:hover {
    color: var(--primary) !important;
    background: #ebebeb;
}

#secondary .product-categories .children li.current-cat > a {
    color: var(--primary) !important;
}

#secondary .product-categories .cat-parent > a {
    position: relative;
    padding-right: 25px;
}

#secondary .product-categories .cat-parent > a::after {
    content: "+";
    position: absolute;
    top: 5px;
    right: 10px;
}

#secondary .product-categories .children .children {
    margin-left: 15px;
    border-left: 1px solid #bbb;
}

#secondary .product-categories .children {
    display: none;
}

#secondary .product-categories .current-cat > .children,
#secondary .product-categories .current-cat-parent > .children {
    display: block;
}

/* Single product 
==============================*/
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-7 .flex-control-thumbs li {
    width: 12.33%;
    margin-right: 2%;
    float: left;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-7 .flex-control-thumbs li:nth-child(7n) {
    margin-right: 0;
}

.single-product
div.product
.woocommerce-product-gallery
.flex-control-thumbs
li {
    margin-bottom: 0.4em;
}

.single-product .vyrobce {
    display: flex;
}

.single-product .konfigurace {
    display: flex;
    padding: 1rem;
    background-color: var(--light-grey);
    margin-bottom: 1rem;
}

.single-product .vyrobce img,
.single-product .konfigurace img {
    margin-right: 1em;
    max-width: 150px;
    max-height: 100px;
}

.single-product .vyrobce h4,
.single-product .vyrobce p,
.single-product .konfigurace h4,
.single-product .konfigurace p {
    margin-bottom: 0;
}

.single-product .vyrobce + p {
    margin-top: 20px;
}

@media (min-width: 768px) {

    .single-product .content-area {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .single-product div.product .woocommerce-product-gallery {
        width: 52.9411764706%;
        margin-right: 3%;
    }

    .single-product div.product .summary {
        width: 44%;
        float: right;
        margin-right: 0;
    }

    .storefront-sticky-add-to-cart {
        z-index: 1298;
    }

    .storefront-sticky-add-to-cart--slideInDown {
        top: 60px;
    }

    .admin-bar .storefront-sticky-add-to-cart--slideInDown {
        top: 92px;
    }

    .storefront-sticky-add-to-cart__content-price .woocommerce-price-suffix {
        display: inline;
    }

    /*tabs */
    .single-product .woocommerce-Tabs-panel {
        margin-bottom: 2rem;
    }

    .single-product .woocommerce-Tabs-panel--table_tab table td:first-child {
        font-weight: bold;
        background-color: #f8f8f8;
    }

    .single-product .woocommerce-Tabs-panel--additional_information {
        width: 52%;
        float: left;
    }

    .single-product .woocommerce-Tabs-panel--configuratin_tab {
        width: 44%;
        float: right;
    }
}

/* variation select */
.single-product div.product table.variations,
.single-product .linked-products {
    border: 0;
    padding: 1em;
    margin-bottom: 1em;
    background: var(--light-grey);
}

.single-product div.product table.variations select,
.single-product div.product .reset_variations {
    display: none;
}

.single-product div.product table.variations td.label {
    padding-bottom: 0.5em;
}

.single-product div.product table.variations td.label label {
    font-size: larger;
    font-weight: bold;
}

.single-product .variation-radios input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.single-product .variation-radios label,
.single-product .linked-products a {
    position: relative;
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 0.5em;
    margin: 0 0 0.5em 0;
    border: 1px solid var(--dark-grey);
    border-radius: 4px;
}

.single-product .variation-radios label::after,
.single-product .linked-products a::after {
    content: "";
    clear: both;
    display: table;
}

.single-product .variation-radios label img,
.single-product .linked-products img {
    float: left;
    margin-right: 0.5em;
    max-width: 80px;
}

.single-product .variation-radios label .variation-info,
.single-product .linked-products .variation-info {
    width: calc(100% - 0.5em - 80px);
    float: right;
}

.single-product .variation-radios label p,
.single-product .variation-radios label h4,
.single-product .linked-products p,
.single-product .linked-products h4 {
    margin-bottom: 0.1em;
}

.single-product .variation-radios input[type="radio"]:checked + label,
.single-product .variation-radios input[type="radio"]:focus + label,
.single-product .linked-products a:focus,
.single-product .linked-products a.current {
    border: 2px solid var(--secondary);
}

.single-product .variation-radios input[type="radio"]:checked + label:before {
    position: absolute;
    top: 0;
    left: 0.3em;
    font-family: "Font Awesome 5 free";
    font-size: 20px;
    content: "\f058";
    color: var(--secondary);
}

.single-product .variation-radios input:not([disabled]) + label:hover,
.single-product .linked-products a:hover {
    border-color: var(--primary);
    cursor: pointer;
}

.single-product .variation-radios input[type="radio"][disabled] + label > * {
    opacity: 0.6;
    cursor: not-allowed;
}

.single-product
.variation-radios
input[type="radio"][disabled]
+ label
.variation-info:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='black' /><path d='M0 99 L99 0 L100 1 L1 100' fill='black' /></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
}

.single-product .linked-products {
    margin-top: 30px;
}

.single-product .linked-products .excerpt,
.single-product .linked-products .amount,
.single-product .linked-products .woocommerce-price-suffix {
    color: var(--text);
}

/* product gallery slider */
.single-product .wpgs-nav .slick-prev {
    margin-left: 0;
    left: 0;
}

.single-product .wpgs-nav .slick-next {
    right: 0;
}

/* Vido tabs */
.video-tab-content {
    margin-bottom: 2em;
}

/* Style the tab */
.video-tab {
    overflow: hidden;
    width: 100%;
}

/* Style the buttons inside the tab */
.video-tab button {
    display: block;
    background-color: inherit;
    float: left;
    width: 25%;
    border: 3px solid black;
    outline: none;
    cursor: pointer;
    padding: 0;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.video-tab button:hover {
    border-color: var(--primary);
}

/* Create an active/current tablink class */
.video-tab button.active {
    border-color: var(--secondary);
}

/* Style the tab content */
.video-tabcontent {
    display: none;
    width: 100%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .video-tab {
        width: 19.67%;
        float: right;
    }

    .video-tabcontent {
        width: 80.33%;
        float: left;
    }

    .video-tab-content::after {
        content: "";
        clear: both;
        display: table;
    }

    .video-tab button {
        float: unset;
        width: 100%;
    }
}

/* Košík */
.woocommerce-cart .woocommerce-shipping-calculator,
.woocommerce-cart .woocommerce-shipping-calculator > p:first-child,
.woocommerce-cart .woocommerce-shipping-destination {
    display: none;
}

/* Pokladna */


/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Header */
.modal-header {
    padding: 16px;
    background-color: var(--light-grey);
    color: var(--dark-grey);
}

.modal-header h2 {
    margin-bottom: 0;
    font-size: 1.2rem;
}

/* Modal Body */
.modal-body {
    padding: 16px;
    overflow: auto;
    height: calc(80vh - 250px);
}

.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body p {
    margin-bottom: .1em;
}

.modal-body p + h3 {
    margin-top: 1em;
}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: var(--dark-grey);
    color: white;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    top: 50%;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    max-width: 800px;
    transform: translateY(-50%);
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    animation-name: animatetop;
    animation-duration: 0.4s;
}

/* Add Animation */
@keyframes animatetop {
    from {
        top: 0;
        opacity: 0
    }
    to {
        top: 50%;
        opacity: 1
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 0;
    right: 10px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Můj účet 
================================= */
@media (min-width: 768px) {

    .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
        float: left;
        margin-right: 4.347826087%;
    }

    .page-template-template-fullwidth-php .woocommerce-MyAccount-content {
        float: right;
        margin-right: 0;
    }
}

/* accordion */
.kt-blocks-accordion-icon-trigger {
    width: 32px;
    min-width: 32px;
}

.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:before {
    height: 4px;
    width: 18px;
}

/* demo store notice */
.demo_store {
    position: inherit;
    bottom: unset;
    background-color: var(--primary);
    color: #fff;
    z-index: 9998;
}