/*
Theme Name: Storefront Metropolis
Description: Heavily adapted Storefront Child theme
Author: D Bleich
Author URI: https://metropoliswebdesign.co.uk
Version: 0.9
License: © D Bleich - Metropolis Web Design
Template: storefront
Text-Domain: storefront-metropolis
*/

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('assets/fonts/CormorantGaramond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('assets/fonts/CormorantGaramond-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

:root {
    --main-width:100%;
    --restricted-width: 1200px;
    --special-font: "Cormorant Garamond",arial;
    --header-font: "Cormorant Garamond", arial, sans-serif;
    --body-font: "Cormorant Garamond", arial, sans-serif; 
    --alt-font-small: "Cormorant Garamond", arial, sans-serif;
    --maincolor: #1a1a1a;
    --body-font-color: #1a1a1a;
    --body-background: #ffffff;
    --header-background: #fff;
    --header-text-color: #1a1a1a;
    --slider-text-color: #ffffff;
    --body-color-other: #1a1a1a;
     --font-size-h1: 42px;
     --font-color-h1:  #1a1a1a;
     --font-size-h1-line-height: 46px;
     --font-size-h1-mobile: 36px;
     --font-size-h1-line-height-mobile: 40px;
     --font-size-h2: 34px;
     --font-color-h2:  #1a1a1a;
     --font-size-h2-line-height: 38px;
     --font-size-h2-mobile: 32px;
     --font-size-h2-line-height-mobile: 36px;
     --font-size-h3: 28px;
     --font-size-h3-line-height: 32px;
     --font-size-h3-mobile: 26px;
     --font-size-h3-line-height-mobile: 30px;
     --font-size-h4: 24px;
     --font-size-h4-line-height: 28px;
     --font-size-h4-mobile: 20px;
     --font-size-h4-line-height-mobile: 24px;
     --font-size-body-normal: 18px;
     --font-line-height-body-normal: 22px;
     --font-size-body-normal-mobile: 16px;
     --font-line-height-body-normal-mobile: 20px;
     --font-size-body-normal-alt: 20px;
     --font-line-height-body-normal-alt: 32px;
     --font-size-body-normal-alt-mobile: 16px;
     --font-line-height-body-alt-mobile: 24px;
     --font-size-heading-strap: 20px;
     --font-line-height-heading-strap: 24px;
     --font-size-heading-strap-mobile: 16px;
     --font-line-height-heading-mobile-strap: 20px;
     --font-size-hero-button: 16px;
     --font-size-hero-button-mobile: 14px;
     --font-size-desktop-menu:18px;
     --font-size-mobile-menu: 22px;
     --font-line-height-mobile-menu: 40px;
     --font-size-carousel:40px;
     --font-size-line-height: 48px;
     --font-size-carousel-subhead:24px;
     --font-size-line-height-subhead: 28px;
     --font-size-body-button: 20px;
     --font-size-body-button-mobile: 10px;
     --font-size-footer: 12px;
     --font-line-height-footer: 16px;
     --font-size-food-menu-title: 28px;
     --font-line-height-food-menu-title: 32px;
     --font-size-food-menu-section-name: 18px;
     --font-line-height-food-menu-section: 22px;
     --font-size-food-menu-item-name: 16px;
     --font-line-height-food-menu-item-name: 18px;
     --opacity-text: 95%;
}
 *, *::before,*::after {
     box-sizing: border-box;
}
 html {
     padding: 0;
     margin: 0;
     width: 100%;
     height: 100%;
}
 body {
     font-family: var(--body-font);
     color: var(--body-font-color);
     font-size: var(--font-size-body-normal);
     line-height: var(--font-line-height-body-normal);
     margin: 0;
     padding: 0;
     font-weight: 300;
     background: var(--body-background);
     overflow-x:hidden;
}
p {
    display: block;
    padding: 0 0 12px 0;
    margin: 0;
}

.hentry .entry-header {
    margin-bottom: 0;
    border-bottom:0;
}

.woocommerce-breadcrumb {
    font-size: 16px;
}

@media (min-width: 768px) {
    .main-navigation a {
        padding: 12px;
    }
}
/* 
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 60% !important;
}

.storefront-full-width-content.single-product div.product .summary {
    width: 39% !important;
} */

a:focus, input:focus, textarea:focus, button:focus {
    outline: 0 !important;
}

.marginator {
    padding-top: 124px;
}

#main {
    padding-top: 48px;
}

.moreproductscontaine {
    max-width: 1440px !important;
}

.shadow {
    box-shadow: initial !important;
}



#main > :not(.full_width, .wp-block-spacer) {
    margin: 24px auto !important;
    padding: 12px 16px 0 16px !important;
    max-width: var(--restricted-width) !important;
}

@media screen and (max-width: 600px) {
    #main > :not(.full_width, .wp-block-spacer) {
        margin:0 auto !important;
        padding: 12px 0 !important;
    }

    #main {
        padding-top: 36px;
    }
}

.icon-menu-icon-holder a {
    color: var(--maincolor) important;
    text-decoration: none;
}

.icon-menu-icon-holder a:hover {
    color: var(--maincolor) !important;
    text-decoration: none;
}

.woocommerce-subtext {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 24px;
    text-align: center;
    min-height: 80px;
    display:none;
}

.woocommerce-active .site-header .main-navigation { 
    width: 100%;
    float: initial;
    margin-right: 0;
    clear: both;
}

.qty {
    margin-top: 0 !important;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    background-color: transparent !important;
    height: 0 !important;
}

.wc-block-components-button:not(.is-link) {
    background: var(--header-background) !important;
    color: #ffffff !important;
}

.wc-block-components-button:not(.is-link):hover {
    text-decoration: none !important;
}

wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-text-input.is-active input[type=email], .wc-block-components-text-input.is-active input[type=number], .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-text-input.is-active input[type=text], .wc-block-components-text-input.is-active input[type=url],
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input 
 {
    padding: 2.5em 0.5em 1em 0.5em !important;
}

.stock.in-stock {
    display: none;
}

/* .search-results a:hover {
    font-weight: normal;
} */

/* Hide quantity input on single product page */
/* .woocommerce div.product form.cart .quantity {
    display: none;
} */

.pagination .page-numbers, .woocommerce-pagination .page-numbers {
    margin: 0 8px 0 0;
}

#main .pagination {
    max-width: 1440px !important;
    padding: 16px;
}

.page-numbers.current {
    font-weight: bold;
    text-decoration:underline;
}

/* Hide quantity input on cart page */
/* .woocommerce-cart table.cart td.product-quantity, 
.woocommerce-cart table.cart td.product-quantity .quantity {
    display: none;
}

/* Hide quantity input on checkout page */
/* .woocommerce-checkout-review-order-table .product-quantity {
    display: none;
} */

.woocommerce-message a { color: #fff; }
.woocommerce-message a:hover { color: #fff; }

/* dna73be
ddd */

/* Define the zoom-in-out animation */
@keyframes zoom-in-out {
    0% {
      transform: scale(1); 
    }
    50% {
      transform: scale(1.1); 
    }
    100% {
      transform: scale(1); 
    }
  }

 .site-content {
     min-height: 700px;
     position: relative;
     z-index: 9;
}

button[name="apply_coupon"] {
   margin: 0;
    padding: 6px 12px;
}

.woocommerce-cart-form button[name="apply_coupon"] {
    margin-top:6px;
    display: inline-block;
    width: 180px;
}

.woocommerce-cart-form #coupon_code {
    display: inline-block;
        width: 200px;
        margin: 0;
        max-width: 200px;
        min-width: 200px;
}

#pwgc-redeem-gift-card-number {
    width: 79%;
    min-width: 79%;
}

#pwgc-redeem-button {
    min-width: 19%;
}

@media (max-width: 600px) {

    .woocommerce-cart-form button[name="apply_coupon"] {
        margin-top:6px;
        display: inline-block;
        width: 120px;
    }
    
    .woocommerce-cart-form #coupon_code {
        display: inline-block;
            width: 180px;
            margin: 0;
            max-width: 180px;
            min-width: 180px;
    }
}

.shop_table {
    margin-top:48px;
}

table.cart .product-thumbnail img {
    max-width: 100px;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    background: #4f4f4f;
    margin-top: 24px;
}

.woocommerce-message a {
    color:#1a1a1a !important;
}

.woocommerce-message a:hover {
    color:#fff !important;
    text-transform: underline !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    background-color: #eeeeee !important;
    border-color: #eeeeee !important;
    color: var(--button-font);
    font-weight: normal !important;
    font-size: 16px !important;
    padding: 6px 12px !important;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
    background-color: #1a1a1a !important;
    color: #fff !important;
}

 textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
     padding: 10px;
     resize: none;
     -webkit-text-size-adjust: 100%;
     width: 100%;
     min-width: 100%;
     height :36px;
     font-weight: 300;
     margin-top: 6px;
     font-size: 18px;
     line-height:22px;
     border: 0;
     margin-bottom: 12px;
     color: var(--maincolor);
     border: 1px solid #1a1a1a;
     background:transparent;
     box-sizing: border-box;
     font-family: var(--header-font);
     appearance: none !important;
    -webkit-appearance: none !important;
    border-radius: 0;
}

#main .mc4wp-form {
    display: block;
    background: #f6f5f5;
    padding:24px !important;
    width: 100%;
    max-width: 100% !important;
}

.mailchimpsignupheading {
    font-size: 24px;
    line-height: 28px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}

.mcininfo {
    font-size: 20px;
    line-height: 24px;
    margin: 0 auto;
    padding: 24px 0;
    text-align: center;
}

.mailchimpformholder {
    margin:0 auto;
    width: 100%;
    text-align: center;
    display: block;
}

.emailmailchimp {
    display: inline-block;
    width: 250px;
}

.firstnamemailchimp {
    display: inline-block;
    width: 150px;
}

.lastnamemailchimp {
    display: inline-block;
    width: 150px;
}

.subscribenowmailchimp {
    display: inline-block;
    width: 150px;
    vertical-align: top;
}

.emailmailchimp input,.firstnamemailchimp input, .lastnamemailchimp input, .subscribenowmailchimp input {
    border: 1px solid #1a1a1a;
    height: 40px;
    margin: 0;
}

.subscribenowmailchimp input {
    line-height: 0;
}

.mc4wp-alert .mc4wp-success {
    margin: 0 auto;
    text-align: center;
    padding: 12px 0;
    color: green;
    font-weight: bold;
}

@media (max-width: 600px) {
    .emailmailchimp, .firstnamemailchimp, .lastnamemailchimp, .subscribenowmailchimp {
        width: 100%;
        display: block;
        margin: 6px 0;
    }

    .subscribenowmailchimp input {
        width: 100%; 
    }
}

input, textarea    {
    border-radius: 0;
  }
  
  input[type="search"] {
    -webkit-appearance: none;
  }
  
 .mobile_class {
     display: none;
}
 #mobile_detect {
     display: none;
}
 .mobile_only {
     display:none;
}
 .desktop-logo {
     display: inline-block;
}
 .mobile-logo {
     display: none;
}
 ul, ol, dl, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
     margin-bottom: 16px;
     margin-top: 0;
}
 b, strong {
     font-weight: 700;
}
 blockquote {
     clear: both;
     margin: 20px 0;
        border: 0 !important;
        font-size: 18px;
        line-height:26px;
    }
 .stk-block-text__text {
     margin-top: 12px !important;
}
 blockquote p {
     font-style: italic;
}
 blockquote cite {
     font-style: 400;
     margin-bottom: 20px;
     font-size: 13px;
}
 dfn, cite, em, i {
     font-style: italic;
}
 figure {
     margin: 0;
}
 address {
     margin: 20px 0;
}
 hr {
     border: 0;
     border-top: 1px solid var(--header-background);
     height: 1px;
     margin-bottom: 20px;
}
 ul, ol {
     padding-left: 24px;
}
 ul {
     list-style: disc;
     list-style-position: inside;
}
 ol {
     list-style: decimal;
}
 ul li, ol li {
     margin: 8px 0;
}
 fieldset {
     padding: 20px;
     border: 1px solid #e9e9e9;
}
 input[type="submit"] {
     text-align: center;
     background:#eeeeee;
     color: var(--body-font-color);
     font-size: var(--font-size-hero-button) !important;
     border: 2px solid var(--body-font-color);
     font-family: var(--button-font);
     font-weight: 300;
     padding: 6px 12px !important;
}

.subscribenowmailchimp input[type="submit"]:hover {
    background:#1a1a1a !important;
    color: #fff !important;
}

.checkout-button {
    padding: 10px !important;
    font-size: 22px !important;
    text-decoration: none !important;
}

.checkout-button:hover, #place_order:hover {
    text-decoration: none !important;
    background: #949494  !important;
    color :#fff !important;
}

#pwgc-redeem-button {
    border: 0 !important;
}

#pwgc-redeem-button:hover, .woocommerce-cart-form button[name="apply_coupon"]:hover {
    background: #949494  !important;
    color :#fff !important;
}

.showcoupon {
    color: #fff !important;
    font-weight: 300 !important;
}

.showcoupon:hover {
    color: #fff !important;
    text-decoration: underline !important;
    font-weight: 300 !important;
}

.woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover {
    color: #fff !important;
    opacity: 1 !important;
    font-weight: 300 !important;
}

table.cart td.actions {
    margin: 24px 0;
    background: none !important;
}

.wp-block-pullquote {
    border-top: 1px solid #1a1a1a !important;
    border-bottom: 1px solid #1a1a1a !important;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
    background:#eeeeee;
    color: var(--maincolor);
    font-family: "Cormorant Garamond",arial;
}

button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
    background:#eeeeee;
    color: var(--maincolor);
}
 input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {
     cursor: pointer;
}

#sagepayform-card-icons {
    margin-top:24px;
}

#payment .payment_methods li img {
    margin: 4px;
}

#shipping_method {
    margin: 0;
    padding: 0;
}

.woocommerce-breadcrumb a {
    text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
    text-decoration: underline;
}

.category_name {
    font-size: 38px;
    display: block;
    text-align:center;
    margin: 24px 0;
}

 textarea {
     resize: vertical;
     min-height: 130px;
}
 select {
     padding: 10px;
     font-size: 18px;
     height: 46px;
     min-width: 300px;
     font-family: "Cormorant Garamond", arial, sans-serif;
     border: 1px solid #1a1a1a;
     background:#f1f1f1;
}

.single-product div.product {
    line-height:20px !important;
}

 ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: var(--body-font-color);
     opacity: 1;
    /* Firefox */
}
 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color:var(--body-font-color);
}
 ::-ms-input-placeholder {
    /* Microsoft Edge */
     color: var(--body-font-color);
}
 button::-moz-focus-inner {
     border: 0;
     padding: 0;
}
 input[type="radio"], input[type="checkbox"] {
     margin: 12px 0;
}
 .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
     content: "";
     display: table;
     clear: both;
}
 .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
     clear: both;
}
 .site-header {
     position: fixed;
     width: 100%;
     z-index: 10;
     background-color: var(--body-font-color);
}
 .container {
     width: initial !important;
     height: 100%;
     padding: 0 !important;
     margin: 0 !important;
}
 #wpadminbar a {
     color :#fff !important;
}
 #main {
     width:100vw;
     max-width: var(--main-width);
     margin: 0 auto;
     position:relative;
}
 img {
     max-width: 100%;
     height: auto;
}
 #tablet_detect {
     display: none;
}
 button.pp {
    color: var(--body-font-color) !important;
    border-radius: 6px;
    background: transparent;
    font-weight: bold;
    border: 1px solid var(--body-font-color) !important;
    display: inline-block;
    padding: 12px 20px 10px !important;
    text-align: center;
    margin: 24px auto;
    font-size: var(--font-size-hero-button) !important;
    line-height: var(--font-size-hero-button) !important;
    font-family: var(--alt-font-small);
    text-decoration: none;
}

.filters {
    margin:0 auto;
}

.filters select {
    margin-bottom:24px;
}

    /* Add your custom styles here */

/* Example: Change background color of the Add to Cart button */
.single_add_to_cart_button {
    background-color: #ff0000; /* Replace with your desired color */
}

/* Example: Adjust padding and font size */
.single_add_to_cart_button {
    padding: 12px 22px;
    font-size: 14px;
}

.woocommerce-form__label-for-checkbox {
    margin-left: 0 !important;
}

.  .product_info_container {
        height:initial;
        border-bottom: 1px solid #1a1a1a !important;
    }
    
    .product_info_container_inner1 {
        margin-right: 12px;
        display: block;
        width: 70%;
    }

    .product-image {
         border: 0;
    }

    .loop-product__creator {
    font-size: 14px;
    display: block;
    margin-top: 12px;
}

/* .productx .add_to_cart_button {
    text-align: center;
    display: initial;
    margin-top: 0;
    width: initial;
    font-size: 12px;
} */

.product_info_container_inner2 {
    float: right;
}

/* .woocommerce-loop-product__title a, .woocommerce-loop-product__title a:hover {
    font-weight: bold !important;
    text-decoration: none;
    font-size: 16px !important;
    line-height: 20px !important;
} */

.product_info_container_inner2 a {
    text-align: center !important;
    display: initial !important;
    margin-top: 0 !important;
    width: initial !important;
    font-size: 12px !important;
}

.woocommerce-Price-amount {
    text-align: left;
    margin: 0;
}


.contributor__pages__page a {
    font-weight: normal !important;
}

.extra-textfield {
    display: none;
}

.woocommerce-Price-amount {
    text-align: center;
    margin: 12px 0;
}

#main .products-row  {
    max-width: 1440px !important;
}

.productx {
    padding: 0 24px;
    width: 33%;
    display: inline-block;
    margin: 12px 0;
    position: relative;
}

.product-image {
    position: relative;
}

.product-image {
    /* min-height: 440px; */
    background: #f5f5f5;
    border: 2px dotted black;
}

.loop-product__creator {
    font-size: 14px;
    display:block;
    margin-top:12px;
}

.product-image img {
    width: 100%;
}

.productx .product {
    border: none !important;
    padding: 0 !important;
}

/* .productx h2.woocommerce-loop-product__title {
    font-size: 20px !important;
    line-height: 24px !important;
    margin: 12px 0 !important;
    text-align: center;
    height: 70px;
} */

.productx  .add_to_cart_inline {
    text-align: center;
    margin-bottom: 12px;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 24%;
    float: none;
    display: inline-block;
    margin: 0 24px 0 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li img {
    width: 100%;
    margin: 0;
}

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

@media (min-width: 768px) {
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
        width: 30%;
        float: none;
        margin-right: 12px;
    }

    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
        margin: 0 12px 0 0;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        width: 100%;
        float: initial;
        margin-right: 0;
        margin-bottom: 0;
    }

    .woocommerce-product-gallery__image img {
        width: 100%;
        height: auto;
    }
    .storefront-full-width-content.single-product div.product .summary {
        width: 100%;
        float: initial;
        margin-right: 0;
        margin-bottom: 12px;
    }
}

.star_item {
    position: absolute;
    top: 6px;
    right: 6px;
    color: rgb(151, 1, 1);
    font-size: 36px;
}

.single  .woocommerce-Price-amount {
    margin: 0;
    font-weight: 700;
}

@media (max-width: 781px) {
    #main .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
         flex-basis: 48% !important;
     }
 }
 
 @media (max-width: 600px) {
     #main .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
         flex-basis: 100% !important;
     }
 }

 
@media screen and (max-width: 1200px) {
    .productx {
        width: 33%;
    }
}

@media screen and (max-width: 900px) {
    .productx {
       width: 49%;
    }


    .productx .add_to_cart_button {
        position: relative;
        width: 100%;
        bottom: initial;
    }
}

@media screen and (max-width: 600px) {
    .productx {
        width: 100%;
    }

    .productx h2.woocommerce-loop-product__title {
        font-size: 18px !important;
        line-height: 22px !important;
        text-align: left;
        margin-top: 12px !important;
        font-weight: bold !important;
    }

    .productx h2.woocommerce-loop-product__title a, .productx h2.woocommerce-loop-product__title a:hover {
        font-weight: bold !important;
    }

    .woocommerce-Price-amount {
        font-size: 20px;
    }

    .add_to_cart_inline a {
        font-size: 20px;
    }

    .productx .add_to_cart_button {
        position: relative;
        width: 100%;
        bottom: initial;
    }
}





.sku_wrapper,.posted_in { display:none !important; }
.additional_images { display:inline-block;}
.additional_images img { height:220px;width:auto;margin: 0 12px;border: 1px solid #1a1a1a; }
.single-product div.product p.price { 
    margin: 0;
}
.extra-textfield {
    display: block;
}

.categories {
    display: block;
}

.data_info {
    border: 1px solid #1a1a1a;
    padding: 12px;
}

.longdesc {
    display: block;
    clear:both;
}

.care {
    font-style: italic;
}

.single_add_to_cart_button {
    padding: 6px !important;
}

button.pp:hover {
    background: var(--body-font-color) !important; 
    color: #fff !important;
    text-decoration: none;
}

.page .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background-color: var(--cmplz_button_accept_background_color);
    border: 1px solid var(--cmplz_button_accept_border_color);
    color: #131313 !important;
}

.page .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
    color: #fff !important;
}

.page .cmplz-cookiebanner {
    z-index: 999999999999;
}

 a {
     color:var(--maincolor) !important;
     text-decoration: none;
     font-weight: bold;
}
 a:hover {
     color: var(--maincolor) !important;
     text-decoration: underline;
     font-weight: bold;
}
 a:focus:not(:focus-visible) {
     outline: none;
}
 #main #hero .container {
     margin:0;
     padding: 0;
}

 .wp-block-embed__wrapper {
     position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 56.25%;
     margin-bottom: 24px;
}
 .wp-block-embed__wrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* Slides */
 .slide-text-wrapper {
     width:90%;
     margin: 0 auto;
     z-index: 999999;
     position: absolute;
     text-align: center;
     display: block;
     top: 40%;
     left: 50%;
     transform: translate(-50%, -50%);
}

 .slide-text-wrapper-text-only {
     max-width: 100%;
     padding: 24px;
     min-height: 100px;
}
 .slide-text-wrapper .section-desc, .slide-text-wrapper h1.section-desc {
     color: var(--slider-text-color) !important;
     font-size: 54px !important;
     line-height:62px !important;
     font-weight: 400;
     font-family: var(--special-font);
     margin: 0;
     opacity: var(--opacity-text);
     font-weight: bold;
}
 .slide-text-wrapper .section-desc-strap {
     color:var(--slider-text-color);
     font-family: var(--header-font);
     font-size: 28px;
     line-height: 32px;
     font-weight: 400;
     opacity: var(--opacity-text);
     font-weight: bold;
}
.hero_copyright {
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 36px;
    right: 24px;
    display:inline-block;
}
.hero_copyright_mobile { 
    display: none;
}

.add_to_cart_inline .button {
    display: block;
    margin-top: 12px;
    padding: 12px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #1a1a1a !important;
    color: #1a1a1a !important;
    border-radius: 0 !important;
}

.select2-selection__rendered {
    line-height: 33px !important;
}
.select2-container .select2-selection--single {
    height: 35px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}

table.cart td.product-quantity .qty {
    padding: 4px !important;
    width: 60px;
    margin-top: 12px !important;
    max-width: 60px;
    min-width: 60px;
}

@media screen and (max-width: 600px) {
    .hero_copyright {
        display:none;
    }
    .hero_copyright_mobile {
        font-size: 12px;
        color: #fff;
        position: absolute;
        top: 24px;
        right: 24px;
        display:inline-block;
    }
}
 .hero_button_holder {
     margin: 36px auto 12px auto;
     text-align:center;
}
 .hero100 {
     height: 100vh !important;
}
 .hero80 {
     height: 80vh !important;
}
 .hero500 {
     height: 500px !important;
}
 .hero300 {
     height: 300px !important;
}
/* Animation */
 .animate__animated.animate__bounceInRight, .animate__animated.animate__bounceInLeft {
     --animate-duration: 1s;
}
/** Text Animation **/
 @-webkit-keyframes fadeInUpSD {
     0% {
         opacity: 0;
         -webkit-transform: translateY(100px);
         transform: translateY(100px);
    }
     100% {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
    }
}
 @keyframes fadeInUpSD {
     0% {
         opacity: 0;
         -webkit-transform: translateY(100px);
         transform: translateY(100px);
    }
     100% {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
    }
}
 .fadeInUpSD {
     -webkit-animation-name: fadeInUpSD;
     animation-name: fadeInUpSD;
}
 .slick-active .animateme {
    /* animation-name: fadeInUpSD;
     animation-duration: 2s;
     */
     opacity: 1;
     width: 100%;
}
/******/
 .onepress-menu.onepress-menu-mobile {
     top: 124px;
}
 #masthead {
     width: 100%;
     height: 150px;
     padding: 0;
     background: #ffffff;
     -webkit-box-shadow: 0px 2px 32px 0px rgba(0,0,0,0.5);
     -moz-box-shadow: 0px 2px 32px 0px rgba(0,0,0,0.5);
     box-shadow: 0px 2px 32px 0px rgba(0,0,0,0.5);
}
 .logo_strap {
     display: inline-block;
}
 .logo_strap_mobile {
     display: none;
}
 .logo_head_new {
     width: 265px;
     margin: 14px auto 0 auto;
}
 .logo_head_new img {
     width: 100%;
     height: auto;
}
 .social_icon {
     display:inline-block;
     margin: 0 6px;
}
 .social_icon a {
     color: var(--body-font-color) !important;
     text-decoration: none;
}
 .social_icon a:hover {
     color: var(--body-font-color) !important;
     text-decoration: none;
}
 #moodvideo {
     width: 100vw;
     height: 100vh;
     max-width: 100%;
     object-fit: cover;
     left: 0;
     top: 0;
     z-index: 998;
}
 .moodvideoholder {
     position: absolute;
}
 #topvideo {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
}
 #topvideo .slick-slide {
     height: 90vh;
}
 #topvideo .slide-text-wrapper .section-desc {
     margin-top: -20px;
     opacity: var(--opacity-text);
    ;
     letter-spacing: 3px;
}
 @media screen and (max-width: 600px) {
     #topvideo .slide-text-wrapper .section-desc {
         margin-top: -100px;
         opacity: var(--opacity-text);
        ;
    }
     .myslickhero .slide {
         margin-top: 12px;
    }

    .filters select {
        margin-bottom:24px;
        width: 100%;
    }    

    .myslickhero .slide.mobileheight184 {
       margin-top: 12px !important;
   }
}
 .myslickhero {
     position: relative;
     z-index: 1;
     padding-top: 124px;
     width: 100% !important;
}
 h1.section-desc {
     margin: 0 !important;
     padding: 0 !important;
}
 .slick-slider {
     opacity: 1;
}
 .slide {
     position: relative;
}
 .slide img {
     width: 100%;
}
 .processslick button {
     background: none;
     border: 0;
}
 .slick-arrows-container {
     position: relative;
     margin-bottom: 24px;
}
/* Position the dots */
 .processslick .slick-dots {
     display: flex;
     justify-content: center;
     position: absolute;
     bottom: 64px;
     left: 0;
     right: 0;
     margin: 0;
     padding: 0;
}

.processslick .slick-dots button {
    display: none !important;
}
/* Style the dots */
.processslick .slick-dots li {
    list-style: none;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    height: 10px;
    width: 10px;
    background-color: #fff;
    position: relative;
}
.processslick .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    border: 0;
    border-radius: 50%;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: absolute;
    bottom: -6px;
    left: -5px;
}
 .processslick .slick-dots .slick-active {
     background: var(--header-text-color);
}
 .processslick .slick-dots li.slick-active button {
     background-color: transparent;
     border-color: var(--header-text-color);
}
/* Position the arrows */
 .processslick .slick-prev:before {
     content: "";
     position: absolute;
     bottom: 24px;
     left: calc(50% - 64px);
     width: 64px;
     height: 34px;
     display: block;
     background-repeat: no-repeat;
     z-index: 1;
     background-size: 50%;
}
 .processslick .slick-next:before {
     content: "";
     position: absolute;
     bottom: 24px;
     left: calc(50% + 16px);
     width: 64px;
     height: 34px;
     display: block;
     background-repeat: no-repeat;
     z-index: 1;
     background-size: 50%;
}
/* Hide the previous and next text */
 .processslick .slick-prev, .slick-next {
     font-size: 0;
     line-height: 0;
     position: absolute;
     z-index: 99999;
     bottom: 24px;
}
 .processslick .slick-prev {
     left: 20%;
     width: 60px;
     padding: 0 !important;
    font-size: 0 !important;
}
 .processslick .slick-prev:hover {
     background: none;
}
 .processslick .slick-next {
     right: 20%;
     width: 60px;
     padding: 0 !important;
    font-size: 0 !important;
}
 .processslick .slick-next:hover {
     background: none;
}
 .heroslidecount1 .slick-dots {
     display:none;
}
 .darkenhero {
     filter: brightness(0.75);
}
 .herooverlay {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.33);
}
#sticky_footer {
    position: fixed;
    color: #fff;
    background:var(--header-background);
    width: 100%;
    z-index: 99999;
    bottom: 0;
    left: 0;
    border-top: 1px solid #fff;
    height: 60px;
    font-size: 18px;
    text-align: center;
    padding-top: 0px;
    display: none;
}

 @media screen and (max-width: 820px) {
    #sticky_footer {
        display: block;
    }
     .myslickhero {
         padding: 0;
    }
}
 @media screen and (max-width: 600px) {
     .processslick .slick-next {
         right: 20%;
         bottom: -6px;
         width: 1px;
    }

     .slick-dots {
         display: flex !important;
    }
     .processslick .slick-prev {
         left: 15%;
         bottom: -6px;
         width: 1px;
    }
     .processslick .slick-dots {
         bottom: 36px;
         
    }
     .hero_button1 {
         font-size: var(--font-size-hero-button-mobile);
    }
     .mobileheight184 {
         height: 184px !important;
    }
     .arrowmobileheight184 {
         display: none;
    }
     .arrowmobileheight300 {
         display: none;
    }
     .mobileheight300 {
         height: 300px !important;
    }
     .mobileheight500 {
         height: 500px !important;
    }
     .mobileheight80vh {
         height: 80vh !important;
    }
     .mobileheight100vh {
         height: 100vh !important;
    }
}
 .processslick .slide-content {
     position: absolute;
     bottom: 0;
     left: 0;
     min-height: 400px;
     right: 0;
     padding: 20px;
     background-color: var(--header-background);
     color: var(--header-text-color);
}
 @media screen and (max-width: 1024px) {
     #tablet_detect {
         display: block;
    }
     #mobile_menu {
         height:100vh;
         width:100vw;
         background: var(--header-background);
         color:var(--header-text-color);
         padding: 48px 24px 96px 24px;
         position: absolute;
         top:60px;
         font-family: var(--header-font);
         overflow: auto;
    }
     .sihmheading {
         font-size: 16px;
         line-height: 20px;
         display: block;
         margin-bottom: 12px;
         line-height: 36px;
    }
     .social_icon_holder_menu {
         display:block;
         text-align: left;
         width: 100%;
         position: relative;
         padding-top: 12px;
    }
     .logo_strap {
         display: none;
    }
     .logo_strap_mobile {
         display:inline-block;
         position: absolute;
         left: 12px;
         top: 4px;
         margin: 0 12px;
         vertical-align: top;
         width: 100%;
    }
     .logo_strap_mobile .logo_head_new {
         height: 60px;
         width: auto;
         margin: 4px 0 0 0;
         left: 0;
         position: absolute;
    }
    .logo_head_new img {
        width: 120px;
        height: auto;
    }
}
h1, h2, h3, h4, h5, h6 {
     font-family: var(--special-font) !important;
     color: var(--body-font-color) !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: bold;
}

h1 {
     font-size: var(--font-size-h1) !important;
     line-height:var(--font-size-h1-line-height) !important;
     margin-bottom: 24px !important;
     font-weight: 700;
     letter-spacing: 0;
     color: var(--font-color-h1);
}
h2 {
     font-size: var(--font-size-h2) !important;
     line-height: var(--font-size-h2-line-height) !important;
     margin-bottom:24px !important;
     margin-top: 0;
     font-weight: 700;
     text-align:left;
     color: var(--font-color-h2);
     border-top: 0 !important;
}
h3 {
    border-top: 0 !important;
     font-size: var(--font-size-h3) !important;
     line-height: var(--font-size-h3-line-height) !important;
     font-weight: 700;
     margin-bottom:24px;
     margin-top: 0;
}

h3.wp-block-heading {
    padding: 0 12px;
    margin:0;
}
#cmplz-document h2 {
    font-size: var(--font-size-h3) !important;
    line-height: var(--font-size-h3-line-height) !important;
    font-weight: 400;
    margin:24px 0 !important;
}
#cmplz-document h3 {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400;
    margin:24px 0 !important;
}
h4 {
     font-size: var(--font-size-h4) !important;
     line-height: var(--font-size-h4-line-height) !important;
     font-weight: 400;
     padding: 0;
     margin: 0 0 24px;
}
h5 {
     font-size: 14px;
     line-height: 18px;
}
 @media screen and (max-width: 1024px) {
     #masthead {
         padding: 0;
         height: 64px;
         position: fixed;
         top: 0;
         background: #fff !important;
    }

    .sub-menu {
        max-width: 330px !important;
        width: 330px !important;
    }

     h1 {
         font-size: var(--font-size-h1-mobile) !important;
         line-height: var(--font-size-h1-line-height-mobile) !important;
         margin: 0 0 20px 0 !important;
    }
     h2 {
         font-size: var(--font-size-h2-mobile) !important;
         line-height: var(--font-size-h2-line-height-mobile) !important;
         margin: 0 0 20px 0 !important;
         text-align:center;
    }
     h3 {
         font-size: var(--font-size-h3-mobile) !important;
         line-height: var(--font-size-h3-line-height-mobile) !important;
         text-align:center;
    }
     h4 {
         font-size: var(--font-size-h4-mobile) !important;
         line-height: var(--font-size-h4-line-height-mobile) !important;
         text-align:center;
    }
     .onepress-menu.onepress-menu-mobile {
         top: 60px;
    }
}
 .wp-block-button__link {
     color: var(--body-font-color) !important;
     border-radius: 24px;
     border: 1px solid var(--body-font-color) !important;
     display: inline-block;
     padding: 12px 20px 10px 20px!important;
     background: transparent !important;
     text-align: center;
     margin: 24px auto;
     font-size: var(--font-size-hero-button) !important;
	 line-height: var(--font-size-hero-button) !important;
     font-family: var(--alt-font-small);
     letter-spacing: 2px;
}
 .wp-block-button__link:hover {
     background: var(--header-background) !important;
     color: var(--body-color-other) !important;
     text-decoration:none;
}

.desktop-social-and-menu {
    /* display:inline-block; */
    margin-left: 48px;
    float:right;
}
.desktop-social {
    display:block;
    float:right;
    margin-top:24px;
}
.icon-menu-icon-holder {
    display:inline-block;height: 50px;vertical-align: top;padding-top: 12px;
    }

@media screen and (max-width: 1024px) {
    .desktop-social-and-menu {
        display:none;
    }
    .desktop-social {
        display:none;
    }
}


.shopbasket {
    font-size: 18px;
    margin-top: 7px;
    display: inline-block;
}

.shopbasket a {
    font-weight: normal;
}

/* Site Navigation */
 .onepress-menu, .onepress-menu * {
     margin: 0;
     padding: 0;
     list-style: none;
     display: inline-block !important;
}
 .onepress-menu {
     min-height: 50px;
     margin-top: 12px;
     height: 50px;
     margin-left: 12px;
}
 .onepress-menu ul {
     position: absolute;
     display: none;
     top: 40px;
     z-index: 99;
}
 .onepress-menu ul ul {
     top: 0;
     left: 100%;
}
 .onepress-menu li {
     position: relative;
}
 .onepress-menu > li {
     float: left;
}
 .onepress-menu li:hover > ul, .onepress-menu li.sfHover > ul {
     display: block;
}
 .onepress-menu a {
     display: block;
     position: relative;
     font-weight: normal;
}
 .onepress-menu ul {
     width: 100%;
     border-top: none;
}
 .onepress-menu li {
     margin: 16px 8px;
}
 .onepress-menu li:hover, .onepress-menu li.sfHover {
     -webkit-transition: none;
     transition: none;
}
 .onepress-menu a {
     color: var(--maincolor);
     font-family: var(--header-font);
     text-decoration: none;
     margin: 0 24px;
}
 @media screen and (min-width:1024px) {
     .onepress-menu a:hover, .onepress-menu .onepress-current-item a {
         color: var(--maincolor) !important;
    }
     .onepress-menu .onepress-current-item a {
         border-bottom: 2px solid var(--maincolor) !important;
    }
     .onepress-menu .sub-menu a:hover, .onepress-menu .onepress-current-item .sub-menu a {
         color: #fff !important;
    }
}
 .onepress-menu ul li {
     line-height: 26px;
}
 .onepress-menu ul li a {
     padding: 4px;
     font-size: 18px;
}
 .onepress-menu ul li a:hover {
     color: var(--body-color-other);
}
 .onepress-menu li.onepress-current-item > a {
     color: var(--body-color-other);
}
 .onepress-menu ul li.current-menu-item > a {
     color:var(--body-color-other);
}
 .onepress-menu .current-menu-item a {
     color:var(--header-text-color);
}
 .onepress-menu > li a.menu-actived {
     color:var(--body-color-other);
}
 .onepress-menu .nav-toggle-subarrow {
     display: none;
}
 .onepress-menu .sub-menu li a:hover {
     text-decoration: underline !important;
}
 #nav-toggle {
     display: none;
     float: right;
     position: absolute;
     width: 36px;
     height: 36px;
     margin: 0;
     overflow: hidden;
     white-space: nowrap;
     color: transparent;
     top: 14px;
     right: 12px;
}
 #nav-toggle span {
     position: absolute;
     top: 50%;
     right: 5px;
     margin-top: 0;
     -webkit-transition: rotate 0.2s, translate 0.2s;
     -moz-transition: rotate 0.2s, translate 0.2s;
     transition: rotate 0.2s, translate 0.2s;
     display: inline-block;
     height: 1px;
     width: 12px;
     background: var(--header-text-color);
}
 #nav-toggle span:before {
     top: -8px;
}
 #nav-toggle span:after {
     top: 8px;
}
 #nav-toggle span:before, #nav-toggle span:after {
     position: absolute;
     display: inline-block;
     height: 1px;
     width: 24px;
     background: var(--header-text-color);
     content: '';
     right: 0;
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -o-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform-origin: 0% 50%;
     -moz-transform-origin: 0% 50%;
     -ms-transform-origin: 0% 50%;
     -o-transform-origin: 0% 50%;
     transform-origin: 0% 50%;
     -webkit-transition: -webkit-transform 0.2s;
     -moz-transition: -moz-transform 0.2s;
     transition: transform 0.2s;
}
 #nav-toggle span:after {
     width: 18px;
}
 #nav-toggle.nav-is-visible span {
     background: transparent;
}
 #nav-toggle.nav-is-visible span:before {
     -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
     -moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
     -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
     -o-transform: translateX(4px) translateY(-1px) rotate(45deg);
     transform: translateX(4px) translateY(-1px) rotate(45deg);
}
 #nav-toggle.nav-is-visible span:after {
     -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
     -moz-transform: translateX(4px) translateY(0px) rotate(-45deg);
     -ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
     -o-transform: translateX(4px) translateY(0px) rotate(-45deg);
     transform: translateX(4px) translateY(0px) rotate(-45deg);
}
 #nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
     background: #1a1a1a;
     width: 24px;
}
 #mobile_menu ul, #mobile_menu li {
     margin: 8px 0;
}
 ul.onepress-menu-mobile {
     list-style: none;
     text-align: left;
     padding: 0;
     margin: 12px 0 0 0;
     font-size: var(--font-size-mobile-menu) !important;
     line-height: var(--font-line-height-mobile-menu) !important;
}
 .onepress-menu-mobile a {
     color:#fff !important;
}
 .onepress-menu.onepress-menu-mobile {
     display: block !important;
     position: fixed;
     right: 0;
     width: 100%;
     background: var(--header-background);
     z-index: 99999;
     padding-top:24px;
     height: 100vh !important;
     overflow-y: scroll;
}
 .onepress-menu-mobile li.onepress-current-item > a {
     color: var(--header-text-color) !important;
     padding-bottom: 4px;
     border-bottom: 2px solid var(--header-text-color) !important;
}
 .onepress-menu li {
     margin: 2px 0;
     padding-bottom: 20px;
}
 .onepress-menu .sub-menu li {
     margin: 2px 0;
     padding-bottom: 0;
}
 .onepress-menu a {
     font-size: var(--font-size-desktop-menu);
}
 .onepress-menu.onepress-menu-mobile li:hover ul {
     display: none;
}
 .onepress-menu.onepress-menu-mobile ul {
     box-shadow: none;
     padding-bottom: 0;
     border: none;
     position: relative;
}
 .onepress-menu.onepress-menu-mobile ul li:last-child {
     border-bottom: none;
}
 .onepress-menu.onepress-menu-mobile ul li a {
     padding: 12px 35px;
     border-top: none;
}
 .onepress-menu.onepress-menu-mobile ul li a:hover {
     background: transparent;
}
 .onepress-menu.onepress-menu-mobile ul li li a {
     padding: 12px 70px;
     border-top: none;
}
 .onepress-menu.onepress-menu-mobile ul li li li a {
     padding: 12px 105px;
}
 .onepress-menu.onepress-menu-mobile ul ul {
     left: 0px;
}
 .sub-menu {
     background:#1b2d65;
     padding-top: 0px;
     left: 50%;
     margin-left: -90px;
     width: 220px !important;
}
 .sub-menu li {
     text-align: center;
}
 .sub-menu a {
     border-bottom: none !important;
     color: #fff !important;
}
 #site-navigation>ul>li>ul:before {
     content: '';
     display: block;
     border-color: transparent transparent #1b2d65;
     border-style: solid;
     border-width: 10px;
     position: absolute;
     top: -20px;
     left: 50%;
     margin-left: -10px;
}
 .onepress-menu .menu-item .sub-menu a:hover {
     text-decoration:underline !important;
}
 .onepress-menu .current-menu-item .sub-menu a {
     border-bottom: none !important;
}
 .onepress-menu.onepress-menu-mobile li.current-menu-item a {
     color: var(--header-text-color) !important;
     border-bottom: 2px solid var(--header-text-color);
}
 .onepress-menu.onepress-menu-mobile a {
     color: var(--header-text-color) !important;
     display: inline-block;
     padding-bottom: 4px;
     border-bottom: 2px solid var(--header-text-color) !important;
    ;
}
 .onepress-menu.onepress-menu-mobile a:hover {
     color: var(--header-text-color) !important;
     padding-bottom: 4px;
     border-bottom: 2px solid var(--header-text-color) !important;
}
 .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
     display: block;
     color: var(--header-text-color) !important;
     font-weight: 300;
     position: absolute;
     top: 0;
     right: 0;
     cursor: pointer;
     text-align: center;
     padding: 11px 40px;
     z-index: 10;
     font-size: 22px;
}
 .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before {
     content: "\f106" !important;
}
 .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul {
     display: block !important;
}
 .onepress-menu > .menu-item > a {
     position: relative;
     text-decoration: none;
     height: 40px;
     font-weight: bold;
}
 .onepress-menu > .menu-item > a:focus {
     color:#1a1a1a !important;
}
 .onepress-menu > .menu-item:not(.bordered) > a:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: -3px;
     height: 1px;
     width: 0;
     background-color: var(--header-text-color);
     transition: width 0.2s ease-in-out;
}
 .onepress-menu > .menu-item.current-menu-item:not(.bordered) > a:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: -3px;
     height: 1px;
     width: 100%;
     background-color: var(--header-text-color);
}
 .onepress-menu>.menu-item.bordered > a:focus {
     color: var(--header-background);
}


.hero_button1,{
    transition: transform 0.3s ease;
}

.hero_button1:hover {
    transform: scale(1.04);
}
 .hero_button1 a, .bordered a {
     border: 1px solid var(--slider-text-color);
     border-radius: 6px;
     margin-top: -6px;
     font-family: var(--alt-font-small);
     font-size: 16px;
     padding: 10px 20px 8px 20px !important;
     line-height: 16px;
     letter-spacing: 0;
}
 .hero_button1 a {
    background: var(--slider-text-color) !important;
    color: var(--maincolor) !important;
     text-decoration: none;
}
 .hero_button1 a:hover {
     background: var(--maincolor) !important;
     color: var(--slider-text-color) !important;
     text-decoration: none;
}
 .bordered a:hover {
     background: var(--header-text-color);
     color: var(--header-background) !important;
      text-decoration: none;
}
 .bordered-small a {
     font-family: var(--alt-font-small);
     border: 1px solid var(--header-text-color) !important;
     border-radius: 16px;
     padding: 5px 12px 4px 12px;
     margin-top: -4px;
     color: var(--header-text-color) !important;
     text-decoration: none;
     position: absolute;
     top: 14px;
     right: 70px;
     font-size: 10px;
     letter-spacing: 2px;
}
 .bordered-small a:hover {
     background: var(--header-text-color);
     color: var(--header-background) !important;
     text-decoration: none;
}
 .onepress-menu > .menu-item > a:hover:after {
     width: 100%;
}
 .menu-toggle {
     display: none !important;
}

.woocommerce-product-gallery .flex-control-thumbs img {
    max-width: initial !important;
    width: 80px;
    height: auto;
    cursor: zoom-in;
}

h1.product_title { font-size: 22px !important; line-height:26px !important; margin:12px 0 !important; }

.single-product div.product p.price {
    font-size: 18px !important;
}

.single-product div.product form.cart {
    padding: 0 !important; margin: 0 !important;
}

#main .paragraph-block {
    padding: 0 24px !important;
}

/* Media Queries */
 @media screen and (max-width: 1024px) {
    .marginator {
         padding-top:0;
    }
    .hide-mobile {
         display: none;
    }
    #main {
        padding: 56px 12px 0 12px;
    }
    .sub-menu {
         display: none;
    }
    .menu-toggle {
         float: right;
         display: inline-block !important;
         margin-right: 12px;
         cursor: pointer;
		 font-family: courier;
    }
}
 @media screen and (max-width: 600px) {
     body {
         font-size: var(--font-size-body-normal-mobile) !important;
         line-height: var(--font-line-height-body-normal-mobile) !important;
    }
     .col-full {
         padding: 0;
    }

    #main .paragraph-block {
        padding: 0 16px !important;
    }
    
     .slide-text-wrapper .section-desc, .slide-text-wrapper h1.section-desc {
         padding: 12px;
         font-size: var(--font-size-h1-mobile) !important;
         line-height: var(--font-size-h1-line-height-mobile) !important;
         opacity: var(--opacity-text);
    }
     .slide-text-wrapper .section-desc-strap {
         font-size: var(--font-size-heading-strap);
         line-height: var(--font-line-height-heading-strap);
         opacity: var(--opacity-text);
    }
}
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
     #mobile_detect {
         display: block;
    }
    .onepress-menu-mobile a {
        color: var(--header-text-color) !important;
        text-decoration: none;
   }
    .onepress-menu-mobile a:hover {
        color: var(--header-text-color) !important;
   }
    .onepress-menu-mobile .current-menu-item a {
        border-bottom: 1px solid var(--header-text-color) !important;
        height: 36px;
        display: inline-block;
   }
   .hide-mobile {
        display: none;
    }
    .fd_container {
        margin: 0 16px;
    }
    .mobileheight184 {
        height: 400px !important;
   }
    .arrowmobileheight184 {
        display: none;
   }
    .arrowmobileheight300 {
        display: none;
   }
    .mobileheight300 {
        height: 400px !important;
   }
    .mobileheight500 {
        height: 500px !important;
   }
}

@media (min-width: 1024px) {
    .main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul {
        left: -50% !important;
        display: block;
        padding:12px;
    }

    .main-navigation ul li.artworks:hover>ul, .main-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul {
        left: -45% !important;
        display: block;
        padding: 12px;
    }

    .main-navigation ul li.books:hover>ul, .main-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul {
        left: -65% !important;
        display: block;
        padding: 12px;
    }

    .main-navigation ul ul {
        width: 220px !important;
        margin-left: 0 !important;
    }
}
.onepress-menu li:hover > ul, .onepress-menu li.sfHover > ul {
    display: block;
}

 @media screen and (max-width:1024px) {
     #nav-toggle {
         display: block;
    }

     .main-navigation .onepress-menu {
         display: none;
    }
     .sub-menu {
         width: 100%;
         padding-top: 12px;
         left: 0;
         padding: 0;
         background: initial;
         font-size: 18px;
    }
     .sub-menu li, .onepress-menu li .sub-menu a {
         padding: 0 !important;
         margin: 0 0 6px 24px !important;
         list-style: none;
         text-align: left;
         line-height: 24px !important;
    }

    .onepress-menu-mobile a {
        color: var(--header-text-color) !important;
        text-decoration: none;
   }
    .onepress-menu-mobile a:hover {
        color: var(--header-text-color) !important;
   }
    .onepress-menu-mobile .current-menu-item a {
        border-bottom: 1px solid var(--header-text-color) !important;
        height: 34px;
        display: inline-block;
   }

   .onepress-menu-mobile .sub-menu a {
    height: 24px;
   }

   .onepress-menu-mobile .current-menu-item .sub-menu a {
    border-bottom: 0px solid var(--header-text-color) !important;
    height: 24px;
    display: inline-block;
    }

    .onepress-menu-mobile .current-menu-item .sub-menu li a.active {
            border-bottom: 1px solid var(--header-text-color) !important;
        }
}
 @media screen and (max-width: 600px) {
     #mobile_detect {
         display: block;
    }
     .slide-text-wrapper {
         width: 90% !important;
    }
}

 @media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: landscape) {
     #main {
        margin: 0 auto;
        padding: 0;
    }
    .myslickhero {
        margin-top: 12px;
    }

    #tablet_detect {
        display: block;
   }
    #mobile_detect {
        display: block;
   }
   .onepress-menu a {
        font-size: 16px;
    }

    #mobile_menu {
        display: none;
    }
}

@media screen and (max-height: 400px) and (orientation: landscape) {
    html {
     -webkit-text-size-adjust: 100%;
    }
        
    .downArrow {display: none;}

    .slide-text-wrapper .section-desc, .slide-text-wrapper h1.section-desc { 
        font-size: 40px !important;
        line-height:44px !important;
    }
  }
  
/* Footer */
 .footer_container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 142px 0 0 0;
}
 #footer-short {
     background: var(--header-background) !important;
     padding:0;
}
.footer_short_logo_holder {
    display:inline-block;width:25%;padding:6px;
}

.footer_internal_logos {
    text-align: center;
}

.footer_padding {
    padding-top: 12px;
    margin-bottom: -24px;
}
 .footer-social-container {
     margin:0 12px 0 0;
     display:inline-block;
     width:34px;
}
 .footer_socials {
     display: block;
     width: 100%;
     margin-bottom: 24px;
     text-align: center;
     margin-left: 12px;
}
 #footer-navigation {
     text-align: center;
     width: 100%;
}
#footer-short .copyright_text {
     color: var(--header-text-color);
     font-size: var(--font-size-footer) !important;
     line-height: var(--font-line-height-footer) !important;
     text-align: center;
     display: block    
}

 #footer-short ul {
     margin-top: 12px;
     display: block;
}
 #footer-short li {
     color: var(--header-text-color);
     font-size: var(--font-size-footer);
     line-height: var(--font-line-height-footer);
     list-style-type: none;
}

.bottom_footer {
    font-size: 12px;
    text-align: center;
}
.copyright_text {
    display:inline-block;
    margin-left: 6px;
}

.site_by {
    margin-left: 6px;
}

 .onepress-footer-menu {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .onepress-footer-menu li {
     display:inline-block;
}
 .onepress-footer-menu li a {
     color: var(--maincolor) !important;
     text-decoration: none;
}
 .onepress-footer-menu li a:hover {
     color: var(--maincolor) !important;
     text-decoration: underline;
}
 .onepress-footer-menu li:not(:last-child)::after {
     content: " | ";
     margin-left: 5px;
     margin-right: 5px;
}
.copyright_text a {
    color: var(--maincolor) !important;
    text-decoration: none;
}
.copyright_text a:hover {
    color:var(--maincolor) !important;
    text-decoration: underline;
}

form {
    margin: 0 !important;
}

@media (min-width: 768px) {
    .main-navigation ul ul li a, .secondary-navigation ul ul li a {
        width: 220px;
        margin-left: 6px;
    }
}

/*CF7*/
.wp-block-contact-form-7-contact-form-selector {
    background: var(--header-background);
    padding: 24px;
    color: #fff !important;
}
 .wpcf7-form {
     position: relative;
}
 .wpcf7-form label {
     margin-left: 4px;
}
 .wpcf7-form .wpcf7-select {
     border: 1px solid #d7d7d7;
     background: var(--body-background) !important;
     width: 100%;
     height: 44px;
     padding:12px 0;
     font-family: var(--body-font) !important;
     color: var(--body-font-color) !important;
     font-weight: 300 !important;
     font-size: 14px !important;
     line-height: 18px !important;
}
 .wpcf7-submit {
     color: var(--maincolor) !important;
     border-radius: 6px !important;
     border: 1px solid #1a1a1a !important;
     display: inline-block;
     padding: 10px 20px !important;
     background: transparent !important;
     text-align: center;
     margin: 24px 0;
     width: 200px;
     font-size: var(--font-size-body-button) !important;
     text-align: left;
     display: block;
}
 .wpcf7-submit:hover {
     background: var(--body-font-color) !important;
     color: #fff !important;
}
 .formsmall {
     font-size: var(--font-size-footer);
     line-height: var(--font-line-height-footer);
}
/*misc*/
 .downArrow {
     position: absolute;
     bottom: 16%;
     text-align: center;
     width: 72px;
     z-index: 99999999999;
     left: 50%;
     cursor: pointer;
     transform: translateX(-50%);
}
 .anc-scroll img {
     width: 100%;
     height: auto;
}
/* sub-head text */
 .altlh {
     font-size: var(--font-size-body-normal-alt);
     line-height: var(--font-line-height-body-normal-alt);
     font-family: var(--alt-font-small) !important;
     color: var(--body-font-color) !important;
     width: 80%;
     margin: 0 auto;
}

.form-left-section, .form-right-section {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    padding:0 12px;
}
@media screen and (max-width: 1024px) {
    .form-left-section, .form-right-section {
        display: block;
        width: 100%;
    }
}

 @media screen and (max-width: 600px) {
     .altlh {
         font-size: var(--font-size-body-normal-alt-mobile);
         line-height: var(--font-line-height-body-alt-mobile);
         width: 90%;
    }

    .bottom_footer {
        font-size: 12px;
        padding-bottom:48px;
    }

    .bottom_footer ul li {
        margin: 0;
        padding: 0;
    }
    .copyright_text {
        display:block;
        margin: 24px;
    }
    .site_by {
        margin-left:0;
    }

    .footer_short_logo_holder {
        display:inline-block;width:50%;padding:6px;
    }

    .wpcf7 {
        font-size: var(--font-size-body-normal-alt-mobile) !important;
        line-height: var(--font-line-height-body-alt-mobile) !important;
    }

    .hero_button_holder {
        margin: 24px auto 12px auto;
        text-align: center;
    }
    .hero80 .slide-text-wrapper, .hero100 .slide-text-wrapper {
        top: 33% !important;
    }
    .hero80 .downArrow, .hero100 .downArrow {
        bottom: 15% !important;
    }
    .hero80.mobileheight184 .slide-text-wrapper, .hero100.mobileheight184 .slide-text-wrapper {
        top: 50% !important;
    }
}
 .wp-block-spacer {
     height: 72px !important;
}
 @media screen and (max-width: 820px) {
     .wp-block-spacer {
        height: 12px !important;
    }
}

.skip-link {
     background: var(--header-background);
     color: var(--header-text-color);
     font-weight: 700;
     left: 50%;
     margin: 0 0 0 -58px;
     padding: 4px;
     position: absolute;
     z-index: 9999999;
     transform: translateY(-100%);
}
 .skip-link:focus {
     transform: translateY(0%);
}
 a.skip-link:link{
    color:var(--header-text-color) !important;
    text-decoration:none !important;
    font-weight:400;
    font-weight:300
}
 a.skip-link:visited{
    color:var(--header-text-color) !important;
    text-decoration:none !important;
    font-weight:400;
    font-weight:300
}
 a.skip-link:hover{
    color:var(--header-text-color) !important;
    text-decoration:none !important;
    font-weight:400;
    font-weight:300
}
 a.skip-link:active{
    color:var(--header-text-color) !important;
    text-decoration:none !important;
    font-weight:400;
    font-weight:300
}
 #cmplz-document {
     font-size: 16px !important;
     line-height: 20px !important;
}
 .cmplz-dropdown {
     margin-bottom: 10px !important;
}


html body .modula .modula-items .modula-item.effect-pufrobo .jtg-title {
    
    top: 12px !important;
    font-size: 12px !important;
    padding: 2px 4px !important;
    right: 12px !important;
    position: absolute !important;
    -webkit-transition: none !important;
    transition: none !important;
   -webkit-transform: none !important;
    transform: none !important;
    background: rgba(0,0,0,0.1) !important;
    display: inline-block !important;
   
    /* display: none !important; */
}

html body .modula .modula-item.effect-pufrobo p.description {
    display: none !important;
}
html body .modula .modula-item.effect-pufrobo .jtg-title, html body .modula .modula-item.effect-pufrobo p {
    position: initial !important;
    left: initial !important;
}
html body .modula .modula-item.effect-pufrobo .jtg-title::after {
    position: initial !important;
    top: 80%;
    left: 0;
    width: 100%;
    height: 0 !important;
    background: transparent !important;
    content: '';
    -webkit-transform: none;
    transform: none;
}
.modula-items .figc p.description {
    /* display:none !important; */
     top: 12px !important;
    font-size: 12px !important;
    padding: 2px 4px !important;
    right: 12px !important;
    position: absolute !important;
    -webkit-transition: none !important;
    transition: none !important;
   -webkit-transform: none !important;
    transform: none !important;
    background: rgba(0,0,0,0.1) !important;
    display: inline-block !important; 
}
html body .modula .modula-item.effect-pufrobo .jtg-title:after, html body .modula .modula-item.effect-pufrobo p {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    opacity: 1 !important;
    margin-right: 12px !important;
    letter-spacing: 0 !important;
}
html body .modula .modula-item.effect-pufrobo:hover .jtg-title:after, html body .modula .modula-item.effect-pufrobo:hover p {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    opacity: 1 !important;
    margin-right: 12px !important;
    letter-spacing: 0 !important;
}
a.socials {
    color: var(--maincolor) !important;
    text-decoration: none;
    font-size: 28px;
}

a.socials:hover {
    color: var(--maincolor) !important;
    text-decoration: none;
}

.resultstable {
    display: table;
    padding: 6px;
    text-align: center;
    margin: 48px auto;
}
.resultstr {
    display: table-row;
}
.resultstr.odd {
    background: #cdcccc;
}
.resultstr.even {
    background: #f7f6f6;
}
.resultstd {
    display: table-cell;
    padding: 6px;
    margin: 4px;
}

.our-blog-image {
    display:inline-block;width:25%;margin-right:24px;vertical-align: top;position:relative;
}

.blog_item_date {
    margin-bottom: 12px;
}

.news_item_copyright {
    font-size: 12px;
    display: inline-block;
    padding: 4px 6px;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #fff;
    background: rgba(0,0,0,0.1);
}
.our-blog-image img {
    border: 4px solid #fff;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 50%);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}
.blog-grid-text {
    display:inline-block;width: 70%;
}
.blog_item_title {
    font-size:36px;
    line-height: 40px;
}

.left-column {
    width: 100%;
}

.right-column {
    width: 100%;
}

.slider {
    height: 300px;
}

p.has-background {
    padding: 24px !important;
}

.has-medium-font-size {
    font-size: 24px !important;
    line-height: 28px !important;
}

@media screen and (max-width: 600px) {
    .has-medium-font-size {
        font-size: 18px !important;
        line-height: 22px !important;
    }
}

.programme_image_left, .programme_image_right {
    display:inline-block;
    padding: 24px;
    width: 50%;
    vertical-align:top;
    position: relative;
}
.programme_image_left img {
    width: 100%;
}

.singlepr .programme_item_copyright {
    font-size: 10px;
    display: inline-block;
    padding: 2px 4px;
    position: absolute;
    top: 36px;
    right: 36px;
    color: #fff;
    background: rgba(0,0,0,0.1);
}

.singlepr .programme_date {
    text-align: center;
font-size: 24px;
margin-bottom: 36px;
}

.shadowpi picture img {
    border: 4px solid white;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 50%);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.singlepr .programme_location {
    display: block;
    margin:36px 0;
}

.singlepr h1 {
    text-align: center;
}


@media screen and (max-width: 600px) {
    .programme_image_left, .programme_image_right {
        display:block;
        padding: 0;
        width: 100%;
    }

    .programme_image_left {
        margin: 24px 0;
    }

    .singlepr .programme_item_copyright {
        top: 12px;
        right: 12px;
    }

    .singlepr .programme_date {
        margin-bottom: 18px;
    }

    .resultstable {
        overflow-x: auto;
        font-size: 12px;
        line-height: 16px;
    }

    .our-blog-image, .blog-grid-text { 
        width: 100%;
        margin-bottom: 24px;
    }
}

.firstplace img {
    width: 100%;
    border: 4px solid #fff;
}

.otherplace {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 12px;
}

.otherplace img {
    border: 4px solid #fff;
}

.otherplace .cg_item_copyright  {
    margin: 12px;
}

@media screen and (max-width: 600px) {
    .otherplace,  .firstplace {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
    }

    .otherplace .cg_item_copyright, .firstplace .cg_item_copyright {
        margin: 0;
    }
}

.cg_item_copyright {
    font-size: 12px;
    display: inline-block;
    padding: 4px 6px;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #fff;
    background: rgba(0,0,0,0.1);
}

html body .modula.modula-columns .modula-items.grid-gallery.justified-gallery .modula-item .modula-item-content .pic {
border: 4px solid #fff !important;
}

.ppw-ppf-desc {
    display: block;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 48px;
}

.ppw-pwd-submit-btn {
    font-size: 24px;
    border: 0 !important;
    padding: 12px;
}

.ppw-ppf-field-container input {
    max-width: 300px !important;
    min-width: 300px !important;
    display: block;
}
a.simplelink {
    color: var(--maincolor);
    text-decoration: none;
}

a.simplelink:hover {
    color: var(--maincolor);
    text-decoration: underline;
}

a.forum_link {
    display: inline-block;
    margin-left: 0;
    padding: 4px 6px;
    color: #fff !important;
    font-size: 14px;
    border: 1px solid #fff;
    text-decoration: none;
}

a.forum_link:hover {
    color: var(--maincolor) !important;
    background :#fff;
    border: 1px solid #fff;
    text-decoration: none;
}

@media screen and (max-width: 820px) {
    a.forum_link {
        font-size: var(--font-size-mobile-menu) !important;
        line-height: var(--font-line-height-mobile-menu) !important;
    }
}

.gotoallevent {
    margin: 24px 0 !important;
    font-size: 16px; 
}

.swiper {
    width: 100%;
    height: 100%;
    max-width: 500px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: 16px;
    margin-top: 0;
    line-height: 20px;
}

.newtwitter {
    background: #fff;
    border-radius: 4px;
    padding: 10%;
    display: inline-block;
    color: var(--header-background) !important;
    vertical-align: bottom;
    margin-bottom: 2px;
}

.recap {
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
}