img[data-src] {opacity:0; transition:opacity 2s;}
img[src] {opacity:1;}

#news-grid {background-color:#EDEFF1; padding-top:30px; padding-bottom:60px;}
#news-grid h2 {background-position:center 0; text-align:center;}
.grid + .buttons {margin-top:30px;}
@media (min-width:1400px) {
    #news-grid {padding-bottom:90px; padding-top:50px;}
}
.grid {display:grid; grid-gap:1.55vw; grid-template-columns:repeat(2,1fr); grid-auto-rows:auto; padding:0;}
@media (min-width:1024px) {
    .grid {grid-template-columns:repeat(4,1fr); grid-auto-rows:auto;}
}
@media (min-width:1200px) {
    .grid {grid-gap:24px;}
}
@media (min-width:1400px) {
    .grid {grid-auto-rows:17.84vw;}
}
@media (min-width:1800px) {
    .grid {grid-auto-rows:11.6vw; grid-template-columns:repeat(6,1fr);}
}
.grid-item {position:relative;}
.hero {grid-column:span 2; grid-row:span 2;}
.sidekick {grid-column:span 2; grid-row:span 2;}
.part {grid-column:span 2;}
@media (min-width:768px) {
    .hero {grid-column:span 3;}
}
.grid-item > a {color:#fff; display:block; height:100%; padding:1.55vw; position:absolute; top:0; width:100%; z-index: 1}
li.grid-item {align-items:center; color:#fff; display:flex; font-size:1.6rem; line-height:1.8rem; margin:0; text-align:center;}
.grid-item h2 {font:600 1.8rem/2.4rem 'Source Sans Pro',sans-serif; margin:0;}
.grid-item h4 {font:600 1.8rem/2.4rem 'Source Sans Pro',sans-serif; margin:0;}
.grid-item .ratio-image {margin-bottom:0;}
.grid-item.sidekick .ratio-image, .grid-item.bit .ratio-image {padding-bottom:100%;}
.grid-item.sidekick .ratio-image img, , .grid-item.bit .ratio-image img {height:100%;}
.grid-item.hero .ratio-image {padding-bottom:65.5%;}
.grid-item.hero .ratio-image img {height:107%;}
.grid-item.part .ratio-image {padding-bottom:47.75%;}
.grid-item.part .ratio-image img {height:142%;}
.half-space {width:calc(50% - 1.55vw);}
@media (min-width:1024px) {
    li.grid-item {font-size:2.4rem; line-height:2.6rem;}
    .grid-item h2 {font-size:2.4rem; line-height:3rem;}
    .grid-item h4 {font-size:2.4rem; line-height:3rem;}
    .grid-item figcaption {padding:36px;}
}
@media (min-width:1200px) {
    .grid-item > a {padding:24px;}
}
@media (min-width:1400px) {
    li.grid-item {align-items:flex-end;}
    .icons .grid-item {background-size:60%;}    
}

/* News grid filter */
#news-grid-filter {margin:0 0 24px 0; padding-top:24px;}
#news-grid-filter .news-filter {flex:1 0 auto; height:32px; margin:0 0 8px 0; text-align:center;}
#news-grid-filter .news-filter:first-child {display:none;}
.checkbox-button {opacity:0; position:absolute;}
.checkbox-button + label {background-color:#fff; background-image:none!important; border-radius:20px; display:inline-block; overflow:hidden; padding:3px 8px!important; position:relative; transition:background-color 0.2s; width:100%;}
.checkbox-button + label:hover {box-shadow:0 0 3px #094183;}
/*.checkbox-button + label:before {color:#ccc; content:url(./?a=120261); display:inline-block; margin-right:4px; transform-origin:center; vertical-align:middle;}*/
.checkbox-button + label:after {background-color:lawngreen; border-radius:100%; content:""; display:inline-block; height:8px; left:50%; opacity:0; position:absolute; top:14px; transform-origin:center; vertical-align:top; width:8px;}
.checkbox-button:checked + label {background-color:#094183; color:#fff;}
/*.checkbox-button:checked + label:before {content:url(./?a=120262);}
.checkbox-button:checked + label:after {animation:zoom-in-out 0.2s ease-in-out;}*/
.checkbox-button:focus + label {box-shadow:0 0 6px dodgerblue;}
.checkbox-button:focus + label:before, .checkbox-button:focus + label:before {display:none;}
@media (min-width:460px) {
    #news-grid-filter {display:grid; grid-gap:1.55vw; grid-template-columns:repeat(2,1fr);}
}
@media (min-width:1024px) {
    #news-grid-filter {grid-gap:24px; grid-template-columns:repeat(4,1fr);}
}
@media (min-width:1200px) {
    #news-grid-filter {margin:0 88px 24px 88px;}
}
#news-grid .grid-wrapper:not(:first-of-type), .js #news-grid .grid-wrapper:first-of-type {opacity:0; position:absolute; transition:opacity 0.5s ease-in-out, visibility 0s 0s; visibility:hidden;}
.js #news-grid .grid-wrapper.active-grid {opacity:1; position:static; transition:opacity 0.5s ease-in-out, visibility 0.5s 0s; visibility:inherit;}

@keyframes zoom-in-out {
  0% {transform:scale(1); opacity:0;}
  50% {transform:scale(100); opacity:0.8;}
  100% {transform:scale(1); opacity:0;}
}

.dual-img-caption {background-color:#333; display:block; position:relative;}
.dual-img-caption .ratio-image {margin:0;}
.dual-img-caption p {align-items:flex-start; background:rgba(0,0,0,0.4); bottom:0; color:#fff; display:flex; font-size:2.4rem; line-height:3.6rem; padding:24px; text-shadow:0 0 4px #000; top:0; transition:background-color 0.2s}
.dual-img-caption:hover p {background:rgba(0,0,0,0); text-decoration:underline;}
.dual-img-caption.play-icon:hover p {background-color:rgba(0,0,0,0);}
.dual-img-caption.play-icon p:before {content:url(../icons/play-icon.svg); display:block; left:50%; position:absolute; top:25%; transform:scale(2) translateX(-25%);}
.dual-img-caption .ratio-image img {left:0; transform:translateX(-25%);}
.icons .grid-item:before {content:""; display:block; padding:100% 0 0 0;}
.icons .grid-item a {align-items:flex-end; background-repeat:no-repeat; background-position:center 24%; background-size:60%; display:flex; justify-content:center;}

.cohort-grid .buttons {padding-bottom:0;}
.cohort-grid .cohort-grid__split {margin-bottom:1.55vw;}
.cohort-grid .cohort-grid__split > div:last-child {padding:24px;}

@media (min-width:600px) {
    .dual-img-caption .ratio-image {padding-bottom:calc(50% - 0.775vw); width:calc(50% - 0.775vw);}
    .dual-img-caption p {align-items:flex-start; left:0; padding-left:calc(50% + 1.55vw); position:absolute; right:0; top:0;}
    .dual-img-caption.play-icon p {background:rgba(0,0,0,0.4) url(../icons/play-icon.svg) no-repeat calc(33.333% - 80px) center; background-size:160px;}
    .dual-img-caption.play-icon p:before {content:none;}
}
@media (min-width:680px) {
    .icons {grid-template-columns:repeat(4,1fr);}
}
@media (min-width:1024px) {
    .cohort-grid .cohort-grid__split > div:last-child {padding:48px;}
}
@media (min-width:1025px) {
    .dual-img-caption {}
    .dual-img-caption .ratio-image {padding-bottom:100%; width:100%;}
    .dual-img-caption p {align-items:flex-end; bottom:0; padding-left:24px;}
    .dual-img-caption.play-icon p {background-position:center;}
    .dual-img-caption img {width:100%;}
    ul.icons {clear:both;}

    .cohort-grid .cohort-grid__split {display:flex;}
    .cohort-grid .cohort-grid__split > div {flex:1 0 auto; width:calc(50% - 0.775vw);}
    .cohort-grid .cohort-grid__split > div:first-child {background-color:#333; margin-right:0.775vw;}
    .cohort-grid .cohort-grid__split > div:last-child {margin-left:0.775vw;}
}
@media (min-width:1200px) {
    .cohort-grid .cohort-grid__split {margin-bottom:24px;}
    .cohort-grid .cohort-grid__split > div {flex:1 0 auto; width:calc(50% - 12px);}
    .cohort-grid .cohort-grid__split > div:first-child {margin-right:12px;}
    .cohort-grid .cohort-grid__split > div:last-child {margin-left:12px;}
    .icons .grid-item a {background-size:80%;}
}
@media (min-width:1800px) {
    .grid.icons {grid-auto-rows:auto; grid-template-columns:repeat(4,1fr);}
}

/* IE Support */
@media all and (-ms-high-contrast:none) {
    .grid {margin:0 -12px; overflow:hidden;}
    .icons .grid-item {padding:20% 0 0 0;}
}
@media (max-width:767px) and (-ms-high-contrast:none) {
    .grid-item {clear:both; margin:24px 12px;}
    .bit {clear:none; float:left; margin:12px; width:calc(50% - 24px);}
    .bit + .bit {margin-bottom:24px;}
}
@media (min-width:768px) and (-ms-high-contrast:none) {
    .grid-item {float:left; margin:12px;}
    .grid .hero {width:calc(75% - 24px);}
    .grid .sidekick {width:calc(50% - 24px);}
    .grid .part {width:calc(50% - 24px);}
    .grid .bit {width:calc(25% - 24px);}
    .icons .bit {height:0; margin:0 12px;}
    .icons .bit:first-child {margin-left:0;}
    .icons .bit:last-child {margin-right:0;}
    .grid-item.part .ratio-image {padding-bottom:50%;}
}

ul.AoE {margin:24px 0 0;}
.AoE li {background:transparent url(../icons/chevron-blue.svg) no-repeat -12px -2px; background-size:30px; line-height:2.4rem; margin-bottom:14px;}
.AoE a {display:block; padding:0 0 0 16px;}
@media (min-width:600px) {
    .AoE {column-count:2; column-gap:1.55vw;}
}


.bg--blueGradient {background:linear-gradient(to bottom, rgba(0,33,101,0.85) 0%,rgba(0,97,253,0.5) 30%,rgba(0,213,253,0.2) 100%);}
.bg--blueGradient:hover {background:linear-gradient(to bottom, rgba(0,33,101,0.65) 0%,rgba(0,97,253,0.3) 30%,rgba(0,213,253,0) 100%);}
.bg--aquaGradient {background:linear-gradient(to bottom, rgba(0,183,183,0.8) 0%,rgba(0,183,183,0.8) 30%,rgba(0,213,183,0.2) 100%);}
.bg--aquaGradient:hover {background:linear-gradient(to bottom, rgba(0,183,183,0.6) 0%,rgba(0,183,183,0.6) 30%,rgba(0,213,183,0) 100%);}
.bg--blueTint {background-color:rgba(12,113,166,0.75);}
.bg--blueTint:hover {background-color:rgba(12,113,166,0.55);}
.bg--deepBlueTint {background-color:rgba(0,90,209,0.75);}
.bg--deepBlueTint:hover {background-color:rgba(0,90,209,0.55);}
.bg--lightBlueTint {background-color:rgba(12,113,166,0.35);}
.bg--lightBlueTint:hover {background-color:rgba(12,113,166,0.15);}
.bg--whiteTint {background-color:rgba(255,255,255,0.7);}
.bg--whiteTint:hover {background-color:rgba(255,255,255,0.5);}
.bg--greenTint {background-color:rgba(0,143,86,0.8);}
.bg--greenTint:hover {background-color:rgba(0,143,86,0.6);}
.bg--aquaTint {background-color:rgba(63,167,194,0.8);}
.bg--aquaTint:hover {background-color:rgba(63,167,194,0.6);}
.bg--redTint {background-color:rgba(231,112,82,0.8);}
.bg--redTint:hover {background-color:rgba(231,112,82,0.6);}
.bg--purpleTint {background-color:rgba(114,131,191,0.8);}
.bg--purpleTint:hover {background-color:rgba(114,131,191,0.6);}

[class*="tileTint"]:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

:not([class*="tileTint"]).bg--blue, [class*="tileTint"].bg--blue:before{background-color:rgb(12,113,166);}
:not([class*="tileTint"]).bg--deepBlue, [class*="tileTint"].bg--deepBlue:before{background-color:rgb(0,90,209);}
[class*="tileTint"].bg--lightBlue:before{background-color:rgb(12,113,166);}
[class*="tileTint"].bg--white:before{background-color:rgb(255,255,255);}
:not([class*="tileTint"]).bg--green, [class*="tileTint"].bg--green:before{background-color:rgb(0,143,86);}
:not([class*="tileTint"]).bg--aqua, [class*="tileTint"].bg--aqua:before{background-color:rgb(63,167,194);}
:not([class*="tileTint"]).bg--red, [class*="tileTint"].bg--red:before{background-color:rgb(231,112,82);}
:not([class*="tileTint"]).bg--purple, [class*="tileTint"].bg--purple:before{background-color:rgb(114,131,191);}
:not([class*="tileTint"]).bg--yellow, [class*="tileTint"].bg--yellow:before{background-color: rgb(236, 174, 101);}

.tileTint-0:before{ opacity: 0 }
.tileTint-20:before{ opacity: 20% }
.grid-item:hover .tileTint-20:before{ opacity: 10% }
.tileTint-40:before{ opacity: 40% }
.grid-item:hover .tileTint-40:before{ opacity: 20% }
.tileTint-60:before{ opacity: 60% }
.grid-item:hover .tileTint-60:before{ opacity: 40% }
.tileTint-80:before{ opacity: 80% }
.grid-item:hover .tileTint-80:before{ opacity: 60% }
.tileTint-100:before{ opacity: 100% }
.grid-item:hover .tileTint-100:before{ opacity: 80% }

.bg--white > a, a.bg--white, a.bg--whiteTint {color:#094183;}

.pad-this {background-color:#fff; padding:24px;}
@media (min-width:1024px) {
    .pad-this {padding:36px;}
}

.footer {grid-template-rows:repeat(2,25vw);}
@media (min-width:1800px) {
    .footer {grid-template-rows:repeat(2,16.666vw);}
    .footer .hero {grid-column:span 6; grid-row:span 4;}
}

/* IE11 Styles  */
@media (min-width:768px) and (-ms-high-contrast:none) {
    #news-grid-filter {margin:0 -12px 24px;}
    #news-grid-filter .news-filter {margin:0 12px;}
}