/******************/
/* General Styles */
/******************/

.tribe-events-content ol, .tribe-events-content ul {
    padding: 0 20px;
}




    #skip-to-content {
        color: #fff !important;
    }

    .fl-accordion-item {overflow:initial;}

    /* SVG Patch */
    body:not(.fl-builder-edit) .uabb-top-row-separator.uabb-has-svg svg {
        top: calc(-100vw / 15);
        background: transparent !important;
        width: 100vw !important;
    }

    body:not(.fl-builder-edit) .uabb-bottom-row-separator.uabb-has-svg svg {
        bottom: calc(-100vw / 15);
        background: transparent !important;
        width: 101vw !important;
    }

    /* Blobs init anim */
    body:not(.fl-builder-edit) .blob {
        transition:all 3s ease;
        opacity:0;
        transform:rotate(-30deg);
    }

    body:not(.fl-builder-edit) .blob.animated {
        opacity:1;
        transform:rotate(0deg);
    }

    .underlined {text-decoration:underline}

    

    
/******************/ 
/* 404 Error page */
/******************/
.error404 header.fl-page-header {
    position: fixed;
    background: var(--pink);
}

.error404 .fl-page-content {
    margin-top:20px;
}
.error404 .container {max-width:550px}

.error404 h1,
.error404 h2,
.error404 p {
    margin: 40px 0;
    color: var(--black);
    line-height: 30px;
}

.error404 .fl-post.fl-404 {padding-bottom:40px;}

/**********/
/* Header */
/**********/

header.fl-page-header {
    position: fixed;
    background: transparent;
    width: 100%;
    z-index: 999;
    height:124px;
    transition:all .25s ease;
    opacity:0;
}

header.fl-page-header.init {
    opacity:1;
}

header.fl-page-header:before {
    content: "";
    background: url(/wp-content/uploads/2021/11/impact-hub-colour-bar-1.svg) center center / cover no-repeat;
    width: 102vw;
    left: -2%;
    height: 6px;
    position: absolute;
    z-index: 99;
    top: 0;
}

header.fl-page-header .header_inner {
    max-width:1366px;
    margin:auto;
    padding-left: 70px;
    padding-right: 70px;
    position: relative;
}

.menu_main_out header.fl-page-header {
    transform:translateY(-150px);
}

.menu_main_scrolled header.fl-page-header {
    background: #F7F7F7;
}
.menu_main_scrolled #main-menu >ul.menu-desktop >li a,
.menu_main_scrolled #main-menu >ul.menu-desktop >li button,
.menu_main_scrolled #menu-quickaccess a {
    color: var(--red-dark);
}

#main-menu .menu-mobile-header {display:none}



    /* Quick Access */
    .top-bar-nav {
        text-align: right;
        position: absolute;
        right: 0;
        padding: 0 50px;
        top: 20px;
    }
    .top-bar-nav #menu-quickaccess >li {display:inline-block}
    
    #menu-quickaccess a {
        font-family: var(--GTW-regular);
        font-size: 0.6818rem;
        line-height: 0.9091rem;
        color:var(--white);
        padding:10px 20px;
        text-decoration:none !important;
    }

    #menu-quickaccess a:hover:after {
        visibility: visible;
        width: calc(100% - 40px);
    }
    #menu-quickaccess a:after {
        content: "";
        position: absolute;
        width: 0;
        height: 1px;
        bottom: 5px;
        left: 20px;
        background-color: var(--white);
        visibility: hidden;
        transition: all 0.2s ease;
    }

    .menu_main_scrolled #menu-quickaccess a:after {
        background-color: var(--red-dark);
    }




    .menu-quickaccess.login a:before {
        content:"";
        width:14px;
        height: 15px;
        display:inline-block;
        margin-right:10px;
        transform: translateY(1px);
        background:url(/wp-content/uploads/2021/11/quick_access_login.svg) center center / cover no-repeat;
    }
    .menu_main_scrolled .menu-quickaccess.login a:before {
        background:url(/wp-content/uploads/2021/11/quick_access_login_red.svg) center center / cover no-repeat;
    }
    
    /**************/
    /* Menu Items */
    /**************/
    #main-menu {    
        padding-top: 65px;
    }
    #main-menu >ul.menu-desktop >li{display:inline-block;}
    #main-menu >ul.menu-desktop {
        text-align:right;
        position:relative;
        transform: translateX(20px);
    }
    #main-menu >ul.menu-desktop >li ~ .mainmenu_home{
        position:absolute;
    }
    #main-menu .mainmenu_home ~ li {position:absolute;
    }
    #main-menu .mainmenu_home {
        width: 198px;
        height: 82px;
        overflow: hidden;
        display: inline-block;
        color: transparent;
        position: absolute;
        left: -20px;
        top: -42px;

    }
    #main-menu .mainmenu_home:before {
        content:"";
        width:198px;
        height:82px;
        background:url(/wp-content/uploads/2021/11/impact-hub-logo-white.svg) center center / cover no-repeat;
        display:inline-block;
    }
    .menu_main_scrolled #main-menu .mainmenu_home:before {
        background:url(/wp-content/uploads/2021/11/impact-hub-logo-black.svg) center center / cover no-repeat;
    }
    
    #main-menu >ul.menu-desktop >li a.mainmenu_home:after {display:none}

    #main-menu >ul.menu-desktop >li a{
        font-family: var(--GTW-bold);
        font-size: 0.7727rem;
        line-height: 0.9091rem;
        color: var(--white);
        text-decoration:none !important;
    }

    #main-menu >ul.menu-desktop >li a:hover:after {
        visibility: visible;
        width: calc(100% - 40px);
    }
    
    #main-menu >ul.menu-desktop >li a:after {
        content: "";
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 5px;
        left: 20px;
        background-color: var(--white);
        visibility: hidden;
        transition: all 0.2s ease;
    }
    
    .menu_main_scrolled #main-menu >ul.menu-desktop >li a:after {
        background-color: var(--red-dark);
    }

    #main-menu ul.sub-menu li a:after {
        background-color: var(--pink) !important;
        left:0;
    }

    #main-menu ul.sub-menu li a:hover:after {
        width: calc(100% - 20px);
    }

    #main-menu >ul.menu-desktop >li button{
        font-family: var(--GTW-bold);
        background:transparent;
        border:0;
        font-size: 0.7727rem;
        line-height: 0.9091rem;
        color: var(--white);
        position:relative;
        z-index:3;
    }

    #main-menu >ul.menu-desktop >li button:after
    {
        content:"";
        display:inline-block;
        margin-left:10px;
        background:url(/wp-content/uploads/2021/11/icon_chevron_down.svg) center center / cover no-repeat;
        width:10px;
        height:6px;
        transform: translateY(-3px);
        transition:all .25s ease;
    }

    .menu_main_scrolled #main-menu >ul.menu-desktop >li button:after {
        width:12px;height:7px;
        background:url(/wp-content/uploads/2021/11/Icon-material-keyboard-arrow-down.svg) center center / cover no-repeat !important;
    }
    

    #main-menu >ul.menu-desktop >li button:hover{text-decoration:underline}

    #main-menu >ul.menu-desktop >li a:not(.mainmenu_home), 
    #main-menu >ul.menu-desktop >li button {
        padding:10px 20px;
    }

    
    /******************/
    /* Sub-Menu items */
    /******************/
    #main-menu .sub-menu[data-depth='0'] {
        position: absolute;
        background: #fff;
        border-radius: 6px;
        top: 50px;
        padding: 20px 15px 15px 20px;
        transition:all .25s ease;
        display: grid;
        grid-template-columns: 0.85fr 1fr;
    }
    #main-menu .mainmenu_main[aria-expanded="true"] {color:var(--white);}
    #main-menu .mainmenu_main[aria-expanded="true"]:hover {text-decoration:none;}
    #main-menu .mainmenu_main[aria-expanded="true"]:after {
        transform: translateY(-3px) rotate(180deg);
        /* background:url(/wp-content/uploads/2021/11/icon_chevron_down_pink.svg) center center / cover no-repeat !important; */
    }
    .menu_main_scrolled #main-menu .mainmenu_main[aria-expanded="true"]:after { 
        width:12px;height:7px;
        background:url(/wp-content/uploads/2021/11/Icon-material-keyboard-arrow-down.svg) center center / cover no-repeat !important;
    }
    #main-menu .mainmenu_main[aria-expanded="false"] ~ .sub-menu[data-depth='0'] {
        visibility:hidden;
        opacity:0;
        transform:translate(1px,-55px);
    }
    #main-menu .mainmenu_main[aria-expanded="true"] ~ .sub-menu[data-depth='0'] {
        opacity:1;
        visibility:visible;
        z-index:2;
        box-shadow: 0px 5px 10px -5px rgb(0 0 0 / 25%)
    }
    ul.sub-menu { 
        list-style-type: none;
        text-align:left;
        padding: 0;
    } 
    ul.sub-menu h3 {
        font-family: var(--GTW-bold);
        font-size: 1rem;
        line-height: 1.5909rem;
        color: var(--black);
        margin-top: 0;
    } 
    #main-menu >ul.menu-desktop >li >ul.sub-menu a{
        font-family: var(--GTW-regular);
        font-size: 0.7273rem;
        line-height: 0.9091rem;
        color: var(--pink);
        padding-left:0;
    }
    #main-menu .sub-menu[data-depth='0'] >li:nth-of-type(2){
        border-left:1px solid #E6E6E6;
        padding-left:70px;
    }


/**********/
/* Footer */
/**********/

.footer_row_inner {
    max-width:1336px;
    margin:auto;
    padding:86px 56px;
    color:var(--white);
    display: grid;
    grid-template-columns: 28% 28% 44%;
    grid-template-areas: "column-1 column-2 column-3";
}

.footer_col.column1 { grid-area: column-1; }
.footer_col.column2 { grid-area: column-2; }
.footer_col.column3 { grid-area: column-3; }

.footer_col {padding-right:80px;}
footer p { 
    font-size:0.7273rem;
    line-height:1.0909rem;
}
.footer_row_inner * { color:var(--white); }
.footer_row_inner p {margin-top:18px;}
.footer_row_inner p, .footer_row_inner a {
    color:var(--white) !important;
}
.footer_row_inner a {text-decoration:underline}
.footer_row_wrapper.mainfooter {background:var(--pink);}
.footer_icon_explore {margin-bottom:10px;margin-top:30px;}

.footer_small p, .footer_small a {
    font-size:0.7273rem;
}

ul.footer_sn_icons {margin-top:67px;padding:0;}
.footer_sn_icons a {outline-offset: 20px;}
.footer_sn_icons a:before {display:none !important}
.footer_sn_icons a img {width:75%}
.footer_sn_icons li {    
    display: inline-block;
    margin-right: 10px;
}

.sn_instagram {
    background:url(/wp-content/uploads/2021/11/Icon-feather-instagram.svg) center center / cover no-repeat;
    width:41px;
    height:41px;
}

.postfooter .footer_row_inner {
    display:block;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 86px 56px 44px;
}
.postfooter p {
    font-size: 1rem;
    line-height: 1.5909rem;
}
.postfooter .footer_3cols {font-size:0.7273rem}
.postfooter .col2.footer_info img {width:216px}
.footer_row_wrapper.postfooter {background:var(--red-dark);}
.footer_row_wrapper.postfooter .footer_3cols {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    align-items: flex-end;
    margin-top:58px;
}
.footer_row_wrapper.postfooter p {
    max-width:900px;
    margin:auto;
    margin-top:0;
    text-align:center;
}
.footer_row_wrapper.postfooter .col2 {text-align:center}
.footer_row_wrapper.postfooter .col3 {text-align:right}
.footer_imapce_subtitle {
    font-size: 0.9091rem;
    line-height: 1.25rem;
    font-family: var(--GTW-regular);
}
.footer_form_temp{    max-height: 200px;}



#mc_embed_signup form {padding: 0;}
#mc_embed_signup .asterisk {color:var(--yellow)}
#mc_embed_signup .mc-field-group select {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    height: 40px;
    width: 70px;
}

#mc_embed_signup .mc-field-group.consent :is(label, select) {display:inline-block}
.footer_row_inner option {
    color: var(--black);
}
#mc_embed_signup :is(label, option){
    font-family: var(--GTW-regular);
    font-size: 0.91rem;
    line-height: 1.5rem;
    font-weight: normal;
}
#mc_embed_signup input {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    color:var(--white);                             
}



/*****************/
/* Tribe Events  */
/*****************/

.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
    padding-left: 0;
    padding-right: 0;
}
.event_single_pretitle a {
    font-family: var(--GTW-regular);
    font-size: 1rem;
    line-height: 1.5909rem;
    color:var(--white) !important;
    margin-right:15px;
    text-decoration:none !important;
}

.event_single_pretitle .virtual {
    background:var(--white);
    font-family: var(--GTW-regular);
    font-size: 0.7273rem;
    line-height: 1.5rem;
    color: var(--black);
    border-radius:100px;
    padding: 8px 20px;
}

.event_single_pretitle .virtual:before {
    content:"";
    background:url(/wp-content/uploads/2021/11/virtual-event-icon.jpg) center center / cover no-repeat;
    width:27px;
    height:18px;
    display:inline-block;
    position: relative;
    top: 4px;
    left: -5px;
}

.event_single_pretitle a.underline:before {
    background-color: var(--white);
}

.event_single_header_info * {color:var(--white);}
.event_single_header_info p {margin-top:18px;}

.event_cal_export_button {
    font-family: var(--GTW-medium);
    font-size: 0.8182rem;
    line-height: 0.9091rem;
    color: var(--pink);
    padding:15px 25px;
    border:1px solid var(--pink);
    border-radius:100px;
}
.event_cal_export_button:hover {
    text-decoration:none;
    background:var(--pink);
    color:var(--white);
}

.event_cal_export_button {margin-right:20px;}
.event_cal_export_button:before {
    content:"";
    background:url(/wp-content/uploads/2021/11/icon_calendar_pink.svg) center center / cover no-repeat;
    width:18px;
    height:20px;
    display:inline-block;
    margin-right:13px;
    position:relative;
    top:4px;
}
.event_cal_export_button:hover:before {background:url(/wp-content/uploads/2021/11/icon_calendar_white.svg) center center / cover no-repeat;}

.tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
.tribe-events-meta-group,
.tribe-events-venue-map {
    padding: 20px 0;
    width: 100%;
}
.tribe-postal-code {display:block}



/* Stories */
/************/
.catNav.small {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    color: #fff;
}