/* Horizontal Menu (sizing / spacing) */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a, .WaGadgetMenuHorizontal .menuInner ul ul li > .item > a
{
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: none;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li
{
    width: 10%;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

/* Mobile Menu */
.WaGadgetMobilePanel .mobilePanel .horizontalMenuFirstLevel > .item > a{
    color: #22304B;
}
.WaGadgetMobilePanel .mobilePanel, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
    background: #941A28;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton, .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel li , .WaGadgetMobilePanel .mobilePanel .menuInner ul ul li, .WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul li  {
    color: #22304B;
}


.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    color:  #769CCD;
}

/* .WaGadgetMobilePanel .mobilePanel .menuInner ul ul .item a {
    color:  #769CCD;
} */
 
/* Login Button*/


/* Custom Menu - Themed */
.WaGadgetCustomMenu.menuStyle001 ul li a {
    background: #22304B; 
    color: #CADADE;
}
.WaGadgetCustomMenu.menuStyle001 ul li a:hover {
    background: #22304B;
    color: #769CCD;
}
.WaGadgetCustomMenu.menuStyle001 .orientationHorizontal li:before {
    background: #CADADE;
    width: 1px;
}

/* Custom Menu - Collapsed */
.WaGadgetCustomMenu.menuStyle002 ul li a {
    background: #CADADE;
    color: #22304B;
}
.WaGadgetCustomMenu.menuStyle002 ul li a:hover {
    background: #CADADE;
    color: #769CCD;
}

.WaGadgetCustomMenu.menuStyle002 .toggleButton {
    background: #CADADE;
}
.WaGadgetCustomMenu.menuStyle002 .toggleButton:hover {
    background: #769CCD;
}
.WaGadgetCustomMenu.menuStyle002 .toggleButton.expandedState .toggleButton.expandedState:hover {
    background: #CADADE;
}

/* Social Profile - Dark Background */
.WaGadgetSocialProfile.gadgetThemeStyle li a:hover{
    color: #769CCD;
}

.WaGadgetSocialProfile.gadgetThemeStyle li a{
    color: #CADADE;
}

/* Social Profile - Light Background */
.WaGadgetSocialProfile.gadgetThemeStyle2 li a{
    background: #22304B;
    color: #CADADE;
}

.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover{
    background: #22304B;
    color: #769CCD;
}


.row {
    display: -ms-flexbox;
    /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE10 */
    flex-wrap: wrap;
    padding: 0 .25em;
}

.column {
    -ms-flex: 25%;
    /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 .25em;
}

.column img {
    margin-top: .5em;
    vertical-align: middle;
}

.homeJoinBtn:hover{
    opacity: 0.7;
}

/* Background */

body {
    background-image: url("/resources/Pictures/background%201.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    background-attachment: fixed;
}

/* Men's teams */
.teams {
    height: 50vh;
}
.secondLevel {
    max-height: 300px;   /* limit height */
    overflow-y: auto;    /* add vertical scroll bar when            needed */
    }

/* Code for phone version starts here*/

@media only screen and (max-width: 600px) {
    /* ----- All Pages ----- */
    /* Menu */
    .menuInner {
        background-color: #22304B;
    }

    /* Header */
    #id_h1Lj9eu {
        margin-top: 1em;
        background: none !important;
    }
    #id_h1Lj9eu .WaLayoutRow {
        display: flex;
        align-items: center;
    }
    #id_h1Lj9eu img {
        content: url("/resources/ffn_Logo_White.png");
        width: 6em;
    }
    #id_sQjh3yd {
        padding-top: 1em;
    }
    #id_lOkPiMU {
        margin: 0 !important;
        text-align: center;
    }
    #id_E4DKwaP {
        display: none;
    }

    /* Footer */
    #id_faTnutd li {
        width: 7em;
    }

    /* ----- Main page ----- */
    /* Presentation banner */
    #id_pAiDwjj > div > div {
        margin: 0 .5em !important;
    }

    /* ADitL Vegas */
    #id_GBSfiHe a {
        font-size: 50% !important;
    }

    /* Fan of the week */
    #id_HHRA6n4 {
        width: 100%;
        margin: 0 !important;
    }
    #id_NiMm4GS {
        width: 100%;
        margin: 0 !important;
    }
    #id_NiMm4GS img {
        display: block;
        margin: 0 auto;
    }
    #id_IYN6Nqi {
        margin-bottom: 0 !important;
    }
    #id_IYN6Nqi .gadgetStyleBody {
        padding: 1em 0 0 0 !important;
    }
    #id_L2k3Lio .gadgetStyleBody  {
        padding: 1em 0 !important;
    }
    #id_RHPvgW2 {
        margin: 0 auto !important;

    }
    #id_nAna2Az {
        margin-top: 0;
    }

    /* Instagram widget */
    #id_YZQjSUn .gadgetStyleBody {
        padding: 0 !important;
    }
    .snapwidget-widget {
        height: 85vh !important;
        width: 100% !important;
    }

    /* ----- About Us ----- */
    #id_vqxUGdb .WaGadgetContent {
        width: 100%;
        margin: 1.5em 0 !important;
    }
    #id_FJ5yLlK p, #id_OyENNWP p, #id_l9r1iEs p {
        padding: 0 1em;
        font-size: 5vw;
        margin: 0 !important;
    }
    #id_l9r1iEs {
        padding-bottom: 1.5em;
    }

    /* Mission */
    #id_XIugKqD {
        margin: 0 !important;
    }
    #id_dv9MsKY p {
        padding: 0 1em;
        margin-bottom: 1em !important;
        text-align: justify;
    }

    /* ----- FFN Community Winners ----- */
    #id_dHzykwR, #id_famMPBW, #id_GHLDEsA, #id_bNqN2J8 {
        height: 26vh !important;
    }

    /* Meet the team */
    #id_K9RzHQT {
        margin-bottom: 0 !important;
    }

    /* ----- For Investors ----- */
    /* Problem */
    #id_QLpjSO1 {
        background-image: none !important;
    }
    tr[data-componentid="QLpjSO1_row"]{
        display: grid !important;
        grid-template-columns: 100%;
        grid-template-rows: 25vh 21vh;
        grid-template-areas:
            "title-fi-1"
            "text-fi-1";
        min-height: 0;
        min-width: 0;
        justify-items: center;
        margin-bottom: 15vh;
    }
    tr[data-componentid="QLpjSO1_row"] div {
        width: 100%;
    }
    #id_fSdsoHC { 
        grid-area: title-fi-1;
        height: 30vh !important;
        background-image:url('/resources/Pictures/istockphoto-855981404-612x612.jpg');
        background-repeat:no-repeat;
        background-position:center center;
        background-size:100% auto;
    }
    #id_fSdsoHC font {
        font-size: 15vw !important;
        text-align: left !important;
    }
    #id_o8Gxzx6 > div {
        padding-top: 18vh !important;
    }
    #id_HQbMRZK { 
        grid-area: text-fi-1;
    }
    #id_HQbMRZK .gadgetStyleBody {
        padding: 5vh 0 0 !important;
    } 
    #id_HQbMRZK p {
        text-align: justify;
    }
    #id_HQbMRZK font {
        font-size: 4vw !important;
    }

    /* Approach */
    #id_WjaKR3I {
        background-image: none !important;
    }
    tr[data-componentid="WjaKR3I_row"]{
        display: grid !important;
        grid-template-columns: 100%;
        grid-template-rows: 25vh 12vh;
        grid-template-areas:
            "title-fi-2"
            "text-fi-2";
        min-height: 0;
        min-width: 0;
        justify-items: center;
        margin-bottom: 11vh;
    }
    tr[data-componentid="QLpjSO1_row"] div {
        width: 100%;
    }
    #id_68m8Bfq { 
        grid-area: title-fi-2;
        height: 30vh !important;
        background-image:url('/resources/Pictures/group picture with confetti.jpg');
        background-repeat:no-repeat;
        background-position:center center;
        background-size:100% auto;
        margin: 0 !important;
    }
    #id_LCfzu83 > div {
        padding: 18vh 0 0 !important;
    }
    #id_68m8Bfq font {
        font-size: 15vw !important;
        text-align: left !important;
    }
    #id_47DVCT9 { 
        grid-area: text-fi-2;
    }
    #id_47DVCT9 .gadgetStyleBody {
        padding: 7vh 0 0 !important;
    } 
    #id_47DVCT9 p {
        text-align: justify;
    }
    #id_47DVCT9 font {
        font-size: 4vw !important;
    }

    /* Solution */
    #id_ikQVTVh {
        background-image: none !important;
    }
    tr[data-componentid="ikQVTVh_row"]{
        display: grid !important;
        grid-template-columns: 100%;
        grid-template-rows: 25vh 30vh;
        grid-template-areas:
            "title-fi-3"
            "text-fi-3";
        min-height: 0;
        min-width: 0;
        justify-items: center;
        margin-bottom: 12vh;
    }
    tr[data-componentid="ikQVTVh_row"] div {
        width: 100%;
    }
    #id_NBVbE8Z { 
        grid-area: title-fi-3;
        height: 30vh !important;
        background-image:url('/resources/Pictures/2022-11-02.png');
        background-repeat:no-repeat;
        background-position:center center;
        background-size:100% auto;
        margin: 0 !important;
    }
    #id_Uc4h6Ne > div {
        padding: 18vh 0 0 !important;
    }
    #id_NBVbE8Z font {
        font-size: 15vw !important;
        text-align: left !important;
    }
    #id_iglezgB { 
        grid-area: text-fi-3;
    }
    #id_iglezgB .gadgetStyleBody {
        padding: 4vh 0 0 !important;
    } 
    #id_iglezgB p {
        text-align: justify;
    }
    #id_iglezgB font {
        font-size: 4vw !important;
    }

    /* Action */
    #id_C9DqOMS {
        background-image: none !important;
    }
    tr[data-componentid="C9DqOMS_row"]{
        display: grid !important;
        grid-template-columns: 100%;
        grid-template-rows: 25vh 10vh;
        grid-template-areas:
            "title-fi-4"
            "text-fi-4";
        min-height: 0;
        min-width: 0;
        justify-items: center;
        margin-bottom: 12vh;
    }
    tr[data-componentid="C9DqOMS_row"] div {
        width: 100%;
    }
    #id_LmEwZcK { 
        grid-area: title-fi-4;
        height: 30vh !important;
        background-image:url('/resources/Pictures/high five at sunset.jpeg');
        background-repeat:no-repeat;
        background-position:center center;
        background-size:100% auto;
        margin: 0 !important;
    }
    #id_EOkMKgF > div {
        padding: 18vh 0 0 !important;
    }
    #id_LmEwZcK font {
        font-size: 15vw !important;
        text-align: left !important;
    }
    #id_jJCItY4 { 
        grid-area: text-fi-4;
    }
    #id_jJCItY4 .gadgetStyleBody {
        padding: 6vh 0 0 !important;
    } 
    #id_jJCItY4 p {
        text-align: justify;
    }
    #id_jJCItY4 font {
        font-size: 4vw !important;
    }

    /* Full investor pitch */
    #id_MHCQXcs a {
        padding: 2vh 5vw !important;
    }
    #id_MHCQXcs font {
        font-size: 4vw !important;
    }

    /* ----- Fan Zone ----- */
    /* Newsletter album */
    #idPhotoGalleryGadget_Container_EjGUfCz .containerPhotoInner .img_vertical, .containerPhotoInner .img_horizontal {
        margin: 0 !important;
        width: 75.75vw !important;
    }

    /* Twitter Gadgets */
    #id_gLGx2H4 .gadgetStyleBody {
        padding: 0 !important;
    }

    /* ----- Stay Informed ----- */
    #id_qDO6M2S {
        margin: 0 0 5vh !important;
    }
    #id_qDO6M2S p {
        margin: 0 !important;
    }

    /* ----- Women's Sports ----- */
    /* Scrollable drop-down or content box */
    tr[data-componentid="jYxOmE3_row"]{
        display: grid !important;
        grid-template-columns: 100%;
        grid-template-rows: 25vh 50vh;
        grid-template-areas:
            "image-ws"
            "text-ws";
        min-height: 0;
        min-width: 0;
        justify-items: center;
    }
    tr[data-componentid="jYxOmE3_row"] div {
        width: 100%;
    }
    #id_JT2kKuY { 
        grid-area: text-ws;
    }
    #id_JT2kKuY font {
        font-size: 8vw !important;
    }
    #id_qMiO3we { 
        grid-area: image-ws;
        height: 30vh !important;
    }
    #id_qMiO3we img {
        object-fit: contain;
        width: 100% !important;
    }

    /* ----- Men's Sports ----- */
    #id_RJuY2f7 > div {
        margin-bottom: 3vh !important;
    }

    /* ----- Cities Pages ----- */
    /* Banner Image */
    #id_BkUwwtw > div {
        padding: 0 !important;
    }
    #id_idtEE9F {
        height: 100% !important;
    }
    #id_5no1TSB, #id_sAN5NkE {
        display: none;
    }
    #id_8tYJ9Gm {
        position: absolute !important;
        left: 1vw !important;
        top: 1vh !important;
        margin: 0 !important;
    }
    #id_8tYJ9Gm font, #id_8tYJ9Gm span {
        font-size: 12vw !important;
    }
    #id_nZkW2nN {
        margin: 0 !important;
    }
    #id_yzeTKXi {
        margin: 0 !important;
    }
    #id_yzeTKXi > div {
        object-fit: contain !important;
    }
    #id_yzeTKXi img {
        width: 100% !important;
    }
    #id_1IXIn9x {
        margin: 1vh 3vw !important;
    }
    #id_xmWLCc1 {
        margin: 0 5vw 1vh !important;
    }
    #id_9dTj2uG {
        padding-bottom: 2vh !important;
    }

    #id_EXkhwwE {
        padding-bottom: 2vh;
        margin: 0 !important;
    }

    .teams {
        grid-template-areas:
            'larrow name name rarrow'
            'larrow image image rarrow'
            'larrow sport sport rarrow'
            'larrow where_to_listen where_to_watch rarrow'
            'larrow schedule schedule rarrow' !important;
        grid-template-columns: 10% 40% 40% 10% !important;
        grid-template-rows: 15% 30% 5% 40% 10% !important;
        height: 90vh;
    }
    .teams #name {
        font-size: 270%;
        margin: auto 0;
    }
    .teams .where_to {
        padding: 4vh 2vw;
    }
    .teams .where_to ul {
        padding: 0 10vw !important;
    }
    .teams .where_to li, .teams .where_to p {
        font-size: 2vh;
    }

    /* ----- Events ----- */
    /* Intro banner */
    #id_DDY8iI2 {
        position: absolute !important;
        height: 80vw !important;
    }
    #id_hNnCmLP {
        background-color: transparent !important;
    }
    #id_hNnCmLP p {
        line-height: 3.5em !important;
    }
    #id_hNnCmLP font {
        font-size: 16vw !important;
        background-color: #CADADE;
    }
    #id_NISVFbS > div {
        margin-top: 15vh;
    }
    #id_XKD31V5 {
        margin-top: 5vh;
    }
    #id_NeetVXz font {
        font-size: 10vw !important;
    }

    /* Event banners */
    #id_BRLSQrh > div {
        display: grid !important;
        grid-template-columns: 100%;
        grid-template-rows: 30vh 22vh;
        grid-template-areas:
            "image-ev-1"
            "text-ev-1";
        min-height: 0;
        min-width: 0;
        justify-items: center;
    }
    #id_BRLSQrh div {
        width: 100%;
    }
    #id_oKY2esi { 
        grid-area: text-ev-1;
    }
    #id_oKY2esi > div {
        padding: 5vh 0 0 5vw !important;
    }
    #id_oKY2esi font {
        font-size: 8vw !important;
    }
    #id_ss858om { 
        grid-area: image-ev-1;
        height: 30vh !important;
    }
    #id_ss858om img {
        object-fit: contain;
        width: 100% !important;
    }

    #id_AD1VLFO > div {
        display: grid !important;
        grid-template-columns: 100%;
        grid-template-rows: 30vh 19vh;
        grid-template-areas:
            "image-ev-2"
            "text-ev-2";
        min-height: 0;
        min-width: 0;
        justify-items: center;
    }
    #id_AD1VLFO div {
        width: 100%;
    }
    #id_Aiwn7iP { 
        grid-area: text-ev-2;
    }
    #id_Aiwn7iP > div {
        padding: 5vh 0 0 5vw !important;
    }
    #id_Aiwn7iP font {
        font-size: 8vw !important;
    }
    #id_oZz3DGM { 
        grid-area: image-ev-2;
        height: 30vh !important;
    }
    #id_oZz3DGM img {
        object-fit: contain;
        width: 100% !important;
    }

    /* ----- ADitLRB ----- */
    #id_AJGPYO4 p span {
        font-size: 14vw !important;
    }
    #id_TJmgd7k > div {
        margin-left: 5vw;
    }
    #id_J17xzKf div, #id_FNrU5gW, #id_FBL5fmK {
        height: 80vw !important;
    }
    #id_TJmgd7k p {
        text-align: left;
    }

    /* Meet the coaches */
    #id_BuuBaKO .flip-card {
        margin: 1vh 0 !important;
    }
    .flip-card-back p {
        font-size: 4.5vw !important;
    }

    /* ----- ADitLV ----- */
    #id_mR6PocH ol {
        margin: 0;
    }
    #id_mR6PocH font {
        font-size: 100% !important;
    }

}