.elementor-kit-6{--e-global-color-primary:#19334C;--e-global-color-secondary:#3C3F20;--e-global-color-text:#2A2A2A;--e-global-color-accent:#A24617;--e-global-color-88a5155:#F6F6F6;--e-global-color-ca767b2:#FFFFFF;--e-global-color-0a92216:#FFEAC5;--e-global-color-24c8237:#828A3B;--e-global-color-c8bbdc5:#DBF600;--e-global-color-9085358:#FCFCFC;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-9085358 );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-size:3.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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-kit-6{--e-global-typography-text-font-size:1rem;}.elementor-kit-6 h1{font-size:2rem;}.elementor-kit-6 h2{font-size:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Remove extra spacing from the bottom of Text Editors */
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   NORFOLK YFC CUSTOM STYLES
   ===================================================== */


/* =====================================================
   HERO TITLE
   ===================================================== */

.hero-title {
    color: #ffffff;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
}

.hero-title > span {
    display: inline-block;
    margin-top: 12px;
    padding: 12px 14px;
    background: #c7b234;
    transform: skewX(-12deg);
    transform-origin: left center;
}

.hero-title > span > span {
    display: block;
    transform: skewX(12deg);
}


/* =====================================================
   OVERLAPPING SECTION TITLES
   ===================================================== */

.nyf-section-title {
    position: relative;
    display: inline-block;
    width: 340px;
    height: 110px;
    margin: 0;
}

.nyf-title-word {
    position: absolute;
    display: inline-block;
    padding: 12px 22px;
    font-size: inherit !important;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}


/* Default top block */

.nyf-title-top {
    top: 0;
    left: 0;
    z-index: 2;
    color: #ffffff;
    background: #16324b;
    transform: rotate(-4deg);
}


/* Default bottom block */

.nyf-title-bottom {
    top: 42px;
    left: 92px;
    z-index: 1;
    color: #ffffff;
    background: #444921;
    transform: rotate(1deg);
}


/* =====================================================
   CAREERS VARIANT
   ===================================================== */

.nyf-title-careers {
    width: 360px;
    height: 115px;
}

.nyf-title-careers .nyf-title-top {
    color: #404323;
    background: #f7f4ee;
}

.nyf-title-careers .nyf-title-bottom {
    top: 52px;
    left: 90px;
    color: #ffffff;
    background: #c7b234;
}


/* =====================================================
   BENEFIT ICON BOXES
   ===================================================== */

.benefit-card {
    border-radius: 8px;
    overflow: visible;
    transition: transform 0.3s ease;
}

.benefit-card-left {
    transform: rotate(-5deg);
}

.benefit-card-middle {
    position: relative;
    margin-top: 50px;
    margin-right: -20px;
    margin-left: -20px;
    z-index: 2;
    transform: rotate(4deg);
}

.benefit-card-right {
    transform: rotate(-4deg);
}


/* Desktop hover */

@media (min-width: 768px) {

    .benefit-card:hover {
        z-index: 10;
        transform: rotate(0deg) scale(1.04);
    }
}


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

@media (max-width: 767px) {

    /* Hero */

    .hero-title {
        font-size: 1.5rem;
    }

    .hero-title > span {
        padding: 8px 15px;
    }


    /* Section titles */

    .nyf-section-title {
        display: block;
        width: 260px;
        height: 85px;
        margin: 0 auto;
        font-size: 1.5rem !important;
        transform: none;
    }

    .nyf-title-word {
        padding: 10px 16px;
        font-size: inherit !important;
    }

    /*
     * These positions centre the combined visual title
     * within the 260px wrapper.
     */

    .nyf-title-top {
        top: 0;
        left: 36px;
        transform: rotate(-4deg);
    }

    .nyf-title-bottom {
        top: 34px;
        left: 101px;
        transform: rotate(1deg);
    }


    /* Careers */

    .nyf-title-careers {
        width: 260px;
        height: 85px;
        margin: 0 auto;
        transform: none;
    }

    .nyf-title-careers .nyf-title-top {
        top: 0;
        left: 18px;
    }

    .nyf-title-careers .nyf-title-bottom {
        top: 38px;
        left: 88px;
    }


    /* Benefit cards */

    .benefit-card-left {
        margin-bottom: 25px;
        transform: rotate(-2.5deg);
    }

    .benefit-card-middle {
        margin: 0 0 25px;
        transform: rotate(2deg);
    }

    .benefit-card-right {
        transform: rotate(-2deg);
    }
}
/* =====================================================
   NORFOLK YFC MEGA MENU
   Widget ID: 231c6ef
   ===================================================== */


/* =====================================================
   MENU LAYOUT
   ===================================================== */

.elementor-element-231c6ef .e-n-menu-heading {
    display: flex !important;
    width: 100% !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Equal-width menu items */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item {
    flex: 1 1 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Full coloured navigation button */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;

    width: 100% !important;
    min-height: 72px !important;

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

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transition: none !important;
}


/* =====================================================
   KEEP TEXT AND DROPDOWN ARROW TOGETHER
   ===================================================== */

/* Stop the text container stretching across the item */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title
> .e-n-menu-title-container {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;

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


/* Stop Elementor pushing the dropdown button to the right */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title
> .e-n-menu-dropdown-icon {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

    flex: 0 0 auto !important;

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

    inset: auto !important;
    transform: none !important;

    border: 0 !important;
    background: transparent !important;
}


/* Remove any spacing Elementor adds inside the arrow button */
.elementor-element-231c6ef
.e-n-menu-dropdown-icon-open,

.elementor-element-231c6ef
.e-n-menu-dropdown-icon-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

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


/* Arrow size */
.elementor-element-231c6ef
.e-n-menu-dropdown-icon svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
}


/* =====================================================
   MENU BACKGROUND COLOURS
   ===================================================== */

/* About */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(1)
> .e-n-menu-title {
    background-color: #19334C !important;
}


/* Members */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(2)
> .e-n-menu-title {
    background-color: #3C3F20 !important;
}


/* Clubs */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(3)
> .e-n-menu-title {
    background-color: #A24617 !important;
}


/* News */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(4)
> .e-n-menu-title {
    background-color: #FFEAC5 !important;
}


/* Shop */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(5)
> .e-n-menu-title {
    background-color: #828A3B !important;
}


/* Contact */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(6)
> .e-n-menu-title {
    background-color: #DBf600 !important;
}


/* =====================================================
   TEXT AND ARROW COLOURS
   Dark backgrounds
   ===================================================== */

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(1)
> .e-n-menu-title .e-n-menu-title-text,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(2)
> .e-n-menu-title .e-n-menu-title-text,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(3)
> .e-n-menu-title .e-n-menu-title-text,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(5)
> .e-n-menu-title .e-n-menu-title-text,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(1)
> .e-n-menu-title .e-n-menu-dropdown-icon,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(2)
> .e-n-menu-title .e-n-menu-dropdown-icon,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(3)
> .e-n-menu-title .e-n-menu-dropdown-icon,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(5)
> .e-n-menu-title .e-n-menu-dropdown-icon,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(1)
> .e-n-menu-title .e-n-menu-dropdown-icon svg,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(2)
> .e-n-menu-title .e-n-menu-dropdown-icon svg,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(3)
> .e-n-menu-title .e-n-menu-dropdown-icon svg,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(5)
> .e-n-menu-title .e-n-menu-dropdown-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}


/* =====================================================
   TEXT AND ARROW COLOURS
   Light backgrounds
   ===================================================== */

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(4)
> .e-n-menu-title .e-n-menu-title-text,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(6)
> .e-n-menu-title .e-n-menu-title-text,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(4)
> .e-n-menu-title .e-n-menu-dropdown-icon,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(6)
> .e-n-menu-title .e-n-menu-dropdown-icon,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(4)
> .e-n-menu-title .e-n-menu-dropdown-icon svg,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(6)
> .e-n-menu-title .e-n-menu-dropdown-icon svg {
    color: #19334C !important;
    fill: #19334C !important;
}


/* =====================================================
   NO COLOUR CHANGE ON HOVER OR OPEN
   ===================================================== */

/* About */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(1)
> .e-n-menu-title:hover,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(1)
> .e-n-menu-title[aria-expanded="true"] {
    background-color: #19334C !important;
}


/* Members */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(2)
> .e-n-menu-title:hover,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(2)
> .e-n-menu-title[aria-expanded="true"] {
    background-color: #3C3F20 !important;
}


/* Clubs */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(3)
> .e-n-menu-title:hover,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(3)
> .e-n-menu-title[aria-expanded="true"] {
    background-color: #A24617 !important;
}


/* News */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(4)
> .e-n-menu-title:hover,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(4)
> .e-n-menu-title[aria-expanded="true"] {
    background-color: #FFEAC5 !important;
}


/* Shop */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(5)
> .e-n-menu-title:hover,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(5)
> .e-n-menu-title[aria-expanded="true"] {
    background-color: #828A3B !important;
}


/* Contact */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(6)
> .e-n-menu-title:hover,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(6)
> .e-n-menu-title[aria-expanded="true"] {
    background-color: #DBE600 !important;
}


/* Keep white text on dark items */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(1)
> .e-n-menu-title:hover *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(1)
> .e-n-menu-title[aria-expanded="true"] *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(2)
> .e-n-menu-title:hover *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(2)
> .e-n-menu-title[aria-expanded="true"] *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(3)
> .e-n-menu-title:hover *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(3)
> .e-n-menu-title[aria-expanded="true"] *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(5)
> .e-n-menu-title:hover *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(5)
> .e-n-menu-title[aria-expanded="true"] * {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}


/* Keep navy text on light items */
.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(4)
> .e-n-menu-title:hover *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(4)
> .e-n-menu-title[aria-expanded="true"] *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(6)
> .e-n-menu-title:hover *,

.elementor-element-231c6ef
.e-n-menu-heading > .e-n-menu-item:nth-child(6)
> .e-n-menu-title[aria-expanded="true"] * {
    color: #19334C !important;
    fill: #19334C !important;
}


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

@media (max-width: 767px) {

    .elementor-element-231c6ef .e-n-menu-heading {
        flex-direction: column !important;
        gap: 0 !important;
    }

    .elementor-element-231c6ef
    .e-n-menu-heading > .e-n-menu-item {
        width: 100% !important;
        flex: none !important;
    }

    .elementor-element-231c6ef
    .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title {
        min-height: 58px !important;
        justify-content: flex-start !important;
        padding: 16px 20px !important;
    }

    .elementor-element-231c6ef
    .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title
    > .e-n-menu-title-container {
        width: auto !important;
        margin: 0 !important;
    }

    .elementor-element-231c6ef
    .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title
    > .e-n-menu-dropdown-icon {
        margin: 0 !important;
    }
}/* End custom CSS */