@import url(./imports/fonts.css);

/** Frontend Generic Styles */
html,
body {
    min-height: 100%;
    max-height: max-content;
    min-width: 100%;
    max-width: 100%;
}

body,
form,
fieldset,
.sozo-default-text {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: clamp(0.6rem, 1.2vw, 2.3rem);
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
}

body > main:first-of-type {
    min-height: 25vmax;
}

.sozo-theme-swiper .swiper-pagination-bullet,
.sozo-theme-pagination .swiper-pagination-bullet {
    background-color: var(--grey-color);
    border: 1px solid var(--grey-color);
}
.sozo-theme-swiper .swiper-pagination-bullet-active,
.sozo-theme-pagination .swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

/*- SWIPER FADE */
.sozo-swiper-fade-prev::before,
.sozo-swiper-fade-next::after {
    content: "";
    position: absolute;
    top: 0;
    width: 40px; /* default width */
    height: 100%;
    z-index: 10;
    pointer-events: none;
}
.sozo-swiper-fade-prev::before {
    left: 0;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.75) 40%,
        transparent 100%
    );
}
.sozo-swiper-fade-next::after {
    right: 0;
    background: linear-gradient(
        to left,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.75) 40%,
        transparent 100%
    );
}
/* SWIPER FADE -*/

/*- SCALES */
.scale-200 {
    scale: 2;
}
.scale-175 {
    scale: 1.75;
}
.scale-150 {
    scale: 1.5;
}
.scale-125 {
    scale: 1.25;
}
.scale-100 {
    scale: 1;
}
.scale-75 {
    scale: 0.75;
}
.scale-50 {
    scale: 0.5;
}
.scale-25 {
    scale: 0.25;
}
/* SCALES */

/*- FONTS */
*.fontfamily-poppins {
    font-family: "Poppins", sans-serif;
}
*.fontfamily-poppins[-force-sozo-style] {
    font-family: "Poppins", sans-serif !important;
}
*.fontfamily-quantico {
    font-family: "Quantico", sans-serif;
}
*.fontfamily-quantico[-force-sozo-style] {
    font-family: "Quantico", sans-serif !important;
}
*.fontfamily-noxabold {
    font-family: "Noxabold", sans-serif;
}
*.fontfamily-noxabold[-force-sozo-style] {
    font-family: "Noxabold", sans-serif !important;
}
*.fontfamily-redrose {
    font-family: "Red Rose", sans-serif;
}
*.fontfamily-redrose[-force-sozo-style] {
    font-family: "Red Rose", sans-serif !important;
}
*.fontfamily-montserrat {
    font-family: "Montserrat", sans-serif;
}
*.fontfamily-montserrat[-force-sozo-style] {
    font-family: "Montserrat", sans-serif !important;
}
*.fontfamily-plusjakartasans {
    font-family: "Plus Jakarta Sans", sans-serif;
}
*.fontfamily-plusjakartasans[-force-sozo-style] {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}
/* FONTS -*/

/*- COLORS */
.text-sozo-primary {
    color: var(--primary-color);
}
.text-sozo-primary[-force-sozo-style] {
    color: var(--primary-color) !important;
}
.text-sozo-secondary {
    color: var(--secondary-color);
}
.text-sozo-secondary[-force-sozo-style] {
    color: var(--secondary-color) !important;
}
/* COLORS -*/

/*-  BACKGROUND COLORS */
.bg-sozo-primary {
    background-color: var(--primary-color);
}
.bg-sozo-primary[-force-sozo-style] {
    background-color: var(--primary-color) !important;
}
.bg-sozo-secondary {
    background-color: var(--secondary-color);
}
.bg-sozo-secondary[-force-sozo-style] {
    background-color: var(--secondary-color) !important;
}
.bg-sozo-input-bg-color {
    background-color: var(--input-bg-color);
}
.bg-sozo--input-bg-color[-force-sozo-style] {
    background-color: var(--input-bg-color) !important;
}
/*  BACKGROUND COLORS -*/

/*- LAZY */
.lazy-section {
    content-visibility: auto;
    contain-intrinsic-size: 500px; /* optional: placeholder size */
}
/* LAZY -*/