/*
 * Theme Name: Multisite Parent
 * Author: Woodwell Climate Research Center
 * Description: Parent theme used as base for multisite projects.  To use, please create a child theme.
 * Version: 1.0
 */


@font-face{
	font-family:'Ginto';
	src:url(/wp-content/themes/multisite-parent/fonts/gintonormal-bold-webfont.woff2) format("woff2"),url(/wp-content/themes/multisite-parent/fonts/gintonormal-bold-webfont.woff) format("woff");
	font-weight:700;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:'Ginto';
	src:url(/wp-content/themes/multisite-parent/fonts/gintonormal-medium-webfont.woff2) format("woff2"),url(/wp-content/themes/multisite-parent/fonts/gintonormal-medium-webfont.woff) format("woff");
	font-weight:500;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:'Ginto';
	src:url(/wp-content/themes/multisite-parent/fonts/gintonormal-regular-webfont.woff2) format("woff2"),url(/wp-content/themes/multisite-parent/fonts/gintonormal-regular-webfont.woff) format("woff");
	font-weight:400;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:'Ginto';
	src:url(/wp-content/themes/multisite-parent/fonts/gintonormal-regularita-webfont.woff2) format("woff2"),url(/wp-content/themes/multisite-parent/fonts/gintonormal-regularita-webfont.woff) format("woff");
	font-weight:400;
	font-style:italic;
	font-display:swap;
}
@font-face{
	font-family:'Sohne Schmal';
	src:url(/wp-content/themes/multisite-parent/fonts/soehne-schmal-web-fett.woff2) format("woff2"),url(/wp-content/themes/multisite-parent/fonts/soehne-schmal-web-fett.woff) format("woff");
	font-weight:900;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:'FinancierDisplay';
	src:url(/wp-content/themes/multisite-parent/fonts/FinancierDisplay-Regular.woff2) format("woff2"),url(/wp-content/themes/multisite-parent/fonts/FinancierDisplay-Regular.woff) format("woff");
	font-weight:900;
	font-style:normal;
	font-display:swap;
}
@font-face {
  font-family: "FinancierText";
  src: url("/wp-content/themes/multisite-parent/fonts/FinancierText-Regular.woff2") format("woff2"), url("/wp-content/themes/multisite-parent/fonts/FinancierText-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "FinancierText";
  src: url("/wp-content/themes/multisite-parent/fonts/FinancierText-RegularItalic.woff2") format("woff2"), url("/wp-content/themes/multisite-parent/fonts/FinancierText-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}


body {
	margin: 0;
	font-family: 'Ginto', Arial;
}

p, li {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
}

a {
	color: #1342bb;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h1.entry-title{
	font-family: "FinancierDisplay";
	font-size: 48px;
	line-height: 1.1;
	font-weight: 400;
	padding: 0;
    margin: 0;
    color: #000;
}

.home h1.entry-title {
	/*text-align: center;
	height:78px;*/
}

h2 {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	color: #000;
}

#hero-overlay {
	/*display: flex;*/
	display: none;
}

.content-wrapper {
	max-width: 1200px;
	margin: 0 auto 32px auto;
	display: flex;
}

.content-wrapper2 {
	max-width: 1200px;
	margin:  0;
	display: flex;
}

.content-left-sidebar,
.content-right-sidebar {
	flex-basis: 20%;
}

.content-well {
	flex-basis: 60%;
	/*max-width: 1200px;*/
	max-width: 720px;
}

.content-area {
	/*padding: 120px 30px 100px 30px;*/
}

header.title-header {
	width: 720px;
    margin: 48px auto 36px auto;
}

header.title-header:after {
  content: "";
  background: #1A2A86;
  position: absolute;
  left: 0;
  width: 80%;
  height: 2px;
   margin-top: 8px;
}

.home header.title-header:after {
	display:none;
}

.entry-content {
	/*margin-top: 110px;*/
	width: 100%;
}

.entry-content:befores {
    content: '';
    position: absolute;
    height: 100%;
    width: 75.2vw;
    top: -37px;
    left: 0;
    background: white;
}

#content {
	/*position: relative;
    top: 80px;*/
}

.post-full {
	margin-bottom: 40px;
}

footer {
	background: #141613;
	color:  #fff;
	padding: 50px 0px 100px 0px;
}

footer a, footer a:hover {
	color:  #fff;
	text-decoration: none;
}

header.site-header {
	width: 100%;
	background: #D6E0F0;
}

header #site-header, #nav-container, .ftr-top, .ftr-bottom {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	max-width: 1200px;
	margin:  1em auto;
	align-content: center;
    align-items: center;
}

#nav-container {
	margin: 0 auto;
}

.ftr-top, .ftr-bottom {
	margin: 0 auto;
	align-items: normal;
}

header#masthead {
	/*position: fixed;*/
	width: 100%;
    z-index:  1;
    transition: .3s ease-in-out;
    height: 190px; /*150,140*/
}

header #site-header {
	margin:  0em auto;
	/*padding-top: 12px;*/
	height: 190px;
	align-items: center;
	transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
}

.home header #site-header {
	/*height: auto;*/
}

header a {
	text-decoration: none;
}

.site-branding {
	font-family: 'Sohne Schmal', Arial;

	font-weight: bold;
	flex-basis: 25%;
	letter-spacing: 0.015em;
}

.site-branding .site-name {
	font-size: 70px;
	line-height: 65px;	
}




/*
header#masthead.sticky-effect #site-header {
    height: 65px;
}

header#masthead.sticky-effect .site-branding {
    line-height: 65px;
    height: 65px;
}

header#masthead.sticky-effect .site-branding img {
    height: 54px;
    margin:  5px 0;
    transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
}

header#masthead.sticky-effect nav li a {
    height: 65px;
    line-height: 110px;
}

header#masthead.sticky-effect .search-widget {
	height: 65px;
    line-height: 90px;
}

.sticky-effect .site-branding {
	font-size: 24px;
}
*/

 .search-widget {
 	height: 100px;
    /*line-height: 120px;*/
 }

nav {
	flex-basis: 75%;
	display: flex;
	align-items: flex-end;
}

nav#site-navigation {
	align-items: normal;
}

nav ul {
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

nav ul#menu-primary > li > ul.sub-menu {
	z-index: 10;
}

nav ul.sub-menu {
	display: none;
	position: absolute;
    /*top: 100px;*/
    top: 100px; /*158*/
    padding: 0;
    /*background: #767880;*/
    background: rgba(0,0,0,.6);
    /*opacity: 0.5;*/
    margin-left: -78px;
    width: 248px;
}

.logged-in nav ul.sub-menu {
	top: 132px;
}

nav#site-navigation .menu-item-has-children:after {
	content: '\f0d7';
    font-weight: 900;
    font-family: "Font Awesome 5 Free", "Font Aweseome 6 Free";
    padding: 0 0 0 6px;
    color: #000;
}

/*
header#masthead.sticky-effect nav ul.sub-menu {
	top: 65px;
}
*/

nav ul.sub-menu.active {
	display: block;
}

/*header#masthead.sticky-effect nav ul.sub-menu li a*/

nav ul.sub-menu li a {
    line-height: 18px;
    height: 18px;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 10px 0;
}

nav li {
	list-style: none;
	padding: 0px 20px;
}

nav li a {
	color: #000;
	/*color: #fff;*/
	font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 0px;
    padding: 18px 0 12px 0;
    display: inline-block;
    /*height: 100px;*/
    line-height: 18px;
}

nav ul.sub-menu li a {
    color: #fff;
}

.fa-search {
	/*color: #000;*/
	color: #000;
	cursor: pointer;
 }

/*.home .site-branding a,*/
.home nav li a,
.home .fa-search,
.home nav li a:hover,
.home .fa-search:hover,
.home nav li.current-menu-item a,
.home nav li.current-menu-parent > a,
.home nav#site-navigation .menu-item-has-children:after,
.home #hamburger,
.home #close-box {
	color: #000;
}

nav li a:hover, .fa-search:hover {
	color: #8d8977;
	text-decoration: none;
}

nav li a:hover {
	border-bottom: 7px solid #FF5700;
}

nav ul.sub-menu li a:hover {
	border-bottom: inherit;
}

nav  ul#menu-primary > li.current-menu-item > a, nav ul#menu-primary > li.current-menu-parent > a {
	/*color: #D2D6DA;*/
	color: #8d8977;
	border-bottom: 7px solid #FF5700;
    /*padding: 12px 0 12px 0;*/
}

nav ul.sub-menu li.current-menu-item > a {
	color: #D2D6DA;
	font-weight: bold;
	border-bottom: none;
}

nav#site-navigation li.current-menu-item.menu-item-has-children:after,
nav#site-navigation li.current-page-ancestor.menu-item-has-children:after {
    color: #D2D6DA;
}

nav ul.sub-menu li a:hover,
nav ul.sub-menu li.current-menu-item a:hover {
	color: #8d8977;
}

nav#utility {
	/*height: 24px;*/
	background-color: #36363C;
	display: block;
	width: 100%;
	padding: 8px 0;
	/*transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;*/
}

nav .logomark {
	width: 16px;
    display: inline-block;
    margin-right: 6px;
}

nav#utility a, nav#utility a:hover {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
}

/*
nav#utility ul {
	display: block;
}
nav#utility ul li,
nav#utility ul li a  {
	display: inline-block;
	height: 24px;
	line-height: 20px;
	color: #fff;
	padding: 0 1.15em;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
nav#utility ul li.active,
nav#utility ul li:hover {
	background-color: #fff;
	color: #8a8a75;
	-moz-border-radius: 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px; 
}
nav#utility ul li a:hover {
		color: #8a8a75;
}
nav#utility.sticky-effect {
	display: none;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;;
}*/

.site-branding a {
	color: #1A2A86;
	/*color: #fff;*/
	display: block;
	margin-bottom: 4px;
}

.site-branding a.sub-title {
	font-size:30px;
	line-height:30px;
}

.site-branding a:hover,
.home.site-branding a.sub-title:hover {
	text-decoration: none;
}

.menu-primary-container {
	width:  100%;
}

.fa-search:before {
	font-size: 18px;
	display: inline-block;
	padding: 18px 20px;
}

.ftr-col {
	width:  33.33%;
}

.ftr-logo {
	font-family: 'Sohne Schmal', Arial;
}

.ftr-logo a {
	display: block;
}

.ftr-logo .site-name {
	font-size: 36px;
	margin-bottom: 2px;
	line-height: 32px;
}

.ftr-logo .sub-title {
	font-size: 20px;
	margin-bottom: 12px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.copyright .disclaimer {
    margin: 1em 4em 1em 0;
}

.copyright, .contact-info {
	font-size: 12px;
	line-height: 1.2;
	font-weight: 400;
}

.contact-info, .ftr-menu {
	font-size: 16px;
}

.return-link {
	text-align: right;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
}

.return-link a, .return-link a:visited {
	color: #333;
}

.return-link:after {
    content: '\f3bf';
    font-weight: 900;
    margin-left: 6px;
    position: relative;
    color: #777;
    top: -4px;
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
}

section.people {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	margin-top: 24px;
}

.people-card {
	flex-basis: 33.33%;
	margin-bottom: 2em;
}

.people-card .card-container {
	width: 220px;
}

.people p.photo {
	margin-bottom: 8px;
}

.people img {
	height: 220px;
	width: 220px;
}

.people .name {
	font-family: 'FinancierDisplay';
	font-size: 22px;
	margin-bottom: 4px;
}

.people .name a {
	text-decoration: none;
}

.people .name a:hover {
	text-decoration: underline;
}

.people .title, .people .org, .people .degree {
	font-family: 'Ginto';
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
}

.people .degree {
	font-size:10px;
	display: inline-block;
	font-weight: 700;
	margin-left: 6px;
}

.people .desc {
	font-size: 15px;
    padding-top: 14px;
    padding-right: 14px;
}

.resources {
	margin-top: 32px;
}

.resources .item {
	margin-bottom: 32px;
}

.resources .item span {
}

.resources .item.pub .title {
	font-weight: bold;
}

.resources .item.link .title {
	display:block;
	font-weight: 500;
	font-size:18px;
}

.resources .item .publication {
	font-style: italic;
}

.resources .item.link .url {
	display:block;
}

#partners {
	margin-bottom:1.5em;
	text-align: center;
}

#partners img {
	height:44px;
	margin:0 12px 12px 0;
}

footer .ftr-menu ul {
	list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

footer .ftr-menu ul li {
	flex-basis: 50%;
	margin-bottom: 1em;
	line-height: 20px;
	font-size: 18px;
}

footer .ftr-menu .sub-menu {
	display:none;
}

.ftr-col.links a {
	letter-spacing: .025em;
	font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    color:  #fff;
}

.ftr-col.links {
	width: 13.33%;
}

footer a:hover {
	text-decoration: underline;
}

footer a.site-name:hover,
footer a.sub-title:hover {
	text-decoration: none;
}

.col2 {
	font-size:15px;
}

.btn {
	fill: #fff;
    color: #fff;
    background-color: #233E99;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 48px;
    color: var(--e-global-color-text);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #233E99;
    border-radius: 0px 0px 0px 0px;
    padding: 5px 20px 5px 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.btn:hover {
	color: #42433B;
	background-color: #24A5A7;
	border-color: #24A5A7;
}

.fa, .fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.fa-arrow-right:before {
    content: "\f061";
    margin-left: 0.5em;
}

.search-form__input {
	display: none;
}

.search-drop-holder {
    position: fixed;
    visibility: hidden;
    opacity: 0.0;
        z-index: 1025;
        top: 0;
        left: 0;
        right: 0;
        padding: 187px 0 108px;
        /*        -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
        transition: opacity 0.3s linear, visibility 0.3s linear;*/
        transition:  1.5s ease-in-out;
        -webkit-transition:  1.5s ease-in-out;
 }
     .search-form, #searchform {
        border-bottom: 0;
        max-width: 1072px;
        margin: 0 auto;
        padding: 0 60px 13px 15px;
            position: relative;
            line-height: 24px;
    }
    #s {
    	border: none;
    	border-bottom: 0;
        max-width: 1072px;
        font-size: 38px;
        line-height: 44px;
        height: 60px;
        font-weight: 400;
    	margin: 0;
    	border: 0;
    	padding: 0;
    	color: #ccc;
    }
    #searchform {
    	margin-bottom:2em;
    	padding-left: 0;
    }
    #searchform-wrapper {
    	margin-bottom:2em;
    }

    .search-drop-holder:after {
        content: '';
        background: #fff;
        box-shadow: 0 0 20px rgba(31, 38, 36, 0.5);
        position: absolute;
        top: 0;
        bottom: 0;
        left: -999px;
        right: -999px;
        z-index: -1;
    }
    .search-form .form-control {
        float: none;
        font-size: 38px;
        line-height: 44px;
        height: 60px;
            font-weight: 400;
    margin: 0;
    border: 0;
    padding: 0;
    }
    .search-form .form-control:focus, #s:focus {
    	outline: none;
    }
    .search-form button[type="submit"], #searchform button[type="submit"] {
        font-size: 20px;
        top: 26px;
        right: 17px;
        pointer-events: none;
        -webkit-transition: color 0.3s linear;
        transition: color 0.3s linear;
            position: absolute;
    color: #1f2624;
    line-height: 1;
    background: none;
    padding: 0;
    border: 0;
    
    }
    .search-form:after, #searchform:after {
        content: '';
        background: #5b666d;
        height: 1px;
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 0;
    }
    #searchform:after {
    	left: 0;
    }
    .search-close, .search-close:hover {
    position: absolute;
    top: -135px;
    right: 16px;
    width: 21px;
    height: 21px;
    color: #b9c4be;
    font-size: 36px;
}
#searchsubmit {
}
#searchsubmit:before {
	content:"\f002";
	    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.icon-search {
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
}
.icon-search:after {
    content: "\f002";
}
    

.logo-text {
	position:absolute;
}

#content {
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 100% 320px;
	padding: 0px 0px 58px 0px;
}

#hero-overlay .content-well, #hero-overlay .content-post-col {
	background:  #fff;
	height:  32px;
	position: relative;
	top: 288px;
	width: 1180px;
}

#hero-overlay .content-pre-col,#hero-overlay .content-post-col  {
	flex-grow:  1;
	width: auto;
}

#hamburger, #close-box {
	display:none;
    flex-basis: 60%;
    text-align: right;
    margin: auto 0;
    color: #000;
}

.fa-bars, #close-box {
	font-size: 32px;
	line-height: 75px;
	transition: .5s ease-in-out;
}

#close-box {
    font-weight: 500;
}

.wp-caption {
	max-width: 100% !important;
	color: #8d8977;
}

.wp-caption-text {
	font-size: 16px;
	line-height: 20px;
}

@media (max-width: 1200px) {
	header #site-header {
	    width: 92%;
	}
	.people-card {
    	flex-basis: 50%;
	}
}

@media (max-width: 640px) {
	#nav-container {
    	width: 90%;
	}
	header.title-header {
		width: 90%
	}

	nav#site-navigation {
		display:none;
		transition: 1s ease-in-out;
		z-index:1000;
	}
	nav#site-navigation.active {
		display: block;
    	position: absolute;
    	top: 176px;
		background: #D6E0F0;
	    margin-left: -20px;
	    width:100%;
	    padding-top: 12px;
	}
	#hamburger {
		display:block;
	}
	nav ul {
		flex-direction: column;
	}
	nav ul.sub-menu {
    	position: inherit;
		background: none;
		margin-left: 0;
		width: 100%;
	}
	nav ul.sub-menu ul.sub-menu {
		left: 12px;
	}
	.fa-search,
	.search-form a,
	nav#site-navigation .menu-item-has-children.active:after {
		display:none;
	}
	.home .fas {
		color: #000;
	}
	.home .search-form:after {
    	background: #fff;
	}
	.site-branding {
	    font-size: 48px;
    	line-height: 48px;
    	flex-basis: 40%;
	}
	.site-branding a.sub-title {
    	font-size: 16px;
    	line-height: 16px;
	}
	.search-drop-holder {
    	position: inherit;
    	visibility: visible;
    	opacity: 1.0;
    	z-index: 1;
    	top: 0;
    	padding:0;
    	padding-left: 46px;
	}
	.search-form .form-control {
		font-size: 20px;
   	 	line-height: 20px;
   	 	height: 32px;
    	margin-top:20px;
    	width: 100%;
    	padding-left: 6px;
	}
	#s {
		width:90%;
	}
	.search-form button[type="submit"] {
		top:20px;
	}
	.search-drop-holder:after {
		display: none;
	}
	.content-left-sidebar,
	.content-right-sidebar {
		display: none;
	}
	.content-well {
		flex-basis: 90%;
		margin: 0 auto;
		word-break: break-word;
	}
	.wp-caption {
		width: 100% !important;
	}
	section.people {
		display: block;
		text-align: center;
	}

	.people-card {
		margin-top: 2em;
		width: 100%;
	}
	.people p.photo {
		margin-bottom: 0;
	}
	footer {
	}
	.ftr-top, .ftr-bottom {
		display: block;
	}
	.ftr-col {
		display: block;
		width: 90%;
		margin: 0 auto 36px auto;
		padding: 0;
	}
	.home nav#site-navigation .menu-item-has-children:after,
	nav#site-navigation .menu-item-has-children:after,
	.home nav li a,
	nav li a,
	nav ul.sub-menu li a {
    	color: #333;
	}
	nav ul#menu-primary > li.current-menu-item > a, nav ul#menu-primary > li.current-menu-parent > a {
    	color: #8d8977;
	}
	.people-card .card-container {
    	margin: 0 auto;
	}


}