.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   DRUNK PUCKER — ABOUT / CONCEPT SECTION
   ========================================= */

.dp-about {
    padding: 104px 0 !important;
    background: #F5F3EF !important;
    color: #1C1C1E !important;
    overflow: hidden !important;
}

.dp-about,
.dp-about * {
    box-sizing: border-box;
}


/* =========================================
   MAIN WIDTH
   ========================================= */

.dp-about .dp-about-wrap {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
}


/* Remove Elementor default spacing */
.dp-about .dp-about-wrap > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   TWO COLUMN LAYOUT
   ========================================= */

.dp-about .dp-about-wrap > .elementor-container {
    display: flex !important;
    align-items: center !important;
    gap: 64px !important;
}

.dp-about .dp-about-wrap .elementor-column {
    margin: 0 !important;
    padding: 0 !important;
}


/* LEFT COLUMN */

.dp-about .dp-about-content {
    width: 52.5% !important;
    flex: 0 0 52.5% !important;
}


/* RIGHT COLUMN */

.dp-about .dp-about-photo {
    width: 47.5% !important;
    flex: 0 0 47.5% !important;
    position: relative !important;
}


/* Remove default Elementor column padding */

.dp-about .dp-about-content > .elementor-element-populated,
.dp-about .dp-about-photo > .elementor-element-populated {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   THE CONCEPT CHIP
   ========================================= */

.dp-about .dp-about-chip {
    display: block !important;
    width: fit-content !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;

    font-family: 'Anton', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;

    color: #1C1C1E !important;
}


/* Pink dot */

.dp-about .dp-about-chip .elementor-heading-title:before {
    content: "" !important;
    display: inline-block !important;

    width: 9px !important;
    height: 9px !important;

    margin-right: 9px !important;

    background: #FE338A !important;
    border-radius: 50% !important;

    vertical-align: middle !important;
}


/* =========================================
   MAIN HEADING
   ========================================= */

.dp-about .dp-about-title {
    margin: 0 !important;
    padding: 0 !important;
}

.dp-about .dp-about-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Anton', sans-serif !important;
    font-size: clamp(2.5rem, 5vw, 4rem) !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;

    color: #1C1C1E !important;
}


/* =========================================
   LEDE / ITALIC TEXT
   ========================================= */

.dp-about .dp-about-lede {
    max-width: 38ch !important;

    margin: 20px 0 18px 0 !important;
    padding: 0 !important;

    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: clamp(1.15rem, 2.4vw, 1.55rem) !important;
    font-weight: 600 !important;
    font-style: italic !important;
    line-height: 1.45 !important;

    color: #1C1C1E !important;
}

.dp-about .dp-about-lede p {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.dp-about .dp-about-text {
    max-width: 60ch !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;

    color: #6B6B70 !important;
}

.dp-about .dp-about-text p {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   IMAGE FRAME
   ========================================= */

.dp-about .dp-about-photo {
    position: relative !important;
}


/* Pink border behind image */

.dp-about .dp-about-photo:before {
    content: "" !important;

    position: absolute !important;

    top: 18px !important;
    left: 18px !important;
    right: -18px !important;
    bottom: -18px !important;

    border: 2px solid #FE338A !important;
    border-radius: 5px !important;

    pointer-events: none !important;
}


/* =========================================
   IMAGE
   ========================================= */

.dp-about .dp-about-image {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;

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

.dp-about .dp-about-image img {
    position: relative !important;
    z-index: 2 !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 5px !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 980px) {

    .dp-about .dp-about-wrap > .elementor-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 45px !important;
        align-items: stretch !important;
    }

    .dp-about .dp-about-content,
    .dp-about .dp-about-photo {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Image comes first */
    .dp-about .dp-about-photo {
        order: -1 !important;
    }

    .dp-about .dp-about-content {
        order: 1 !important;
    }

    .dp-about .dp-about-photo:before {
        right: -14px !important;
        bottom: -14px !important;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

    .dp-about {
        padding: 76px 0 !important;
    }

    .dp-about .dp-about-wrap {
        padding: 0 20px !important;
    }

    .dp-about .dp-about-wrap > .elementor-container {
        gap: 40px !important;
    }

    .dp-about .dp-about-title .elementor-heading-title {
        font-size: clamp(2.5rem, 12vw, 3.2rem) !important;
        line-height: 1 !important;
    }

    .dp-about .dp-about-lede {
        margin-top: 18px !important;
        margin-bottom: 16px !important;
    }

    .dp-about .dp-about-text {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .dp-about .dp-about-photo:before {
        top: 12px !important;
        left: 12px !important;
        right: -10px !important;
        bottom: -10px !important;
    }
}/* End custom CSS */