.elementor-464 .elementor-element.elementor-element-7220b6c:not(.elementor-motion-effects-element-type-background), .elementor-464 .elementor-element.elementor-element-7220b6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#172BCC;}.elementor-464 .elementor-element.elementor-element-7220b6c > .elementor-container{max-width:1600px;}.elementor-464 .elementor-element.elementor-element-7220b6c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-150px;margin-bottom:0px;padding:150px 50px 0px 50px;z-index:98;}.elementor-464 .elementor-element.elementor-element-7220b6c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-464 .elementor-element.elementor-element-059a94f > .elementor-widget-container{margin:0px 0px -0px 0px;}.elementor-464 .elementor-element.elementor-element-059a94f{text-align:center;}.elementor-464 .elementor-element.elementor-element-059a94f .elementor-heading-title{font-family:"Grand Mottley Script", Sans-serif;font-size:100px;font-weight:500;line-height:1.1em;color:var( --e-global-color-ba1cf1b );}.elementor-464 .elementor-element.elementor-element-246ee64:not(.elementor-motion-effects-element-type-background), .elementor-464 .elementor-element.elementor-element-246ee64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fans.websitedesignliverpool.uk/wp-content/uploads/2026/09/fanshub-background-homepage-purple-scaled.jpg");background-size:cover;}.elementor-464 .elementor-element.elementor-element-246ee64 > .elementor-container{max-width:1500px;}.elementor-464 .elementor-element.elementor-element-246ee64{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:200px 100px 50px 100px;}.elementor-464 .elementor-element.elementor-element-246ee64 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-464 .elementor-element.elementor-element-bbe44fb > .elementor-element-populated{padding:50px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-464 .elementor-element.elementor-element-059a94f .elementor-heading-title{font-size:70px;}.elementor-464 .elementor-element.elementor-element-246ee64{padding:40px 40px 40px 40px;}}@media(max-width:767px){.elementor-464 .elementor-element.elementor-element-7220b6c{padding:165px 20px 20px 20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-464 .elementor-element.elementor-element-059a94f > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-464 .elementor-element.elementor-element-059a94f .elementor-heading-title{font-size:55px;line-height:1.1em;}.elementor-464 .elementor-element.elementor-element-246ee64{padding:20px 20px 20px 20px;}.elementor-464 .elementor-element.elementor-element-bbe44fb > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS *//* =========================================================
   FANSHUB CURVED HEADER
   ========================================================= */


/* =========================================================
   PINK SECTION UNDERNEATH
   ========================================================= */

.fanshub-pink-under {
    position: relative !important;
    z-index: 1 !important;

    margin-top: -140px !important;
    padding-top: 140px !important;
}


/* =========================================================
   BLUE HEADER SECTION
   IMPORTANT:
   We DO NOT clip this element.
   This allows Let's Talk to escape the curve.
   ========================================================= */

.fanshub-curved-header {
    position: relative !important;
    z-index: 10 !important;

    /*
     * Remove background from actual section.
     * Blue is created on ::before instead.
     */
    background: transparent !important;

    overflow: visible !important;
    isolation: isolate;
}


/* =========================================================
   BLUE BACKGROUND + CURVE
   This gets clipped instead of the actual section.
   ========================================================= */

.fanshub-curved-header::before {
    content: "";

    position: absolute !important;

    inset: 0;

    background: #172BCC;

    z-index: -1;

    pointer-events: none;

    /*
     * EXACT SAME CURVE THAT WAS WORKING
     */

    -webkit-clip-path: polygon(
        0% 0%,
        100% 0%,

        100% 100%,

        95% 97%,
        90% 94%,
        85% 91%,
        80% 88%,
        75% 85.5%,
        70% 83.5%,
        65% 82%,
        60% 81%,
        55% 80.3%,
        50% 80%,

        45% 80.3%,
        40% 81%,
        35% 82%,
        30% 83.5%,
        25% 85.5%,
        20% 88%,
        15% 91%,
        10% 94%,
        5% 97%,

        0% 100%
    ) !important;


    clip-path: polygon(
        0% 0%,
        100% 0%,

        100% 100%,

        95% 97%,
        90% 94%,
        85% 91%,
        80% 88%,
        75% 85.5%,
        70% 83.5%,
        65% 82%,
        60% 81%,
        55% 80.3%,
        50% 80%,

        45% 80.3%,
        40% 81%,
        35% 82%,
        30% 83.5%,
        25% 85.5%,
        20% 88%,
        15% 91%,
        10% 94%,
        5% 97%,

        0% 100%
    ) !important;
}


/* =========================================================
   OLD ELEMENTOR WRAPPERS
   Allow the heading to escape the section visually
   ========================================================= */

.fanshub-curved-header > .elementor-container {
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
}

.fanshub-curved-header .elementor-column,
.fanshub-curved-header .elementor-column-wrap,
.fanshub-curved-header .elementor-widget-wrap {
    overflow: visible !important;
}


/* =========================================================
   LET'S TALK TITLE
   ========================================================= */

.fanshub-script-title {
    position: relative !important;

    /*
     * Above both sections and the blue shape.
     */
    z-index: 50 !important;

    overflow: visible !important;
}

.fanshub-script-title .elementor-widget-container {
    position: relative !important;
    z-index: 50 !important;
    overflow: visible !important;
}

.fanshub-script-title .elementor-heading-title {
    position: relative !important;
    z-index: 50 !important;

    color: #F5EEE8 !important;

    /*
     * Blue Figma outline
     */
    -webkit-text-stroke: 15px #172BCC;
    paint-order: stroke fill;

    text-shadow:
        1px 1px 0 #172BCC,
        2px 2px 0 #172BCC,
        3px 3px 0 #172BCC,
        4px 4px 0 #172BCC,
        5px 5px 0 #172BCC,
        6px 6px 0 #172BCC;
}


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

@media (max-width: 767px) {

    .fanshub-pink-under {
        margin-top: -80px !important;
        padding-top: 80px !important;
    }

    .fanshub-script-title .elementor-heading-title {
        -webkit-text-stroke: 4px #172BCC;

        text-shadow:
            1px 1px 0 #172BCC,
            2px 2px 0 #172BCC,
            3px 3px 0 #172BCC,
            4px 4px 0 #172BCC;
    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Grand Mottley Script';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://fans.websitedesignliverpool.uk/wp-content/uploads/2026/09/Grand-Mottley-Script.woff') format('woff');
}
/* End Custom Fonts CSS */