/*
 Theme Name: Osiris
 Description: Osiris theme
 Author: Caleb
 Template: hello-elementor
 Version: 2.0.0
*/

/* Theme variables */
:root{
    /* Font Family */
    --theme-font-family: "Ebony";

    /* H1 */
    --theme-font-size-h1: 58px;
    --theme-font-weight-h1: 500;
    --theme-line-height-h1: 58px;
    --theme-letter-spacing-h1: 0px;

    /* H2 */
    --theme-font-size-h2: 48px;
    --theme-font-weight-h2: 500;
    --theme-line-height-h2: 48px;
    --theme-letter-spacing-h2: 3%;

    /* H3 */
    --theme-font-size-h3: 32px;
    --theme-font-weight-h3: 500;
    --theme-line-height-h3: 32px;

    /* H4 */
    --theme-font-size-h4: 24px;
    --theme-font-weight-h4: 500;
    --theme-line-height-h4: 27.84px;

    /* H5 */
    --theme-font-size-h5: 20px;
    --theme-font-weight-h5: 500;
    --theme-line-height-h5: 26px;

    /* H6 */
    --theme-font-size-h6: 16px;
    --theme-font-weight-h6: 500;
    --theme-line-height-h6: 20.8px;

    /* Body */
    --theme-font-family-body: "Inter";
    --theme-font-size-body: 18px;
    --theme-font-weight-body: 400;
    --theme-line-height-body: 25.2px;
    --theme-letter-spacing-body: -0.36px;

    /* Body (sm) */
    --theme-font-family-body-sm: "Inter";
    --theme-font-size-body-sm: 14px;
    --theme-font-weight-body-sm: 400;
    --theme-line-height-body-sm: 19.6px;
    --theme-letter-spacing-body-sm: -0.28px;

    /* Highlight text */
    --theme-font-size-highlight-text: 20px;
    --theme-font-weight-highlight-text: 600;
    --theme-line-height-highlight-text: 30px;

    /* Highlight text-1 */
    --theme-font-size-highlight-text-1: 24px;
    --theme-font-weight-highlight-text-1: 600;
    --theme-line-height-highlight-text-1: 31.2px;

    /* Action */
    --theme-font-size-action: 16px;
    --theme-font-weight-action: 500;
    --theme-line-height-action: 16px;
    --theme-letter-spacing-action: -0.16px;

    /* Action (sm) */
    --theme-font-size-action-sm: 14px;
    --theme-font-weight-action-sm: 400;
    --theme-line-height-action-sm: 19.6px;
    --theme-letter-spacing-action-sm: -0.28px;

    /* Information */
    --theme-font-size-information: 14px;
    --theme-font-weight-information: 400;
    --theme-line-height-information: 16.8px;

    /* Overline      */
    --theme-font-size-overline: 24px;
    --theme-font-weight-overline: 400;
    --theme-line-height-overline: 31.2px;
    --theme-letter-spacing-overline: 6px;

    /* Date */
    --theme-font-size-date: 16px;
    --theme-font-weight-date: 400;
    --theme-line-height-date: 20.8px;
    --theme-letter-spacing-date: 6px;
}
/* Mobile */
@media only screen and (max-width:767px) {
    :root{
        /* H1 */
        --theme-font-size-h1: 40px;
        --theme-line-height-h1: 40px;

        /* H2 */
        --theme-font-size-h2: 36px;
        --theme-line-height-h2: 36px;
        --theme-font-weight-h2: 500;
        --theme-letter-spacing-h2: -0.72px;

        /* H4 */
        --theme-font-size-h4: 20px;
        --theme-line-height-h4: 24px;
        --theme-font-weight-h4: 500;
        --theme-letter-spacing-h4: -1%;

        /* H5 */
        --theme-font-size-h5: 20px;
        --theme-line-height-h5: 130%;
        --theme-font-weight-h5: 500;
        --theme-letter-spacing-h5: 0%;

        /* H6 */
        --theme-font-size-h6: 14px;
        --theme-line-height-h6: 100%;
        --theme-font-weight-h6: 500;
        --theme-letter-spacing-h6: 0%;

        /* Body */
        --theme-font-size-body: 16px;
        --theme-line-height-body: 140%;
        --theme-font-weight-body: normal;
        --theme-letter-spacing-body: -2%;

        /* Date */
        --theme-font-size-date: 14px;
        --theme-line-height-date: 130%;
        --theme-letter-spacing-date: 7.8px;

        /* Action */
        --theme-font-size-action: 16px;
        --theme-line-height-action: 100%;
        --theme-font-weight-action: 500;
        --theme-letter-spacing-action: -1%;
    }
}

/* Anything that reads Elementor globals must live under the kit scope */
:where(body[class*="elementor-kit-"]) {
    /* Colors */
    --theme-color-primary: var(--e-global-color-primary);
    --theme-color-secondary: var(--e-global-color-secondary);
    --theme-color-text: var(--e-global-color-text);
    --theme-color-accent: var(--e-global-color-accent);
  
    /* Custom mapped to Elementor hashed tokens */
    --theme-color-tertiary: var(--e-global-color-ca88e31);
    --theme-color-text-accent: var(--e-global-color-5cdcd5e);
    --theme-color-text-inverse: var(--e-global-color-6a7a11c);
    --theme-color-background: var(--e-global-color-c405b31);
  }

/* ==================================  
 * Margins
 * ================================== */
/* Margin control */
p:last-child{
	margin-bottom:0px;
}
h1, h2, h3, h4, h5, h6, p{
    margin:0px !important;
}

/* ==================================  
 * Images: Aspect Ratios
 * ================================== */
img.fourThree{
	aspect-ratio: 4/3;
	object-fit: cover;
}

/* Swiper.js */
.swiper-container{
    overflow: hidden;
}