/* Borlaug Institute styles - EButton - updated May 2022 
---------------------------------------------------------------------------- */
/* Kill Parallax */
.admin-bar .site-header {
    top: 0; 
}
header.site-header {
    position: relative;
}
.site-container {
    margin-bottom: 0 !important;
    z-index: 0;
}
.site-inner {
    z-index: 0;
}
.site-footer {
    position: relative;
    z-index: 0 !important;
}



/* Typography
--------------------------------------------- */
h1.archive-title {
    font-size: 36px;
    text-transform: none;
}
h2.entry-title {
    font-size: 30px;
}
p {
    max-width: 900px;
}

/* SR only */
.sr-only {
    display: none;
}

/* Header and logo spacing */
.wp-custom-logo .title-area {
    min-height: 71px;
    min-width: 400px;
    max-height: 82px;
    max-width: 450px;
    margin-top: 0 !important;
    height: auto !important;
}
.site-header .custom-logo-link .custom-logo {
    height: auto !important;
}
.site-header {
    box-shadow: 0px 0px 15px 0px rgb(112 112 112 / 35%);
}

.site-header .nav-primary {
	margin-top: 15px;
}

/* make the main center column of page content wider */

.full-width-content #genesis-content .alignwide {
    max-width: 1200px;
    width: auto;
}
.landing-page .site-inner {
    max-width: 1200px !important;
}
.tax-region main, .tax-sector main {
    width: 80vw !important;
}

.post-type-archive-people .content, .post-type-archive-seminar .content, .tax-types .content, .single-project .content, .page-id-33 .content, .page-id-441 .content, .page-id-2649 .content {
	min-width: 80vw !important;
}
.page-id-40 .content {
    min-width: 70vw;
}

/* Make the space at the top of each page uniform */
.site-inner {
    margin-top: 3rem !important;
}
.genesis-title-hidden .site-inner {
    margin-top: 0 !important;
}

/* Search 
#inner-search-button {
    width: 10%;
    margin-top: 2rem;
    border: 1px solid;
    height: 50%;
    padding: 0.5rem;
    border-radius: 10px;
    text-align: center;
}
*/

/* Links */
p a {
    color: #067ed4;
	text-decoration: underline;
}
p a:hover, p a:focus, p a:active {
    color: #27a9e1;
    text-decoration: underline !important;
}
.site-footer a {
    text-decoration: none;
}
.before-footer-cta a {
    text-decoration: none;
}
#member-agrilife .member-brand {
    cursor: pointer;
}

/* Gallery */
#project-image-gallery {
    background-color: #f6f6f6;
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 10%;
    padding-right: 10%;
}
#project-image-gallery .wp-block-gallery .wp-block-image {
    max-width: 300px !important;
    width: 90% !important;
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
    display: inline-flex;
}

.fancybox__slide {
    padding-top: 10rem !important;
}


/* Branding for button hover states */
.gb-button, .ab-button, .wp-block-button__link, .uagb-post__cta {
	box-shadow: none;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400;
    padding: 15px !important;
    line-height: 1.25rem;
	border-radius: 0 !important;
	text-decoration: none;
	background-color: #500000;
}
.button:hover, .gb-button:hover, .ab-button:hover, .wp-block-button__link:hover, .uagb-post-grid .uagb-post__cta a:hover {
	box-shadow: none !important;
	text-decoration: underline;
    color: #fff !important;
	background-color: #e4002b !important;
}

/* Homepage */
#home-cover .gb-button {
    font-size: 1rem;
}
.sector-icons-top, .sector-icons-bottom {
     background-color: #f6f6f6;
}
.sector-icons-top .gb-layout-column-wrap {
    width: 80vw;
    margin-left: 10vw;
    margin-right: 10vw;
    padding-top: 3rem;
    padding-bottom: 0;
}
.sector-icons-bottom .gb-layout-column-wrap {
    width: 60vw;
    margin-left: 20vw;
    margin-right: 20vw;

}
.sector-icons-top .no-padding a, .sector-icons-bottom .no-padding a {
    padding-left: 0;
    padding-right: 0;
}
.sector-icons-top .wp-block-image, .sector-icons-bottom .wp-block-image {
    margin-bottom: .5rem;
}
.sector-icons-top p, .sector-icons-bottom p {
    line-height: 1.5rem;
}
.sector-icons-top p a, .sector-icons-bottom p a {
   /* color: #000; */
    text-decoration: none;
    font-weight: 600;
    padding: .5rem;
    display: block;
}


/*.home-icons p a:hover {
    background-color: #f6f6f6;
}*/


.offset-feature-row .offset-feature-content {
    padding-right: 1rem;
    padding-left: 1rem !important;
}
.offset-feature-row h2 {
    margin-top: 0;
}
#home-map .map_wrapper, #projects-map .map_wrapper {
    margin-top: -3rem;
}
#home-map-buttons .wp-block-button {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
#home-map-buttons .wp-block-button__link {
    width: 100%;
}
#latin-america-button a {
    background-color: #005480;
}
#latin-america-button a:hover {
    background-color: #067ED4 !important;
}
#asia-button a {
    background-color: #707070;
}
#asia-button a:hover {
    background-color: #8C8C8C !important;
}
#me-africa-button a {
    background-color: #500000;
}
#me-africa-button a:hover {
    background-color: #9C2F2F !important;
}
#global-button a {
    background-color: #E0E0E0;
    color: #000;
}
#global-button a:hover {
    background-color: #C9C9C9 !important;
    color: #000 !important;
}
.borlaug-bio h2 {
    margin-top: 0;
}

/* About page */
.guiding-principles .gb-layout-column-wrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.guiding-principles h2, .partnership h2, .programs h2 {
    margin-top: 0;
}
#ag-zones figure {
    margin-top: 3rem;
}
#texas-climate-map {
    margin-left: 0;
}
#map-legend .wp-block-column {
    margin: 0;
}
#map-legend .map-legend-color {
    width: 75%;
    height: 25%;
    margin-left: auto;
    margin-right: auto;
}
#map-legend .maroon {
    background-color: #500000;
}
#map-legend .red {
    background-color: #E4002B;
}
#map-legend .pink {
    background-color: #F69494;
}
#map-legend .navy {
    background-color: #005480;
}
#map-legend .blue {
    background-color: #067ED4;
}
#map-legend p {
    text-align: center;
    font-size: 1rem;
}
.world-map .gb-block-layout-column {
    text-align: center;
}
.world-map img {
    width: 100%;
}

/* Contact */
.contact-columns {
    margin-bottom: 0 !important;
}

/* Projects */
#projects-by-region h2 {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
#projects-by-sector h2 {
    margin-top: 4rem;
    margin-bottom: 0;
    text-align: center;
}
#projects-map {
    margin-bottom: 0;
}
#region-buttons-inner .wp-block-buttons {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
#region-buttons-inner .wp-block-buttons .wp-block-button {
    min-width: 20%;
}
#region-buttons-inner .wp-block-buttons .wp-block-button .wp-block-button__link {
    width: 100%;
}

/* Custom post type pages */
.archive .site-inner {
    margin-top: 3rem;
}
.archive #current-projects {
    margin-top: 3rem;
}
.archive #past-projects, .archive #region-team {
    margin-top: 4rem;
}
.news-card, #past-projects .project-card {
    min-width: 31%;
    max-width: 32%;
}
#current-projects .project-card, #region-team .region-person {
    min-width: 48%;
    max-width: 49%;
}
.news-card, .project-card, .region-person {
    background-color: #f6f6f6;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(112,112,112,0.75);
    box-shadow: 0px 4px 15px 0px rgb(112 112 112 / 35%);
    }
.news-card .card-content, .project-card .card-content {
    padding-top: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
}
#current-projects .project-card .short-project-description {
    line-height: 1.75rem;
    margin-top: 1rem;
}
.news-outlet, .project-country {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    color: #707070;
    margin-left: 1.65rem;
    margin-bottom: 0;
    line-height: 1.25rem;
}
.news-outlet, #past-projects .project-country {
    margin-top: .5rem;
}
.news-card-article-title, .project-card-title {
    margin-top: 1rem !important;
    font-size: 1.35rem;
}
.news-article-link {
	text-align: right;
}
.news-card:not(:first-child), #past-projects .project-card:not(:first-child), #region-team .region-person:not(:first-child), #current-projects .project-card:not(:first-child) {
    margin-left: 2rem;
}
.project-card-dates, .news-article-link {
    margin-bottom: 0;
    font-size: .95rem;
}

.project-card .project-country:before {
  content:'';
  position: absolute;
  margin-left: -1.65rem;
  width: 20px;
  height: 20px;
  background: url('/wp-content/plugins/borlaug-institute/icons/streamline-icon-pin.SVG') no-repeat 50% 50%;
}
.news-card .news-outlet:before {
  content:'';
  position: absolute;
  margin-left: -1.65rem;
  width: 20px;
  height: 20px;
  background: url('/wp-content/plugins/borlaug-institute/icons/streamline-icon-wifi-signal-2.SVG') no-repeat 50% 50%;
}
.region-person {
    padding: 1.5rem;
}
.region-person p {
    margin-bottom: 0!important;
}
.type-project .entry-header, .type-seminar .entry-header {
	text-align: left !important;
}
/*.type-post .entry-meta, */.type-project .entry-meta, .type-seminar .entry-meta {
    display: none;
}
.type-project .entry-content h2 {
	margin-top: 20px;
}
#project-description {
	max-width: 75%;
}
#project-facts-sidebar {
	right: 0;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 225px;
    max-width: 230px;
    margin-right: -4rem;
	margin-top: 1.75rem;
}
#project-facts-sidebar a:hover {
    text-decoration: underline;
    color: #27a9e1;
}
#project-facts-sidebar .project-facts-header {
	background-color: #d1d1d1;
    padding-left: 1rem;
    padding-top: 1rem;
}
#project-facts-sidebar .project-facts-header h2 {
	margin: 0;
    padding-bottom: 1rem;
    text-transform: uppercase;
    font-size: 1.25rem;
}
#project-facts-sidebar .project-facts-content, #project-facts-sidebar .project-sidebar-links {
	padding: 1rem;
    font-size: 1rem;
}
#project-facts-sidebar .project-facts-data, #project-facts-sidebar .project-link-list {
	padding-left: 0;
	line-height: 1.5rem;
    font-size: .95rem;
}
#project-facts-sidebar .project-facts-data {
    margin-bottom: .5rem;
}
#project-facts-sidebar .project-facts-data li, #project-facts-sidebar .project-link-list li {
	list-style-type: none;
    padding-bottom: .5rem;
}
#project-facts-sidebar .label {
	text-transform: uppercase;
	font-weight: 800;
}
#project-facts-sidebar img {
    margin-bottom: 1rem;
}

#project-facts-sidebar #sector-list {
    margin-bottom: 0!important;
}
#project-facts-sidebar #location-list {
    margin-bottom: 1rem !important;
}
#seminar-date-container {
    background-color: #f6f6f6;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 1rem;
}
#seminar-date {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
#seminar-header {
    margin-top: 3rem;
}
#seminar-header .speaker-name, #speakers .speaker-name {
    margin-bottom: 5px;
    margin-top: 0;
}
#seminar-header .speaker-title, #speakers .speaker-title {
    font-size: 1.5rem;
    font-weight: 200 !important;
    margin-top: 0;
}
#seminar-header .seminar-timeloc {
    font-size: 1.25rem;
    font-weight: 200;
}
#seminar-date h2 {
    margin-top: 0;
}

#register .wp-block-button {
    width: 40%;
}
#register .wp-block-button__link {
    width: 100%;
    font-size: inherit;
}
#speakers .speaker-header {
    margin-bottom: 0;
}

#speakers .speaker-image {
    max-width: 25%;
    margin-right: .5rem;
}
#seminar-block {
    margin-top: 1rem;
}
#seminar-block img {
    max-width: 164px;
    max-height: 164px;
}
#seminar-block h3 {
    margin-top: 0;
    margin-bottom: 0.25rem;
}
#seminar-block .custom-field-date {
    font-weight: 600;
    margin-bottom: 0;
}
#upcoming-seminars .seminar-speaker, #upcoming-seminars .seminar-date {
    margin-bottom: 0;
}
#past-seminars .seminar-speaker {
    margin-bottom: 0;
}
#upcoming-seminars .upcoming-seminar-title{
    margin-top: 2rem;
    margin-bottom: 1rem;
}
#past-seminars .past-seminar-title {
    margin-top: 4rem;
    margin-bottom: 1rem;
}
#upcoming-seminars .seminar-details, #past-seminars .seminar-details {
    margin-top: 2rem;
}
#upcoming-seminars .speaker-image {
    max-width: 20%;
}
#upcoming-seminars .seminar-text {
    margin-left: 1rem;
}
#seminar-pagination {
    margin-top: 3rem;
}
#seminar-pagination .wp-block-column:last-child {
    text-align: right;
}
/*
#seminar-pagination .wp-block-column:last-child a:after {
    content: '';
    position: absolute;
    margin-left: -1.65rem; 
    width: 20px;
    height: 20px;
    background: url(/wp-content/plugins/borlaug-institute/icons/streamline-double-right.svg) no-repeat 50% 50%;
}
*/

#blog-posts {
    margin-top: 3rem;
}
#blog-posts .blog-post {
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 2rem;
}
#blog-posts .blog-date-author {
    margin-bottom: 0;
    font-style: italic;
    font-size: 1.25rem;
}
#blog-posts .blog-head {
    margin-bottom: 1rem;
}
#blog-posts .blog-excerpt{
    min-width: 75%;
}

#region-buttons-inner .region-buttons-col .wp-block-buttons, #region-buttons-inner .region-buttons-col .wp-block-buttons .wp-block-button, #region-buttons-inner .region-buttons-col .wp-block-buttons a {
    width: 100%;
}

/* Social buttons in After Content widget */
.after-content-widget {
    text-align: center;
}





/* Media Queries */


@media only screen and (min-width: 1280px) {
    .home .content {
        min-width: 850px !important;
    }

}
@media only screen and (max-width: 1280px) {
    #home-map-container {
        text-align: center;
        flex-wrap: wrap;
        margin-bottom: 4rem;
    }
    #home-map, #home-map-buttons, #ag-zones-content, #texas-climate-map {
        flex-basis: 100% !important;
    }
    #home-map-buttons h3 {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 1023px) {
    .full-width-content #genesis-content .alignwide {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .offset-feature-row::after {
        top: 20%;
        height: 80%;
    }
	#home-map-buttons {
        margin-left: 2rem; 
        margin-right: 2rem;
    }
    .mission-row .gb-layout-column-wrap, .ag-zones {
        display: block;
    }
        #texas-climate-map figure {
        margin-top: 0;
    }
    #texas-climate-map img {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }

}


@media only screen and (max-width: 782px) {
    .offset-feature-row .gb-layout-column-wrap {
        display: block;
    }
    .offset-feature-row .offset-feature-content {
        margin-bottom: 0rem;
        padding-bottom: 1rem;
    }
    #current-projects .project-card {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    #current-projects .project-card, #region-team .region-person {
    min-width: 48%;
    max-width: 90%;
    }
    .people-listing-item .people-container .people-image {
        display: none;
    }
    .people-head {
        padding-left: 0 !important;
    }
    #project-facts-sidebar {
        position: relative;
        background-color: #f6f6f6;
        min-width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-top: 1.75rem;
    }
    #project-facts-sidebar img {
        display: none;
    }
    #project-facts-sidebar #region-list {
        margin-bottom: 0;
    }
    .news-card:not(:first-child), #past-projects .project-card:not(:first-child), #region-team .region-person:not(:first-child), #current-projects .project-card:not(:first-child) {
    margin-left: 0;
    }
    #region-team .region-person, .project-card, #related-news .news-card {
        margin-top: 1rem;
    }

}


@media (min-width: 782px) {
    #region-buttons-inner .wp-block-column:not(:first-child) {
        margin-left: var(--wp--style--block-gap,1em);
    }
}

@media only screen and (max-width: 600px) {
    .wp-custom-logo .title-area {
    min-height: 71px;
    min-width: 90%;
    max-height: 82px;
    max-width: 100%;
    margin-top: 0 !important;
    height: auto !important;
}

    #current-projects .project-card-list .wp-block-columns, #past-projects .project-card-list .project-card {
        display: block;
    }
    #current-projects .project-card-list .project-card, #past-projects .project-card-list .project-card, .news-card {
        min-width: 100% !important;
    }
    #region-team .region-people-list {
        margin-bottom: 0;
    }

    .people-listing-item .people-container .people-head {
        padding-left: 0;
    }
    .type-people img {
        width:  50%;
    }
    #content .people-person-details dt.name, #content-wrap .people-person-details dt.name, .content .people-person-details dt.name {
        display: block !important;
    }
    #upcoming-seminars .speaker-image {
        display: none;
    }
    #upcoming-seminars .seminar-text {
        margin-left: 0;
    }
    .offset-feature-row img {
        width: 100%;
    }
    .guiding-principles .gb-layout-column-wrap {
        width: 100%;
    }
}