/*
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: 'Quicksand';
    src: url('./assets/fonts/Quicksand/static/Quicksand-Regular.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Raleway';
    src: url('./assets/fonts/Raleway/static/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Raleway Bold';
    src: url('./assets/fonts/Raleway/static/Raleway-Bold.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Raleway Italic';
    src: url('./assets/fonts/Raleway/static/Raleway-Italic.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
  }
  
:root {
    --main-width:100%;
    --restricted-width: 1200px;
    --special-font: Quicksand, arial;
    --header-font: Raleway, arial, sans-serif;
    --body-font: Raleway, arial, sans-serif; 
    --body-alt-font: Raleway, arial, sans-serif;
    --body-font-color: #000;
    --body-background: #ffffff;
    --header-background: #fff;
    --header-text-color: #000;
    --slider-text-color: #ffffff;
    --body-color-other: #fff;
     --font-size-h1: 46px;
     --font-size-h1-line-height: 52px;
     --font-size-h1-mobile: 24px;
     --font-size-h1-line-height-mobile: 28px;
     --font-size-h2: 30px;
     --font-size-h2-line-height: 34px;
     --font-size-h2-mobile: 22px;
     --font-size-h2-line-height-mobile: 26px;
     --font-size-h3: 26px;
     --font-size-h3-line-height: 30px;
     --font-size-h3-mobile: 20px;
     --font-size-h3-line-height-mobile: 24px;
     --font-size-h4: 20px;
     --font-size-h4-line-height: 24px;
     --font-size-h4-mobile: 20px;
     --font-size-h4-line-height-mobile: 24px;
     --font-size-h5: 18px;
     --font-size-h5-line-height: 22px;
     --font-size-body-normal: 18px;
     --font-line-height-body-normal: 24px;
     --font-size-body-normal-mobile: 18px;
     --font-line-height-body-normal-mobile: 24px;
     --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;
     --alt-font-small: 12px;
     --alt-font-small-line-height: 14px;
     --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%;
}

/* For images */
img:focus {
    border: 2px solid blue;
  }
  
  /* For menu items (e.g., links or buttons in a menu) */
  .menu-item:focus {
    border: 2px solid blue;
  }

 *, *::before,*::after {
     box-sizing: border-box;
}
 html {
     padding: 0;
     margin: 0;
     width: 100%;
     height: 100%;
}
 body {
     font-family: var(--body-font) !important;
     color: var(--body-font-color) !important;
     font-size: var(--font-size-body-normal) !important;
     line-height: var(--font-line-height-body-normal) !important;
     margin: 0;
     padding: 0;
     font-weight: 300;
     background: var(--body-background);
     overflow-x:hidden;
}

p {
    display: block;
    padding: 0 0 12px 0;
    margin: 0;
    word-break: normal; /* Ensures regular text doesn’t break unnaturally */
}

.url-wrap {
    word-break: break-all; /* Breaks long words (like URLs) at any character */
    /* Or use: overflow-wrap: break-word; for slightly different behavior */
    display: inline; /* Keeps it in the flow of text */
  }
  


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

.wp-block-spacer.spaceholder {
    height: 6px !important;
}

.clouds {
    animation: slideUp 2s ease forwards; /* Runs on load */
  }
  
  @keyframes slideUp {
    from {
      bottom: -100px; /* Start position */
    }
    to {
      bottom: 0; /* End position */
    }
  }

#main {
    padding-top: 24px;
}

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

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

    #main {
        padding-top: 36px;
    }

    h2 {
        padding: 0 !important;
        margin: 0 !important;
    }

    .paralax_content {
        padding: 60px 12px;
    }
}

.icon-menu-icon-holder a {
    color: #000 !important;
    text-decoration: none;
}

.icon-menu-icon-holder a:hover {
    color: #000 !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;
}

/* 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;
}
 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 :44px;
     font-weight: 300;
     margin-top: 6px;
     font-size: 16px;
     border: 0;
     margin-bottom: 12px;
     color: #000;
     border: 1px solid #d7d7d7;
     background:transparent;
     box-sizing: border-box;
     font-family: var(--header-font);
     appearance: none !important;
    -webkit-appearance: none !important;
    border-radius: 0;
}

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;
     font-family: 'Raleway Bold';
}
 blockquote {
     clear: both;
     margin: 20px 0;
     font-size: 24px;
}
 .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;
     font-family: 'Raleway 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:var(--header-text-color);
     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);
     letter-spacing: 0;
     font-weight: 300;
}
 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;
}
 textarea {
     resize: vertical;
     min-height: 130px;
}
 select {
     padding: 10px;
     font-size: 18px;
     height: 46px;
     min-width: 300px;
     font-family: 'Quicksand', arial, sans-serif;
     border: 1px solid #000;
}
 ::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;
     border: 0 !important;
}
 .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);
    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: 10px 20px;
    font-size: 16px;
}

.extra-textfield {
    display: none;
}

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

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

.productx .add_to_cart_button {
    text-align: center;
    display: block;
    margin-top: 12px;
    width: 100%;
}

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

.product-image {
    position: relative;
}

.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;
}

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

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

@media screen and (max-width: 1200px) {
    .productx {
        width: 30%;
    }
/* .clouds {
    z-index: 2147483647;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 150px;
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://metropoliswebdesign.co.uk/clouds.webp);
} */
}

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


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

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

    .productx h2.woocommerce-loop-product__title {
        font-size: 16px !important;
        line-height: 18px !important;
        height: 60px;
    }

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

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

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



.sixty {
    width: 40%;
    margin-top:48px !important;
    display:flex !important;
}

.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 #000; }
.single-product div.product p.price { 
    margin: 0;
}
.extra-textfield {
    display: block;
}

.categories {
    display: block;
}

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

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

.care {
    font-style: italic;
}

.single_add_to_cart_button {
    padding: 8px !important;
}

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

.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: var(--cmplz_button_accept_text_color) !important;
}
 a {
     color: #000 !important;
     text-decoration: none;
     font-weight: bold;
}
 a:hover {
     color: #000 !important;
     text-decoration: underline;
     font-weight: bold;
}
 /* a:focus:not(:focus-visible) {
     outline: none;
} */
 #main #hero .container {
     margin:0;
     padding: 0;
}
 .marginator {
     margin-top:200px;
}
 .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: 50%;
     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);
     font-size: 72px !important;
     line-height:80px !important;
     font-weight: 400;
     font-family: 'Raleway Bold' !important;
     margin: 0;
     opacity: var(--opacity-text);
     letter-spacing: 0px;
}
 .slide-text-wrapper .section-desc-strap {
     color:var(--slider-text-color);
     font-family: var(--header-font);
     font-size: 30px;
     line-height: 34px;
     font-weight: 400;
     opacity: var(--opacity-text);
     padding-top: 24px;
}
.hero_copyright {
    font-size: 12px;
    color: #fff;
    position: absolute;
    bottom: 36px;
    right: 24px;
    display:inline-block;
}
.hero_copyright_mobile { 
    display: none;
}


@media screen and (max-width: 600px) {

    #main > :not(.full_width, .wp-block-spacer) {
        padding: 0 !important;
    }

    #main .site_blue, #main .site_pink {
        padding: 12px !important;
    }

    .hero_copyright {
        display:none;
    }
    .hero_copyright_mobile {
        font-size: 12px;
        color: #fff;
        position: absolute;
        top: 24px;
        right: 24px;
        display:inline-block;
    }

    .sixty {
        width:100%;
    }
}
 .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: 124px;
     padding: 0;
     background-color: #fff;
     -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.6);
     box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.6); 
}

.bluegradient {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(255,255,255) 35%, rgba(255,255,255,1) 100%) !important;
}

.single-post #masthead, .error404 #masthead {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(255,255,255) 35%, rgba(255,255,255,1) 100%) !important;
}
 .logo_strap {
     display: inline-block;
}
 .logo_strap_mobile {
     display: none;
}
 .logo_head_new {
     width: 240px;
     margin: 12px auto 0 auto;
}
 .logo_head_new img {
     width: 100%;
     height: auto;
}

.icc {
    border-radius: 50%;
}

 .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;
}

.whitetext a {
    color: #fff !important;

}

.whitetext a:hover {
    color: #fff !important;
    
}
 #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;
}

.content-area, .widget-area {
    margin-bottom: 0;
}


 @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;
     width: 100% !important;
     margin-top:124px;
}

@media screen and (max-width: 600px) {
    .myslickhero {
        position: relative;
        z-index: 1;
        width: 100% !important;
        margin-top:0;
   }
}

 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;
}
/* 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;
}
 .processslick .slick-prev:hover {
     background: none;
}
 .processslick .slick-next {
     right: 20%;
     width: 60px;
}
 .processslick .slick-next:hover {
     background: none;
}
 .heroslidecount1 .slick-dots {
     display:none !important;
}
 .darkenhero {
     filter: brightness(0.75);
}
 .herooverlay {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.4);
}
#sticky_footer {
    position: fixed;
    color: #fff;
    background:#e6fffd;
    width: 100%;
    z-index: 99999;
    bottom: 0;
    left: 0;
    border-top: 1px solid #fff;
    height: 44px;
    font-size: 18px;
    text-align: center;
    padding-top: 8px;
    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: 0;
         margin: 0;
         vertical-align: top;
         width: 100%;
    }
     .logo_strap_mobile .logo_head_new {
         height: 60px;
         width: auto;
         margin: 0;
         left: 0;
         position: absolute;
    }
    .logo_head_new img {
        width: 145px;
        height: auto;
    }
}
h1, h2, h3, h4, h5, h6 {
     font-family: var(--special-font) !important;
}
h1 {
     font-size: var(--font-size-h1) !important;
     line-height:var(--font-size-h1-line-height) !important;
     font-weight: 700;
     letter-spacing: 1px;
     color: var(--font-color-h1);
     padding: 0;
     margin: 0 auto 24px auto !important;
}
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);
}
h3 {
     font-size: var(--font-size-h3) !important;
     line-height: var(--font-size-h3-line-height) !important;
     font-weight: 400;
     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: var(--font-size-h5) !important;
    line-height: var(--font-size-h5-line-height) !important;
    font-weight: 400;
    padding: 0;
    margin: 0 0 24px;
}

.sihmheading a {
    color: #000 !important;
}
.sihmheading a:hover {
    color: #000 !important;
}
 @media screen and (max-width: 1024px) {
     #masthead {
         padding: 0;   
         height: 64px;
         position: fixed;
         top: 0;
         background: var(--header-background) !important;
    }

    .desktop-social-and-menu {
        display: none !important;
    }
     h1 {
         font-size: var(--font-size-h1-mobile) !important;
         line-height: var(--font-size-h1-line-height-mobile) !important;
         font-family: 'Raleway Bold' !important;
         /* margin: 0 auto 20px auto !important;
         padding: 6px 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;
         font-family: 'Raleway Bold' !important;
    }
     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;
    }

    .privacy-policy h3, .privacy-policy h4 { 
        text-align:left !important;
    }

     .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);
     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;
}
.desktop-social {
    display:block;
    float:right;
    margin-top:24px;
}
@media screen and (max-width: 820px) {
    .desktop-social-and-menu {
        display:none;
    }
    .desktop-social {
        display:none;
    }
}

.shopbasket {
    font-size: 20px;
    margin-top: 10px;
    display: inline-block;
}

/* Site Navigation */
 .onepress-menu, .onepress-menu * {
     margin: 0;
     padding: 0;
     list-style: none;
     display: inline-block;
}
 .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(--header-text-color) !important;
     font-family: var(--header-font);
     text-decoration: none;
     margin: 0 12px;
}
 @media screen and (min-width:1024px) {
     .onepress-menu a:hover, .onepress-menu .onepress-current-item a {
         color: var(--header-text-color) !important;
    }
     .onepress-menu .onepress-current-item a {
         border-bottom: 2px solid #fff !important;
    }
     .onepress-menu .sub-menu a:hover, .onepress-menu .onepress-current-item .sub-menu a {
         color: #000 !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: #000;
     width: 24px;
}
 #mobile_menu ul, #mobile_menu li {
     margin: 0 0 !important;
}
 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:var(--header-text-color);
     padding-top: 0px;
     left: 50%;
     margin-left: -90px;
     width: 200px !important;
}
 .sub-menu li {
     text-align: center;
}
 .sub-menu a {
     border-bottom: none !important;
     color: #000 !important;
}
 #site-navigation>ul>li>ul:before {
     content: '';
     display: block;
     border-color: transparent transparent var(--header-text-color);
     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: 30px;
     font-weight: 700;
     letter-spacing: 1px;
}
 .onepress-menu > .menu-item > a:focus {
     color:var(--header-text-color) !important;
}
 .onepress-menu > .menu-item:not(.bordered) > a:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 4px;
     height: 2px;
     width: 0;
     background-color: var(--header-text-color);
}
 .onepress-menu > .menu-item.current-menu-item:not(.bordered) > a:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 4px;
     height: 2px;
     width: 100%;
     background-color: var(--header-text-color);
}
 .onepress-menu>.menu-item.bordered > a:focus {
     color: var(--header-background);
}
 .hero_button1 a, .bordered a {
     border: 1px solid var(--slider-text-color);
     border-radius: 6px;
     margin-top: -6px;
     font-family: var(--alt-font);
     font-size: 16px;
     padding: 10px 20px 8px 20px !important;
     line-height: 16px;
     letter-spacing: 0;
}
 .hero_button1 a {
     color: var(--slider-text-color) !important;
     text-decoration: none;
}
 .hero_button1 a:hover {
     background: var(--slider-text-color) !important;
     color: #000 !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);
     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;
}

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

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

/* Media Queries */
 @media screen and (max-width: 1024px) {
    .marginator {
         margin-top:80px;
    }
    .hide-mobile {
         display: none;
    }
    #main {
         padding: 12px;
    }
    .sub-menu {
         display: none;
    }
    .menu-toggle {
         float: right;
         display :inline-block;
         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: 0px !important;
    }
    
     .slide-text-wrapper .section-desc, .slide-text-wrapper h1.section-desc {
         padding: 12px 0 ;
         font-size: var(--font-size-h1-mobile) !important;
         line-height: var(--font-size-h1-line-height-mobile) !important;
         opacity: var(--opacity-text);
         margin: 0 auto;
         letter-spacing: 0;
    }
     .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);
         padding-top:6px;
    }

    .hero_button1 a, .bordered a {
        border: 1px solid var(--slider-text-color);
        border-radius: 6px;
        margin-top: -6px;
        font-family: var(--alt-font);
        font-size: 12px;
        padding: 8px !important;
        line-height: 16px;
        letter-spacing: 0;
    }
}
 @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 screen and (max-width:1024px) {
     #nav-toggle {
         display: block;
    }
     .main-navigation .onepress-menu {
         display: none;
    }
     .sub-menu {
         width: 100%;
         padding-top: 12px;
         left: initial;
         padding: 0;
         background: initial;
         font-size: 18px;
    }
     .sub-menu li, .onepress-menu li .sub-menu a {
         padding: 0 !important;
         margin: 0 0 0 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: 48px 12px 24px 12px;
     display: none;
}
.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:44px;
}
 .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: #000 !important;
     text-decoration: none;
}
 .onepress-footer-menu li a:hover {
     color:#000 !important;
     text-decoration: underline;
}
 .onepress-footer-menu li:not(:last-child)::after {
     content: " | ";
     margin-left: 5px;
     margin-right: 5px;
}
.copyright_text a {
    color: #000 !important;
    text-decoration: none;
}
.copyright_text a:hover {
    color:#000 !important;
    text-decoration: underline;
}

/*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: #000 !important;
     border-radius: 6px !important;
     border: 1px solid #000 !important;
     display: inline-block;
     padding: 10px 20px !important;
     background: transparent !important;
     text-align: center;
     margin: 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;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}

.wpcf7-form label {
    font-weight: bold;
}

 .formsmall {
     font-size: var(--font-size-footer);
     line-height: var(--font-line-height-footer);
}
/*misc*/
 .downArrow {
     position: absolute;
     bottom: 5%;
     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(--body-alt-font) !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;
    }

    .bottom_footer ul li {
        margin: 0;
        padding: 0;
    }
    .copyright_text {
        display:block;
        margin-bottom:48px;
    }
    .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: 50% !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: 6px !important;
    }

    .wp-block-spacer.spaceholder {
        height: 6px !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: #000 !important;
    text-decoration: none;
    font-size: 36px;
}

a.socials:hover {
    color: #000 !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;
}

.single-post .blog_item_date {
    margin-top: 48px !important;
}

.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: 20px !important;
        line-height: 24px !important;
    }

    .blog_item_title {
        font-size:24px;
        line-height: 28px;
    }
}

.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: 96%;
        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: #000;
    text-decoration: none;
}

a.simplelink:hover {
    color: #000;
    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: #000 !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;
}

.swiper {
    width: 100%;
    height: 100%;
    max-width: 600px;
}
.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;
}



.link-consent {
	font-size: 10px;
}