/* Home page redesign
------------------------------------- */
.zone-menu-wrapper { background-color: #00356b !important; }
.region-content { max-width: inherit; }
.region-content-inner { padding-bottom: 0; }
.header-block {  }

.zone-preface-wrapper {
background: #005fae url("/sites/default/files/images/banner-swatch.png") repeat;
    padding-top: 10px;
}
}

.intro,
.header-block {
margin: 0;
}

.header-block .content {
padding: 1.5em 0;
position: relative;
}

.region-preface-first-inner:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 300%;
    left: -100%;
    background-color: #eee;
}

#zone-preface .more-link a {
border: 0;
background-color: #fff;
}

#zone-preface .more-link a:hover {
background-color: #00356b;
color: #fff;
}

.region-preface-second-inner {
position: relative;
}

.region-preface-second-inner:before {
content: '';
display: block;
position: absolute;
z-index: 1;
height: 100%;
width: 300%;
left: -100%;
background-color: #d7e9ff;
}

.block-notices {
border: none;
padding: 1em 0;
padding-top: 1.75em;
}

.block-notices .block-inner {
position: relative;
z-index: 2;
border: none;
padding: 0 !important;
}

.block-notices .content {
}

.zone-postscript-wrapper {
background-color: #00356b;
padding-top: 2em;
}

.additional-resources {
color: #fff;
}

.additional-resources h2.block-title {
font-family: "YaleNew", Georgia, "Times New Roman", serif;
font-size: 3em;
line-height: 1;
color: #fff;
}

.additional-resources h2.block-title:after {
content: none;
}

.zone-postscript .block,
.zone-postscript .block-inner {
border: none !important;
background-color: transparent !important;
padding: 0 !important;
}

/* Drop downs */
@media (min-width: 740px) {
	.zone-postscript .block-views .content {
	margin-top: 5em;
	}
}
.view-additional-resources select {
cursor: pointer;
}
.view-additional-resources select:focus {
box-shadow: #fff 0 0 7px;
}

.block-notices {
background-color: #fff !important;
box-shadow: -500px 0 0 #fff, 500px 0 0 #fff;
margin-bottom: 0;
}

/*
.region-preface-third-inner:before {
content: '';
display: block;
position: absolute;
z-index: 0;
height: 100%;
width: 300%;
left: -100%;
background-color: #005fae;
} */

.form-item-jump select {
max-width: 100%;
}

.card-middle h2 {
font-family: "Mallory-medium","Mallory",Verdana,Arial,Helvetica,sans-serif;
font-size: 1.5em;
color: #222;
margin-top: 0.5em;
margin-bottom: 0.5em;
}


/********** MORE LINKS KNOCKOUT HOMEPAGE **********/

p.more-knockout {
font-family: "Mallory-medium","Mallory",Verdana,Arial,Helvetica,sans-serif;
/*text-align: right; */
white-space: nowrap;
font-size: 1em;
line-height: 1.55;
letter-spacing: 0.05em;
word-spacing: 0.05em;
font-weight: normal;
font-style: normal;
text-transform: lowercase;
margin-top: 30px; /*4.8.22 update*/
/*color: #ffffff !important; */
font-feature-settings: "smcp" 1;
}

p.more-knockout a {
/*color: #286dc0;*/
color: #ffffff !important;
}

p.more-knockout a:hover {
/*color: #222;*/
color: #ffffff !important;
text-decoration: underline !important;
}


p.more {
font-family: "Mallory-medium","Mallory",Verdana,Arial,Helvetica,sans-serif;
text-align: right; 
white-space: nowrap;
font-size: 1em;
line-height: 1.55;
letter-spacing: 0.05em;
word-spacing: 0.05em;
font-weight: normal;
font-style: normal;
text-transform: lowercase;
margin-top: 30px; /*4.8.22 update*/
/*color: #ffffff !important; */
font-feature-settings: "smcp" 1;
}

p.more a {
*color: #286dc0 !important;
}

p.more a:hover {
color: #222; !important;
text-decoration: underline !important;
}


/* Cards
------------------------------ */
.cards-wrapper {
display: flex;
flex-wrap: wrap;
padding-top: 30px;
padding-bottom: 30px;
}

.cards-wrapper .contextual-links-wrapper {
right: 50%;
}

.cards-wrapper .panel-display .contextual-links-wrapper {
right: 0;
}

@media (min-width: 840px) {
.panel-col div {
    display: flex;
    flex-wrap: wrap;
    }
}

.card {
align-content: flex-start;
transition: 
     box-shadow 0.2s linear, 
     filter 0.2s linear, 
     transform 0.2s linear;
}

.cards-wrapper-guidelines {
position: relative;
margin: 0 8%;
justify-content: center;
/* padding-top: 1em; */
}

.cards-wrapper-guidelines .block-inner {
margin-top: 2em;
}

.cards-wrapper-guidelines h2.block-title {
font-family: "YaleNew", Georgia, "Times New Roman", serif;
font-size: 2.11765em;
line-height: 1.2;
color: #fff;
text-align: center;
margin-bottom: 1em;
}

/****************************** IF 3 ICONS; 2023 UPDATE ******************************/ 

/*
.card-guidelines {
width: 20%;
margin-right: 6.5%;
}
*/


.card-guidelines{
width: 20%;
margin-right: 10%;
margin-left: 5%;
}


/*************************************************************************************/

.card-guidelines .pane-content p {
text-align: center;
margin: 0 auto;
margin-bottom: 0.5em;
line-height: 1.4;
}

.card-guidelines img {
image-rendering: auto;
width: 70%;
height: auto !important;
border-radius: 50%;
border: 5px solid #fff;
}

.panel-col div:last-child {
margin-right: auto !important;
} 

.card-guidelines .pane-content {
width: 100%;
}

.card-guidelines .pane-content p {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 0.5em;
    line-height: 1.4;
    width: 100%;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.card-guidelines .pane-content a {
color: #fff;
text-decoration: none;
}

.card-guidelines .pane-content a:hover {
text-decoration: underline;
}

.cards-wrapper-guidelines img {
transition: filter 0.15s linear;
}

.cards-wrapper-guidelines .hovered img {
filter: drop-shadow(0.3em 0.3em 0.3em rgba(0, 0, 0, 0.5));
}

.cards-wrapper-guidelines .hovered a {
text-decoration: underline;
}





/* Cards Mobile Changes
------------------------------ */
@media screen and (max-width: 840px) and (min-width: 551px) {
    .card {
    min-width: 517px;
    margin-left: auto !important;
    margin-right: auto !important;
    }
    .card img {
    margin: 2em 0 0.5em 0;
    }
}

@media screen and (max-width: 550px) {
    .card {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 1em !important;
    }
    .card img {
    margin: 2em 0 0.5em 0;
    }
}

.guidelines-button .block-inner {
position: relative;
}

@media screen and (max-width: 840px) and (min-width: 480px) {
	.card-guidelines {
	min-width: 422px !important;
	}
}

@media screen and (min-width: 840px) {
    .guidelines-button .more-link {
    text-align: center;
    }
}

@media screen and (max-width: 839px) {
    .guidelines-button .more-link {
    text-align: center;
    }
}