/*****<< 3. Std Page >>*****/
.stdPageHeader {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 0;

}
.stdPageHeader .bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.stdPageHeader h1 {
    padding-top: 4.4rem;
    padding-bottom: 4.4rem;
    font-size: 4.8rem;
    color: #fff;
    margin-bottom: 0;
}
.stdPageHeader .aqua_bg		{ background: rgba(29, 159, 218, .5); }
.stdPageHeader .green_bg	{ background: rgba(118, 189, 167, .5); }
.stdPageHeader .purple_bg	{ background: rgba(15, 118, 188, .5); }
.stdPageHeader .orange_bg	{ background: rgba(247, 169, 28, .5); }
.stdPageHeader .white_bg	{ background: rgba(255, 255, 255, .5); color: black; }
.stdPageHeader .white_bg h1	{ color: black; }

/*****<< 4. Hero >>*****/
.hero, .hero .vertAlignWrap {
    min-height: 31.6rem;
    height: 31.6rem;
}
.thinner, .thinner .vertAlignWrap {
    min-height: 20rem;
    height: unset;
}
.hero {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hero h1 {
    font-size: 5rem;
}
.hero p {
    font-size: 1.5rem;
}
.hero .container {
    min-height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.hero hr {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    width: 5rem;
}
.hero.leftAlignWBg hr {
    margin-left: 0;
}
.hero.leftAlignWBg .horzConstrain {
    max-width: 65%;
}
.hero.leftAlignWBg .horzConstrain p {
    max-width: 80%;
}
.hero.centerAlignWBg {
    text-align: center;
}
.hero.centerAlignWBg h1 {
    color: #5f97d1;
}

/*****<< 5. News >>*****/
.newsTicker {
    background: #163966;
    color: rgba(255, 255, 255, 0.75);
}
.newsTicker .chevrons {
    color: rgba(255, 255, 255, 0.75);
    margin-right: 1rem;
    font-size: 1.5rem;
}
.newsTicker .leftChevron {
    margin: 8rem .5rem 0 0;
    padding: 0;
    line-height: 1rem;
    cursor: pointer;
    transition: .2s ease-out;
}
.newsTicker .leftChevron:hover {
    color: white;
}
.newsTicker .rightChevron {
    margin: .8rem 0 0 0;
    padding: 0;
    line-height: 1rem;
    cursor: pointer;
    transition: .2s ease-out;
}
.newsTicker .rightChevron:hover {
    color: white;
}
.newsTicker .row {
    padding: 1rem 0 .5rem 0;
}
.newsTicker .fab {
    color: rgba(255, 255, 255, 0.75);
    font-size: 1.25rem;
}
.newsTicker .news {
    display: inline;
    font-weight: 600;
}
.newsTicker h2 {
    color: white;
    font-size: 1.25rem;
}
.newsTicker a, .newsTicker a:link, .newsTicker a:active, .newsTicker a:visited {
    color: white;
}
.newsTicker h2 a:hover {
    text-decoration: underline;
}
.newsTicker .rm {
    text-transform: uppercase;
    font-size: .9em;
}

/*****<< 6. Linked Icons >>*****/
.linkedIcons {
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center;
}
.linkedIcons h1 {
    font-size: 5rem;
}
.linkedIcons hr {
    border-top: 1px solid rgba(107, 108, 108, 0.25);
    width: 5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.linkedIcons .icons {
    margin-top: 3rem;
}
.linkedIcons .icon .iconImg, .linkedIcons .icon .iconImg2,
.linkedIcons .icon-nolink .iconImg, .linkedIcons .icon-nolink .iconImg2{
    display: block;
    width: auto;
    margin: .5rem auto 1rem auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.linkedIcons .icon .iconImg,
.linkedIcons .icon-nolink .iconImg{
    height: 6rem;
}
.linkedIcons .icon .iconImg2,
.linkedIcons .icon-nolink .iconImg2{
    height: 16rem;
}
.linkedIcons .icon:hover {
    background: #ebeff0;
    cursor: pointer;
}
.linkedIcons.threeWCopy {
    color: #6b6c6c;
    background: #e2e2e2;
}
.linkedIcons.threeWCopy .horzConstrain {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}
.linkedIcons.threeWCopy .icon:not(:first-child),
.linkedIcons.threeWCopy .icon-nolink:not(:first-child){
    border-left: 1px solid rgba(107, 108, 108, 0.25);
}
.linkedIcons .fourNoCopy {
    color: #6b6c6c;
    background: white;
}
.linkedIcons .fourNoCopy .horzConstrain {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.linkedIcons .fourNoCopy .icon:not(:first-child),
.linkedIcons .fourNoCopy .icon-nolink:not(:first-child){
    border-left: 1px solid rgba(107, 108, 108, 0.25);
}
.linkedIcons.threeNoCopyWBg {
    background-color: #163966;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.linkedIcons.threeNoCopyWBg p {
    color: #5f97d1;
}
.linkedIcons ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
.linkedIcons ul li {
    list-style: none;
}
.linkedIcons ul .icon_v2 {
    padding: .75rem 0;
}
.linkedIcons ul .icon_v2 img {
    max-width: 5rem;
}
.linkedIcons ul .content_v2 {
    margin: auto 0;
}

/*****<< 7. Infographic >>*****/
.infographic {
    background-color: #0ab9c9;
    color: white;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.infographic .info {
    flex-direction: row;
    justify-content: center;
    color: rgba(255, 255, 255, 0.75);
}
.infographic .info .display {
    font-size: 500%;
    margin-left: 2rem;
    line-height: 150%;
}
.infographic .info .caption {
    text-transform: uppercase;
    margin-left: 2rem;
    font-size: 125%;
}

/*****<< 8. Featured Content >>*****/
.content_card .card {
    height: calc(100% - .75rem);
    margin-bottom: .75rem;
}
.content_card .date {
    margin-bottom: .25rem;
}
.content_card .imageLink {
    position: absolute;
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 25%;
}
.content_card .imageLink img {
    width: 100%;
    height: auto;
}
.content_card .imageTop .imageLink,
.content_card .imageTop2 .imageLink {
    position: relative;
}
.content_card .pointer {
    position: relative;
    height: 100%;
}
.content_card .pointer:after {
    content: "";
    display: block;
    position: absolute;
    background: white;
    z-index: 10;
    transform: rotate(45deg);
}
.content_card .pointer .content {
    position: relative;
    z-index: 11;
    height: 100%;
}
.content_card .content .tag {
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    color: #41515d;
    box-shadow: none;
    font-size: 1rem;
}
.content_card .content .tag .timeStamp {
    float: right;
    text-transform: none;
}
.content_card .content .articleTitle {
    font-size: 170%;
    line-height: 125%;
    color: #163966;
}
.content_card .content .btn {
    margin-top: 1rem;
}
.imageTop .content .btn,
.imageTop2 .content .btn {
    position: absolute;
    bottom: 1rem;
}
.content_card .image {
    position: relative;
    padding: 0;
    z-index: 9;
}
.content_card .orange {
    background: #f6a62c !important;
}
.content_card .orange .content .tag {
    color: white;
}
.content_card .aqua {
    color: white !important;
    background: #0ab9c9 !important;
}
.content_card .aqua .content .tag {
    color: white !important;
}
.content_card .buttonWrap {
    margin-top: 3rem;
}
.content_card .content {
    padding: 1rem;
}
.content_card .content_padding_alt {
    padding: .25rem .1rem;
}
.imageTop .content_padding,
.imageTop2 .content_padding {
    padding-bottom: 4rem;
}
.content_card .fullWidth.imageRight .pointer:after,
.content_card .oneThird.imageRight .pointer:after {
    top: 2rem;
    right: -1.5rem;
    height: 3rem;
    width: 3rem;
}
.content_card .fullWidth.imageLeft .pointer:after,
.content_card .oneThird.imageLeft .pointer:after {
    top: 2rem;
    left: -1.5rem;
    height: 3rem;
    width: 3rem;
}
.content_card .imageTop .imageLink {
    padding-bottom: 100%;
    min-height: 200px;
}
.content_card .imageTop2 .imageLink {
    padding-bottom: 50%;
    min-height: 200px;
}
.content_card .imageTop .pointer:after,
.content_card .imageTop2 .pointer:after {
    top: -1.25rem;
    left: 2.5rem;
    height: 2.5rem;
    width: 2.5rem;
}

/*****<< 8a. Featured Content Vertical Only >>*****/
.vertCard2 {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    background: white;
    margin: 0 .75rem .75rem .25rem;
}
.vertCard2 .imageArea {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 25%;
}
.vertCard2a {
    width: 100%;
    height: 100%;
}
.vertCard2a .imageArea2 {
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 100px 0;
}
.vertCard2 .textArea {
    padding: .75rem .5rem;
}

/*****<< 8b. Just a box >>*****/
.card_shadow {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    margin: 0 .75rem .75rem .25rem;
    background: white;
}
.p_small {
    padding: .5rem .3rem;
}
.p_medium {
    padding: .75rem .5rem;
}
.p_large {
    padding: 1rem .75rem;
}

.card_shadow .imageArea {
    min-height: 100px;
    height: 20vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 25%;
    padding: 0;
}

.imageArea .card_topper {
    padding: 3px 7px;
    background: rgba(0, 0, 0, 0.6);
}

/*****<< 9. Copy Blocks >>*****/
.copyBlock {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.copyBlock hr {
    border-top: 1px solid rgba(107, 108, 108, 0.25);
    width: 5rem;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    margin-left: 0;
}
.copyBlock .card {
    height: 100%;
}
.copyBlock .card:before {
    content: '';
    display: block;
    height: .5rem;
    width: 100%;
    background: rgba(0, 0, 0, 0.1) !important;
}

.copyBlock .nobar:before {
    background: none !important;
}

.aqua h1, .aqua h2, .aqua h3,
.green h1, .green h2, .green h3,
.purple h1, .purple h2, .purple h3,
.orange h1, .orange h2, .orange h3,
.aqua h1 a, .aqua h2 a, .aqua h3 a,
.green h1 a, .green h2 a, .green h3 a,
.purple h1 a, .purple h2 a, .purple h3 a,
.orange h1 a, .orange h2 a, .orange h3 a {
    color: #FFF !important;
}

.card.aqua		{ background: #0ab9c9 !important; color: white !important; }
.card.green		{ background: #76bd43 !important; color: white; }
.card.purple	{ background: #0f76bc !important; color: white; }
.card.orange	{ background: #f7a91b !important; color: white; }
.card.white		{ background: #FFFFFF !important; color: black; }

.card.aqua .dataTable td	{ color: white !important; }
.card.green .dataTable td	{ color: white !important; }
.card.purple .dataTable td	{ color: white !important; }
.card.orange .dataTable td	{ color: white !important; }

.card.aqua a { color: #fff; }
.card.green a { color: #fff; }
.card.purple a { color: #fff; }
.card.orange a { color: #fff; }
.card.white a:hover { color: #000; }

.copyBlock .card .content {
    padding: 1rem;
}
.copyBlock.copyLinks .card p.card_tags {
    text-transform: uppercase;
    font-size: 70%;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
}

/*****<< 11. Links List >>*****/
.linksList {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.linksList hr {
    width: 5rem;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    margin-left: 0;
}
.linksList ul,
.linksList p {
    font-size: 150%;
}
.linksList li {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.linksList li .fa-angle-double-right {
    color: #99c24d;
    line-height: 150%;
    font-size: 75%;
}
.linksList.twoCol {
    background: white;
}
.linksList.twoCol hr {
    border-top: 1px solid rgba(107, 108, 108, 0.25);
}
.linksList.twoCol li {
    border-top: 1px solid rgba(107, 108, 108, 0.25);
}
.linksList.twoCol li:last-child {
    border-bottom: 1px solid rgba(107, 108, 108, 0.25);
}
.linksList.twoCol .links div:first-child ul {
    margin-bottom: 0;
}
.linksList.oneCol {
    background-color: #163966;
    color: rgba(255, 255, 255, 0.75);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.linksList.oneCol hr {
    border-top: 1px solid rgba(255, 255, 255, 0.75);
}
.linksList.oneCol li {
    border-top: 1px solid rgba(255, 255, 255, 0.75);
}
.linksList.oneCol li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}


/*****<< 12. Call To Action >>*****/
.ctaBanner {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #0ab9c9;
    color: rgba(255, 255, 255, 0.75);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*****<< 13. Logos Banner >>*****/
.logosBanner {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: white;
}

/*****<< 14. People List >>*****/
.peopleList {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.peopleList .portrait {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*****<< 18. List Groups >>*****/
.listGroup {
    font-weight: 400;
    padding-top: 3rem;
    padding-bottom: 3rem;
    max-width: 100%;
    width: 50rem;
    margin-left: auto;
    margin-right: auto;
}
.list-group .list-group-item-heading{
    font-weight: 300;
    color: #5f97d1 !important;
}

/*****<< Homepage Mods >>*****/
.home_portal { margin: 0; padding: .75rem; }
.home_portal .row, .home_portal .mcol { margin: 0; padding: 0; }

/*****<< Events Timeline >>*****/
.eventstimeline {
    background: url(/images/grey_line) repeat-x center center;
}
.eventstimeline_empty {
    width: 1.9%;
}
.eventstimeline_full {
    width: 1.9%;
    background: url(/images/timeline_big) no-repeat center center;
    cursor: pointer;
}
.event_item {
    padding-bottom: 3px;
    border-bottom: 1px solid #333;
    cursor: pointer;
}
.activeDay {
    background: #5f97d1;
    color: #fff;
    padding: .33rem .33rem 1.25rem .33rem;
    margin: 1px;
}
.activeDay h3 {
    color: #fff;
}
.woccuActiveDay {
    background: #d6006e;
    color: #fff;
    padding: .33rem .33rem 1.25rem .33rem;
    margin: 1px;
}
.woccuActiveDay h3 {
    color: #fff;
}
.calDay {
    padding: .33rem .33rem 1.25rem .33rem;
    margin: 1px;
}

/*****<< Carousel >>*****/
#carousel_cassette {
    display: table;
    width: 100%;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.carousel_v2 {
    cursor: unset !important;
}
.carousel-indicators {
    background-color: rgba(55, 55, 55, .6);
    margin: 0;
    justify-content: left;
    bottom: 0;
    padding-left: 10px;
    display: inline-block;
    right: auto;
}
.carousel .carousel-indicators li {
    margin: 0 10px 0 0;
    display: inline-block;
    width: 20px;
    max-width: 20px;
    height: 20px;
}
.slide-content {
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.homepage_slide {
    display: table;
    width: 100%;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.homepage_slide_v2 {
    display: table;
    width: 100%;
    height: 50vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.container_v2 {
    padding: 4rem 3rem 3rem 5rem;
    background: rgba(2, 47, 85, .95);
    width: 33%;

}
.container_v2 h1, .container_v2 h2, .container_v2 h3, .container_v2 h4, .container_v2 p {
    color: white !important;
}
.indicators_v2 {
    padding-left: 0 !important;
    background: none !important;
    justify-content: normal !important;
    position: unset !important;
}

.indicators_v2 li {
    background: #00a1e4;
    opacity: 1;
    border-radius: unset !important;
    height: 4px !important;
    border: 0;
    width: 30px !important;
    max-width: 30px !important;
    margin-left: 0 !important;
    margin-right: 20px !important;
    margin-top: 12px !important;
}
.indicators_v2 .active {
    background: white;
}

.carousel-control-prev-icon_v2 {
    background: url(/images/angle-left) no-repeat center !important;
    height: 19px !important;
}
.carousel-control-next-icon_v2 {
    background: url(/images/angle-right) no-repeat center !important;
    height: 19px !important;
}
.carousel-control-prev_v2, .carousel-control-next_v2 {
    width: 20px !important;
}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    width: 50px;
    height: 50px;
}

/*****<< FAQ >>*****/
.faqs .question {
    border-left: 2px solid #0f76bc;
    font-size: 1.25rem;
    font-weight: bold;
    cursor: pointer;
    padding: .25rem;
    padding-left: .5rem;
}

.faqs .answer {
    padding-left: 2rem;
    padding-top: .5rem;
    padding-bottom: 2rem;
}

/*****<< Story Tile >>*****/
.story_tile {
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    position: relative; /* If you want text inside of it */
    background-size: cover;
    background-position: center;
}
.story_tile_area {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.story_tile_content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: flex
}

.header_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-top: 1rem;
}

.menu_list {
    padding: 2rem;
}
.menu_list li {
    margin: .5rem 1rem;
    padding: .75rem;
}
.menu_list li a {
    color: white !important;
}
.header_list li {
    margin: .5rem 1rem;
}
.header_list li.active {
    font-weight: bold;
    text-decoration: underline;

}