/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\
for details on configuring this project to bundle and minify static web assets. */
.html {

}
@font-face {
    font-family: "Brandon Grotesque";
}
body {
    font-family: Brandon Grotesque;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}



/*Buttons*/
.btn-purple {
    background-color: #312d7a;
    color: #ffffff;
    font-weight: 400;
    font-size: .8rem;
    border-radius: 28px;
    border: none;
    padding: .3rem 1.5rem;
    text-transform: uppercase;
}

    .btn-purple:hover {
        background-color: #2e2a6f;
    }

.btn-yellow {
    background-color: #fabc38;
    font-weight: 500;
    font-size: .8rem;
    border-radius: 28px;
    border: none;
    padding: .3rem 1.5rem;
    text-transform: uppercase;
}

    .btn-yellow:hover {
        background-color: #f7b62a;
    }

.btn-outline-green {
    color: #312d7a;
    font-weight: 400;
    font-size: .8rem;
    background-color: transparent;
    border-radius: 28px;
    border: solid 1px #312d7a;
    padding: .3rem 1.5rem;
    text-transform: uppercase;
}

.btn-outline-green:hover {
    color: #ffffff;
}

.btn-normal {
    background-color: #BCD77A;
    color: #312d7a;
    font-weight: 700;
    font-size: .8rem;
    border-radius: 28px;
    border: none;
    padding: .3rem 1.5rem;
    text-transform: uppercase;
}

.btn-normal:hover {
    color: #ffffff;
}

.btn-normal-disabled {
    background-color: #e2f5b3;
    color: #312d7a;
    font-weight: 700;
    font-size: .8rem;
    border-radius: 28px;
    border: none;
    padding: .3rem 1.5rem;
    text-transform: uppercase;
}

.btn-round {
    display: flex;
    align-items: center;
    margin: 0 5px;
}

    .btn-round .btn-image {
        padding: 10px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-round .btn-round-text {
        margin-left: 8px;
        text-align: left;
        font: normal normal normal 14px/19px Segoe UI;
        letter-spacing: 0px;
        color: #000033;
        opacity: 1;
    }

.btn-normal-close {
    background-color: transparent;
    color: #dc3545;
    border-color: #dc3545;
    font-weight: 700;
    font-size: .8rem;
    border-radius: 28px;
    padding: .3rem 1.5rem;
    text-transform: uppercase;
}
.btn-registration, .btn-next, .btn-purple-normal {
    background: #9C2480 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    text-align: left;
    font: normal normal bold 20px/29px brandon-grotesque;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    padding: .3rem 1.5rem;
    border: none;
}

.btn-purple-outline {
    border-radius: 24px;
    opacity: 1;
    text-align: left;
    border: 2px solid #9C2480;
    font: normal normal bold 20px/29px brandon-grotesque;
    letter-spacing: 0.2px;
    color: #9C2480;
    padding: .3rem 1.5rem;
}
.btn-purple-outline, .btn-registration, .btn-next, .btn-purple-normal {
    cursor: pointer;
}
.btn-registration-disabled {
    background: #9C2480 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    text-align: left;
    font: normal normal bold 20px/29px brandon-grotesque;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    padding: .3rem 1.5rem;
}
.btn-slider-tab.active {
    background-color: #302D79;
    font: normal normal bold 20px/29px brandon-grotesque;
    color: #FFFFFF;
}
.btn-slider-tab {
    background-color: #dae0eb;
    border-radius: 4px;
    font: normal normal normal 20px/29px brandon-grotesque;
    color: #302D79;
    padding: 6px 12px;
    margin-right: 20px;
    cursor:pointer;
}


/*typography*/
.header-primary {
    color: #302D79;
    font: normal normal bold 55px/79px brandon-grotesque;
    margin-top: 64px;
}

.header-secondary {
    color: #312d7a;
    font-weight: 400;
    font-size: 2rem;
}

.text-small {
    font-weight: 500;
    font-size: .95rem;
}

.text-medium {
    font-weight: 500;
    font-size: 1.5rem;
}

.text-small-1 {
    font-weight: 600;
    font-size: .68rem;
}

.text-small-2 {
    font: normal normal bold 20px/29px brandon-grotesque;
}
.text-small-4 {
    color: #302D79;
    font: normal normal normal 20px/26px brandon-grotesque;
}
.text-small-2-normal {
    font: normal normal normal 16px/32px brandon-grotesque;
}
.text-xs-1 {
    font-weight: 500;
    font-size: .7rem;
}

.text-xs-2 {
    font-weight: 500;
    font-size: .6rem;
}

.text-xs-1:hover {
    text-decoration: none;
}
.text-small-3 {
    text-align: center;
    font: normal normal normal 16px/16px brandon-grotesque;
    letter-spacing: 0px;
    color: #000033;
    opacity: 1;
}

.text-normal {
    color: #302D79;
    font-size: 28px;
    text-indent: 0.17px;
}

.text-normal-2 {
    color: #302D79;
    font: normal normal bold 22px/24px brandon-grotesque;
}

.text-normal-3 {
    color: #302D79;
    font: normal normal normal 24px/34px brandon-grotesque;
}
.title-primary {
    color: #302D79;
    /*font: normal normal bold 72px/103px brandon-grotesque;*/
    font: normal normal bold 72px/51px brandon-grotesque;
}
.title-secondary {
    color: #302D79;
    font: normal normal bold 54px/78px brandon-grotesque;
}

a.link-cancel {
    color: #9c2480 !important;
    font: normal normal bold 28px/36px brandon-grotesque;
    text-decoration: underline;
    text-decoration-color: #9c2480;
    text-decoration-thickness: 3px;
}

a.text-link {
    color: #312D7A;
    text-decoration: underline;
    text-decoration-color: #BCD77A;
    text-decoration-thickness: 2px;
}
.text-link {
    color: #312D7A;
    text-decoration: underline;
    text-decoration-color: #BCD77A;
    text-decoration-thickness: 2px;
    font: normal normal bold 18px/26px brandon-grotesque;
}

.heading-1 {
    color: #302D79;
    font: normal normal bold 72px/103px brandon-grotesque;
}
.heading-2 {
    color: #302D79;
    font: normal normal bold 54px/78px brandon-grotesque;
}
.heading-3 {
    color: #302D79;
    font: normal normal bold 45px/64px brandon-grotesque;
}
.heading-4 {
    color: #302D79;
    font: normal normal bold 32px/45px brandon-grotesque;
}
.heading-5 {
    color: #302D79;
    font: normal normal 450 28px/36px brandon-grotesque;
}
/*font size*/


/*font color*/
.color-purple {
    color: #302D79;
}

.color-pink {
    color: #a73c8e;
}

.color-red {
    color: red;
}
.color-green {
    color: #8DB243;
}

/*Background color*/

.bg-green {
    background: #F3F7EB 0% 0% no-repeat padding-box;
}

.bg-orange {
    background: #FFF8EA 0% 0% no-repeat padding-box;
}

.bg-gray {
    background: #f8f8f8 0% 0% no-repeat padding-box;
}

.bg-color-whitesmoke {
    background-color: #f7edf5;
}

.bg-color-pink {
    background-color: #e3008c;
}

/*shadow*/
.shadow-around {
    box-shadow: 0px 0px 6px 1px rgba(159,159,159,0.37);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(159,159,159,0.37);
    -moz-box-shadow: 0px 0px 6px 1px rgba(159,159,159,0.37);
}

/*event card*/
.event-card {
    overflow: hidden;
    border-radius: 8px;
    width: 350px;
    background-color: #ffffff;
    padding-bottom: 20px;
}

.event-card-header {
    height: 150px;
    background-size: cover;
}

.event-card .card-favorite {
    margin-top: -20px;
    display: flex;
    margin-left: 0;
    justify-content: flex-end;
}

.tags {
    display: flex;
}

.tag-1 {
    padding: 2px 5px;
    background-color: #e8f5fe;
    margin: 5px;
}

.tag-2 {
    padding: 2px 5px;
    background-color: #fef2d7;
    margin: 5px;
}

.tag-3 {
    background: #EBF3F7 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    padding: 2px 10px;
}

.tag-4 {
    border: 1px solid #3C8BAF9E;
    border-radius: 8px;
    opacity: 1;
    padding: 5px 10px;
}


.card-content {
    display: flex;
    flex-direction: column;
}

.card-info {
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.card-date .card-time .card-location {
    display: flex;
}

.card-img {
    width: 16px !important;
    height: 16px;
}

.card-location {
    display: flex;
    flex-direction: column;
    justify-content:center;
}
.card-time {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.item {
    margin-bottom: 40px;
}

.date, .time, .location, .deadline {
    display: flex;
    align-items: center;
}

.event-info-icon {
    width: 25px;
    height: 25px;
}

.card-listview {
    display: flex;
}

.card-listview-title {
    width: 50%;
    display: flex;
    align-items: center;
    padding-right: 50px;
}

.card-listview-details {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.card-learnmore a {
    color: #312D7A;
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: underline;
    text-decoration-color: #BCD77A;
    text-decoration-thickness: 2px;
}

.card-learnmore{
    display: flex;
    align-items: center;
}

/*@supports (zoom:2) {
    input[type="radio"], input[type=checkbox] {
        zoom: 2;
    }
}

@supports not (zoom:2) {
    input[type="radio"], input[type=checkbox] {
        transform: scale(2);
        margin: 15px;
    }
}
*/
.modal-dialog-register {
    overflow-y: initial !important
}

.modal-body-register {
    width: 25rem;
    left: 50%;
    top: 0%;
    transform: translate(-50%, 0%);
    padding: 2rem;
    margin-top: 40%;
}


/*input[type="checkbox"]:disabled + label::before {
    background: #BCD77A;
    border: 1px solid #d4d4d5;
}*/

/*------------Accordion-------------*/
.accordion {
    margin-bottom: 40px;
}

    .accordion .accordion-title {
        background: transparent linear-gradient(90deg, #302D79 0%, #302D7970 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 40px;
        font: normal normal normal 35px/50px brandon-grotesque;
        color: #FFFFFF;
        letter-spacing: 0px;
        transition: all .2s;
        border-radius: 0px 0px 35px 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
.accordion-title .accordion-icon {
    width: 37px;
    height: 37px;
}

.accordion .active {
    border-radius: 0px 0px 0px 0px !important;
    transition: all .2s;
}
        .accordion .accordion-title:hover {
            background-color: #302D79;
            transition: all .2s;
        }


    .accordion .accordion-icon-active {
        background-color: #302D79;
        transition: all .2s;
    }
    .accordion .accordion-body {
        display: none;
        font: normal normal normal 32px/46px brandon-grotesque;
        letter-spacing: 0px;
        color: #302D79;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #3C8BAF14;
        border-radius: 0px 0px 35px 0px;
        opacity: 1;
        padding: 40px;
    }

.body-loggedin {
    margin-top: 13px;
}

.body-loggedout {
    margin-top: 56px;
}

























































/*Media Queries*/
/*Desktop L-SM*/

@media only screen and (max-width: 1280px) {

        /*//Margins*/
        .body-loggedin {
            margin-top: 0px;
        }

        .events-filter {
            margin-bottom: 32px;
            margin-top: 16px;
        }

        .body-loggedout {
            margin-top: 0px;
        }

        .help-maintitle {
            margin-top: 42px;
        }

        .help-description {
            margin-top: 32px;
        }

        .help-secondary-title {
            margin-top: 58px;
            margin-bottom: 42px
        }

        .accordion-title .accordion-icon {
            width: 27px;
            height: 27px;
        }
        /*Typhography*/
        .heading-1 {
            color: #302D79;
            font: normal normal bold 44px/63px brandon-grotesque;
        }

        .heading-2 {
            color: #302D79;
            font: normal normal bold 38px/54px brandon-grotesque;
        }

        .heading-3 {
            color: #302D79;
            font: normal normal bold 28px/40px brandon-grotesque;
        }

        .heading-4 {
            color: #302D79;
            font: normal normal bold 24px/34px brandon-grotesque;
        }

        .accordion .accordion-title {
            padding: 32px;
            font: normal normal bold 25px/36px brandon-grotesque;
        }

        .accordion .accordion-body {
            font: normal normal normal 23px/33px brandon-grotesque;
            padding: 32px;
        }

        .text-normal {
            font-size: 20px;
        }

        .title-primary {
            font: normal normal bold 44px/32px brandon-grotesque;
        }

        .title-secondary {
            font: normal normal bold 38px/54px brandon-grotesque;
        }

        .text-normal-2 {
            color: #302D79;
            font: normal normal bold 16px/18px brandon-grotesque;
        }

        .event-grid-header-settings {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            height: 120%;
        }

        .page-container {
            max-width: 1158px;
        }

        .page-container {
            padding: 0px 30px;
            margin-bottom: 88px;
            z-index: 0;
        }

        .event-filters {
            width: 758px !important;
        }

        .form-search {
            display: flex;
            align-items: center;
            justify-content: center;
            width: calc(100% - 20%);
        }

        .account-settings-card {
            width: 908px;
        }
        .page-title-margin {
            margin-top: 42px;
        }
    }

    /*Tablet*/
    @media only screen and (max-width: 768px) {
        /*//Margins*/


        .accordion {
            margin-bottom: 24px;
        }

        .help-container {
            padding-right: 25px !important;
            padding-left: 25px !important;
        }

        /*//Margins*/
        .help-maintitle {
            margin-top: 32px;
        }

        .help-secondary-title {
            margin-top: 78px;
            margin-bottom: 24px
        }

        .view-all {
            margin-bottom: 88px;
        }

        .event-page-settings {
            margin-top: 18px;
        }
        /*Typhography*/
        .heading-1 {
            color: #302D79;
            font: normal normal bold 36px/52px brandon-grotesque;
        }

        .heading-2 {
            color: #302D79;
            font: normal normal bold 26px/37px brandon-grotesque;
        }

        .heading-3 {
            color: #302D79;
            font: normal normal bold 22px/31px brandon-grotesque;
        }

        .heading-4 {
            color: #302D79;
            font: normal normal bold 20px/29px brandon-grotesque;
        }

        .text-normal-2 {
            color: #302D79;
            font: normal normal bold 18px/24px brandon-grotesque;
        }

        .title-primary {
            font: normal normal bold 27px/21px brandon-grotesque;
        }

        .title-secondary {
            font: normal normal bold 26px/37px brandon-grotesque;
        }

        .text-normal {
            font-size: 18px;
        }

        .accordion .accordion-title {
            padding: 24px;
            font: normal normal bold 22px/31px brandon-grotesque;
        }

        .accordion-title .accordion-icon {
            width: 24px;
            height: 24px;
        }

        .accordion .accordion-body {
            font: normal normal normal 18px/26px brandon-grotesque;
            padding: 32px;
        }

        #user-calendar-view, #user-list-view {
            min-width: 100% !important;
        }

        .card-listview-title {
            width: 50%;
        }

        .card-listview-details {
            width: 100%;
        }

        .event-filters {
            width: 100% !important;
        }

        .date-filter {
            display: flex !important;
        }

        #docDrawer {
            display: block !important;
        }

        .page-container {
            max-width: 672px;
            padding: 0;
            margin-bottom: 78px;
            z-index: 0;
        }

        .sidebar {
            display: none;
        }
        /* .event-filters {
        width: 588px;
        top: 55px;
    }*/
        .form-search {
            display: flex;
            align-items: center;
            justify-content: center;
            width: calc(100% - 30%);
        }

        .account-settings-card {
            width: 672px;
        }

        .text-normal-3 {
            font: normal normal normal 20px/29px brandon-grotesque;
        }
        .page-title-margin {
            margin-top: 32px;
        }
        .change-password-control {
            margin-top: 24px;
        }
        .account-settings-card {
            margin-bottom: 24px;
            padding: 24px 24px;
        }
    }

    /*Mobile*/
    @media only screen and (max-width: 425px) {
        .event-search-tab {
            display: block;
        }
        /*Margins*/
        .accordion {
            margin-bottom: 16px;
        }

        .help-container {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        .accordion-title .accordion-icon {
            width: 24px;
            height: 24px;
        }

        .help-maintitle {
            margin-top: 32px;
        }

        .help-secondary-title {
            margin-top: 64px;
            margin-bottom: 24px
        }

        .view-all {
            margin-bottom: 78px;
        }

        /*Typhography*/

        .heading-4 {
            color: #302D79;
            font: normal normal bold 19px/27px brandon-grotesque;
        }

        .heading-5 {
            color: #302D79;
            font: normal normal bold 16px/23px brandon-grotesque;
        }

        .title-primary {
            font: normal normal bold 36px/27px brandon-grotesque;
        }

        .title-secondary {
            font: normal normal bold 24px/34px brandon-grotesque;
        }

        .text-normal {
            font-size: 16px;
        }

        .accordion .accordion-title {
            padding: 24px;
            font: normal normal bold 16px/23px brandon-grotesque;
        }

        .accordion .accordion-body {
            font: normal normal normal 16px/23px brandon-grotesque;
            padding: 32px;
        }

        .event-grid-header {
            flex-direction: row;
            margin-bottom: 0;
            align-items: baseline;
        }

        .page-size, .sort-by, #card-listview-title, #card-listview-details, .view-toggle-main, .events-filter {
            display: none !important;
        }

        .events-filter-mobile {
            display: block;
            margin-top: 24px;
            margin-bottom: 24px;
        }

        .event-grid-header-settings {
            display: flex;
            justify-content: space-evenly;
            flex-wrap: wrap;
        }

            .event-grid-header-settings .toggle {
                margin-top: 2rem;
            }

        .card-listview {
            flex-direction: column;
        }

        .card-listview-title {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-right: 0;
        }


        .card-listview-details {
            display: flex;
            justify-content: space-between;
            width: 100%;
            flex-wrap: wrap;
        }

        .card-learnmore {
            margin: 1.5rem 0 0 0;
        }

        .card-location {
            margin-top: .5rem;
        }

        .content-body {
            min-width: 200px !important;
        }

        .calendar-list-toggle {
            width: 100%;
        }

        .card-learnmore a {
            font-size: .8rem;
        }

        #search-and-date, #datefilter-mobile {
            display: flex !important;
            justify-content: space-between;
        }

        #search-and-date, #datefilter-mobile {
            width: 100%;
        }

        #datefilter-mobile {
            width: 50%;
            margin-top: -10px;
            height: 57px;
        }

        .date-filter-input {
            outline: none !important;
            color: #312d7a;
            font-weight: 400;
            font-size: 1.2rem;
        }

        .event-grid-header .header-primary {
            font-size: 2.3rem;
        }

        #event-grid-header {
            max-width: 100%;
        }

        .date-filter {
            display: flex !important;
        }

        .card-listview-title {
            width: 100% !important;
            display: flex;
            justify-content: flex-start;
        }

        #card-listview-details-mobile, #card-listview-title-mobile {
            display: flex !important;
        }

        .form-search {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
            width: 100%;
        }

        .form-search-input {
            width: 100%;
            border-radius: 2px;
            font-size: 1.2rem;
            font-weight: 400;
            border: solid 1px #3a398f;
            text-align: left;
            color: #3a398f;
        }

            .form-search-input:focus {
                outline: none;
            }

        .form-search-icon {
            margin-left: -2rem;
            color: #3a398f;
        }

        #docDrawer {
            display: block !important;
        }

        .page-container {
            max-width: 331px;
            padding: 0;
            margin-bottom: 60px;
            z-index: 0;
        }

        .grid-date {
            font: normal normal bold 24px/34px brandon-grotesque;
        }

        .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
            color: #302D79;
            background-color: #ffffff;
            border-color: #4e555b;
            font: normal normal normal 13px/23px brandon-grotesque;
        }

        .btn-secondary {
            color: #302D79;
            background-color: #eaeaf1;
            border-color: #DDE5ED;
            width: 86px;
            font: normal normal bold 13px/23px brandon-grotesque;
        }

        .event-filters::before {
            left: 40px;
        }

        .event-filters {
            width: 95% !important;
            left: 7px;
        }

        #weekdays div {
            font: normal normal 900 14px/20px brandon-grotesque;
        }

        .account-settings-card {
            width: 328px;
        }

        .text-normal-3 {
            font: normal normal normal 18px/26px brandon-grotesque;
        }
    }