/* New Customizations
------------------------------ */
/* Light Gray */
:root {
  --shade-medium: #f0f0f0;
  --shade-light: #f5f5f5;
  --green-line: #acc392;
}

/* Topper */
.topper-logo {
    visibility: hidden;
}

@media (min-width: 980px) {
    .topper-logo {
    line-height: inherit;
    }
    .region-topper-first-inner {
    line-height: 2em;
    }
}

/* .zone-topper .search-form {
line-height: 2em;
padding-bottom: 2px;
} */

/* Topper Menu */
.zone-topper .menu {
line-height: 40px;
}
.zone-topper .menu li {
border: none;
}
.zone-topper .menu li a {
color: #fff;
}
.zone-topper .search-form {
line-height: 39px;
padding-bottom: 0;
}
.zone-topper .menu li a:hover {
color: #fff;
background-color: #1c5ca7;
}
.zone-topper .menu li a:before {
margin-right: 0.4em;
}
@media (max-width: 739px) {
	#block-search-form.block-search-form {
	margin: 0;
	}
	.region-topper-second .block-search + .block-menu {
	margin: 8px 0;
	}
}

/* Site Name */
h1.site-name { 
margin-top: 0.75em;
margin-bottom: 0.15em;
}

h2.site-name { 
margin-top: 0.7em;
margin-bottom: 0.15em;
}

/* Banner Menu */
.block-menu-banner-menu .block-inner {
margin-right: 4px;
}
.block-menu-banner-menu .menu li {
display: inline-block;
font-size: 1.1em;
line-height: 1;
}
.block-menu-banner-menu .active-trail a {
color: #487b11;
}

@media (min-width: 980px) {
	.region-banner-menu-inner {
	margin-top: 4.3em;
	}
}

@media (min-width: 740px) {
	.region-banner-menu-inner {
	/* margin-top: 3.7em;
	margin-top: 4.3em; */
	padding: 0;
	}
	.region-banner-menu .menu {
	float: right;
	}
	/* .block-menu-banner-menu .fa-envelope-o:before {
	float: right;
	margin-left: 0.5em;
	} */
}
@media (max-width: 739px) {
	h1.site-name, h2.site-name {
	margin-bottom: 0;
	}
	/* .block-menu-banner-menu .fa-envelope-o:before {
	margin-right: 0.5em;
	} */
}
@media (max-width: 900px) {
	h1.site-name, h2.site-name {
	font-size: 2.95em;
	white-space: nowrap;
	}
}

.block-menu-topper-menu .menu span ,
.region-banner-menu .menu span {
-moz-font-feature-settings: "smcp" 1;
-moz-font-feature-settings: "smcp=1";
-ms-font-feature-settings: "smcp" 1;
-o-font-feature-settings: "smcp" 1;
-webkit-font-feature-settings: "smcp" 1;
font-feature-settings: "smcp" 1;
}

/* Nav spacing */
.navigation { margin-top: 1.4em; }
.front .navigation { margin-bottom: 1.75em; }

.zone-menu {
border-top: 4px solid #acc392;
}

/* Resized Main Nav */
.nav-serif .zone-menu .menu > li {
font-size: calc(1rem + 0.4vw);
}
.zone-menu ul#superfish-1 > li > a {
font-family: "Mallory", Verdana, Arial, Helvetica, sans-serif;
padding: 0 0.2em;
}
.zone-menu ul#superfish-1 {
padding: 0 0.8em;
white-space: nowrap;
display: flex !important;
justify-content: space-between;
}

.block-main {
margin-top: 2em;
}

.node .field-name-body {
font-size: 1.1em;
}

.node .field-name-body h2 {
margin-bottom: 0.25em;
}

.node .field-name-body p.rtecenter {
padding-left: 3em;
padding-right: 3em;
}

/* Headings */ 
@font-face {
    font-family: "Mallory-Medium";
    src: url("/sites/all/themes/yalenew_base/fonts/Mallory/Mallory/Mallory-Medium.woff") format("woff"), 
    url("/sites/all/themes/yalenew_base/fonts/Mallory/Mallory/Mallory-Medium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

.not-front h2, .not-front h3, .not-front h4 {
font-family: "Mallory", Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #222;
}

.not-front .section-content h2 { 
    font-size: 1.6em; 
    font-family: "Mallory-Medium","Mallory",Verdana,Arial,Helvetica,sans-serif;
}
.not-front .section-content h3 { font-size: 1.25em; }
.not-front .section-content h4 { font-size: 1.1em; }

.not-front.block-font-sans h2.block-title {
font-family: "Mallory", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
}

/* Grid Cards
------------------------ */
.field-name-field-featured-content-item.field-type-paragraphs > .field-items > .field-item h3, 
.field-name-field-featured-content.field-type-entityreference > .field-items > .field-item h3, 
.field-name-field-featured-content-item.field-type-paragraphs > .field-items > .field-item h4, 
.field-name-field-featured-content.field-type-entityreference > .field-items > .field-item h4, 
.field-name-field-resource.field-type-entityreference > .field-items > .field-item h3,
.page-node-151 .field-name-field-featured-content.field-type-entityreference > .field-items > .field-item h3,
#block-views-department-plans-block-1 .view-content .views-row h3 {
box-shadow : none;
margin-bottom: 0;
border-top: 4px solid #acc392;
}

.block-fieldblock-node-take-action-topic-page-default-field-feat-resource .resource-card {
cursor: pointer;
}

#block-views-department-plans-block-1 .view-content .views-row h3 {
font-size: 1.2em;
}

.hovered h3 a,
.field-name-field-resource.field-type-entityreference > .field-items > .field-item:hover h3 {
color: #222;
text-decoration: underline;
}

.field-name-field-featured-content-item.field-type-paragraphs > .field-items > .field-item, 
.field-name-field-featured-content.field-type-entityreference > .field-items > .field-item, 
.field-name-field-resource.field-type-entityreference > .field-items > .field-item, 
#block-views-department-plans-block-1 .view-content .views-row {
/* background-color: #f2f5f2; */
background-color: var(--shade-light);
transition: 
     box-shadow 0.2s linear, 
     filter 0.2s linear, 
     transform 0.2s linear;
}

.field-name-field-featured-content-item.field-type-paragraphs > .field-items > .field-item:hover, 
.field-name-field-featured-content.field-type-entityreference > .field-items > .field-item:hover, 
.field-name-field-resource.field-type-entityreference > .field-items > .field-item:hover, 
#block-views-department-plans-block-1 .view-content .views-row:hover {
outline: none;
transform: translateY(-1px);
filter: contrast(105%);
box-shadow: 
     0 2px 6px 0 rgba(0, 0, 0, 0.3), 
     0 6px 6px -6px rgba(0, 0, 0, 0.3);
}

.field-name-field-featured-content-item.field-type-paragraphs .field-item img, 
.field-name-field-featured-content.field-type-entityreference .field-item img, 
.field-name-field-resource.field-type-entityreference .field-item img {
margin: 0 12px 10px 12px;
}

#block-views-department-plans-block-1 .view-content .views-row img {
margin: 14px 12px 12px 12px;
}

/* Resources Page
------------------------------ */
@media (min-width: 1025px) {
	.page-resources .region-content {
	max-width: 62%;
	}
}
.view-id-resources select {
height: 54px;
cursor: pointer;
}

.view-id-resources .views-exposed-widgets {
margin-bottom: 2em;
}

/* Resources Accordions */
.ui-accordion .ui-state-default .ui-icon {
display: none;
}

.ui-accordion-header {
position: relative;
}

.ui-accordion-header:before {
content: " ";
height: auto;
width: auto;
position: absolute;
left: 20px;
margin-top: 9px;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #5E8000; 
transform: rotate(0deg);
/* -webkit-transition: -webkit-transform .25s ease;
transition: -webkit-transform .25s ease;
transition: transform .25s ease; */
transition: transform .25s ease,-webkit-transform .25s ease;
}

.ui-accordion-header-active:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.ui-accordion .ui-accordion-content { 
padding: 0 2.2em;
}

.region-content .teaser-list .ui-accordion .views-row {
padding: 0 0 0.25em 0;
border: none;
}

/* Participate sidebar block menu
----------------------------------------- */
.block-yale-participate a {
color: #222;
text-decoration: none;
display: block;
padding: 0.5em;
}

.block-yale-participate a:hover {
color: #286dc0;
background-color: #f9f9f9;
}

.block-yale-participate .field-item {
border-bottom: 1px solid #ddd;
line-height: 1.5;
}

.block-yale-participate .field-item:first-child {
border-top: 1px solid #ddd;
}

/* Vision Approach landing page */
@media (min-width: 740px) {
	.context-vision-approach .region-content-inner, 
	context-vision-approach .region-sidebar-first-inner, 
	context-vision-approach .region-sidebar-second-inner {
	padding-bottom: 1em;
	}
}
#block-views-department-plans-block-1 .view-content {
margin-top: 1.5em;
}

/* Sidebar Block Menus */
.block-font-sans .sidebar .block-menu-block h2.block-title {
font-family: Mallory, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-feature-settings: normal;
text-transform: none;
letter-spacing: 0;
word-spacing: 0;
border-top: none;
border-bottom: 4px solid #acc392;
padding: 0.65em 17px 0.25em 17px;
margin: 0;
}

.sidebar .block-menu-block .menu {
border: none;
}

.sidebar .block-views,
.block-carbon .block-yale-participate {
border-color: var(--green-line);
}

/* More Buttons */
.sus-bor-lnk {
margin-top: 2em;
}

.sus-bor-lnk a {
    font-family: "Mallory",Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.925em;
    line-height: 1.55;
    letter-spacing: 0.05em;
    word-spacing: 0.05em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: lowercase;
    -moz-font-feature-settings: "smcp" 1;
    -moz-font-feature-settings: "smcp=1";
    -ms-font-feature-settings: "smcp" 1;
    -o-font-feature-settings: "smcp" 1;
    -webkit-font-feature-settings: "smcp" 1;
    font-feature-settings: "smcp" 1;
}
.sus-bor-lnk a {
    color: #222222;
    padding: 0.85em 1.25em 1em 1.25em;
    border: 1px solid #dddddd;
    background-color: var(--shade-light);
}

.sus-bor-lnk a:hover {
    border-color: transparent;
    color: #fff;
    background-color: #5E8000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

/* Listing Pages */
.page-news.block-block,
.page-blog .block-block,
.page-explainers .block-block {
margin-bottom: 0;
}
.page-news .block-main,
.page-blog .block-main,
.page-explainers .block-main {
margin-top: 0;
}
.page-news .region-content .views-row-first {
padding-top: 0.5em;
}

/* force image aspect ratio */
img {
height: auto !important;
}