/* AgriLife branding styles - EButton - updated 1-13-22 
---------------------------------------------------------------------------- */

/* Typography
--------------------------------------------- */


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Oswald", Arial, sans-serif !important;
	font-weight: 400 !important;
	line-height: 1.2;
	margin: 0 0 10px;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h2.icon-heading, h3.icon-heading {
	text-transform: uppercase;
}

h4 {
	font-size: 20px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-bottom: 20px;
	margin-top: 40px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Icons */
.home-icon {
    font-size: 4rem;
    margin-bottom: 0;
    line-height: 5rem;
}

/* Buttons and links */
.gb-button, .wp-block-button .wp-block-button__link {
	border-radius: 0 !important;
}
.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .toggle-header-search:focus,
.genesis-nav-menu .toggle-header-search:hover {
	color: #27a9e1;
	text-decoration: underline; /*added for accessibility EB 10-29-2021 */
}

.site-container .gb-button, .site-container .gb-button-rounded, .site-container .wp-block-button .wp-block-button__link {
	font-family: "Open Sans", sans-serif !important;
    background-color: #500000 !important;
	text-transform: uppercase;
    font-weight: 400 !important;
}

.home .site-container .gb-button:hover, .wp-block-button .wp-block-button__link:hover {
	background-color: #e4002b !important;
    box-shadow: none !important;
}

.home .gb-layout-hero-1 p a:hover {
	text-decoration: underline;
	color: #27a9e1;
}



/* Alignment, Spacing, etc */
.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;
}

.full-width-content .content {
	width: 850px
}
.wp-block-cover {
	margin-bottom: 5rem;
}
hr.wp-block-separator {
	display: none;
}
/* just say no to the weird line under each page title! EB */
.entry-header::after {
/*	border-bottom: 1px solid #000; */
	content: "";
	display: block;
	margin-bottom: 40px;
/*	padding-bottom: 40px; */
/*	width: 2.5%; */
}

/* Offest Feature Row */
/* To use this row, put the "offset feature row" class on the row container block and "offset feature content" class on the internal columns set. */

.offset-feature-row {
		border-bottom: 20px solid #500000;
        padding-left: 10%;
    padding-right: 10%;
}
.offset-feature-row .gb-layout-column-wrap {
    margin-bottom: 2rem;
}

.offset-feature-row::after {
	position: absolute;
	content:"";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	background-color: #500000;
	z-index: -10;
}
.offset-feature-content {
	background-color: #fff;
	padding-left: 1.5rem;
	border-left: 3px solid #E4002B;
    margin-bottom: 2rem;
}
.offset-feature-content h3 {
	margin-top: 10px !important;
}
.offset-feature-content p {
	margin-bottom: 15px;
	margin-top: 15px;
}



/* Before footer CTA and Footer Links */

/* Add the following to the Before Footer CTA widget as an HTML block: 
<div id="member-wrap" class="wp-block-columns">
<div id="a-bg"></div>
<div id="member-agrilife" class="wp-block-column">
<p class="member-text">A member of<br /><a href="https://agrilife.tamu.edu/"><span class="member-brand">Texas A&amp;M AgriLife</span></a></p>
</div>
<div id="member-list" class="wp-block-column">
<p><a href="https://agrilifeextension.tamu.edu/">Texas A&amp;M AgriLife Extension Service</a> | <a href="https://agriliferesearch.tamu.edu/">Texas A&amp;M AgriLife Research</a> | <a href="https://tfsweb.tamu.edu/">Texas A&amp;M Forest Service</a> | <a href="https://tvmdl.tamu.edu/">Texas A&amp;M AgriLife Veterinary Medical Diagnostic Lab</a> | <a href="https://aglifesciences.tamu.edu/">College of Agriculture &amp; Life Sciences</a></p>
</div>
</div>
*/

.before-footer-cta {
	background: #500000 !important;  
	line-height: 1.5 !important;
    text-align: left !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.before-footer-cta a {
	border: none;
}
#member-wrap {
    margin-top: 30px;
}
#a-bg {
    background: url(/wp-content/themes/monochrome-agrilife/images/agrilife-a-footer.png);
    background-repeat: no-repeat;
    content: "";
    background-size: contain;
	background-position: left top;
    display: block;
    position: absolute;
    width: 225px;
    height: 125px;
    z-index: 0;
    opacity: 0.2;
    margin-top: -1.75rem;
}
#member-agrilife {
    flex-basis: 18%;
    border-right: 1px solid rgba(255, 255, 255, .5);
}
#member-agrilife .member-text {
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #eaeaea;
	letter-spacing: 1px;
	font-weight: 300;
}
#member-agrilife .member-text a:hover {
	text-decoration: underline;
}

#member-agrilife .member-brand {
	font-weight: 500;
    color: #fff;
}
#member-list {
    flex-basis: 80%;
	border-left: 1px solid rgba(255, 255, 255, .5);
    padding-left: 2rem;
	margin-left: 0;
}
#member-list p {
    font-size: 1rem;
	padding-top: 5px;
}
.site-footer {
    background-color: #410000 !important;
    text-align: left !important;
}
.site-footer .wrap {
    max-width: 1200px;
    margin: 0 auto;
}
.site-footer p {
	line-height: 1rem;
}


/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1280px) {

	.before-footer-cta .wrap,
	.site-inner {
		max-width: 960px;
	}

/* made this toggle bigger since it appears at a larger breakpoint EB 10-29-2021 */
	.menu-toggle {
		float: right;
		font-size: 1.25rem;
		font-weight: 400;
		line-height: auto;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		z-index: 1000;
		width: 15%;
    	height: 100%;
    	padding-top: 2.5rem;
	}

	#member-agrilife {
    margin-left: 0;
    flex-basis: 23%
	}

}

@media only screen and (max-width: 1023px) {

	.before-footer-cta .wrap,
	.site-inner {
		max-width: 720px;
	}
	#a-bg {
		width: 125px;
    	height: 140px;
		background-position: center;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background: url(/wp-content/themes/monochrome-agrilife/images/agrilife-a-white.png);
	} 
	  .full-width-content .content {
        width: 100%;
    }
	
    .columns-above::after {
        display: none;
    }
    .columns-above {
        padding-left: 0;
        padding-right: 0;
        border-bottom: none !important;
    }
}
.site-footer {
    background-color: #410000;
    bottom: 0;
    font-size: 13px;
    line-height: 1;
    padding-bottom: 40px;
    padding-top: 40px;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: -99;
}


@media only screen and (max-width: 782px) {

	.before-footer-cta .wrap,
	.site-inner {
		max-width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	#member-list {
		flex-basis: 100% !important;
		text-align: center;
		margin-top: 2rem;
		border: none !important;
		padding-left: 0;
	}
	#member-agrilife {
		flex-basis: 100% !important;
		text-align: center;
		border: none;
	}
	#a-bg {
		width: 90% !important;
		background-position: center !important;
		background-size: contain;
		background-repeat: no-repeat;
		background: url(/wp-content/themes/monochrome-agrilife/images/agrilife-a-white.png);
	}
	.site-footer .wrap {
		width: 90%;
		text-align: center;
	}

}