/**
 * Theme Name:        Weink child theme
 * Description:       Weink child theme for Astra.
 * Template:          astra
 * Version:           1.0.0
 * Author:            Louis Cherik
 * Tested up to:      6.6.2
 * Requires at least: 6.6.2
 */

/* FONTS */

@font-face {
    font-family: 'FRANKLIN_LIBRE_BOLD';
    src: url('assets/fonts/LibreFranklin-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'FRANKLIN_LIBRE_REGULAR';
    src: url('assets/fonts/LibreFranklin-Regular.ttf') format('truetype');
}

/* VARS */

:root {
    --brand-gradient: linear-gradient(10deg, rgb(80, 121, 110) 2%, rgb(142, 181, 148) 100%)
}

/* DEFAULT CLASSES */

.hidden {
    display: none;
}

.fade {
    animation: fade 1s;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.gradient-cover:after {
    content: "";
    background: var(--brand-gradient);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

.gradient-green {
    background: var(--brand-gradient)
}

/* GREEN ROUND BUBBLES */
.bubble-bg, .bubble-bg-left {
    position: relative
}

.bubble-bg::before,
.bubble-bg-left::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -50px;
    width: 300px;
    height: 300px;
    background-color: rgb(156, 195, 157);
    border-radius: 50%;
    z-index: -1;
    transform: translateY(-50%);
}

.bubble-bg::before {
    right: -50px;
}

.bubble-bg-left::before {
    left: -50px;
}

/* --- */

/* IMAGE MASKS */
.bubble-img {
    mask-image: url("assets/imgs/masks/portrait_mask.png");
    mask-size: 100% 100%;
}

.oblique-img {
    mask-image: url("assets/imgs/masks/ambassadors_mask.png");
    mask-size: 100% 100%;
}

.liquid-img-1 {
    mask-image: url("assets/imgs/masks/about_us_mask.png");
    mask-size: 100% 100%;
    mask-position: center;
    mask-repeat: no-repeat;
}

.liquid-img-2 {
    mask-image: url("assets/imgs/masks/portrait_mask.png");
    mask-size: 100% 100%;
    mask-position: center;
    mask-repeat: no-repeat;
}

/* --- */

/* MOBILE REVERSE COLS */

@media (max-width: 782px) {
    .reverse-mobile {
        flex-direction: column-reverse;
    }
}


/* BG COLOR FOR DIFFERENT PAGES (PLEASE DO NOT CHANGE) */
.page-id-242,
.page-id-245 {
    background-color: #487169 !important;
}

.page-id-242 *,
.page-id-245 * {
    color: var(--ast-global-color-3) !important
}

/* --- */

/* HEADER MOBILE MANAGEMENT OPEN */
.ast-main-header-nav-open {
    overflow: hidden
}

.ast-main-header-nav-open header {
    background-color: var(--ast-global-color-2);
    overflow: hidden;
}

.ast-main-header-nav-open header::after {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    position: fixed;
    width: 100%;
    height: 100%
}

/* DEFAULT BACKGROUND COLOR FOR BANNER */

.ast-single-entry-banner {
    background-color: var(--ast-global-color-2)
}

/* DIFFERENT TYPOS */

.announcement-typo {
    font-family: FRANKLIN_LIBRE_BOLD, serif!important;
}

.hollow-text {
    -webkit-text-stroke-width: 2px;
    -webkit-text-fill-color: transparent;
}