:root {
    /*--color-primary: red;*/
    --color-primary-h: 240;
    --color-primary-s: 80%;
    --color-primary-l: 22%;

    --ff-sans: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ff-display: 'Hemi Head', var(--ff-sans);
    --c-black: #000000;
    --t-accent: #0DCCFC;
    --t-primary: #ffffff;
}
:root {
    --ff-sans: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ff-display: 'Hemi Head', var(--ff-sans);
    --c-black: #000000;
    --t-accent: #0DCCFC;
    --t-primary: #ffffff;
}

body {
    font-weight: normal;
}

.popup-widget-inner, .popup-widget:before {
    background: var(--color-primary);
}

.customer-page .content {
    background: var(--color-primary);
}

.id--8 .content {
    background-color: transparent;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
}

.cart-widget-product-delete button {
    background: var(--color-primary) !important;
}

#footer h4 {
    color: var(--color-primary);
}

@media (max-width: 767px) {
    .overall-wrapper {
        padding-top: 0px;
    }
}

.cart-widget-product {
    color: var(--color-primary);
}

.customer-page thead tr {
    background-color: var(--color-secondary);
}

.customer-page .content {
    background-color: transparent;
}

.overall-wrapper {
    background-color: transparent;
}

:where(.ums_forms_redesign--off) .form-control:focus, :where(.ums_forms_redesign--off) select:focus {
    color: var(--color-primary);
}

amount, .cart-widget-product-name a {
    color: var(--color-primary);
}

.quantity, .quantity .decrease, .quantity .increase {
    background-color: var(--color-primary);
}

a.social-icon {
    background-color: var(--color-primary);
}

#simple-variants > select {
    color: var(--color-primary);
}

.filter-count {
    background-color: var(--color-secondary);

}

.header-bottom-wrapper {
    border-bottom: 1px solid #098FB0 !important;
    background-color: var(--color-secondary);
}

@media (max-width: 767px) {
    .navigation-in .exp {
        background-color: var(--color-secondary);
    }
}

@media (max-width: 767px) {

    .navigation-in {
        background-color: var(--color-secondary);
    }
}


:where(body.ums_a11y_category_page--on) .listSorting__control--current, :where(body.ums_a11y_category_page--on) .listSorting__control--current:focus-visible {
    background-color: var(--color-secondary);
}

.menu-level-2 {
    border-bottom: 1px solid #098FB0 !important;

}

.p-detail-full-width #tab-content {
    background: transparent;
}

.shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab a {
    border-radius: 8px;
    padding: 8px 24px 16px;
}


.active .shp-tab-link, .shp-tab-link:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-tertiary);
}

.subcategories.with-image li a .text {
    display: none;
}

.subcategories li a:hover {
    background-color: transparent;
}

.products-top-wrapper {
    display: none;
}


.cart-table tr td, .cart-table tr td.cart-p-image {
    background-color: var(--color-primary) !important;
}

.listSorting__controls > li > button {
    border-radius: 8px;
!important
}

.popup-widget.search-widget {
    background: none !important;
}

.breadcrumbs {
    background-color: transparent;
!important;

}

.content-wrapper {
    background-color: var(--color-primary);
!important;
}

@media (min-width: 992px) {
    .content-wrapper {
        background-color: transparent;
    !important;
    }
}

.navigation-in ul.menu-level-2 {
    background-color: transparent;
}


@media (min-width: 992px) {
    .navigation-in ul.menu-level-2 {
        background-color: var(--color-primary);
    }
}


#formContact {
    padding-bottom: 30px;
}


@media (min-width: 1200px) {
    .navigation-in > ul > li.ext > ul > li {
        flex-basis: 15%;
        width: 15%;
    }
}

@media (min-width: 768px) {
    .navigation-in > ul > li.ext > ul > li > div {
        display: none;
    }
}

menu-level-2 > li > a > img {
    min-width: 140px !important;
    max-width: 140px !important;


    min-height: 140px !important;
    max-height: 140px !important;
}


.navigation-in > ul > li.ext > ul > li > a img {
    width: 140px !important;
    height: 100px !important;
    max-width: 1400px !important;
    max-height: 100px !important;
}

@media (min-width: 768px) {

    .navigation-in > ul > li.ext > ul, .navigation-in > ul > li.ext > ul > li {
        align-items: center !important;
    }
}

.subcategories.with-image li a .image {
    text-align: center !important;
    width: 200px;
    height: 140px;
}

.subcategories.with-image li a {
    flex-direction: column;
}

.subcategories.with-image li a .image {
    text-align: center !important;
    width: 100% !important;
}

.subcategories.with-image li a .image img {
    max-height: 100% !important;
}


.subcategories li a {
    border-style: none;
    height: auto;
}

.subcategories li a:before {
    content: none;
}

.searchWhisperer {
    background-color: transparent !important;
}


.footer-bottom-full-width {
    background-color: #232323 !important;
}

.footer-bottom, .footer-bottom-full-width {
    background-color: #232323;
}

@media (min-width: 992px) {

    .extended-banner-texts {
        max-width: 400px
    }
}

.carousel .extended-banner-texts, .next-to-carousel-banners .extended-banner-texts {
    /* background-color: #232323; */
    color: var(--color-tertiary-hover);
    background-color: rgba(35, 35, 35, 0.8) !important;

}

.p-detail-inner-header > h1 {
    color: #fff !important;
}

.navigation-in {
    font-size: 20px;
    line-height: 14px;
}

.navigation-in ul li a b {
    font-weight: 700 !important;
}

#header {
    position: sticky;
    top: 0;
    z-index: 9999;
}

@media (min-width: 992px) {

    .header-bottom {
        height: 50px;
    }
}

@font-face {
    font-family: 'HemiHead';
    src: url('https://eshop.proemoto.cz/user/documents/upload/fonts/hemi-head.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HemiHead';
    src: url('https://eshop.proemoto.cz/user/documents/upload/fonts/hemi-head-426.bold-italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('https://eshop.proemoto.cz/user/documents/upload/fonts/manrope-v20-latin-200.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('https://eshop.proemoto.cz/user/documents/upload/fonts/manrope-v20-latin-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('https://eshop.proemoto.cz/user/documents/upload/fonts/manrope-v20-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('https://eshop.proemoto.cz/user/documents/upload/fonts/manrope-v20-latin-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('https://eshop.proemoto.cz/user/documents/upload/fonts/manrope-v20-latin-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('https://eshop.proemoto.cz/user/documents/upload/fonts/manrope-v20-latin-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('https://eshop.proemoto.cz/user/documents/upload/fonts/manrope-v20-latin-800.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-heading: 'HemiHead', system-ui, -apple-system, sans-serif;
    --font-text: 'Manrope', system-ui, -apple-system, sans-serif;
}

body,
input,
textarea,
select,
button {
    font-family:  'Manrope', system-ui, -apple-system, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.box-heading,
.category-title,
.product-name,
.extended-banner-title,
#content h1,
#content h2,
#content h3 {
    font-family: 'HemiHead', system-ui, -apple-system, sans-serif;
}




.content-modal {
    padding: 8px;
    background-color: var(--color-primary);
}
#cboxContent {
    background-color: var(--color-primary);
}
#cboxClose {
    background-color: transparent !important;
}
.cart-widget-product {
    color: white
}



.btn.btn-sm, a.btn.btn-sm {
    line-height: 16px;
    padding: 16px 16px;
}


.cookiesSetting__item__status {
    color: black;
}

.messages {
    z-index: 10000 !important;
}

.mce-content-body {
    color: black;
}




/*body, input, textarea, select, button {*/
/*    font-family: 'Manrope', system-ui, -apple-system, sans-serif;*/
/*}*/





.editor-active {
    color: var(--color-primary) !important;
    background-color: red !important;
}



#description_ifr {
    color: var(--color-primary) !important;
    background-color: red !important;;

}

.pageGrid.editor-active {
    background-color: red !important;
}


.pageGrid.editor-active b,.pageGrid.editor-active {
    color: var(--color-primary) !important;
    background-color: red !important;;
}
















/* .content-modal {*/
/*     padding: 8px;*/
/*     background-color: var(--color-primary);*/
/* }*/
/*#cboxContent {*/
/*    background-color: var(--color-primary);*/
/*}*/
/*#cboxClose {*/
/*    background-color: transparent !important;*/
/*}*/
/*.cart-widget-product {*/
/*    color: white*/
/*}*/



/*.btn.btn-sm, a.btn.btn-sm {*/
/*    line-height: 16px;*/
/*    padding: 16px 16px;*/
/*}*/


/*.cookiesSetting__item__status {*/
/*    color: black;*/
/*}*/

/*.messages {*/
/*    z-index: 10000 !important;*/
/*}*/

/*.mce-content-body {*/
/*    color: black;*/
/*}*/