/****************************/
    /*  MAKE LI GREAT AGAIN CSS  */
    /*  WRITTEN BY H.S. AND R.B. */
    /*****************************/
    /*************************/
    /* BEGIN MLIGA VARIABLES */
    /*************************/
    
     :root {
        --LIBlue: #385b7b;
        --LIRed: #db5461;
        --LILightRed: #FF4C5C;
        --LILightBlue: #319EB8;
        --LIOrange: #fa8334;
        --LILightOrange: #FE802C;
        --LIGreen: #588c61;
        --LILightGreen: #2EBA46;
        --LIWhite: #fff;

        --LIPurple: #6B4D9B;
        --LILightGrey: #ddd;

        --LILighterGrey: #F5F5F5;
        --LIDarkGrey: #666;

        --BodyBlack: #494949;
        --cardShadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        
        --cardPadding: 40px;

        --smallCardPadding: 15px;

        --negcardPadding: calc(-1 * 40px);
        --cardRadius: 2px;

        --cardBG: #fff;

        --headerHeight: 98px;

        --footerHeight: 245px;

        --activismTraining: #e42c48;
        --campaignTraining: #9ca939;

        --campusTraining: #1f5c5b;
        --careerTraining: #4caaa8;
        --communicationsTraining: #33497b;

        --fundraisingTraining: #262f4b;
        
        --digitalTraining: #ed8200;
        --onlineTraining: #7d6495;
        --eventsTraining: #7badd3;
        --homeShadow: 0px 0px 5px rgb(87, 41, 41);
        --headerFont: 'Lato', sans-serif;
        /*--headerFont: 'Nunito', sans-serif;*/
        --sidebarWidth: 5vw;
        --bodyFont: 'Average', sans-serif;
    }
    
    html,
    body {
        overflow-x: hidden !important;
    }
    
    div.newLIContainerFluid a {
        color: #319EB8;
        font-weight: 300;
        /*text-decoration: underline;*/
    }
    /***********************/
    /* END MLIGA VARIABLES */
    /***********************/
    /*****************************/
    /* BEGIN MLIGA THEME CLASSES */
    /*****************************/
    
    .liRed,
    .LIRed {
        color: #db5461 !important;
    }
    
    .liLightBlue,
    .LILightBlue {
        color: #319EB8;
    }
    
    .liOrange,
    .LIOrange {
        color: #fa8334;
    }
    
    .liGreen,
    .LIGreen {
        color: #588c61;
    }
    
    .LIBlue,
    .LIBlue {
        color: #385b7b;
    }
    
    .liBlue,
    .LIBlue {
        color: #385b7b;
    }
    
    .liWhite,
    .LIWhite {
        color: #fff;
    }
    
    .liPurple,
    .LIPurple {
        color: #6B4D9B;
    }
    
    .liLightGrey,
    .LILightGrey {
        color: #ddd;
    }
    
    .liDarkGrey,
    .LIDarkGrey {
        color: #666;
    }
    
    .liRedBackground,
    .LIRedBackground {
        background-color: #db5461 !important;
        color: white !important;
    }
    
    .liLightBlueBackground,
    .LILightBlueBackground {
        background-color: #319EB8;
    }
    
    .liOrangeBackground,
    .LIOrangeBackground {
        background-color: #fa8334;
    }
    
    .liGreenBackground,
    .LIGreenBackground {
        background-color: #588c61 !important;
        color: white !important;
        outline-color: transparent;
        outline-style: none;
    }
    
    .LIBlueBackground,
    .LIBlueBackground {
        background-color: #385b7b;
    }
    
    .liBlueBackground,
    .LIBlueBackground {
        background-color: #385b7b;
    }
    
    .liPurpleBackground,
    .LIPurpleBackground {
        background-color: #6B4D9B;
    }
    
    .roundedButtonsm.LIRedOutline:hover,
    .roundedButtonSM.LIRedOutline:hover,
    .roundedButtonSM.LiredOutline:hover {
        background-color: #db5461;
        color: white;
    }
    
    .roundedButton.LIRedOutline:hover,
    .roundedButton.LiredOutline:hover {
        background-color: #db5461;
        color: white;
    }
    
    .liRedOutline,
    .LIRedOutline {
        border: 1pt solid #db5461;
        color: #db5461;
    }
    
    .liLightBlueOutline,
    .LILightBlueOutline {
        border: 1pt solid #319EB8;
        color: #319EB8;
    }
    
    .roundedButton.LIOrangeOutline:hover,
    .roundedButton.LiOrangeOutline:hover {
        background-color: #fa8334;
        color: white;
    }
    
    .roundedButtonsm.LIOrangeOutline:hover,
    .roundedButtonSM.LiOrangeOutline:hover {
        background-color: #fa8334;
        color: white;
    }
    
    .liOrangeOutline,
    .LIOrangeOutline {
        border: 1pt solid #fa8334;
        color: #fa8334;
    }
    
    .roundedButton.LIGreenOutline:hover,
    .roundedButton.LiGreenOutline:hover {
        background-color: #588c61;
        color: white;
    }
    
    .roundedButtonsm.LIGreenOutline:hover,
    .roundedButtonSM.LiGreenOutline:hover {
        background-color: #588c61;
        color: white;
    }
    
    .liGreenOutline,
    .LIGreenOutline {
        border: 1pt solid #588c61;
        color: #588c61;
    }
    
    .roundedButton.LIWhiteOutline:hover,
    .roundedButton.LiWhiteOutline:hover {
        background-color: #fff;
        color: white;
    }
    
    .roundedButtonsm.LIWhiteOutline:hover,
    .roundedButtonSM.LiWhiteOutline:hover {
        background-color: #fff;
        color: white;
    }
    
    .liWhiteOutline,
    .LIWhiteOutline {
        border: 1pt solid white;
        color: white;
    }
    
    .roundedButtonsm.LIDarkOutline:hover,
    .roundedButtonSM.LiDarkOutline:hover {
        background-color: #555555;
        color: white;
    }
    
    .roundedButton.LIDarkOutline:hover,
    .roundedButton.LiDarkOutline:hover {
        background-color: #555555;
        color: white;
    }
    
    .liDarkOutline,
    .LIDarkOutline {
        border: 1pt solid #555555;
        color: #555555;
    }
    
    .roundedButtonsm.LIBlueOutline:hover,
    .roundedButtonSM.liBlueOutline:hover {
        background-color: #385b7b;
        color: white;
    }
    
    .roundedButton.LIBlueOutline:hover,
    .roundedButton.liBlueOutline:hover {
        background-color: #385b7b;
        color: white;
    }
    
    .liBlueOutline,
    .LIBlueOutline {
        border: 1pt solid #385b7b;
        color: #385b7b;
    }
    
    .roundedButtonsm.liLightBlueOutline:hover,
    .roundedButtonSM.LILightBlueOutline:hover {
        background-color: #319EB8;
        color: white;
    }
    
    .roundedButton.liLightBlueOutline:hover,
    .roundedButton.LILightBlueOutline:hover {
        background-color: #319EB8;
        color: white;
    }
    
    .liLightBlueOutline,
    .LILightBlueOutline {
        border: 1pt solid #319EB8;
    }
    
    .roundedButtonsm.LIPurpleOutline:hover,
    .roundedButtonSM.LiPurpleOutline:hover {
        background-color: #6B4D9B;
        color: white;
    }
    
    .roundedButton.LIPurpleOutline:hover,
    .roundedButton.LiPurpleOutline:hover {
        background-color: #6B4D9B;
        color: white;
    }
    
    .liPurpleOutline,
    .LIPurpleOutline {
        border: 1pt solid #6B4D9B;
    }
    
    .liRedBackground.opacity {
        border: 1pt solid #db5461;
    }
    
    .liLightBlueBackground.opacity {
        background-color: #319EB8;
    }
    
    .liOrangeBackground.opacity {
        background-color: #fa8334;
    }
    
    .liGreenBackground.opacity {
        background-color: #588c61;
    }
    
    .LIBlueBackground.opacity {
        background-color: #385b7b;
    }
    
    .LIBlueBackground.opacity {
        background-color: #385b7b;
    }
    
    .liPurpleBackground.opacity {
        background-color: #6B4D9B;
    }
    
    .LIBlueOpacity {
        background-color: rgba(56, 91, 123, 0.45);
    }
    
    .activismTraining {
        color: #e42c48;
    }
    
    .activismTrainingBG {
        background-color: #e42c48;
    }
    
    .campaignTraining {
        color: #9ca939;
    }
    
    .campaignTrainingBG {
        background-color: #9ca939;
    }
    
    .campusTraining {
        color: #1f5c5b;
    }
    
    .campusTrainingBG {
        background-color: #1f5c5b;
    }
    
    .campusUL li {
        font-family: 'Lato', sans-serif;
        line-height: 25pt;
    }
    
    .careerTraining {
        color: #4caaa8;
    }
    
    .careerTrainingBG {
        background-color: #4caaa8;
    }
    
    .communicationsTraining {
        color: #33497b;
    }
    
    .communicationsTrainingBG {
        background-color: #33497b;
    }
    
    .fundraisingTraining {
        color: #262f4b;
    }
    
    .fundraisingTrainingBG {
        background-color: #262f4b;
    }
    
    .digitalTraining {
        color: #ed8200;
    }
    
    .digitalTrainingBG {
        background-color: #ed8200;
    }
    
    .onlineTraining {
        color: #7d6495;
    }
    
    .onlineTrainingBG {
        background-color: #7d6495;
    }
    
    .eventsTraining {
        color: #7badd3;
    }
    
    .eventsTrainingBG {
        background-color: #7badd3;
    }
    
    .whiteTextShadow {
        font-weight: 400;
        color: white;
        text-shadow: 0px 0px 5px rgb(87, 41, 41);
    }
    
    .LIRadio {
        width: 70pt;
        height: 25pt !important;
        line-height: 25pt !important;
        margin-right: 10pt;
        margin-bottom: 10pt;
        padding: 0 !important;
        outline: none;
    }
    
    .LIRadio:focus {
        outline: none;
    }
    
    body {
        background-color: #fcfcfc;
        color: #494949;
        /* font-family: 'Average', sans-serif; */
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
    }
    
    p {
        font-family: 'Average', sans-serif;
        /*color: #494949;*/
    }
    
    span.sepBar {
        border-bottom: #ddd 1px solid;
        margin-bottom: 1.5em;
        display: block;
    }
    
    span.sepBar.margTop {
        margin-top: 1.5em;
    }
    
    span.sepBar.shortMarg {
        margin-bottom: .5em;
    }
    
    span.sepBar.margTop.shortMarg {
        margin-top: .5em;
    }
    
    form {
        margin: 0;
    }
    
    label {
        font-family: 'Lato', sans-serif;
        outline-color: transparent;
        outline-style: none;
    }
    
    label:focus {
        outline: none !important;
    }
    
    label:active {
        outline: none !important;
    }
    
    input {
        font-family: 'Lato', sans-serif !important;
        outline-color: transparent;
        outline-style: none;
    }
    
    
    .focus {
        outline-color: transparent !important;
        outline-style: none !important;
    }
    
    input:focus {
        outline: none !important;
    }
    
    input:active {
        outline: none !important;
    }
    
    input[type="submit"], button {
        cursor: pointer !important;
    }

    address {
        font-family: 'Lato', sans-serif;
    }
    
    .emailForm {
        font-family: 'Lato', sans-serif;
    }
    
    img.round {
        border-radius: 50%;
        object-fit: cover;
        object-position: 50% 0%;
        /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);*/
    }
    
    div#formModal form label {
        font-weight: 300;
    }
    
    div#loginModal div.modal-content,
    div#formModal div.modal-content {
        background-color: #fcfcfc;
    }
    
    table.cfdebug {
        display: none;
    }
    /***************************/
    /* END MLIGA THEME CLASSES */
    /***************************/
    /************************/
    /* BEGIN HELPER CLASSES */
    /************************/
    
    .noPad,
    .row .noPad {
        padding: 0 !important;
    }
    
    .padlessSide {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .noPadLeft {
        padding-left: 0 !important;
    }
    
    .noPadRight {
        padding-right: 0 !important;
    }
    
    .pad1em {
        padding: 1em 1em 1em 1em !important;
    }
    /*GENERIC RULE TO STRIP MARGINS*/
    
    .noMarg {
        margin: 0!important;
    }
    
    .alignCenter {
        width: 100%;
        text-align: center;
    }
    
    .alignLeft {
        width: 100%;
        text-align: left;
    }
    
    .alignRight {
        width: 100%;
        text-align: right;
    }
    
    .fltrt {
        float: right;
    }
    
    .fltlft {
        float: left;
    }
    
    .position-fixed {
        position: fixed;
    }
    
    .text-bold {
        font-weight: bold;
    }
    
    .text-semibold {
        font-weight: 500;
    }
    
    .alignCenter {
        text-align: center;
    }
    
    .block {
        display: block;
    }
    
    a.noDecoration,
    a.noDecoration:hover {
        text-decoration: none;
    }
    
     ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #999 !important;
        font-family: 'Lato', sans-serif;
    }
    
     ::-moz-placeholder {
        /* Firefox 19+ */
        color: #999 !important;
        font-family: 'Lato', sans-serif;
    }
    
     :-ms-input-placeholder {
        /* IE 10+ */
        color: #999 !important;
        font-family: 'Lato', sans-serif;
    }
    
     :-moz-placeholder {
        /* Firefox 18- */
        color: #999 !important;
        font-family: 'Lato', sans-serif;
    }
    
    .form-control {
        font-family: 'Lato', sans-serif;
    }

    .form-check-label{
        padding-left:20px;
    }
    
    label.form-group {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
    }
    
    a {
        font-family: 'Lato', sans-serif;
    }
    
    a.noColor {
        color: initial;
    }
    
    a.noDecoration:hover {
        text-decoration: none;
    }
    
    p a,
    div.content a {
        font-family: 'Average', sans-serif;
        color: #319EB8 !important;
    }
    
    a>div.LICard:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        
    }
    
    div.overlayScreen {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.45);
    }
    
    .pageTitleAboveCard {
        margin-bottom: 15pt;
    }
    /**********************/
    /* END HELPER CLASSES */
    /**********************/
    /*************************************************/
    /* BEGIN FONT AWESOME SOCIAL MEDIA COLOR CLASSES */
    /*************************************************/
    
    .fa-twitter,
    .fa-twitter-square,
    .flaticon-twitter {
        color: #00b6f1;
    }
    
    .fa-facebook,
    .fa-facebook-official,
    .fa-facebook-square,
    .flaticon-facebook {
        color: #3b5998;
    }
    
    .fa-instagram {
        color: #E95950;
    }
    
    .fa-youtube-play,
    .fa-youtube,
    .fa-youtube-square {
        color: #b31217;
    }
    
    .fa-linkedin,
    .fa-linkedin-square {
        color: #007bb6;
    }
    
    .fa-pinterest,
    .fa-pinterest-p,
    .fa-pinterest-square {
        color: #cb2027;
    }
    
    .fa-google-plus,
    .fa-google-plus-official,
    .fa-google-plus-square {
        color: #df4a32;
    }
    
    .fa-envelope,
    .fa-envelope-o {
        color: #ff5500;
    }
    
    .fa-snapchat,
    .fa-snapchat-square,
    .fa-snapchat-ghost {
        color: #fffc00;
    }
    
    .fa-reddit,
    .fa-reddit-square,
    .fa-reddit-alien {
        color: #ff4500;
    }
    /***********************************************/
    /* END FONT AWESOME SOCIAL MEDIA COLOR CLASSES */
    /***********************************************/
    /*********************************/
    /*    BEGIN HEADER NAV STYLES    */
    /*********************************/
    
    nav.navbar {
        flex-direction: row;
        width: 90vw;
        margin: auto;
        text-align: right;
        padding: 0px 0px 0px 0px;
        position: relative;
    }
    
    header#header {
        position: absolute;
        width: 100vw;
        top: 0px;
        left: 0px;
        z-index: 55;
        -webkit-transition: transform .3s;
        transition: transform .3s;
    }
    
    nav.navbar {
        width: 98vw;
    }
    
    @media (min-width: 1200px) {
        nav.navbar {
            width: 90vw;
        }
    }
    
    #hamburgerMenu {
        display: none;
    }
    /* .scrollNav is the class for below the fold when it snaps to top*/
    
    header#header.scrollNav {
        --headerHeight: 3.75em;
        position: fixed;
        background-color: #385b7b;
        background-color: #385b7b;
        padding-bottom: 0px;
        height: 70px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }
    
    header#header.scrollNav #hamburgerMenu {
        top: 15px;
        right: calc(98px/4);
    }

    
    .headerLogo#scrollLogo {
        display: none;
    }
    
    header#header.scrollNav .headerLogo#scrollLogo {
        display: block;
        height: 40px;
        margin-top: 15px;
    }

    
    header#header.scrollNav .headerLogo#topLogo {
        display: none;
    }
    
    header#header .headerLogo#topLogo {
        margin-top: 1.125rem;
        margin-left: .5rem;
        -webkit-filter: drop-shadow(0px 0px 5px rgb(87, 41, 41));
        filter: drop-shadow(0px 0px 5px rgb(87, 41, 41));
    }
    
    @media (max-width: 767px) {
        #hamburgerMenu {
            display: block;
            position: absolute;
            color: white;
            font-size: 2em;
            right: 1.5rem;
            top: 1.5rem;
        }
        #hamburgerMenu:active {
            opacity: .7;
        }
        header#header nav.navbar ul {
            display: none;
            height: 100vh;
            width: 100vw;
            position: fixed;
            left: 0;
            top: 0;
            -webkit-padding-start: 0px;
            padding-top: 98px;
            animation-duration: .55s;
            overflow: scroll;
        }
        header#header nav.navbar ul a {
            height: 100px;
            background-color: #385b7b;
            width: 100%;
            text-align: left;
            border: 1px solid #385b7b;
            font-size: 5vw;
            color: #fff;
            padding: 1em 0 .25em 1em;
        }
        header#header nav.navbar ul a span {
            display: inline-block !important;
        }
        header#header nav.navbar ul li {
            text-shadow: none;
        }
    }
    
    header#header.scrollNav .navbar ul {
        position: absolute;
        right: .5rem;
        top: 25px;
    }
    
    header#header ul a,
    header#header #loginModalButton {
        color: white;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        margin-left: 1.75rem;
        height: inherit;
        line-height: 1.5em;
        font-size: 1em;
    }
    
    @media (max-width: 991px) {
        img.headerLogo {
            height: 60px;
        }
        header#header ul a,
        header#header #loginModalButton {
            margin-left: 1.5rem;
        }
    }
    
    @media (max-width: 767px) {
        header#header nav.navbar ul a,
        header#header #loginModalButton {
            margin-left: 0px;
        }
    }
    
    header#header ul li {
        padding-bottom: 5px;
        text-shadow: 0px 0px 5px rgb(87, 41, 41);
    }
    
    header#header ul li:hover {
        border-bottom: 1px solid white;
    }
    
    header#header .navbar ul * {
        display: inline-block;
    }
    
    header#header ul#navbar .subMenu {
        display: none;
        right: -5px;
        padding-left: 0px;
        width: 150px;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.45);
    }
    
    header#header ul#navbar li.parentMenuItem:hover .subMenu,
    header#header ul#navbar li.parentMenuItem .subMenu:hover {
        display: block;
        top: 20px;
    }
    
    header#header ul#navbar li.parentMenuItem {
        position: relative;
    }
    
    header#header ul#navbar li.parentMenuItem .subMenu a {
        margin-left: 0px;
        padding-left: 0px;
        width: 100%;
        font-size: 17px;
        line-height: 17px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 5px;s
    }
    
    @media (max-width: 767px) {
        header#header nav.navbar ul#navbar .notMobile {
            display: none !important;
        }
    }
    
    @media (min-width: 768px) {
        header#header nav.navbar ul#navbar .mobileOnly {
            display: none !important;
        }
    }
    
    @media (max-width: 991px) {
        ul#navbar li.hidden-lg-down, 
        ul#navbar .hidden-lg-down * {
            display: none;
        }
    }


    #loginModal label,
    #loginModal label input,
    #loginForm label,
    #loginForm label input {
        width: 100%;
    }
    
    #loginModal .submitContainer,
    #loginForm .submitContainer {
        text-align: center;
        margin: 1em 0em 1em 0em;
    }
    /********************************/
    /*    END HEADER NAV STYLES     */
    /********************************/
    /*****************************/
    /*   BEGIN FOOTER STYLES     */
    /*****************************/
    
    footer {
        min-height: 215px;
        width: 100%;
        margin-top: 2em;
    }
    
    footer .row.footerImages img {
        width: 40%;
        margin: auto;
        margin-top: 2em;
    }
    
    img.whiteBackLogo {
        background-color: white;
        padding: .25em .5em .25em .5em;
        border-radius: 75px;
    }
    
    @media (min-width: 567px) {
        footer .row.footerImages .fltrt img {
            float: right;
        }
        footer .row.footerImages .fltlft img {
            float: left;
        }
    }
    
    footer .row.footerImages {
        text-align: center;
        padding-bottom: 20px;
        background-color: #385b7b;
    }
    
    footer #footerLinksAndTerms {
        padding-top: 1em;
        padding-bottom: 1em;
        color: #acb5be;
        text-align: center;
        background-color: #385b7b;
    }
    
    footer #footerLinksAndTerms a {
        color: #acb5be;
        text-decoration: none;
    }
    
    footer #footerLinksAndTerms h6 {
        width: 40%;
        margin: auto;
    }
    
    footer #footerLinksAndTerms p {
        padding-top: 3em;
        font-size: .7em;
        width: 70%;
        margin: auto;
    }
    /*****************************/
    /*     END FOOTER STYLES     */
    /*****************************/
    /************************************************/
    /* BEGIN STYLES FOR THE DEFAULT FLUID CONTAINER */
    /************************************************/
    
    div.container-fluid.newLIContainerFluid {
        padding-left: 0px;
        padding-right: 0px;
        min-height: calc(100vh - 245px - 98px);
        margin-top: 98px;
        padding-top: 2rem;
    }
    
    @media (min-width: 992px) {
        div.container-fluid.newLIContainerFluid {
            width: 90vw;
            margin-left: auto;
            margin-right: auto;
        }
    }
    
    div.container-fluid.newLIContainerFluid.fullHeight {
        margin-top: 0;
        padding-top: 0;
        width: 100vw;
    }
    
    div.container-fluid.newLIContainerFluid.fullHeight>* {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    
    @media (max-width: 991px) {
        div.container-fluid.newLIContainerFluid {
            width: 98vw;
            margin-left: auto;
            margin-right: auto;
        }
        div.container-fluid.newLIContainerFluid.fullHeight>* {
            padding-left: 1vw;
            padding-right: 1vw;
        }
        
    }
    @media (max-width: 767px) {
        a.navBarSiteMap {
            display: inline-block !important;
        }
    }
    
    div.container-fluid.newLIContainerFluid .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .newLIContainerFluid .homepageSection:nth-of-type(even) {
        /*background-color: #e8e8e8; */
    }
    /************************************************/
    /*  END STYLES FOR THE DEFAULT FLUID CONTAINER  */
    /************************************************/
    /**************************************************/
    /* BEGIN STYLES FOR THE DEFAULT CONTENT CONTAINER */
    /**************************************************/
    
    .contentContainer {
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        padding: 2em !important;
        width: 90vw;
        margin: auto;
    }
    
    button:hover {
        opacity: .9;
    }
    /************************************************/
    /* END STYLES FOR THE DEFAULT CONTENT CONTAINER */
    /************************************************/
    /**************************************************/
    /* BEGIN STYLES FOR THE DEFAULT CONTENT CONTAINER */
    /**************************************************/
    
    .LICard {
        background-color: #fff;
        color: #494949;
        padding: 40px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
        margin-bottom: 2em;
        
    }
    /*@media (max-width: 991px) {
        .LICard {
            padding: 15px;
            margin-left: calc(-1 * 15px);;
            margin-right: calc(-1 * 15px);;
        }
    }*/
    
    .LICard h3 {
        padding-bottom: 2pt;
        margin-bottom: 10pt;
    }
    
    .LICard p {
        line-height: 1.5em;
        font-family: 'Lato', sans-serif;
    }
    .staffRow{
        display: inline-flex;
    }
    @media (max-width: 1450px) {
        .staffRow{
            display: flex;
            flex-direction: column;
        }
    }
    
    .LICardFixed {
        height: 50vh;
        padding-bottom: 20pt;
        overflow: hidden;
        transition: none;
    }
    
    .LICardFixed p {
        margin-bottom: 20pt;
        overflow: hidden;
    }
    
    @media (max-width: 1450px) {
        .LICardFixed {
            height: 65vh;
        }
    }
    
    @media (max-width: 1367px) {
        .LICardFixed {
            height: 50vh;
        }
    }
    
    @media (max-width: 1200px) {
        .LICardFixed {
            height: 75vh;
        }
    }
    
    @media (max-width: 1025px) {
        .LICardFixed {
            height: 75vh;
        }
    }
    
    @media (max-width: 900px) {
        .LICardFixed {
            height: 70vh;
        }
    }
    
    @media (max-width: 500px) {
        .LICardFixed {
            height: 65vh;
        }
    }
    
    @media (max-width: 450px) {
        .LICardFixed {
            height: 55vh;
        }
    }
    
    @media (max-width: 350px) {
        .LICardFixed {
            height: 75vh;
        }
    }
    
    @media (max-width: 500px) and (max-height: 800px) {
        .LICardFixed {
            height: 65vh;
        }
    }
    
    @media (max-width: 800px) and (max-height: 500px) {
        .LICardFixed {
            height: 150vh;
        }
    }
    
    @media (max-width: 400px) and (max-height: 600px) {
        .LICardFixed {
            height: 80vh;
        }
    }
    
    @media (max-width: 1100px) and (max-height: 1400px) and (min-height: 1200px) {
        .LICardFixed {
            height: 40vh;
        }
    }
    
    div.LICard img.topImage {
        margin-top: calc(-1 * 40px);
        margin-right: calc(-1 * 40px);
        margin-left: calc(-1 * 40px);
        margin-bottom: 40px;
        width: calc(100% + (2*40px));
    }
    
    div.LICard img.topImageNews {
        margin-top: calc(-1 * 40px);
        margin-right: calc(-1 * 40px);
        margin-left: calc(-1 * 40px);
        margin-bottom: 40px;
        width: calc(100% + (2*40px));
        object-fit: cover;
        object-position: center;
        height: 250pt;
    }
div.newteaser p {margin: 0.2em;}
    
    div.LICard img.topImage.noMargBottom {
        margin-bottom: calc(-1 * 40px);
    }
    
    div.LICard img.sideImage {
        margin-top: calc(-1 * 40px);
        margin-right: 40px;
        margin-left: calc(calc(-1 * 40px) - 1em);
        margin-bottom: calc(-1 * 40px);
        width: calc(100% + 40px);
        height: calc(100% + (2*40px));
        object-fit: cover;
    }
    
    .flipCardPadding {
        margin: calc(-1 * 40px);
        padding: 40px;
    }
    
    div.sidebar ul.leftMenu {
        list-style-type: none;
        display: inline-block;
        font-size: 18px;
        line-height: 50px;
        margin: 0;
        padding: 0;
    }
    
    @media (max-width: 992px) {
        div.sidebar ul.leftMenu li {}
        div.sidebar ul.leftMenu {
            display: inline-block;
            margin-bottom: 1em;
            margin-left: 10pt;
        }
    }
    
    div.sidebar ul.leftMenu a {
        color: #616161;
    }
    
    div.sidebar ul.leftMenu a:hover {
        text-decoration: none;
    }
    
    div.sidebar ul.leftMenu a>li:hover {
        background-color: #eee;
        /*color: #588c61;*/
    }
    
    div.sidebar ul.leftMenu li {
        margin: 0 0 0 -1em;
        padding: 0 1em 0 1em;
    }
    /**********************/
    /* BEGIN INDEX STYLES */
    /**********************/
    
    .modal-backdrop.show {
        z-index: 20;
    }
    /*Above the fold and below the fold are the two main sections of the page, obviously*/
    /*aboveFold has three components-- Header (absolutely positioned to top), center section (abs positioned vertical center) , and bottom icons (abs bottom changed most in responsive).*/
    /**/
    
    div#aboveFold {
        width: 100vw;
        height: 100vh;
        position: relative;
        color: white;
    }
    
    #homePage #aboveFold {
        background-color: white;
        background-size: cover;
    }
    /*This is the middle quote section of the aboveFold*/
    
    /* .quote:before {
        content: '\201C ';
        height: 5pt;
        width: 10pt;
        padding: 10pt;
        font-size: 30pt;
        line-height: 10px;
        font-family: 'Times New Roman', Times, serif;
    }
    
    .quote:after {
        width: 10pt;
        height: 5pt;
        padding: 10pt;
        content: '\201D';
        float: right;
        font-size: 30pt;
        font-family: 'Times New Roman', Times, serif;
    } */
    .quoteMark{

        height: 10pt;
        width: 30px;
        padding-top: 10pt;
        font-size: 30pt;
        line-height: 10px;
        font-family: 'Times New Roman', Times, serif;
        color: black;
        
    }
    .quoteMarkEnd{

        height: 10pt;
        width: 30px;
        position: absolute;
        padding-top: 10pt;
        font-size: 30pt;
        line-height: 10px;
        font-family: 'Times New Roman', Times, serif;
        color: black;
    }
    .quote {
        margin-top: 10pt;
    }
    
    #centerTop {
        position: absolute;
        top: 30%;
        left: 0px;
        width: 100%;
        text-align: center;
        z-index: 35;
    }
    
    #centerTop h2 {
        font-size: 3em;
        text-shadow: 0px 0px 5px rgb(87, 41, 41);
    }
    
    #centerTop h2 a {
        text-decoration: none;
        color: white;
    }
    
    #centerTop h2 a:hover {
        text-decoration: underline;
        color: white;
    }
    /*Perplexingly named, the botoom of aboveFold. The height is the height of the overlay container*/
    
    div#bottomTop {
        position: relative;
        width: 100%;
        height: 270px;
        padding-top: 20pt;
        left: 0px;
        z-index: 45;
        -webkit-transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    .bottomTopOut {
        transform: translate3d(0, -110pt, 0);
    }
    /*These are the SVGs at the bottom of the homepage aboveFold*/
    
    #iconRow {
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    
    #iconRow a {
        margin-left: 3vw;
        margin-right: 3vw;
    }
    
    #iconRow a h5 {
        font-size: 1.1rem;
        width: 150pt;
    }
    
    #iconRow a:hover,
    ul#navBar a:hover {
        transform: scale(1.05);
    }
    
    #iconRow .iconHolder {
        float: none;
        display: inline-block;
        color: white;
        text-align: center;
    }
    
    div#iconRow .iconHolder>i {
        font-size: 4rem;
    }
    
    #iconRow .iconHolder h5 {
        margin-top: -.5em;
        text-align: center;
    }
    /*Looking for something else input in aboveFold*/
    
    .searchBarHolder {
        width: 100%;
        text-align: center;
        padding: 0em 0em 2em 0em;
        margin-top: 30px;
    }
    
    div.searchBarHolder {
        background-color: transparent;
        z-index: 99;
        left: 0px;
        display: inline-flex;
        justify-content: center;
    }
    
    .searchBarHolder input[type="text"] {
        width: 18%;
        min-width: 285px;
        height: 50px;
        border-top-left-radius: 70px;
        border-bottom-left-radius: 70px;
        border-top-right-radius: 70px;
        border-bottom-right-radius: 70px;
        border: 2px solid white;
        text-align: center;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 1.15em;
        background-color: transparent;
        color: white;
        fill: white;
        max-height: 8vh;
        cursor: pointer;
    }
    
    .toggleSiteMapSearch {
        font-family: 'Lato', sans-serif;
    }
    
    #homeSearchButton {
        color: white;
        height: 50px;
        font-size: 34px;
        margin-left: 10pt;
        -webkit-text-stroke: 2px black;
        display: none;
    }
    
    #homeSearchButton:hover {
        cursor: pointer;
    }
    
    #homeSearchButton:active {
        opacity: .7;
    }
    
    .homeSearchButtonActive {
        display: inline-block !important;
    }
    
    input:focus {
        outline: none;
    }
    
    .searchBarHolder input[type="text"]::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: white;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
    }
    
    .searchBarHolder input[type="text"]:-ms-input-placeholder {
        /* IE 10+ */
        color: white;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
    }
    
    .searchBarHolder input[type="text"]:-moz-placeholder {
        /* Firefox 18- */
        color: white;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
    }
    /*The screen because people don't like full-vibrant colors for some reason*/
    
    #aboveFoldOverlay {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 15;
        left: 0px;
    }
    
    #myLIMenu li {
        height: 30pt;
    }
    .myLISideBar{
        position: relative;
        display: flex;
        flex-direction: column;
        padding-top: 10pt;
        
    }
    .myLISideBarItem{
        display: inline-flex;
        width: 100%;
        height: 50pt;
        justify-content: left;
        align-items: center;
        transition: transform .1s;
        padding-left: 15pt;
        padding-top: 3pt;
    }
    .myLISideBarItem:hover{
        transform: scale3d(1.05, 1.05, 1.05);
        cursor: pointer;
    }
    .myLISideBarItem:active{
        opacity: .7;
        cursor: pointer;
    }
    .myLISideBarItemActive{
        background-color: #319EB8;
    }
    .myLISideBarItemActive h5{
        color: white !important;
    }
    .myLIPane{
        opacity: 1;
        animation-duration: .2s;
    }
    .myLIPaneHidden{
        opacity: 0;
        display: none;
    }

    
    @media (max-width: 991px) {
        #sitemap {
            height: 100pt !important;
            position: absolute !important;
            top: calc(100vh - 100pt);
            bottom: 0;
        }
        #bottomTop {
            height: 100pt !important;
            position: absolute !important;
        }
        div#iconRow .iconHolder>i {
            font-size: 2rem;
        }
        #iconRow a {
            margin-left: 1pt;
            margin-right: 1pt;
            width: 120px !important;
            text-align: center;
        }
        .iconHolder {
            height: 33%;
            width: 120px !important;
            margin-left: 1pt;
            margin-right: 1pt;
            /*margin-top: 3vh;*/
        }
        #iconRow a h5 {
            padding-top: 10px;
            font-size: .8rem;
            width: 80pt;
            word-wrap: break-word;
            padding-left: 15px;
        }
        #centerTop h2 {
            font-size: 1em;
        }
        .searchBarHolder {
            visibility: collapse;
        }
        #siteMapSectionContainer {
            visibility: collapse;
        }
        #centerTop {
            margin: 0 auto;
            width: 100vw;
            padding: 15pt;
        }
        #centerTop h2 {
            font-size: 2rem;
            font-weight: 400;
            word-wrap: break-word;
        }
        #centerTop h2 a {
            font-size: 1.5rem;
            font-weight: 400;
            word-wrap: break-word;
        }
    }
    
    .siteMap {
        overflow: hidden;
        color: white;
        position: absolute;
        top: calc(100vh - 270px);
        left: 0px;
        width: 100vw;
        max-height: calc(100vh - 98px);
        z-index: 46;
        -webkit-transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1.01), background-color 600ms cubic-bezier(0.23, 1, 0.32, 1.01);
        transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1.01), background-color 600ms cubic-bezier(0.23, 1, 0.32, 1.01);
        background-color: rgba(0, 0, 0, .6);
    }
    
    .siteMapActive {
        transform: translate3d(0, calc(-1 * (100% - 300px)), 0);
        background-color: rgba(0, 0, 0, 1);
    }
    
    #siteMapSectionContainer {
        overflow-x: hidden;
        width: calc(190vw);
        -webkit-transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
        padding: 0;
        margin-left: 0;
    }
    
    .siteMapSectionContainerUp {
        transform: translate3d(0, -110pt, 0);
    }
    
    .siteMapSectionContainerX {
        transform: translate3d(-50%, -100pt, 0);
    }
    
    #siteMapSectionContainerMain {
        display: inline-block;
        width: 90vw;
        margin-right: 5vw;
    }
    
    #siteMapSectionContainerSearch {
        display: inline-block;
        width: 90vw;
        position: absolute;
        top: 70;
    }
    
    .siteMap>#bottomContent>div.siteMapSection {
        height: 85%;
        float: left;
    }
    
    div.siteMapSection a {
        color: white;
        font-weight: 400;
    }
    
    .siteMap>div h4>span {
        font-size: 2rem;
        width: 30px;
        height: 2rem;
    }
    
    .siteMap>div ul {
        margin-bottom: 3em;
        list-style: none;
        padding-left: 0px;
    }
    
    .siteMap>div ul li {
        line-height: 1.8rem;
        color: white;
        font-weight: 400;
        font-size: .95em;
        word-wrap: break-word;
        font-family: 'Lato', sans-serif;
    }
    
    @media (max-width: 991px) {
        .siteMap>#bottomContent>div.siteMapSection {
            height: auto;
            float: left;
        }
        .siteMap>#bottomContent>div h4 {
            font-size: 2rem;
        }
        .siteMap>#bottomContent>div ul {
            margin-bottom: 0px;
            display: none;
        }
        .siteMap>#bottomContent>div ul li {
            display: none;
        }
    }
    /*General styling for the homepagesection elements that make up the below the fold homepage content*/
    
    .belowFold {
        position: absolute;
        top: 100vh;
        width: 100vw;
        z-index: 47;
        overflow-x: hidden;
        background-color: white;
    }
    
    .homePageSectionContainer {
        width: 100vw;
        padding: 0;
        margin: -1em auto;
    }
    
    @media (max-width: 1240px) {
        .homePageSectionContainer {
            width: 100vw;
            margin: 0 auto;
        }
    }
    
    .mainHomeSection {
        height: 225pt;
        line-height: 225pt;
    }
    
    div.homepageSection {
        padding-top: 4em;
        padding-bottom: 3em;
        margin-top: 1rem;
        padding-left: 15vw;
        padding-right: 15vw;
        width: 100vw;
    }
    
    .row.homepageSection div.mainHomeSection .photoBox,
    .photoBox {
        display: flex;
        width: 20%;
        height: 100%;
        line-height: 100%;
    }
    
    .row.homepageSection .photoBox img {
        max-width: 100%;
    }
    
    .homeSectionText {
        width: 80%;
        padding-left: 50pt;
        display: inline-block;
        vertical-align: middle;
    }
    
    div.homeSectionSubmitContainer {
        float: right;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    
    .row.homepageSection div.mainHomeSection img,
    .row.homepageSection div.mainHomeSection button,
    .row.homepageSection div.mainHomeSection input {
        float: none;
        display: block;
        margin: auto;
    }
    
    .row.homepageSection div.mainHomeSection p {
        padding: .5em 1em 0em 0pt;
        text-align: left;
        float: left;
        font-size: .8em;
    }
    
    button.roundedButton:hover,
    input.roundedButton:hover,
    input.roundedButtonSM:hover,
    button.roundedButtonSM:hover,
    label.roundedButton:hover,
    label.roundedButtonSM:hover {
        opacity: .9;
    }
    
    button.roundedButton:active,
    input.roundedButton:active,
    input.roundedButtonSM:active,
    button.roundedButtonSM:active,
    label.roundedButton:active,
    label.roundedButtonSM:active {
        opacity: .7;
    }
    
    button.roundedButton,
    input.roundedButton,
    button.roundedButtonSM,
    input.roundedButtonSM,
    label.roundedButton,
    label.roundedButtonSM {
        border-radius: 10px;
        text-align: center;
        background-color: transparent;
        cursor: pointer;
        font-family: 'Lato', sans-serif;
        line-height: 100%;
    }
    
    button.roundedButtonSM,
    input.roundedButtonSM,
    label.roundedButtonSM {
        height: 1.5rem;
        min-width: 7.5rem;
        font-size: 14px;
        padding: 0, 1rem;
    }
    
    button.roundedButton,
    input.roundedButton,
    label.roundedButton {
        height: 3rem;
        min-width: 15rem;
        font-size: 16px;
    }
    button.roundedButtonBig,
    input.roundedButtonBig,
    label.roundedButtonBig {
        height: 4rem;
        min-width: 17rem;
        font-size: 24px;
    }
    
    @media (max-width: 767px) {
        button.roundedButtonSM.roundedButton,
        input.roundedButtonSM.roundedButton {
            height: 1.5rem;
            min-width: 7.5rem;
            font-size: 14px;
        }
    }
    
    @media (max-width: 992px) {
        div.homePageSectionContainer {
            width: 100vw;
            margin: 0 auto;
            padding-left: 0;
        }
        div.mainHomeSection {
            padding-top: 1em;
            padding-bottom: 1em;
            display: flex;
            flex-direction: column;
            flex: 1;
            flex-grow: space-between;
            height: auto;
        }
        .row.homepageSection {
            padding-top: 1em;
            padding-left: 0;
            padding-right: 0;
        }
        .row.homepageSection div.mainHomeSection div.homeSectionText {
            margin: 0 auto;
            padding: 0;
            padding-top: 1em;
            display: block;
            width: 90vw;
        }
        .row.homepageSection div.mainHomeSection div.homeSectionText div.homeSectionSubmitContainer {
            float: none;
            margin: 0 auto;
            padding: none;
            display: block;
        }
        .row.homepageSection div.mainHomeSection div.homeSectionText div.homeSectionSubmitContainer #enterYourEmail {
            float: none;
            margin: 0 auto;
            padding: none;
        }
        .row.homepageSection div.mainHomeSection div.homeSectionText p {
            width: 100%;
            line-height: 11pt;
            font-size: .8em;
            font-weight: 200;
            text-align: justify;
            padding: 0;
            padding-bottom: 2em;
            padding-top: 1em;
        }
        .row.homepageSection div.mainHomeSection div.homeSectionText h1 {
            font-size: 1.6em;
            text-align: center;
        }
        .homepageRoundInput {
            height: 3rem;
            width: 100pt;
            font-size: 16px;
            display: inline-block;
        }
        .row.homepageSection div.mainHomeSection .photoBox {
            margin: 0 auto;
            height: 150px;
            width: 150pt;
            margin-bottom: 1em;
            display: block;
        }
        .row.homepageSection div.mainHomeSection .photoBox img {
            height: 150px;
            width: 150px;
        }
        .row.homepageSection div.mainHomeSection h3.endorseTitle {
            width: 80%;
            float: right;
            max-width: calc(100% - 250px);
        }
        .articleBoxSeparator {
            border-right: none;
        }
    }
    
    @media (min-width: 992px) {
        .row.homepageSection div.mainHomeSection p {
            width: 100%;
            float: left;
            line-height: 1.75em;
            font-size: 1.2em;
            text-align: left;
        }
        .row.homepageSection div.mainHomeSection .photoBox {
            float: left;
        }
        .row.homepageSection div.mainHomeSection .homeButton {
            float: right;
            padding-top: 1em;
        }
        .row.homepageSection div.mainHomeSection h3.endorseTitle {
            width: 80%;
            float: right;
            max-width: calc(100% - 250px);
        }
    }
    
    .row.homepageSection .mainHomeSection button.mainHomeButton {
        float: right;
        width: 200pt;
        margin-top: 20pt;
        margin-bottom: 5px;
        box-shadow: none;
        font-family: 'Lato', sans-serif;
    }
    
    @media (max-width: 992px) {
        .row.homepageSection .mainHomeSection button.mainHomeButton {
            margin: 2em auto;
            float: none;
        }
    }

    @media (min-width: 992px){
        .row.homepageSection .photoBox img{
            width: 150px !important;
            height: 150px !important;
        }
    }

    @media (min-width: 1400px){
        .row.homepageSection .photoBox img{
            width: 200px !important;
            height: 200px !important;
        }
    }
    
    .row.homepageSection .mainHomeSection button.mainHomeButton#submitGrassrootsGuide {
        display: none;
        float: none;
        margin: auto;
    }
    
    .homeSectionTagline {
        text-align: center;
    }
    
    .homepageRoundInput {
        border-radius: 45px;
        height: 70px;
        width: 200pt;
        margin-bottom: 300pt;
    }
    /*Grassroots Guide Section*/
    
    .homepageSection #enterYourEmail {
        width: 200pt;
        height: 30pt;
        text-align: left;
        padding-left: 5px;
        line-height: 30pt;
        font-size: 18px;
        float: right;
        margin-top: 20pt;
        font-family: 'Lato', sans-serif;
        border: none;
        border-radius: 0;
        border-bottom: 1pt solid #555555;
        background-color: transparent;
        color: #555555;
    }
    
    .homepageSection #enterYourEmail::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #555555 !important;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
        text-align: center;
    }
    
    .homepageSection #enterYourEmail:-ms-input-placeholder {
        /* IE 10+ */
        color: #555555 !important;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
        text-align: center;
    }
    
    .homepageSection #enterYourEmail:-moz-placeholder {
        /* Firefox 18- */
        color: #555555 !important;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
        text-align: center;
    }
    
    button.mainHomeButton {
        line-height: 100%;
    }
    /*New Article Section*/
    
    #newsSection {
        background-color: var(--LILighterGrey);
        width: 100vw;
    }
    
    .articleImageHolder {
        height: 220px;
        width: 300px;
        max-width: 99%;
        margin: auto;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        margin-bottom: 10px;
    }

    
    .articleImageHolder img {
        object-fit: cover;
    }
    
    div.articleBox {
        text-align: center;
        margin-bottom: 2em;
        padding-top: 2em;
        transition: transform .1s;
    }
    .articleBox:hover{
        transform: scale3d(1.05, 1.05, 1.05);
    }
    
    .articleBoxSeparator {
        border-right: 1pt solid #ddd;
    }
    
    @media (max-width: 992px) {
        #newsSection {
            margin-top: 0em;
        }
        .articleBoxSeparator {
            border-right: none;
        }
    }
    
    div.articleBox a {
        color: #404040;
    }
    
    .bodyContent p {
        font-family: 'Average', sans-serif !important;
    }
    
    .bodyContent img {
        padding: 10pt;
    }
    
    .row.homepageSection h6.newsTitle {
        width: 60%;
        max-width: 90%;
        text-align: center;
        margin: auto;
        padding-top: 1em;
        line-height: 1.5em;
    }
    
    #newsSection {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    /*Graduate endorsements*/
    
    .gradSection {
        padding: 1em 0em 4em 0em;
    }
    
    .endorsementText {
        font-family: 'Average', sans-serif !important;
    }
    
    div.exitLink {
        position: absolute;
        top: 15px;
        right: 35px;
        color: white;
        cursor: pointer;
        visibility: hidden;
        font-size: 1.5em;
    }
    
    div.exitLink.toggleSiteMap.exitLink.exitLinkActive {
        visibility: visible;
    }
    /**********************/
    /*  END INDEX STYLES  */
    /**********************/
    /***************************/
    /* BEGIN /TRAINING/ STYLES */
    /***************************/
    /*/Training/ Top Section*/
    
    div#TrainingList div.trainingTypes>div.row>a {
        /*height: 16.666667%;*/
        margin: 0 15px 15px 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        color: #fff;
        padding: 0;
        border-radius: 2px;
    }
    
    @media (max-width: 575px) {
        div#TrainingList div.trainingTypes>div.row>a {
            height: 3em;
            margin: 6px 0 6px 0;
        }
    }
    
    div#TrainingList div.trainingTypes div.trainingCategory {
        /*height: 100%;*/
        width: 100%;
        padding-top: 100%;
        position: relative;
    }
    
    div#TrainingList div.trainingTypes div.trainingCategory>i {
        font-size: 4rem;
        line-height: 100%;
        display: block;
        position: absolute;
        top: 20%;
        left: 0;
        bottom: 0;
        right: 0;
    }
    
    div#TrainingList div.trainingTypes div.trainingCategory>span {
        font-family: 'Lato', sans-serif;
        font-size: 1rem;
        /*color: #fff;*/
        line-height: 100%;
        position: absolute;
        top: 70%;
        left: 0;
        bottom: 0;
        right: 0;
    }

    @media (max-width: 1200px) {
        div#TrainingList div.trainingTypes div.trainingCategory>span {
            font-size:.9rem;
        }

        div#TrainingList div.trainingTypes div.trainingCategory>i {
            font-size: 3rem;
        }
    }
    
    div#TrainingList div.trainingTypes a.col {
        background-color: #385b7b;
        border: 2px solid #385b7b;
    }
    
    div#TrainingList div.trainingTypes a.activism {
        background-color: #e42c48;
        border: 2px solid #e42c48;
    }
    
    div#TrainingList div.trainingTypes a.campaign {
        background-color: #9ca939;
        border: 2px solid #9ca939;
    }
    
    div#TrainingList div.trainingTypes a.campus {
        background-color: #1f5c5b;
        border: 2px solid #1f5c5b;
    }
    
    div#TrainingList div.trainingTypes a.career {
        background-color: #4caaa8;
        border: 2px solid #4caaa8;
    }
    
    div#TrainingList div.trainingTypes a.communications {
        background-color: #33497b;
        border: 2px solid #33497b;
    }
    
    div#TrainingList div.trainingTypes a.fundraising {
        background-color: #262f4b;
        border: 2px solid #262f4b;
    }
    
    div#TrainingList div.trainingTypes a.digital {
        background-color: #ed8200;
        border: 2px solid #ed8200;
    }
    
    div#TrainingList div.trainingTypes a.webinars {
        background-color: #7d6495;
        border: 2px solid #7d6495;
    }
    
    div#TrainingList div.trainingTypes a.events {
        background-color: #7badd3;
        border: 2px solid #7badd3;
    }
    
    div#TrainingList div.trainingTypes a.allTraining:hover {
        color: #385b7b;
        background-color: #fff;
    }
    
    div#TrainingList div.trainingTypes a.activism:hover,
    div.trainingList div.school.activism>div.name {
        color: #e42c48;
        background-color: #fff;
    }
    
    div#TrainingList div.trainingTypes a.campaign:hover,
    div.trainingList div.school.campaign>div.name {
        color: #9ca939;
        background-color: #fff;
    }
    
    div#TrainingList div.trainingTypes a.campus:hover,
    div.trainingList div.school.campus>div.name {
        color: #1f5c5b;
        background-color: #fff;
    }
    
    div#TrainingList div.trainingTypes a.career:hover,
    div.trainingList div.school.career>div.name {
        color: #4caaa8;
        background-color: #fff;
    }
    
    div#TrainingList div.trainingTypes a.communications:hover,
    div.trainingList div.school.communications>div.name {
        color: #33497b;
        background-color: #fff;
    }
    
    div#TrainingList div.trainingTypes a.fundraising:hover,
    div.trainingList div.school.fundraising>div.name {
        color: #262f4b;
        background-color: #fff;
    }
    
    div#TrainingList div.trainingTypes a.digital:hover,
    div.trainingList div.school.digital>div.name {
        color: #ed8200;
        background-color: #fff;
    }
    
    div#TrainingList div.trainingTypes a.webinars:hover,
    div.trainingList div.school.webinars>div.name {
        color: #7d6495;
        background-color: #fff;
    }
    
    div#TrainingList div.trainingTypes a.events:hover,
    div.trainingList div.school.events>div.name {
        color: #7badd3;
        background-color: #fff;
    }
    
    div#TrainingList div.SearchBox {
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        padding: 50px 15px;
    }
    /*/Training/ Top Section*/
    /*School List*/
    
    div#TrainingList div.trainingList div.school {
        border: 2px solid #fff;
        border-radius: 2px;
        background-color: #fff;
        margin: 25px 0 0 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        font-size: 25px;
        color: #434343;
        overflow: hidden;
    }
    
    @media (min-width: 992px) {
        div#TrainingList div.trainingList div.school {
            padding: 15px 1em 15px 1em;
        }
    }
    
    div#TrainingList div.trainingList div.school>div {
        display: inline-block;
    }
    /*STYLES FOR THE LIST DATES*/
    
    div#TrainingList div.trainingList div.school>div.day {
        font-size: 2.5vh;
        font-weight: 600;
        color: #95989A;
        font-family: 'Lato', sans-serif;
    }
    /*STYLES FOR THE LIST NAMES*/
    
    div#TrainingList div.trainingList div.school>div.name {
        font-size: 1.25vw;
        font-weight: 300;
    }
    
    @media (max-width: 991px) {
        div#TrainingList div.trainingList div.school>div.name {
            font-size: .75em;
            padding-bottom: 15px;
        }
    }
    /*STYLES FOR THE LIST LOCATIONS*/
    
    div#TrainingList div.trainingList div.school>div.location {
        font-size: 18px;
    }
    
    @media (max-width: 991px) {
        div#TrainingList div.trainingList div.school>div.location {
            font-size: 14px;
        }
    }
    /*FIXES THE PADDING ON THE SECONDARY LOCATION LISTING FOR MOBILE*/
    
    div#TrainingList div.trainingList div.school div.location.col-auto {
        padding-right: 15px;
    }
    /*STYLES FOR THE LIST SOCIAL ICONS*/
    
    div#TrainingList div.trainingList div.school>div.social {
        font-size: 25px;
    }
    
    @media (max-width: 768px) {
        div#TrainingList div.trainingList div.school>div.social {
            font-size: 25px;
            margin-left: .5em;
        }
    }
    
    div#TrainingList div.trainingList div.school>div.social>.fa {
        margin-left: 1.25em;
    }
    /*On Hover Highlight the School Listing with the color of the training category*/
    
    div#TrainingList div.trainingList>a:hover,
    .noDecoration {
        text-decoration: none;
    }
    
    div#TrainingList div.trainingList div.school.activism:hover {
        border: 2px solid #e42c48;
    }
    
    div#TrainingList div.trainingList div.school.campaign:hover {
        border: 2px solid #9ca939;
    }
    
    div#TrainingList div.trainingList div.school.campus:hover {
        border: 2px solid #1f5c5b;
    }
    
    div#TrainingList div.trainingList div.school.career:hover {
        border: 2px solid #4caaa8;
    }
    
    div#TrainingList div.trainingList div.school.communications:hover {
        border: 2px solid #33497b;
    }
    
    div#TrainingList div.trainingList div.school.fundraising:hover {
        border: 2px solid #262f4b;
    }
    
    div#TrainingList div.trainingList div.school.digital:hover {
        border: 2px solid #ed8200;
    }
    
    div#TrainingList div.trainingList div.school.webinars:hover {
        border: 2px solid #7d6495;
    }
    
    div#TrainingList div.trainingList div.school.events:hover {
        border: 2px solid #7badd3;
    }
    /*END HOVER COLORS*/
    /*STYLE FOR THE LIST MONTH OUTPUT*/
    
    div#TrainingList div.trainingList>h2 {
        margin-top: 1em;
    }
    /***************************/
    /*  END /TRAINING/ STYLES  */
    /***************************/
    /********************************/
    /* BEGIN SINGLE TRAINING STYLES */
    /********************************/
    
    div.container-fluid.newLIContainerFluid.fullHeight#singleTrainingContainer {
        margin-top: 70px;
    }
    
    div.container-fluid.newLIContainerFluid.fullHeight#singleTrainingContainer>* {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    @media (min-width: 992px) {
        #singleTrainingInnerContainer {
            width: 90vw;
            margin-left: auto;
            margin-right: auto;
            padding-top: 1em;
        }
    }
    
    @media (max-width: 991px) {
        #singleTrainingInnerContainer {
            width: 98vw;
            margin-left: auto;
            margin-right: auto;
        }
    }
    
    .trainingSectionRight {
        font-family: 'Lato', sans-serif;
    }
    
    .trainingSectionRightReg {
        font-family: 'Lato', sans-serif;
        margin: 2em auto;
    }
    
    .trainingSectionCenter {
        margin: 0 auto;
    }
    
    @media (min-width: 1400px) {
        .trainingSectionRightReg {
            position: absolute;
            top: 150px;
            right: 100px;
            margin: 0;
        }
        .trainingSectionCenter {
            margin: 0;
        }
    }
    
    div.trainingFiles img {
        display: block;
        height: 75px;
        width: 75px;
        margin: auto;
    }
    
    div#trainingBanner {
        position: relative;
        text-align: center;
        width: 100%;
        height: 65vh;
        background-color: rgba(166, 97, 40, 0.5);
    }
    
    img#trainingBannerImg {
        width: 100%;
        height: 65vh;
        object-fit: cover;
        z-index: -1;
    }
    
    #trainingBannerOverlay {
        position: absolute;
        /* top: 0px; */
        /* left: 2%;
        padding-top: 20vh; */
        width: 96%;
        text-align: center;
        z-index: 8;
    }
    
    #trainingBannerOverlay h1 {
        font-weight: 600;
    }
    
    /*I'm commenting this rule out until I'm sure it's safe to remove it. This is causing some very bad styling on the individual training pages on mobile.*/
    
    @media (max-width: 575px) {
        /*
        #trainingBannerOverlay {
            padding-top: calc(98px + 5vh);
        }
        */
        #trainingBannerOverlay h1 {
            font-size: 1.75rem;
        }

    } 
    
    
    #liveBannerOverlay * {
        color: white;
    }
    
    #screenOverlay {
        position: absolute;
        width: 100%;
        height: 60vh;
        top: 70px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 5;
    }
    
    a.register-now:hover {
        text-decoration: none;
    }
    
    @media (max-width: 991px) {
        #trainingBanner #bannerContentOverlay {
            padding-left: 0px;
            padding-right: 0px;
        }
        div#trainingBanner h1 {
            font-size: 2rem;
        }
    }
    
    @media (max-height: 700px) {
        div#trainingBanner h1 {
            margin-top: 5rem;
            padding: .5rem 0rem .5rem 0rem;
        }
    }
    
    #trainingBannerOverlay button {
        transition-duration: .5s;
        color: white;
        /*border: 1px solid rgba(219, 84, 97, 0.5);*/
        /*background-color: transparent;*/
        /*background-color: rgba(219, 84, 97, 0.75);*/
        margin-right: 1em;
        margin-left: 1em;
        font-weight: 600;
        margin-top: 1em;
        border-radius: 1px;
        background-color: #385b7b;
        border: none;
        border-radius: 5pt;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }
    
    #trainingBannerOverlay button:hover {
        /*background-color: rgb(219, 84, 97);*/
        opacity: .9;
        color: white;
    }
    
    .trainingSection h1.sectionHeader {
        margin-left: auto;
        margin-right: auto;
        border-bottom: 2px solid #666;
        padding-bottom: 5px;
        margin-bottom: .5em;
        display: block;
    }

    h1.activismTraining.sectionHeader{
        border-bottom: 2px solid #e42c48;
    }
    h1.eventsTraining.sectionHeader{
        border-bottom: 2px solid #7badd3;
    }
    h1.digitalTraining.sectionHeader{
        border-bottom: 2px solid #ed8200;
    }
    h1.campaignTraining.sectionHeader{
        border-bottom: 2px solid #9ca939;
    }
    h1.communicationsTraining.sectionHeader{
        border-bottom: 2px solid #33497b;
    }
    h1.careerTraining.sectionHeader{
        border-bottom: 2px solid #4caaa8;
    }
    
    .trainingSection {}


    /******************************/
    /* END SINGLE TRAINING STYLES */
    /******************************/
    /**********************/
    /*  Register Styling  */
    /**********************/
    /*********************/
    /*BEGIN /NEWS/ STYLES*/
    /*********************/
    
    div.LINews {
        width: 100vw;
    }
    
    .articleList{
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        padding: 0;
        justify-content: center;
    }
    div.LINews div.articleList a {
        color: #494949;
    }
    
    div.LINews div.articleList a:hover {
        text-decoration: none;
    }
    
    div.LINews div.newsArticle {
        background-color: #fff;
        padding: 1em;
        margin-bottom: 2em;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
        
    }
    
    div.LINews div.newsArticle:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    }
    
    div.LINews div.newsArticle>div.newsIMG,
    div.LINews div.newsArticle>div.newsContent {
        display: inline-block;
    }
    
    div.LINews div.newsArticle>div.newsContent {
        /*overflow: hidden;
    text-overflow: ellipsis;*/
        font-size: 14px;
    }
    
    div.LINews div.newsArticle>div.newsContent>div.articleInfo {
        padding-bottom: .5em;
    }
    
    div.LINews div.newsArticle>div.newsContent>div.articleInfo>.socialIcons {
        font-size: 1.35rem;
        line-height: 2
    }
    
    div.LINews div.newsArticle>div.newsIMG {
        margin: -1em 1em -1em -1em;
    }
    
    div.LINews div.newsArticle>div.newsIMG>img {
        max-height: 100%;
        min-height: 100%;
        width: 100%;
        max-width: 100%;
        object-fit: cover;
        border-radius: 2px;
    }
    
    div.LINews div.newsArticle>div.newsContent>div.readMore {
        position: absolute;
        bottom: -0.5em;
        right: 0;
    }

    .previewItemLG{
        margin: 0 auto;
        width: calc(100% - 80pt);
        max-width: 1220px;
        min-width: 400px;
        height: 350px;
        margin-bottom: 20pt;
        background: #FFFFFF;
        border: 1pt solid rgb(226, 226, 226);
        flex-grow: 0;
        flex-shrink: 0;
        display: flex;
        transition: transform .1s;
        overflow: hidden;
    }
    .previewItemLGLeft{
        background-color: #F2F2F2;
        width: 35%;
        height: 350px;
        object-fit: cover;
        object-position: center;
    }
    .previewItemLGRight{
        background-color: white;
        width: 65%;
        height: 350px;
        padding-left: 20pt;
        padding-top: 20pt;
    }
    .previewItemLG:hover{
        cursor: pointer;
        box-shadow: 0 0 8px 0 rgba(0,0,0,0.03);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    .previewItemLG:active{
        cursor: pointer;
        box-shadow: 0 0 8px 0 rgba(0,0,20,0.1);
        opacity: .7;
        transform: scale3d(1.05, 1.05, 1.05);
    }
    .previewItemLGTop{
        width: 100%;
        height: 100px;
        padding: 35px;
        display: flex;
        flex-direction: column;
        align-items: left;
        padding-left: 35px;
        margin-left: 10px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .previewItemLGBottom{
        width: calc(100% - 80px);
        height: 225px;
        padding-left: 35px;
        display: flex;
        flex-direction: column;
        text-align: left;
        overflow: hidden;
        position: relative;
        margin-left: 10px;
    }
    .previewItemLGBottomAfter{
        width: calc(100% );
        height: 80px;
        background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 80%);
        position: absolute;
        bottom: 0;

    }
    .previewItemTitle{
        /* Article title lorem: */
      font-family: Lato;
      font-size: 25px;
      color: #161616;
      font-weight: 500;
    }
    .blogArticle{
        min-height: 1000px;
        margin: 0 auto;
        width: 80%;
        min-width: 400px;
        margin-bottom: 40px;
        max-width: 1220px;
    }
    .articleTop{
        background-color: transparent;
        width: 100%;
        height: 500px;
        object-fit: contain;
      }
    .articleMid{
        margin: 0 auto;
        width: 800px;
        min-height: 150px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .articleBody{
        width: 800px;
        margin: 0 auto;
        min-height: 200px;
        text-align: left;
    }
    .articleTitle{
        /* Article title lorem: */
        font-family: Lato;
        font-size: 40px;
        color: #000000;
        margin-bottom: 20px;
        font-weight: 600;
      
    }
    .articleText{
        /* Lorem ipsum dolor si: */
        font-size: 18px;
        color: #3E3E3E;
        line-height: 30px;
        white-space: pre-line;
        margin-bottom: 40px;
      
      }
      @media (max-width: 1200px ) { 
        .blogArticle{
          min-height: 1000px;
          margin: 0 auto;
          width:100%;
          min-width: 250px;
          margin-bottom: 40px;
          max-width: 1220px;
        }
        .articleBody{
          margin-left: 60px;
          width: calc(100% - 60px);
          margin: 0 auto;
          min-height: 200px;
          text-align: left;
          
        }
        .articleTop{
          height: 300px;
        }
        .articleMid{
          margin-left: 30px;
          width: calc(100% - 80px);
          float: left;
        }
      
      
      }
      @media (max-width: 700px ) { 
        .previewItemSM{
          width: 350px;
        }
        .previewItemLG{
          width: calc(100% - 20px);
          min-width: 300px;
          margin-left: 5px;
          margin-right: 5px;
          height: 250px;
        }
        .previewItemSMRight{
          width: 200px;
        }
        .previewItemLGRight{
            width: calc(100% - 100px);
            padding-left: 0;
            padding-right: 10px;
            height: 250px;
        }
        .previewItemLGLeft{
          width: 225px !important;
        }
        .previewItemSMTop{
          margin-left: -10px;
        }
        .previewItemLGTop{
          margin-left: -10px;
          width: 100%;
          font-size: 12px;
          height: 40px;
          padding-top: 10px;
        }
        .previewItemSMBottom{
          padding-left: -10px;
          width: 150px;
        }
        .previewItemLGBottom{
          margin-left: -10px;
          width: 100%;
        }
      
        .previewItemTitle{
          font-size: 16px !important;
          white-space: pre-line;
          width: calc(100% - 150px);
          margin-bottom: -10px;
        }
        .previewItemText{
          font-size: 14px;
          white-space: pre-line;
          width: calc(100% - 150px);
        }
        .previewItemLGBottom .previewItemText{
          width: 100%;
        }
        .previewItemLGBottom .previewItemTitle{
          font-size: 18px;
          width: 100%;
        }
        .previewItemLGTop .previewItemHeader .previewItemHeaderTop{
          /* John Doe: */
          font-family: Lato;
          font-size: 14px;
          color: #000000;
          font-weight: 300;
        }
        .previewItemLGTop .previewItemHeader .previewItemHeaderBottom{
          /* 9/14/17: */
          font-family: Lato;
          font-size: 11px;
          color: #6B6B6B;
          font-weight: 300;
        }
        .previewItemLGTop .previewItemAuthor{
          width: 40px;
          height: 40px;
          border-radius: 50pt;
          background: #F2F2F2;
          background-size: cover;
          background-position: top;
        }
        .previewItemLGBottomAfter{
            height: 150px;
            bottom: 10;
        }
      }  

    /*********************/
    /* END /NEWS/ STYLES */
    /*********************/
    /********************************/
    /* BEGIN STAFF DIRECTORY STYLES */
    /********************************/
    
    div#staffDirectory div.department div.staffer {
        margin-top: -.5em;
        padding-top: .5em !important;
        padding-bottom: 1em !important;
        margin-bottom: 1em;
        margin-left: -.5em;
        padding-left: .5em;
        font-family: 'Lato', sans-serif;
    }
    
    div#staffDirectory div.department div.staffer:hover {
        background-color: #ddd;
    }
    
    div#staffDirectory div.department div.staffer img {
        margin-bottom: 1em;
        margin-right: 1em;
        float: left;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }
    
    div#staffDirectory div.department div.staffer span {
        font-family: 'Lato', sans-serif;
    }
    
    div#staffDirectory div.department div.staffer span.title {
        color: #666;
        font-size: .8rem;
        font-family: 'Lato', sans-serif;
    }
    
    div#staffDirectory div.department div.staffer.vp span.title {
        font-size: 1rem;
        font-family: 'Lato', sans-serif;
    }
    
    div#staffDirectory div.department div.staffer.vp {
        font-size: 1.25rem;
        padding-left: 1em;
    }
    
    div#staffDirectory div.department div.staffer.vp:hover {
        background-color: #fff;
    }
    /******************************/
    /* END STAFF DIRECTORY STYLES */
    /******************************/
    /*****************************/
    /*Begin CC and form styling*/
    /*****************************/
    
    .ccExp {
        width: 15%;
        max-width: 75px;
        min-width: 50px;
        float: left;
    }
    
    #ccExpSlash {
        font-size: 20px;
        float: left;
    }
    
    label.subRadio {
        margin-bottom: 1px;
    }
    
    input.subRadio {
        width: 15%;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 10px;
    }
    /*****************************/
    /*End CC and form styling*/
    /*****************************/
    /*****************************/
    /*Live Page styling*/
    /*****************************/
    
    #singleTrainingContainer {
        padding-top: 0px;
    }
    
    #singleTrainingContainer .webinarBox {
        padding: 1em 1em 1em 1em;
    }
    
    #singleTrainingContainer .webinarBox a {
        text-decoration: none;
    }
    
    #singleTrainingContainer .webinarBox:hover {
        box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.2);
    }
    
    #singleTrainingContainer .webinarBox img.webinarImage {
        width: 98%;
        height: auto;
        float: none;
        margin: auto;
    }
    /*****************************/
    /*   End Live Page styling  */
    /*****************************/
    /*****************************/
    /*VIDEO LAYOUT Page styling*/
    /*****************************/
    
    div.videoLayout div.topVideo {
        margin-bottom: 2em;
    }
    
    div.videoLayout div.topVideo div.videoWrapper {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }
    
    div.videoLayout .videoCard div.videoWrapper {
        width: calc(100% + 2*(40px));
        margin-top: calc(-1 * 40px);
        margin-right: calc(-1 * 40px);
        margin-left: calc(-1 * 40px);
        margin-bottom: 40px;
        cursor: pointer;
    }
    
    div.videoLayout div.videoCard div.socialIcons {
        font-size: 1.35rem;
        line-height: 2;
    }
    /*****************************/
    /*END VIDEO LAYOUT PAGE STYLING*/
    /*****************************/
    /*****************************/
    /*CAREERS Page styling*/
    /*****************************/
    
    div#careersPage div.topBoxes {
        margin: 40px;
    }
    
    div#careersPage div.topBoxes p {
        color: #494949;
    }
    
    div#careersPage div.topBoxes img.topBoxImg {
        margin-bottom: 40px;
        width: 100%;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }
    /*****************************/
    /*  END CAREERS Page styling */
    /*****************************/
    /*Mobile Only Classes*/
    /**/
    
    *:focus {
        outline: none;
    }
    
    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus {
        outline: none;
        box-shadow: none;
    }
    
    input[type="radio"]:focus {
        outline: none !important;
    }
    
    button {
        outline: none;
    }
    
    div.BLRow {
        padding-bottom: 2em;
    }
    
    div.BLRow img {
        margin-right: 3em;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }
    
    .live iframe#webinarIframe {
        width: 100%;
        height: 100%;
    }
    
    .live div#iframeBox {
        float: none;
        width: 65vw;
        height: 39vw;
        float: none;
        margin: auto;
        margin-top: 1em;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1170px;
        max-height: 704px;
    }

    
    @media (max-width: 991px) {
        .live div#iframeBox {
            width: 90vw;
            height: 45vw;
            max-width: 100%;
        }
        .live div.page-title {
            margin-left: 0px;
            margin-right: 0px;
            width: 100%;
        }
    }
    
    content {
        max-width: 100%;
    }
    
    .live div.container {
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .live div.page-title {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    #myLiMenu {
        margin-top: 1em;
        list-style: none;
        z-index: 30;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        background-color: transparent;
    }
    
    @media (min-width: 1170px) {
        #myLiMenu {
            position: fixed;
            min-width: 200pt;
        }
    }
    
    ul#myLiMenu li {
        text-align: center;
        cursor: pointer;
        font-weight: bold;
        height: 40pt;
        line-height: 100%;
        margin-bottom: 15pt;
    }
    
    ul#myLiMenu li h5 {
        font-weight: bold;
        width: 100%;
        text-align: left;
        padding-left: 5pt;
        margin-bottom: 0pt;
        line-height: 40pt;
        font-size: 1.1rem;
    }

    ul#myLiMenu li h5 i {
        padding-right: 10pt; 
        width: 25pt;
    }

    
    div#myLIRightBox {
        margin-top: 1em;
        margin-bottom: 20em;
    }
    
    .myLISection {
        background-color: transparent;
        /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
        padding: 3em 3em 3em 3em;
        margin-bottom: 1em;
    }
    

    input[type="checkbox"].form-control {
        height: 20px;
    }
    
    .myLISection .roundedButton.mainHomeButton {
        margin-bottom: 2em;
        color: black;
        color: #385b7b;
        font-weight: bold;
        cursor: pointer;
    }
    
    .myLISection .roundedButton.mainHomeButton:hover {
        box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.6);
        color: white;
        background-color: #385b7b;
    }
    
    div#theShop div.shippingInfo {
        margin-bottom: 1.5rem;
    }
    
    div#theShop div.item {
        height: 25rem;
        margin-bottom: 3rem;
        overflow: hidden;
    }
    
    div#theShop div.item img {
        height: 23rem;
        object-fit:contain;
    }
    
    div#theShop a {
        color: #494949;
    }
    
    div#theShop a:hover {
        text-decoration: none;
    }
     


    div#theShop div.item div.description {
        padding: 40px;
    }
    
    div#theShop div.cart {}
    
    div#theShop div.cart div.name {
        margin-top: -6px;
        margin-bottom: .5rem;
    }
    
    div#theShop div.cart img {
        max-height: 75px;
        max-width: 100%;
    }
    
    div#theShop div.cart div.cartitem {
        margin-bottom: 1.5em;
        font-size: 14px;
    }
    
    div#theShop div.cart div.cartitem input.quantity {
        max-width: 2em;
        text-align: center;
        font-size: 14px;
    }
    
    div#theShop div.item input.addToCart {
        position: absolute;
        bottom: 24px;
        right: 24px;
    }
    
    div#theShop div.item span.price {
        position: absolute;
        bottom: 24px;
        left: 24px;
    }
    
    .campusContainer {
        padding-top: 40px;
    }
    .campusContainer * li{
        font-family: lato !important;
        text-align: left;
    }
    .campusContainer * a{
        font-family: lato !important;
    }
    div#campusBody{
        max-width: 1600px;
        
    }
    
    div.campusSidebar {

        background-color: transparent;
        color: rgba(219, 84, 97, 1);
        height: 170px;
        z-index: 10;
        overflow: hidden;
        padding-top: 0px;
        width: 100%;
        /* position: fixed; */
        left: 0px;
        top: 0px;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 17px;
        margin-right: 17px;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom: 1pt solid rgba(219, 84, 97, .5);
        border-top: 1pt solid rgba(219, 84, 97, .5);
        margin-bottom: 50px;
        margin-top: 30px;
        
    }
    
    div.campusSidebar a {
        color: rgba(219, 84, 97, 1);
    }
    
    div.campusSidebar div.option {

        font-weight: 300;
    }
    
    div.campusSidebar div.option img {
        width: 75px;
        height: 75px;
        margin-top: 5px;
        margin-bottom: 12px;
    }
    
    div.campusSidebar div.option i {
        font-size: 60px;
        display: block;
    }
    
    div.campusSidebar div.option>div.hcenter {
        display: block;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    
    div.campusSidebar div.option>div.hcenter:hover {
        color: #319EB8;
    }
    
   div.campusSidebar div.option>div.hcenter>span {
        font-family: 'Lato', sans-serif;
    }
    
    @media screen and (min-width: 992px) {
        div.campusContainer>div#campusBody {
            
        }
        
    }
    div.campusContainer>div#campusBody h3#wazzup {
        font-family: Raleway;
        font-size: 30px;
        color: #666;
        margin-bottom: -10px;
        display: inline-flex;
        align-items: center;
        
    }
    div.campusContainer>div#campusBody span.socialIcons {
        font-size: 2em;
        margin-top: -.4em;
    }
    @media screen and (max-width: 1024px) {
        div.campusContainer>div#campusBody h3#wazzup {

            font-size: 20px;

            
        }
    }
    
    @media screen and (max-width: 992px) {
        div.campusSidebar {
            display: none;
        }
        div.campusContainer>div#campusBody {
            display: block;
            text-align: center;
            
        }
        div.campusContainer>div#campusBody h3#wazzup {
            font-family: Raleway;
            font-size: 30px;
            color: #666;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
            line-height: 50px;
            margin-bottom: 30px;
            
        }
        div.campusContainer>div#campusBody span.socialIcons {
            display: none !important;
            
        }
    }
    
  
    
   
    div.campusContainer>div#campusBody ul.upcomingOps>li>a {
        color: #fff;
        text-decoration: underline;
    }
    
    div.campusContainer>div#campusBody div.overlaybox {
        background: rgba(219, 84, 97, 1);
        position: absolute;
        bottom: 2em;
        left: 15px;
        max-height: 33.33%;
        width: calc(100% - 2em + 2px);
        padding: 40px;
        color: #fff;
    }
    
    div.campusContainer>div#campusBody div.top {
        margin-bottom: 1em;
    }
    
    div.campusContainer>div#campusBody div.textbox {
        position: absolute;
        bottom: 0;
        left: 0px;
        background: rgba(56, 145, 166, 1);
        width: calc(100%);
        padding: calc(40px/2);
        color: #fff;
        font-size: 1em;
        font-weight: 400;
    }
    
    div.campusContainer>div#campusBody span.socialIcons .fa {
        color: #eee;
        padding: .25em;
        background-color: #999;
        border-radius: 50%;
        width: 30px;
        font-size: .6em;
    }
    .campusCard{
        box-shadow: none !important; 
        border: 1pt solid rgb(212, 212, 212);
        transition: transform .1s;
    }
    .campusCardHover{
        min-height: 300px; 

    }
    .campusCardHover a:hover{
        opacity: .95;
        cursor: pointer;
    }
    
    div.campusContainer>div#campusBody span.socialIcons .fa-facebook:hover {
        color: #3b5998;
        background-color: #fff;
    }
    
    div.campusContainer>div#campusBody span.socialIcons .fa-twitter:hover {
        color: #00b6f1;
        background-color: #fff;
    }
    
    div.campusContainer>div#campusBody span.socialIcons .fa-youtube-play:hover {
        color: #b31217;
        background-color: #fff;
    }
    
    div.campusContainer>div#campusBody span.socialIcons .fa-instagram:hover {
        color: #E95950;
        background-color: #fff;
    }
    
    div.campusContainer>div#campusBody span.socialIcons .fa-linkedin:hover {
        color: #3b5998;
        background-color: #fff;
    }
    
    div.campusContainer>div#campusBody span.socialIcons .fa-snapchat-ghost:hover {
        color: #fffc00;
        background-color: #fff;
    }
    
    div.campusContainer>div#campusBody span.socialIcons .fa-reddit-alien:hover {
        color: #ff4500;
        background-color: #fff;
    }
    
    div.campusContainer div.row.content {
        margin-bottom: 2em;
    }


    ul#statesMenu {
        background-color: rgba(219, 84, 97, 1);
        color: white;
        padding-left: 0px;
        list-style: none;
        margin-top: 2px;
        border-radius: 5px;

        
    }

    ul#statesMenu a li {
        font-size: 1rem;
        color: white;
        width: 100%;
        height: 100%;
    }
    #statesMenu>a.dropdown-item:hover {
        background-color: rgb(173, 65, 76);
        padding-left: 20px;
    }


    /*****************************/
    /*PPQ Page styling*/
    /*****************************/

    .tabtoggler{
        width: 100% !important;
        height: 40pt !important;
        line-height: 40pt;
        background-color: #588c61;
        margin-bottom: 10px;
        display: inline-block;
        color: white;
        font-family: 'Lato', sans-serif;
        padding-left: 10pt;
        padding-right: 10pt;
    }

    .tabtoggler:hover{
        opacity: .9;
        cursor: pointer;
    }

    .tabtoggler.answered{
        background-color: #588c61;
    }

    .tabtoggler.unanswered{
        background-color: #db5461;
    }


    .ppqSectionCategory{
        float: left;
        display: inline-block;
    }

    .ppqSectionComplete{
        float: right;
        display: inline-block;
    }

    .ppqSectionInner{
        padding-left: 10pt;
        padding-right: 10pt;
        padding-bottom: 10pt;
        display: none; 
        overflow: visible;
    }

    .ppqSectionInner.unanswered{
        display: block; 
        overflow: visible;
    }

    .ppqessaytext{
        width: 100%;
        height: 200px;
    }

    #ppqEssays label{
        font-weight: 500;
    }

    .questionsWrapper{
        width: 100%;
    }
    
    @media (max-width: 991px) {
        .ppqidtable{
            margin: 0 auto;
            width: 100% !important;
            
        }
    }

    .ppqidselect{
        display: inline-block;
    }
    .ppqrowholder p{
        display: inline-block;
        padding-left: 20pt;
    }

    #subInd{
        transition: transform .2s;
        margin-top: 5pt;
    }
    #subInd:hover{
        opacity: .8;
        cursor: pointer;
    }
    .rotate{
        transform: rotate(-90deg);
    }


    /*Breakfast registration section styling*/
    #breakfastRegBody .requiredMarkRed {
        color: #FF0000;
    }
    #breakfastRegBody label.form-group {
        font-weight: 500;
    }
    #breakfastRegBody label input {
        display: block;
        clear: both;
        font-weight: 300;
    }

    .amountSelector{
        cursor: pointer;
        
    }


    /* Captcha */

    #captchaBox > div {
        margin: 0 auto !important;
    }


    .submitBanner {
        background-color: #588c61;
        padding: 1em 0em 1em 0em;
        position: absolute;
        top: 70px;
        left: 0px;
        width: 100vw;
        color: white;
        text-align: center;
        font-size: 1.25em;
    }