/* Carousel CSS */
.carousel-inner .item img {
    width: 100%;
}

.carousel h3{
    color: white;
}

#search-form.callout-region {
    background-color: #032040;
}
.feature-region {
	background-image: none;
}

/*NEW*/
/* Styling for text on each page */
h1 {
    font-family: Helvetica Neue LT W01_95 Black,arial-black,sans-serif;
    font-size: 29px;
    color: #353535;
    font-weight: 400;
}

h2, .h1 {
    font-family: Helvetica Neue LT W01_95 Black,arial-black,sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #053159 !important;
    margin-bottom: 10px;
}

h3 {
    color: #053159;
}

p {
   font-family: Helvetica Neue LT W01_55 Roman,Helvetica Neue,Helvetica,Arial,sans-serif;
    color:#353535;
    letter-spacing: -.5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

strong {
    color: #053159;
}

/* Overriding footer and header to change background color to blue */
[data-header-separator] {
    border-top: 0;
}

/* Login */
#user-nav a {
    color: #fff;
}

/* User name in menu */
.Dropdown__ToggleTextWrapper {
    color: #fff;
}

.Dropdown__MenuItem a, 
.Dropdown__MenuItem--top-border a {
    color: #343c44 !important;
}

/* Changes the color of the menu item list */
#topnavbar .css-fhkclk-baseButton__content {
    color: #fff!important;
}

#topnavbar span  {
    color: #fff !important;
}

#topnavbar button:hover span  {
    color: #032040 !important;
}
#topnavbar a:hover span  {
    color: #032040 !important;
}

#app-footer, #app-header {
    background: #05325a;
    color: #fff;
}

#app-footer a,  #app-footer ul {
    background: #05325a;
    color: #fff;
    white-space: normal;
}

.small {
    color: #fff;
} 

/* Styling for a notice */
.ProductEnrollment__Notice {
    color: #353535;
    font-weight: 500;
}

/* Styling for registration button color */
.css-1biq480-baseButton__content {
    background-color: #053159;
}

.flex-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}
/* Styling for main info */
.flex-item-left {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    flex: 60%;
}
/* Styling for info box */
.flex-item-right {
    margin-left: 25px;
    flex: 40%;
    margin: 25px 0px;
}

.table-container {
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
    overflow-x: auto;
    padding: 10px 20px;
}

table {
    max-width: 100%;
}

.table-item {
    color: #053159;
    font-weight: 500;
}
/* Styling for mobile views */
@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }

    .row  .col-xs-12 {
        width: 50% !important;
    }

    .flex-container {
        flex-direction: column;
    }

    .flex-item-left,
    .flex-item-right {
        flex: 100%; /* Reset the flex value to take up the full width */
        margin-left: 0; /* Reset the margin if needed */
    }

    .flex-item-right {
        order: 1;
    }

    .flex-item-left {
        order: 2;
    }

    .table-container {
        padding: 10px 20px;
    }

}