.white {
    color: white;
}

.navbar-main {
    background-color: #0E82CF;
    min-height: 80px;
    /* max-width: 100%; */
    box-shadow: 0 1px 1px 1px rgba(100, 100, 100, .6);
    padding: 0 4rem 0 4rem;
}

.navbar-main .nav-link {
    color: white;
    border-bottom: 3px solid transparent;
}

.navbar-main .nav-link:hover {
    color: white;
    border-bottom: 3px solid white;
}

.navbar-toggler {
    color: white;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(100, 100, 100, .6);
    color: white;
}

.dropdown-menu {
    box-shadow: 0 0 2px 2px rgba(100, 100, 100, .6);
}


/* .dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}*/

img.cwea-logo {
    width: 150px;
}

#news-carousel {
    min-height: 16rem;
}

.carousel-inner {
    background-color: rgba(100, 100, 100, .6);
    height: 100%;
    color: white;
}

.carousel-item {
    padding: 2rem 4rem 4rem 4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.carousel-control-prev-icon {
    /* background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230e82cf' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\") !important; */
}

.carousel-control-next-icon {
    /* background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230e82cf' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\") !important; */
}

ol.carousel-indicators>.active {
    background-color: #0E82CF;
}

.carousel-item .btn-success {
    background-color: #2ab255;
}

.image-carousel {
    height: 15rem;
}

.image-carousel .carousel-item.active,
.image-carousel .carousel-item-next,
.image-carousel .carousel-item-prev {
  display: block !important;
}

.sponsor {
    flex: 1;
    display: inline-block;
}

.sponsors {
    /* width: 100%; */
    background-color: #0E82CF;
    padding: 0 4rem 0 4rem;
}

.upshadow {
    box-shadow: 0 -1px 1px 1px rgba(100, 100, 100, .6);
}

.sponsor-row {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    float: none !important;
    padding: .2rem 4rem 1.4rem 4rem;
}

.sponsor-label {
    font-weight: bolder;
    font-size: .6rem;
    letter-spacing: .2rem;
    color: white;
    padding-top: .6rem;
}

.copyright-footer {
    /* width: 100%; */
    background-color: #094b77;
    color: white;
    font-size: .75rem;
    /* margin-left: 15px; */
}

.copyright-footer a {
    color: #aaa;
}

.social-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

html {
    height: 100%;
}

body {
    background: #0f0c29;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-repeat-y: no-repeat;
    background-color: #24243e;
    background-attachment: fixed;
}

.wrapper {
    max-width: 1265px;
}

body,
.wrapper {
    min-height: 100%;
}

.main-container {
    min-height: 100%;
}

.page-body {
    /* padding-top: 2rem;
    padding-bottom: 2rem; */
    padding: 2rem 4rem 2rem 4rem;
    background-color: white;
}

.news-card,
.event-card {
    box-shadow: 0 0 1px 1px 1px rgba(100, 100, 100, .6);
    margin-bottom: 1rem;
}

.article-thumbnail {
    max-height: 6rem;
}

.section-header {
    border-bottom: 4px solid #0E82CF;
    margin-bottom: 1.5rem;
}

h4.section-header, h5.section-header, h6.section-header {
    border-bottom: 2px solid #0E82CF !important;
    margin-bottom: 1.2rem !important;
}

.top-section-border {
    border-top: 4px solid #0E82CF;
}

.class-info {
    padding-top: 1rem;
}

.class-info::after {
    border-bottom: 2px solid #0E82CF;
}

img.event-header {
    max-height: 15rem !important;
}

.img-header {
    background-color: #ccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 12rem;
    z-index: -1;
}

.img-header::after {
    content: '';
    background-color: #333;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.4;
}

.img-pagebanner {
    background-color: #ccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 14rem;
    z-index: -1;
}

.img-header-text {
    padding-left: 4.94rem;
    margin-top: -4rem;
    color: white;
    text-shadow: 4px 4px #222;
}

.img-background {
    min-height: 9rem;
    max-height: 14rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.img-headshot {
    float: left;
    height: 14rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 2rem;
}

.img-forminstructions {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.btn {
    background-color: transparent;
}

.btn-block {
    white-space: normal;
}

.btn-success {
    color: #28a745;
}

.btn-info {
    background-color: transparent !important;
    border: 2px solid #0E82CF !important;
    color: #0E82CF !important;
}

.btn-info:hover {
    background-color: #0E82CF !important;
    color: white !important;
}

.striped>:nth-child(even){
    background-color: #dcdcdc;
  }
.striped>:nth-child(odd){
    background-color: transparent;
  }

/* .home-splash-img {
    background: url('//vault.compsuite.io/180/32fd94551be9418ca289ecd3fe9aace7/people.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px;
} */

.fb_iframe_widget>span, .fb_iframe_widget iframe {
    width: 100% !important;
}


/* For anything on XS breakpoint */

@media (max-width: 767px) {
    .navbar-main {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sponsor-row {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .img-header-text {
        padding-left: 1.94rem;
    }
    .page-body {
        padding: 1rem;
    }
    .btn-block {
        margin-bottom: .4rem;
    }
    .xs-px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    /* .sponsors {
        padding-left: 0;
        padding-right: 0;
    }
    .main-container {
        margin-left: 1rem;
        margin-right: 1rem;
    } */
}


/* @media (min-width: 574px) {
    .row {
        margin-right: 0;
    }
} */