﻿@charset "utf-8";

@font-face {
    font-family: "Gotham";
    font-style: normal;
    font-weight: bold;
    src: local("Gotham Bold"), url("../fonts/Gotham-Bold.woff") format("woff");
}

@font-face {
    font-family: "Gotham";
    font-style: normal;
    font-weight: normal;
    src: local("Gotham Book"), url("../fonts/Gotham-Book.woff") format("woff");
}

:root {
    /* colors */
    --main-header-text-color: #fff;
    --main-header-font-color: #fff;
    --main-header-font-color-hover: #fff;
    --main-header-bg-color: #0071ce;
    --main-header-menu-bg-color: #0071ce;
    --main-header-menu-font-color: rgba(255, 255, 255, .90);
    --main-header-menu-font-color-hover: rgba(255, 255, 255, 1);

    --main-header-submenu-bg-color: #0071ce;
    --main-header-submenu-font-color: rgba(255, 255, 255, .90);
    --main-header-submenu-font-color-hover: rgba(255, 255, 255, 1);

    --main-bg-color: #ffffff;
    --main-text-color: #212529;
    --main-link-color: #0071ce;
    --main-link-color-hover: #0058b5;

    --main-footer-color: #333333;
    --main-footer-font: #ffffff;
    --main-footer-header-font: #ffffff;
    --main-footer-font-link: #ffffff;
    --main-footer-font-hover: #999;

    --main-button-primary-color: #0071ce;
    --main-button-primary-color-hover: #0058b5;
    --main-button-primary-font-color: #ffffff;
    --main-button-primary-font-color-hover: #fff;

    --main-button-secondary-color: #4a4f4e;
    --main-button-secondary-color-hover: #262928;
    --main-button-secondary-font-color: #ffffff;
    --main-button-secondary-font-color-hover: #ffffff;

    --main-button-success-color: #2ed8b6;
    --main-button-success-color-hover: #23bd9e;
    --main-button-success-font-color: #212529;
    --main-button-success-font-color-hover: #ffffff;

    --main-button-danger-color: #333333;
    --main-button-danger-color-hover: #000;
    --main-button-danger-font-color: #ffffff;
    --main-button-danger-font-color-hover: #ffffff;

    --main-button-warning-color: #ffb64d;
    --main-button-warning-color-hover: #ffa627;
    --main-button-warning-font-color: #212529;
    --main-button-warning-font-color-hover: #212529;

    --main-button-info-color: #00bcd4;
    --main-button-info-color-hover: #009aae;
    --main-button-info-font-color: #fffff;
    --main-button-info-font-color-hover: #ffffff;

    --main-button-buy-color: #ffffff;
    --main-button-buy-color-hover: #ffffff;

    --tiles-default-background: #dddddd;
    --tiles-default-color: #000000;
    --tiles-default-background-hover: #eeeeee;
    --tiles-default-color-hover: #000000;

    --product-discount-color: #fcbd2c;
    --product-discount-shadow-color: #c88613;
    --product-discount-font-color: #423005;
    --product-title-font-color: #000000;
    --product-title-font-color-hover: #000000;
    --product-descr-font-color: #868383;

    --wishlist-active-color: #000;
    --wishlist-font-color: #000000;

    /* new */
    --main-header-submenu-border-color: rgba(255, 255, 255, 0.09);
    --main-header-submenu-bg-hover: rgba(255, 255, 255, 0.2);
    --main-header-submenu-back-bg: rgba(255, 255, 255, 0.09);
    --main-header-submenu-title-bg: rgba(255, 255, 255, 0.03);
    /* --main-text-override-color: white; */

    --title-font-family: 'Gotham', sans-serif !important;
    --cc-border-radius: none;
    --cc-btn-border-radius: none;
}

body {
    font-family: var(--title-font-family) !important;
	min-height:unset;
}

h1, h2, h3, h4, h5, a, p {
    font-family: var(--title-font-family) !important;
}

.product_title .title,
.price .primary h1,
.product .nonvariant h4,
.componentItems .variants h4,
.card.shopping-cart .product-name a,
.pageMainNav,
.productgrid .showDiscountTextCont div,
.productgrid .products > li .name,
.footerCont h5,
a.btn-product,
.groupTitle,
.carousel-caption h1,
h1, h2, h3, h4, h5, h6,
.articleHead {
    font-family: var(--title-font-family) !important;
}

.frontpageArticle .inlineArticleTitle h1, .inlineArticleTitle h1 {
    font-family: var(--title-font-family) !important;
    font-weight: bold;
}

#Page {
    overflow: hidden;
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
}

/*Front carousel settings*/
#carouselMainIndicators h1, #carouselMainIndicators h2, #carouselMainIndicators h3, #carouselMainIndicators h4, #carouselMainIndicators h5 {
    font-family: var(--title-font-family) !important;
    font-weight: bold;
    font-style: normal;
    font-size: 3rem;
    margin-bottom: 1.25rem;
    line-height: 1;
    text-transform: uppercase;
}

#carouselMainIndicators p {
    text-shadow: 5px 5px 10px black;
}

@media screen and (max-width: 600px) {
    #carouselMainIndicators h1, #carouselMainIndicators h2, #carouselMainIndicators h3, #carouselMainIndicators h4, #carouselMainIndicators h5 {
        font-size: 2rem;
    }
}

h1 {
    font-size: 2.617924em;
    line-height: 1.214;
    letter-spacing: -1px;
}

.price .primary, .price .primary h1, .mainNavBar .nav-item-sub .nav-link {
    font-family: var(--title-font-family);
}

.ajax-result-table td a, .ajax-result-table td a:hover {
    color: #000 !important;
    font-family: var(--title-font-family);

}

.card-backdrop .card-title {
    font-weight: 600;
}

.level-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    max-width: 25%;
    flex: 0 0 25%;
}

.cart-button .cart-svg {
    fill: #fff !important;
}

/*Header settings*/
.notlogged .pageTopbar {
    display: none;
}
.pageHeader {
    position: relative;
}

.pageHeader button {
    outline: none;
}

.searchStripWrapper {
    display: none;
    position: absolute;
    z-index: 1060;
    width: 100%;
    top: 51px;
    left: 0;
    padding: 1em;
    height: 100vh;
    background: #ffffff;
}

@media screen {
    .searchStripWrapper {
        top: 79px;
        width: 500px;
        left: unset;
        right: 0;
    }
}

.searchStripWrapper.expanded {
    display: flex;
}

.searchStripWrapper .wrapper {
    width: 100%;
}

.searchStrip .toggle-search {
    width: 30px;
    height: 30px;
    font-size: 1.3em;
}

.searchStrip button {
    display: none;
}

.searchStrip .newelement-navbar-input {
    border-radius: unset;
    border: none !important;
    border-bottom: 1px solid #999 !important;
}

.searchStrip .newelement-navbar-input::placeholder {
    color: #999;
}

@media screen and (max-width: 768px) {
    .pageHeader .smallsearch {
        padding-right: 0;
    }
}

#ajaxResults {
    padding: 1em;
    position: absolute;
    width: auto;
    max-height: 100%;
    box-shadow: none;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1100;
    line-height: 22px !important;
    margin: 70px 0px 20px 0px;
    color: #000;
}

#ajaxResults table tr td {
    border: none;
}

.headerButtons .header-button {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
}

.header-button > span:first-of-type {
    display: none !important;
}

.designPlus .headerButtons .button_container {
    gap: .5em;
}

.designPlus .headerButtons .button_container a > svg.icon {
    height: 2.5em;
    width: 2.5em;
    max-width: unset;
    max-height: unset;
    fill: #fff;
}

.header-elements .toggleMenuButton,
.header-elements .cart,
.header-elements .logo {
    flex: 1;
}

.header-elements .logo {
    text-align: center;
}

.pageHeader .logo-img {
    max-width: 80px;
}

@media screen and (min-width: 992px) {
    .toggleMenuButton {
        display: none;
    }

    .pageHeader .logo {
        flex: 0;
        order: 1;
    }

    .pageHeader .pageMainNav {
        flex: 0;
        order: 2;
    }

    .pageHeader .toggleMenuButton {
        order: 3;
    }

    .pageHeader .cart {
        order: 4;
    }

    .pageHeader .logo-img {
        max-width: 125px;
    }
}

@media screen and (min-width: 1400px) {
    .pageHeader .logo {
        flex: 0;
        order: 2;
    }

    .pageHeader .pageMainNav {
        flex: 1;
        order: 1;
    }
}

.pageHeader .cart > div.wrapper {
    padding: 0;
}

.pageHeader .container {
    border-bottom: none;
}

@media screen and (max-width: 768px) {
    .pageHeader > .container {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 1em;
        padding-right: 1em;
    }
}

.pageMainNav {
    flex-basis: 100%;
}

@media (max-width: 991px) {
    .pageMainNav .container {
        padding-left: 0;
        padding-right: 0;
    }

    .pageMainNav.sticky-top {
        position: absolute;
        width: 100%;
        left: 0;
        top: 51px;
        z-index: 1050;
    }
}

/* responsive root font size */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 16px;
    }
}


/* add some padding in images due to client having images edge to edge */
.productgrid .image {
    padding: 15px;
}

/*.btn, a.button {*/
/*	font-weight: 400 !important;*/
/*}*/

.btn > .material-icons.align-middle {
    font-size: 18px;
    margin-top: -4px;
    line-height: 18px;
}

.btn:not(.cart-button):not(.default-btn) {
    line-height: 25px;
}

/* Product settings */
/* on focus items make buttons smaller and surrounded by padding like on the original arctic trucks */
/*.productgrid .price_cont .ask,*/
/*.productgrid .button_cont,*/
/*.productgrid .button_contact {*/
/*	width: calc(100%);*/
/*}*/

.productgrid .button_contact {
    fill: white;
}

/* hide the item number and stock status for product grid */
.productgrid .products .code,
.productgrid .products .stockstatus {
    display: none;
}

.productgrid .name a {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2em;
    transition: all 200ms ease;
    text-transform: uppercase;
}

.productgrid .price_cont .primary {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5em;
}

.productgrid .price_cont .primary span {
    margin-right: 5px;
}

/* itemgrid for mobile */

/* Make button appear ONLY when the item card is hovered */
.products li .info .price_cont .button_cont {
    visibility: hidden;
}

.products li:hover .info .price_cont .button_cont {
    visibility: visible;
}


/** shadow for the item card */
.productgrid ul.products > li > div {
    box-shadow: unset;
}

.productgrid ul.products > li > div:hover {
    box-shadow: 0 0 0 12px #fff, 0 0 30px 12px rgba(0, 0, 0, 0.07);
    z-index: 50;
}


#productCarousel {
    padding: 20px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #0071ce;
    border-color: #dee2e6 #dee2e6 #fff;
}

.itemShortDesc {
    color: #3e3f41;
    margin-bottom: 5px;
    margin-top: 0px;
}

/* logo */

.logo-img {
    max-height: 95px;
    /*margin-right: 10px;*/
    text-align: center;
}

@media screen and (max-width: 576px) {
    .logo-img {
        margin-top: 0px;
    }
}

div.logo {
    min-height: auto;
}

.headerButtons .header-button .bubble {
    background-color: #cf2e2e;
    left: 10px;
    top: -8px;
}

/* colors */
#PageWrapper, body {
    background-color: var(--main-bg-color);
}

/*Article settings*/
.artHeadColorBg {
    color: #fff;
}

.artHeadColorText {
    background-color: #0071ce;
}

h1.articleHead {
    font-size: 2rem;
    font-weight: bold;
}

/*Footer settings*/

.footer > div:last-child {
    color: #7b7878;
    font-size: 0.9rem !important;
}

.footer > hr {
    display: none;
}

.footerCont a:not(.btn),
.footerCont a:visited:not(.btn) {
    font-weight: 500;
    font-size: 0.9rem;
    text-decoration: none;
    line-height: 22px;
}

.footerCont .row > div > h5 {
    margin-top: 25px;
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 1em;
}

.footerCont .socket a {
    font-weight: 400;
    font-size: 10px;
}

.footerCont .attribution {
    display: none;
}

.footerCont ul {
    list-style: none;
    padding-left: 2px;
    padding-top: 0;
}

.footerCont {
    font-size: 0.9rem;
}

footer img.footerImgLeft {
    height: 100px;
    align-self: baseline;
}

footer .row div:first-child {
    text-align: center;
    padding-top: 1em;
}

footer .socialSectionFooter .footer-social-links:not(:hover) {
    color: black;
}

footer .socialSectionFooter .footer-social-links {
    color: #333;
}

/*
.loginStrip{
    margin-bottom: 10px;
    margin-top: 5px;
}*/

.btn-primary:hover {
    border-color: var(--main-button-primary-color);
}

.productgrid .desc {
    font-size: 14px;
    line-height: 22px;
}


@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        border: 1px solid #eeeeee;
        background-color: #eeeeee;
        color: #000;
    }

    .navbar .dropdown-menu {
        top: 50px;
    }

    .navbar .dropdown-menu {
        border: 1px solid #eeeeee;
        background-color: #eeeeeeee;
        backdrop-filter: blur(5px);
        color: #000;
    }
}


@media screen and (max-width: 992px) {
    .cart-button .item-number {
        top: -4px;
        right: -4px;
        line-height: 17px;
        border: 1px solid #fcbd2c;
        background-color: #fff;
        color: #000;
        box-shadow: none;
    }
}

.newelement-navbar-input {
    padding: 9px 16px !important;
    color: #000;
    background-color: #fff;
    border-radius: 40px 0 0 40px;
}

.newelement-navbar-button {

    height: 42.5px;
    border-radius: 0 40px 40px 0;
}

.newelement-navbar-button svg {
    fill: var(--main-button-primary-font-color);
    margin-right: 6px;
    margin-bottom: 2px;
}

.btn-outline-dark:hover {
    background-color: #272727;
    border-color: #272727;
}


/* slider */
.frontpageSlider .carousel-inner .carousel-item {
    min-height: auto;
}

/*
.frontpageSlider .overlay {
   background:#000;
   opacity: 0.61;
}*/

.frontpageSlider a.btn {
    background-color: #0071ce;
    border-color: #0071ce;
    color: #ffffff;
    font-size: 1rem;
}

.frontpageSlider a.btn:hover {
    background-color: #0058b5;
    border-color: #0058b5;
    color: #fff;
    font-size: 1rem;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none !important;
}

.btn.btn-sm {
    padding-top: 9px;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}


.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(52, 58, 64, .4);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(0, 104, 122, 0.5);
}

.price .primary h1 {
    color: #000;
}

.productgrid .price .primary {
    font-weight: 600;
}

.productgrid .price .secondary {
    font-size: 12px;
    color: #969696;
    font-weight: 400;
}

/*Page crumbs settings*/
.pageCrumbs {
    background-color: #ececec;
}

.pageCrumbs ol.breadcrumb {
    padding: 8px 10px;
}

.pageCrumbs ol.breadcrumb a:hover {
    color: #2b2b2b;
}

/*Menu settings*/

.pageMainNav {
    background-color: #0071ce;
}

@media screen and (min-width: 992px) {
    .mainNavBar {
        float: left;
    }
}

.mainNavBar .nav-item-sub .nav-link {
    font-size: 13px;
    font-weight: 300 !important;
    padding: 3px 2px 3px 13px;
    letter-spacing: 0px;
    position: relative;
}

.mainNavBar .nav-item-sub .nav-link:before {
    content: '►';
    position: absolute;
    left: 0px;
    font-size: 8px;
    line-height: inherit;
    color: #000;
}

.mainNavBar .nav-item-sub .nav-link:hover:before {
    color: #000;
}

.navbar-dark .navbar-nav .dropdown-menu .nav-link {
    color: #000;
}

.navbar-dark .navbar-nav .dropdown-menu .nav-link:hover, .navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
    color: #333;
}

.mainNavBar .navbar-nav > .dropdown.nav-item > .nav-link {
    text-transform: uppercase;
    font-weight: 700;
}

.mainNavBar .navbar-nav .dropdown-menu .menuBlock .nav-item-main .nav-link {
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 4px;
}

.mainNavBar.navbar-dark .menuBlockTop {
    margin-top: -5px;
    background: rgba(255, 255, 255, 0.15);
    padding: 10px 10px;
}

.mainNavBar .nav-item-sub .nav-link {
    font-weight: 200;
}

.mainNavBar .nav-item-more .nav-link {
    font-size: 11px !important;
    color: #fff !important;
    border: 1px solid #fff;
    display: inline-block;
    padding: 1px 20px !important;
    font-weight: 300;
    margin-left: 15px;
    border-radius: 10px;
    margin-top: 4px;
}

.mainNavBar .nav-item-more .nav-link:hover {
    background-color: var(--main-button-primary-color);
    border-color: var(--main-button-primary-color);
}

/*Search field settings*/
.newelement-navbar-button {
    background-color: #333;
    border: 1px solid #333;
    color: var(--main-button-primary-font-color);
    fill: var(--main-button-primary-font-color);
    padding: 10px 0;
    padding-right: 0px;
    padding-left: 0px;
    height: 42.5px;
    cursor: pointer;
    line-height: 21px;
}

/*Product settings*/

.productgrid .menu.btn-group {
    background-color: #ccc;
}

/* it eliminate the border on the product grid  for focus items */
/*.productgrid ul.products > li > div {*/
/*	border: 1px solid #0071ce;*/
/*}*/

.productgrid ul.products > li > div:hover {
    border-color: var(--main-button-primary-color);
}

.productgrid .showDiscountTextCont div {
    background-color: #ffbb1a;
    color: #000;
}

.productgrid .showDiscountTextCont::before {
    border-right: 7px solid #b38721;
}

.productgrid .showDiscountTextCont {
    background: #333333;
}

.productgrid .grid5 .showDiscountTextCont div {
    border-radius: 0 15px 15px 0;
    font-size: 12px;

}

.productgrid .grid5 .showDiscountTextCont {
    left: -7px !important;
    border-radius: 0 15px 15px 0;
    z-index: 100;
    line-height: 25px;
}

.productgrid .showDiscountTextCont::before {
    border-radius: 0;
}

.productgrid .showDiscountTextCont {
    background: transparent;
}

.productgrid .showDiscountTextCont div strong {
    font-weight: 500;
    font-size: 12px;
}


.productgrid ul.products > li > div div.image {
    transition: all 100ms ease-in-out;
}

.productgrid ul.products > li > div:hover div.image {
    transform: scale(1.04);
    z-index: 1;
}

a.btn-product[aria-expanded="true"] {
    color: #000;
    border-color: #212425;
}

.bg-dark {
    background-color: #0071ce !important;
}

.bg-light {
    background-color: #fff !important;
}

.stock.alert {
    text-align: center;
}

.qModal .controls .button {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    border-radius: 0px !important;
    letter-spacing: 1px;
}

div.qDialog.primary > div.controls a.default:not(.disabled):hover,
div.qDialog.secondary > div.controls a.default:not(.disabled):hover {
    border-color: var(--main-button-primary-color);
}

div#simpleHamburgerMenu span.preicon {
    fill: white;
}

.navbar .multi-level .preicon svg {
    max-width: 30px;
    max-height: 30px;
    height: 19px;
    padding-bottom: 2px;
    padding-right: 0;
    margin-right: .5rem;
}

.logo img {
    max-width: 250px;
}

.button_contact svg.icon,
.button_cont svg.icon {
    fill: white;
}


div.qModal .productActions .buy a {
    color: white;
}

div.qModal .productActions .buy a:hover {
    color: black;
}

.buyButton.btn-primary:focus:not(:hover) {
    color: white;
}

.pageTopbar {
    background-color: #0071ce;
    margin-bottom: 0 !important;
    color: #fff;
}

.pageTopbar ul li a {
    fill: #fff;
}

/* qmodal */
div.qModal .productActions .buy a.clickCollect {
    color: white;
    fill: white
}

div.qModal .productActions .buy a.clickCollect:hover {
    color: black;
    fill: black;
    background-color: white;
}

/* itemPage */
.itemType a.button.clickCollect {
    color: white;
    fill: white;
}

.itemType a.button.clickCollect:hover,
.itemType a.button.clickCollect:focus {
    color: black;
    fill: black;
    background-color: white;
}

/* changing the background color for variants and novartiants block */
div.buy .novariant-block,
div.variants.varblock {
    background-color: unset;
}

/* removing the auto enlarge button and the bottom margin */
.qGroup.inline li {
    flex-grow: unset;
    margin-bottom: unset;
}

/* all buttons are to uppercase */
.btn:not(.cart-button),
.qModal a.buyButton span,
.qModal a.clickCollect span,
.itemType a.buyButton span,
.itemType a.inforequestButton span,
.itemType a.clickCollect span {
    text-transform: uppercase;
}

table.no-border tr th, table.no-border tr td {
    border: none !important;
}


/*Article settings*/
.articleContent h1, .articleContent h2, .articleContent h3, .articleContent h4, .articleContent h5, .articleContent h6 {
    margin-top: 1em;
    margin-bottom: 1em;
}


/* when display a article custom page productgrid do not add a left margin */
div.articleContent .productgrid ol.products,
div.articleContent .productgrid ul.products {
    margin-left: 0;
}


b, strong {
    font-weight: bold !important;
}

.articleContent img {
    max-width: 100%;
    height: auto;
    /*padding-top: 1em;*/
    /*padding-bottom: 1em;*/
}

br, hr {
    padding-top: 2em;
    padding-bottom: 1em;
}

.article-content-parent-module {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: space-around;
    justify-content: center;
}

.article-content-child-module {
    max-width: 280px;
}

.inlineArticle.bg-light.py-3 {
    padding-top: 2rem !important;
}

/** carousel fix */
.carousel-item .btn-link-url {
    position: unset;
    margin-top: 1rem;
    transform: unset;
}

/** selector buttons */
.selectorButtons li a {
    border: 3px solid var(--main-button-secondary-color);
}

.selectorButtons li.selected a {
    border: 3px solid var(--main-button-primary-color);
}

/** front video banner START */
.cta-element:has(.arcticktruck.movie) {
    width: 100%;
    font-size: 18px;
}

.arcticktruck.movie {
    color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.arcticktruck.movie h2, .arcticktruck.movie h4 {
    font-weight: 800;
    font-size: 2.5em;
    text-align: center;
    font-family: 'Montserat', 'open sans';
}

.arcticktruck.movie h4 {
    font-size: 1.5em;
}

.arcticktruck.movie img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}


@media (max-width: 768px) {
    .arcticktruck.movie {
        padding: 10px;
    }

    .arcticktruck.movie img {
        max-width: 90%;
    }
}

/** front video banner END */

.banner-text-container-left {
    color: white !important;
    margin-right: auto;
}

.banner-text-container-left h2 {
    font-size: 2.5em !important;
    font-weight: 800 !important;
    color: inherit !important;
}

.flipbox > .cards > .card .cardcontent {
    all: unset !important;

}

/** flipbox */
.font-size-66px {
    font-size: 3.5em !important;
}

.font-size-42px {
    font-size: 2.5em !important;
}

.font-size-24px {
    font-size: 1.5em !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.btn-image {
    background-color: var(--main-button-primary-color);
    color: white;
}

.btn-image:hover {
    background-color: var(--main-button-primary-color-hover);
    color: white;
}

.footer .row div:nth-child(4),
.footer .row div:nth-child(5),
.footer .row div:nth-child(6) {
    flex-basis: 100%;
    max-width: 100%;
}

.footer .row {
    justify-content: space-between;
}

.footer .socialSectionFooter {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 1px solid #444;
    border-top: 1px solid #444;
    padding: 30px 0px;
    gap: 20px;
}

a.footer-social-links {
    width: 32px;
    height: 32px;
    background: white;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: black;
}

a.footer-social-links .icon {
    font-size: 1.5em;
}

.article .schemas.container {
    padding: 0;
}

.designPlus .btn {
    border-radius: 0 !important;
}

/** Item page START ======================================================= */
.itemType .variantPicker h3 {
    font-size: 1em;
    font-weight: 400;
    border-bottom: 0;
    margin-top: 1em;
}

/** add border to the variant picker */
.itemType .variantPicker label {
    border: 2px solid var(--main-button-primary-color);
    padding: 1em;
}

/** fix arrow variants down position */
.itemType label.qField.select > span:after {
    top: 50%;
    right: 1.5em;
    transform: translateY(-50%);
}

/** more space for item number */
.itemType .product_title .itemShortDesc {
    padding-bottom: 2em;
    margin-bottom: 1em;
    border-bottom: 1px solid #eee;
}

.itemType .product_title hr {
    margin-bottom: 1em;
    padding-top: 0;
    padding-bottom: 0;
}

/** Item page END ======================================================= */

/** will remove the dotted underline border for all links in a custom page */
.readMoreLink,
.article .articleContent a,
.article .articleContent a:hover,
.article .articleContent a:visited,
.article .articleContent a:active,
.article .articleContent a:focus {
    border-bottom: unset;
}

/** keep the color white for text inside the buyButton on the custom article page */
.article .articleContent a.buyButton {
    color: white;
}

#slidingSidebar {
    box-shadow: none;
}

.pageCustom .w-100 .articleContent  {
    padding: 0 !important;
}

.pageCustom .modelsearcher {
	min-height: 125px;
}