/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --spacing-0-5: 0.125rem;
    --spacing-1: 0.25rem;
    --spacing-1-5: 0.375rem;
    --spacing-2: 0.5rem;
    --spacing-2-5: 0.625rem;
    --spacing-3: 0.75rem;
    --spacing-3-5: 0.875rem;
    --spacing-4: 1rem;
    --spacing-4-5: 1.125rem;
    --spacing-5: 1.25rem;
    --spacing-5-5: 1.375rem;
    --spacing-6: 1.5rem;
    --spacing-6-5: 1.625rem;
    --spacing-7: 1.75rem;
    --spacing-7-5: 1.875rem;
    --spacing-8: 2rem;
    --spacing-8-5: 2.125rem;
    --spacing-9: 2.25rem;
    --spacing-9-5: 2.375rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
    --spacing-14: 3.5rem;
    --spacing-16: 4rem;
    --spacing-18: 4.5rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-28: 7rem;
    --spacing-32: 8rem;
    --spacing-36: 9rem;
    --spacing-40: 10rem;
    --spacing-44: 11rem;
    --spacing-48: 12rem;
    --spacing-52: 13rem;
    --spacing-56: 14rem;
    --spacing-60: 15rem;
    --spacing-64: 16rem;
    --spacing-72: 18rem;
    --spacing-80: 20rem;
    --spacing-96: 24rem;
    --container-max-width: 1600px;
    --container-narrow-max-width: 1350px;
    --container-gutter: var(--spacing-5);
    --section-outer-spacing-block: var(--spacing-12);
    --section-inner-max-spacing-block: var(--spacing-10);
    --section-inner-spacing-inline: var(--container-gutter);
    --section-stack-spacing-block: var(--spacing-8);
    --grid-gutter: var(--spacing-5);
    --product-list-row-gap: var(--spacing-8);
    --product-list-column-gap: var(--grid-gutter);
    --input-gap: var(--spacing-2);
    --input-height: 2.625rem;
    --input-padding-inline: var(--spacing-4);
    --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));
    --transform-logical-flip: 1;
    --transform-origin-start: left;
    --transform-origin-end: right;
    --heading-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --heading-font-weight: 400;
    --heading-font-style: normal;
    --heading-text-transform: normal;
    --heading-letter-spacing: -0.01em;
    --text-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --text-font-weight: 400;
    --text-font-style: normal;
    --text-letter-spacing: 0.0em;
    --text-h0: 2.5rem;
    --text-h1: 1.75rem;
    --text-h2: 1.5rem;
    --text-h3: 1.375rem;
    --text-h4: 1.125rem;
    --text-h5: 1.125rem;
    --text-h6: 1rem;
    --text-xs: 0.6875rem;
    --text-sm: 0.75rem;
    --text-base: 0.875rem;
    --text-lg: 1.125rem;
    --accent: 0 68 136;
    --text-primary: 39 39 39;
    --background-primary: 255 255 255;
    --dialog-background: 255 255 255;
    --border-color: var(--text-color, var(--text-primary)) / 0.12;
    --button-background-primary: 0 68 136;
    --button-text-primary: 255 255 255;
    --button-background-secondary: 74 144 226;
    --button-text-secondary: 255 255 255;
    --success-background: 230 239 230;
    --success-text: 46 125 50;
    --warning-background: 252 240 228;
    --warning-text: 230 126 34;
    --error-background: 250 230 230;
    --error-text: 214 48 49;
    --on-sale-text: 232 65 24;
    --on-sale-badge-background: 232 65 24;
    --on-sale-badge-text: 255 255 255;
    --sold-out-badge-background: 149 165 166;
    --sold-out-badge-text: 0 0 0;
    --primary-badge-background: 0 68 136;
    --primary-badge-text: 255 255 255;
    --star-color: 241 196 15;
    --product-card-background: 255 255 255;
    --product-card-text: 39 39 39;
    --header-background: 39 39 39;
    --header-text: 242 242 242;
    --footer-background: 242 242 242;
    --footer-text: 39 39 39;
    --rounded-xs: 0.25rem;
    --rounded-sm: 0.375rem;
    --rounded: 0.75rem;
    --rounded-lg: 1.5rem;
    --rounded-full: 9999px;
    --rounded-button: 3.75rem;
    --rounded-input: 0.5rem;
    --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1);
    --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1);
    --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1);
    --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1);
    --stagger-products-reveal-opacity: 0;
        --text-color: var(--text-primary);
}
.content-single-post .col>.col-inner{
    border-radius: .7em;
    overflow: hidden;
}

.class-loader.active{
  position: absolute;
  width: 100%;
  background: black;
  height: 100%;
  opacity: 0.7;
  z-index: 1000000;
}
.class-loader.active .loader{
  left: 50%;
  position: relative;
  top: 15%;
  margin-top: 10em;
  display: block;
}

.content-single-post .item-text .col-inner{
    background: rgb(39, 39, 39);
    color: #fff;
    display: flex;
    padding: 0 5rem;
    align-items: center;
}
.text-gradient h2{
    font-size: 4em;
    letter-spacing: 0;
    line-height: 1;
        margin-bottom: 0;
    background-image: linear-gradient(90deg, rgba(1, 12, 70, 1), rgba(24, 63, 149, 1) 100%);
    color: #0000;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-background-clip: text;
    background-clip: text;
}

form.cart .buttons_added{
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-radius: 3.75rem;
    border-color: rgb(39 39 39 / .12);
    display: inline-block;
    border: 1px solid rgb(39 39 39 / .12);
}
form.cart .buttons_added .ux-quantity__button{
    padding: 0 1rem;
    border: none;
    background: transparent !important;
    box-shadow: none;
}
form.cart .buttons_added input[type=number]{
        border: none;
        box-shadow: none;
}
form.cart .single_add_to_cart_button{
    display: block;
    width: 100%;
    padding-block-start: 1.075rem;
    padding-block-end: 1.075rem;
    padding-block-start: 0.75rem;
    padding-block-end: 0.75rem;
    padding-inline-start: var(--spacing-10);
    padding-inline-end: var(--spacing-10);
    -webkit-appearance: none;
    border-radius: var(--rounded-button);
    background-color: rgb(0 68 136 / 1);
    color: #fff;
    text-transform: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}