/*
 * Theme Name: SGN
 * Template: multisite-sgn
 * Author: Jebeze Alexander
 * Description: Child theme of multisite-parent for Sandplain Grassland Network
 * Version: 1.0
 */


.site-main .entry-content a, .site-main .entry-content a:visited {
	color: #233e99;
}

.site-main .entry-content a:hover,
summary:hover::after {
	color: #04803a;
}

nav li a, .fa-search {
	/*color: #24A5A7;*/
}

nav#utility {
	background-color: #c4e4fd;
	padding: 0;
}

#nav-container {
	justify-content: flex-end;
}

#nav-container .site-link {
	background-color: #04803a;
	padding: 8px;
}

#nav-container .site-link:hover {
	color: #c4e4fd;
}

.site-branding img {
	max-height: 112px;
}

.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,
.fa-search,
nav li a,
.fa-search,
nav li a:hover,
.fa-search:hover,
nav li.current-menu-item a,
nav li.current-menu-parent > a,
nav#site-navigation .menu-item-has-children:after,
#hamburger,
#close-box {
	color: #fff;
}

nav ul#menu-primary > li.current-menu-item > a, 
nav ul#menu-primary > li.current-menu-parent > a,
nav li a:hover {
    color: #fff; 
    border-bottom: 7px solid #04803a;
}

nav ul.sub-menu {
    top: 128px;
    background: rgba(196,228,253,.99); /*#c4e4fd;*/
    padding-top: 8px;
}
.logged-in nav ul.sub-menu {
    top: 160px;
}

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

nav ul.sub-menu li a:hover,
nav ul.sub-menu li.current-menu-item a:hover,
nav ul.sub-menu li.current-menu-item > a {
	color:#233e99;
}

nav ul.sub-menu ul.sub-menu {
	position: relative;
	top: 0;
	left: 12px;
	background: none;
}

nav#site-navigation  ul.sub-menu .menu-item-has-children:after {
    content: '';
    display: none;
}

header#masthead {
    background-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.70) 175px), url(https://combb.woodwellclimate.org/wp-content/uploads/sites/2/2024/10/HomePageBuzzardsBay.jpg);
}

.breadcrumbs, .breadcrumbs a {
	color: #04803a;
	font-weight: bold;
	margin-left: 2px;
}

footer {
    background: #1e541f;
}

.fa-search:before {
    padding: 18px 0 18px 20px;
}

.partner-logos {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
    align-items: center;
    row-gap: 1em;
}

.resources .item {
	overflow-wrap: break-word;
}

.blog .content-well #main {
	display: flex;
	flex-wrap: wrap;
	margin-top:14px;
}

.blog .content-well #main .post-full {
	flex: 50%;
}

.blog .content-well #main .post-full article {
	display: flex;
}

.blog .content-well #main .post-full h2 {
	padding-right: 6px;
    margin: 10px 0 0 0;
    font: 400 28px / 1.21 "FinancierText", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.blog .content-well #main .post-full .date {
	margin: 10px 0 0 0;
	color: rgba(31, 38, 36, 0.6);
    font: 700 14px / 1.3 "Gemeli Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.blog .content-well #main .post-full img {
	width: 350px !important;
    height: 240px !important;
}

.two-column-layout {
	display: flex;
	gap: 1em;
}

.col1, .col2 {
	width: 50%;
}

.col1 img, .col2 img,
.col1 .wp-caption, .col2 .wp-caption {
	width: 100% !important;
	height: auto;
}

.pdf {
	display: block;
	margin-top: 1em;
	font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
}

.nf-form-fields-required {
	margin: 1.6em 0;
}

.field-wrap>div input, .field-wrap select {
    min-height: 2.4em;
}


/* accordion */
.wp-block-details {
	    border-top: 1px solid #1f2624;
        border-bottom: 0;
        padding: 29px 0 8px 29px;
        margin: 0;
}
summary {
    position: relative;
    font: 900 32px / 36px "FinancierDisplay", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin: 0;
    padding: 0 0 21px;
}
summary::marker {
    content: '';
}
summary::after {
    content: 'Read More \00A0\00A0\2228';
    color: #000;    
    letter-spacing: 0.71px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 6px;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear;
    position: absolute;
    right: 0;
    margin-top: 12px;
    font-family: "Ginto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 10px;
    font-weight: 900;
}

.wp-block-details[open] summary::after {
    content: 'Read Less \00A0\00A0\2227';
}

.bio-outer {
    display: none;
 	justify-content: center; /* Centers horizontally */
  	align-items: center;  
	position: fixed; /* Sit on top of the page content */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.bio-inner {
    position: relative;
    border: 3px solid #333;
    padding: 1em;
    z-index: 1000;
    background: #fff;
    width: 60%;
    /*transform: translate(0%, 20%);
    height: 60%;
    margin:0 auto;*/
}

.bio-outer.open {
	display: flex;
}

.bio-close {
    float: right;
    margin: 0 0 1em 1em;
    border: 1px solid #000;
    padding: 2px 6px 3px 6px;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    font-family: arial;
    border-radius: 12px;
    cursor: pointer;
}

.card-container {
	cursor: pointer;
}

[class^="icon-"].fas {
     font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important; /*overwrites acf accordion stylesheet and reaffirms parent style*/
}

.pager {
	width: 100%;
    text-align: center;
    color: #242e3a;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.26;
}

.pager .next,
.pager .prev {
	text-transform: uppercase;
	margin: 0 1em;
	display: inline-block;
}


.card-container {
	cursor: pointer;
}

.people-card:hover .name {
	color: #1342bb;
	/*text-decoration: underline;*/
}

.people-card:hover img {
	
   /*-webkit-box-shadow: 5px 5px 15px 1px #1342bb; 
	box-shadow: 5px 5px 15px 1px #1342bb;*/
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(19,66,187,65) 0%);
   -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(19,66,187,0.65) 0%);
   	/*border: 2px solid #1342bb;
   	width: 216px;
   	height: 216px;*/

}

.cta strong {
  font-size: inherit;
  margin-bottom: 12px;
  display: inline-block;
}

.cta {
    padding: 0.5em 1.5em 0 1.5em;
    border: 3px solid #1e541f;
    border-radius: 4px;
    background: #ebf6ff;
    color: #1f2624;
    margin: 1em 0;
}

.cta-body { /* add to.  should be same as default p in parent */
	font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    /* default below for parent p, not necessary to include when moving to parent */
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}


@media (max-width: 640px) {
	summary {
	    font: 900 26px / 30px "FinancierDisplay", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	}
	.wp-block-details {
    	padding-left: 4px;
	}
	.bio-inner {
    	width: 84%;
	}
	.bio-inner p {
		font-size: 14px;
		text-align: left;
	}
	.post-58 table td {
		float: left;
	}
	.blog .content-well #main .post-full {
    	flex: 100%;
	}
	.blog .content-well #main .post-full article {
    	display: block;
	}
	.blog .content-well #main .post-full img {
    	width: 100% !important;
	}
}