@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");    
@charset "UTF-8";
    /* CSS Document */

    :root {
        --spe-pink: #E53996;
        --spe-gray: #F4C104;
        --spe-grey: #808285;
        --spe-dark-grey: #333333;
        --spe-light-grey: #dcdcdc;
    }

.text-large {
 font-size: 30px; 
}

.text-plastchicks {
 color: var(--spe-pink) !important; 
}

    .i4a_header_row1 {

        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
    }

    #header_row1_column2 {
        display: flex;
        justify-content: flex-end;
    }

    #header_row2_column1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .btn.buttonRed:hover,
    .btn.buttonRed:focus,
    .btn.buttonPurple:hover,
    .btn.buttonPurple:focus {
        background-position: 0;
    }

    div[role*="combobox"] {
        z-index: 10000 !important;
    }

    a:not(.btn),
    a:link:not(.btn),
    a:active:not(.btn),
    a:visited:not(.btn) {
        text-decoration: none;
        color: var(--spe-pink);
    }

    a:not(.btn):hover,
    a:link:not(.btn):hover,
    a:active:not(.btn):hover,
    a:visited:not(.btn):hover {
        text-decoration: underline !important;
        color: var(--spe-pink) !important;
    }

    /*-------------------------------*/
    /*-------------------------------*/
    /*-------------------------------*/

    #mainNavbar ul li a {
        color: #ffffff !important;
    }

    nav.mainNavigation {
        height: 60px !important;
        min-height: 60px !important;
        background-color: var(--spe-pink) !important;
        background-image: none !important;
        margin-bottom: 20px !important;

    }

    .sub-arrow {
        display: none !important;
    }

    .navbar-nav .dropdown-menu {
        min-width: 15em !important;
    }

    #mainNavbar>ul>li>a {
        padding-top: 18px !important;
        padding-bottom: 19px !important;
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    ul.dropdown-menu.multi-level>li>a {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    #mainNavbar>ul>li>a:hover {
        color: #fff !important;
    }

    .bg-dark.navbar-dark .navbar-nav .nav-link:hover {
        color: #fff !important;
    }

    .navbar-nav>li>a {
        color: #fff !important;
        text-transform: uppercase !important;
    }

    .navbar-nav>li:hover,
    .navbar-nav>li:hover a {


        text-decoration: underline !important;
        color: white !important;
    }

    .navbar-nav>li>.dropdown-menu {

        background-color: #ffffff !important;
    }

    .navbar-nav>.dropdown-menu>li>a:hover {

        color: var(--spe-pink) !important;
    }

    .navbar-nav>.dropdown-menu>li>a:hover {

        background-color: var(--spe-pink) !important;
    }

    nav .dropdown-menu>li>a:focus,
    nav .dropdown-menu>li>a:hover {

        background-color: var(--spe-pink) !important;
        background-image: none !important;
    }

    nav .dropdown-menu>li>a {
        color: var(--spe-pink) !important;
    }

    /* below is styles for different screen sizes */

    /* small tablets
---------------------------------------------------------------*/
    @media (max-width: 767px) {
        .container {
            max-width: 100% !important;
        }

        div[class*="col"] {
            padding-bottom: 10px;
            padding-top: 0px !important;
        }

        .navbar-toggler {
            border-color: #1a242f !important;
            margin-left: auto !important;
            margin-top: -5px;
        }

        .navbar-toggler:hover {
            background-color: #1a242f !important;
        }

        .navbar-collapse {
            height: auto !important;
            background-color: var(--spe-pink) !important;
            background-image: none !important;
            border-color: transparent !important;
        }

        #mainNavbar {
            margin-left: -17px !important;
            margin-right: -17px !important;
            border-top: 1px solid #ccc !important;
            margin-top: 2px !important;
        }

        #mainNavbar>ul>li {
            padding-right: 0px !important;
        }

        #mainNavbar>ul>li>a {
            padding-left: 15px !important;
            padding-right: 0px !important;
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }

        ul.dropdown-menu.multi-level>li>a {
            padding-left: 25px !important;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
        }
    }

    /* smartphones
---------------------------------------------------------------*/
    @media (max-width: 480px) {

        div[class*="col"] {
            padding-bottom: 10px;
            padding-top: 0px !important;
        }

        a.menu_secondarymenu_link_link,
        a.menu_secondarymenu_link_link:link,
        a.menu_secondarymenu_link_link:active,
        a.menu_secondarymenu_link_link:visited {
            font-size: 11px !important;
        }

    }

    /*--------------FONT AWESOME OVERRIDE-------------*/
    .fa {

        font-family: FontAwesome !important;

    }

    /*---------Primary Button Override-------*/
    /*---------Success Button Override-------*/
    /*  ? background-color override
     ? border-color override
 */
    /*----------------------------------------------*/

    .btn-primary {
        background-color: var(--spe-pink) !important;
        border-color: var(--spe-pink) !important;
        color: #ffffff;
        background-image: none;
    }

    .btn-primary:hover {
        background-color: #ffffff !important;
        border-color: var(--spe-pink);
        color: var(--spe-pink) !important;
        background-image: none;
    }

    .btn-success {
        background-color: var(--spe-yellow) !important;
        border-color: var(--spe-pink) !important;
        color: #ffffff;
        background-image: none;
    }

    .btn-success:hover {
        background-color: #ffffff !important;
        border-color: var(--spe-pink) !important;
        color: var(--spe-pink) !important;
        background-image: none;
    }

    .btn-secondary {
        background-image: none !important;
        background-color: #808285 !important;
        color: #fff !important;
        border-color: #808285 !important;
    }

    .btn-secondary:hover {
        background-image: none !important;
        background-color: #ffffff !important;
        color: #808285 !important;
        border-color: #808285 !important;
    }

    /*----Event Calendar Short Description Overrides----*/

    .i4aCalendar_events_event_shortdescription {
        font-size: 90%;
    }

    /*----Admin Description Field Overrides Overrides----*/
    .ckeditoralt-1029-bodyEl {
        font-size: 1rem;
    }


    /*----Panel Success Class Override Code----*/
    .panel-success {
        border-color: #46s748 !important;

    }

    .panel-success>.panel-heading {
        background-color: var(--spe-pink) !important;
        border-color: var(--spe-pink) !important;
    }

    .text-success {
        color: var(--spe-pink);
    }

    .text-danger {
        color: #d9232d;
    }

    .alert-success {
        background-color: var(--spe-pink);
    }

    .alert-info {
        background-color: var(--spe-pink);
    }

    #loginFailedText h2 {
        color: #ffffff !important;
    }

    /*--send reset link--*/

    .meetingUserExists>div>a#sendResetLink {
        color: #ffffff;
        text-decoration: underline;
    }

    /*---bg bootstrap overrides----*/

    .bg-success {
        background-color: var(--spe-pink);
    }

    .bg-warning {
        background-color: #ff9900;
    }

    .bg-primary {
        background-color: var(--spe-pink);
    }

    .bg-danger {
        background-color: #d9232d;
    }

    /*---bg bootstrap overrides alert----*/

    .alert-success {
        background-color: var(--spe-pink);
    }

    .alert-warning {
        background-color: #ff9900;
    }

    .alert-primary {
        background-color: var(--spe-pink);
    }

    .alert-danger {
        background-color: #d9232d;
    }

    /*---bg bootstrap overrides text----*/

    .text-success {
        color: var(--spe-pink);
    }

    .text-warning {
        color: #ff9900;
    }

    .text-primary {
        color: var(--spe-pink);
    }

    .text-danger {
        color: #d9232d;
    }


    /* ---------- Event Results ---------*/

    .i4aCalendar_events_event_more_info>div>a:first-child {
        display: none;
    }

    .i4aCalendar_events_event_more_info>div>a:nth-child(2) {
        margin-left: -8px;
    }

    /*--SPE IN ACTION MENU ITEM--*/
    /*
div.widget_responsivemenu > nav > div.navbar-collapse > ul > li:nth-child(4){
  font-weight: bold !important;
}*/

    a:not(.btn),
    a:link:not(.btn),
    a:active:not(.btn),
    a:visited:not(.btn) {
        color: var(--spe-pink) !important;
    }

    /*--DANGER BOX IN RESET PASSWORD SCREEN--*/

    .careerHub_alert-dismissible>p.text-danger>b {
        color: #ffffff !important;
    }

    .careerHub_alert-dismissible>p.text-danger>a[href="mailto:noreply@4spe.org"] {
        color: #ffffff !important;
    }

    /*--i4a Calendar Events Styles--*/
    #i4aCalendar_events>.card {
        margin-bottom: 1.5rem !important;
    }

    .loginModule_ResetButton {
        color: var(--spe-pink) !important;
    }

    .loginWidgetForgotPassword:hover {
        color: var(--spe-pink) !important;
        text-decoration: underline !important;
    }

    /* pixel image */

    img[src="https://bcp.crwdcntrl.net/5/c=12671/seg=22.7.0/seg=SPE"] {
        padding: 0 !important;
        margin: 0 !important;
        visibility: hidden;
        width: 1px !important;
        height: 1px !important;
        background-color: #333333 !important;
        vertical-align: unset !important;
        max-width: unset !important;
        position: absolute !important;
        top: 0;
        left: 0;
    }