@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,500,600,700');

body {overflow-x:hidden; background-color:#FFF; font-family:'Open sans', sans-serif;}

* {margin:0; padding:0;}

* {
  overflow-wrap: break-word;  word-wrap: break-word;
  -ms-word-break: break-all;  word-break: break-all;  word-break: break-word;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
/******************************************Global Setting**********************************************/
label.sr-only {display:none;}
span.sr-only {display:none;}

/*.clear {clear: both;}*/
a#skiptocontent {
    position: absolute;
    left: 0;
    top: -95px;
    transition: all .2s;
    background-color: #0c63ae;
    color: #fff;
    padding: 10px 15px 14px 15px;
    font-size: 16px;
}
a#skiptocontent:focus {
    top: 0;
    z-index: 2000;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.display-flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

a:link, a:visited {
  color:#0c63ae;
  text-decoration:underline;
  transition: 0.4s all
}
a:hover, a:active, a:focus, a.navhighlight {
  color:#03a8e5;
}
footer a:link, footer a:visited {
  color: #fff;
}
header a,
.link-box a {
  text-decoration: none !important;
}

/*Header*/
header {display:block;}
nav.sign_log ul {
padding: 0;
margin: 0;
}
nav.sign_log ul li {
list-style-type: none;
display: inline-block;
}
nav.sign_log {
text-align: right;
}
nav.sign_log a {
color:#051a3a;
font-weight: 400;
transition: 0.4s all;
padding: .5rem; 
margin-top: .5rem;
display: inline-block;
}
nav.sign_log a:hover {
color:#03a8e5;
}
nav.sign_log ul {
margin-right: -.5rem;
}
nav.sign_log a.fa-icon::before {
padding-right: 5px;
}
.fa-icon::before {
font-family: FontAwesome;
}
nav.mainnav {
overflow:hidden; float:right;
margin: 0 -1rem .5rem 0;
}
/* REMOVE other nav.mainnav a  styles*/
nav.mainnav a {
text-transform: uppercase;
padding: 1rem;
display: inline-block;
font-size: 1.2rem;
color: #051a3a;
letter-spacing: .4px;
}
nav.mainnav a:hover {color:#B70003;}
nav.mainnav.active a {color:#B70003;}
nav.mainnav a.navhighlight  {color:#B70003;}

.mobiles {display:none;}


#wrap {width:1200px; margin:0 auto;}
.wrapper {max-width: 1080px; margin:0 auto;}

.spacepad {padding:30px 0;}

.subpage {margin-top: calc(7vh + 5px); margin-bottom: calc(7vh + 5px);}
.landing {margin-top: calc(7vh + 5px); margin-bottom: calc(7vh + 5px);}

.subpage ul {margin:0rem 0.5rem 1.7rem 3rem;}
.subpage ul.nolist {list-style-type:none;}
.subpage ol {margin:0rem 0.5rem 1.7rem 3rem;}
.subpage li {font-size:1.1rem; line-height:1.6rem; font-weight:400;}
.subpage p {font-size:1.1rem; line-height:1.6rem; font-weight:400; margin:0rem 0.5rem 1.7rem 1rem;}
.subpage p.br {margin:0rem 0.5rem 0.1rem 1rem;}
.subpage p.dent {margin:0rem 0.5rem 1.7rem 2rem;}
.subpage p.small {font-size:0.9rem; line-height:1.3rem;}

.subpage h3 {font-size:3.3rem; line-height:3.5rem; margin:0 0 2rem 0; font-weight:400; text-align:center;}
.subpage h4 {font-size:2.3rem; line-height:2.5rem; margin:0.2rem 0.5rem 0.5rem 1rem; font-weight:400;}
.subpage h5 {font-size:1.8rem; line-height:2.0rem; margin:0.2rem 0.5rem 0.5rem 1rem; font-weight:400;}
.subpage h5 strong  { font-weight:800; }
.subpage h6 {font-size:1.4rem; line-height:1.6rem; margin:0.2rem 0.5rem 0.5rem 1rem; font-weight:400;}

.subpage h4.small {font-size:2.0rem; line-height:2.1rem;}
.subpage h5.small {font-size:1.5rem; line-height:1.6rem;}
.subpage h6.small {font-size:1.28rem; line-height:1.38rem;}

.center {margin:1rem 0; text-align:center;}
.date {font-size:1.45rem; line-height:1.9rem; margin:1rem 1rem 1.5rem 3rem;} /*teacher/pro, conference*/
.largep {font-size:1.45rem !important; line-height:1.9rem !important;}
.due {color:#D60003; font-size:1.25rem; line-height:1.35rem; margin:0.2rem 0.5rem 0.5rem 1rem; font-weight:400;}

strong {font-weight:800;}
em, i {font-style:italic;}

img {display:block; margin:0px; max-width:100%; height:auto;}
	a img {border:none;}

hr {width:99%; border:0; height:1px; margin:10px 0.5% 30px 0.5%; display: flex; background-image:linear-gradient(to right, #f5f4f3, #686868, #f5f4f3);}


/*Back to Top*/
#scroll {
    position:fixed; cursor:pointer;
    right:10px; bottom:10px;
    width:50px; height:50px;
    background-color:#BABABA; opacity:0.5;
    text-indent:-9999px; display:none;
    -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px
}
#scroll span {
    position:absolute;
    top:50%; left:50%; height:0; width:0;
    margin-left:-8px; margin-top:-12px;
    border:8px solid transparent;
    border-bottom-color:#FFF; transition:all 0.5s;
}
#scroll:hover {
    background-color:#71a300;
    opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";
}

/****************************************Button & Field******************************************/
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

#input {margin:0 auto; text-align:center; width:100%;}
.inputbutton {
	color:#FFF;
	background-image: -webkit-linear-gradient(#53aa5b, #35763b);
	background-image: -o-linear-gradient(#53aa5b, #35763b);
	background-image: linear-gradient(#53aa5b, #35763b);
    padding:6px 0; border-radius:6px; border:none;
    font:1.2em/1.2 'Open Sans', sans-serif; text-align:center;
    text-transform: uppercase;
    background-size: 200% auto;      
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer; display: inline-block;
}
.inputbutton a {color:#FFF; text-decoration:none;}
.inputbutton a:hover {}
.inputbutton:hover{
   box-shadow: 0 5px 8px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
   background-position: top;
}

.inputfield {transition: 0.8s all; border-radius:4px; border:1px solid #c8c8c8 !important; padding:4px; font-size:1rem; height:35px; font-weight:300;}
.inputfield:hover { border: 1px solid #000;}

/*Update contact, Report*/
.inputtextarea {border-radius:4px; border:1px solid #c8c8c8 !important; padding:4px; height:200px; width:100%; vertical-align:top; font-family:'Open Sans', sans-serif; font-size:1rem; font-weight:400;}

/*********************************Button & Field***************************************/
.buttonwrap {display:inline-grid; grid-gap:2px; margin:0 2rem;}
.buttonwrap > div {display:flex; justify-content:center; align-items:center;}
.button {
  font-size:1.2rem; line-height:1.0rem; text-align:center; color:#FFF; font-family:'Open Sans'; font-weight:400;
  border-radius:5px; display:block;
  border:none; background-color:#002a50;
  padding:10px 20px;
  transition: all 0.5s;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); cubic-bezier(.25,.8,.25,1);
  
}
.deadline {margin:0 auto; font-weight:400; font-size:1.15rem; text-align:center; color:#CB0003;}
.button:hover {background-color:#419aff;}
.button a {color:#FFF !important; text-decoration:none;}
.button span {cursor: pointer;
  display:block;
  position: relative;
  transition: 0.5s;}
.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.button:hover span {padding-right:15px;}
.button:hover span:after {opacity: 1; right:-10px;}
.button300 {width:300px;}
.button450 {width:450px;}

/* 2 buttons side by side in center: affiliates/grant/ /teacher/grants/ /teacher/pro/*/
.buttonwrapcenter {display:block; margin:1rem auto; text-align:center;}
.buttonwrapcenter > div {display:flex; justify-content:center; align-items:center; grid-gap:0.5rem;}

/* 2 buttons side by side not in center /conference/*/
.buttonwrapinline {
  display: inline-grid;
  grid-template-rows:10px;
  grid-template-columns:100%;
}

.buttonwrapinline > div {
  display: flex; width:100%; grid-gap:0.5rem;
  justify-content: center;
  align-items: center;
}

/*conference*/
.button2wrap{
  margin-left:1.0rem; margin-bottom:3.3rem;
  grid-template-rows:30px;
  grid-template-columns:300px;
  grid-gap:0.5rem; display:flex; justify-content:flex-start;
}


#contactinfo {margin:0 auto; margin-left:10%; margin-right:10%; width:80%;}
#contactinfo label {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.1rem; line-height:1rem; padding:5px; width:22%; text-align:right;}
#contactinfo LABEL  {position:relative; top: 5px;}

.contactI {float:left; width:65%;}
/*report form*/
#reports {margin:0 auto; margin-left:5%; margin-right:5%; width:90%;}
ol {margin: 0;}
.reportQ {margin:0 25px 35px 70px; font:1.05em/1.35 'Open Sans', sans-serif; color:#333;}
.inputField_num{
-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
border-color:#c8c8c8; border-style:solid; border-width:2px;
height:27px; width:70px; margin:0 0 10px 2px; font:1.05em/1.35 'Open Sans', sans-serif;
}

.loginW {width:81%; margin:15px auto;}
.donateW {width:35%; margin:0 auto 25px auto;}
.aff_loginW {width:300px; margin:2px auto;}
.aff_idreqW {width:600px;}
.aff_label {}
.aff_update {width:70%; margin:4px 0;display:inline-block;}
.aff_updateB {width:48%; margin:2px;}
.galleryF {width:60%;}
.galleryB {width:30%;}
.galleryAdmin {width:100%;}
.agknowB {width:250px;}
.goodfb, .badfb  { width: 100%; padding: 10px; text-align: center; margin-bottom: 20px; }
.goodfb P, .badfb P  { margin: 0; font-weight: bold; }
.goodfb  { background-color: #a7dba4; color: #21731d; }
.badfb  { background-color: #ebaaab; color: #b61d21; }

.logo {
position: absolute;
top: 11px; width:286px;
}

#loginmodal h2 {font-size:35px; line-height:25px; font-weight:300; color:#53aa5b; text-align:center; margin-bottom:35px;}
#loginmodal p {font-weight:200; margin:10px; text-align:center;}

/* Login from Matrix THIS NEEDS TO BE REMOVED AFTER RYAN PUT MATRIX.CSS IN THE HEAD*/
#mybinderlogin  { border: none; display: block; padding: 10px 40px; border-radius: 6px; cursor: pointer; background-color: #56c1f9; color: #ffffff; font-size: 1em; line-height: 0.9em; margin: 10px 0px 30px 20px; }
#mybinderlogin:hover  { background-color: #36a1d9; }
.logingroup  {width:90%; margin:10px auto;}
.logingroup .h3  { display: inline-block; width:90%; cursor: pointer; }
.logininputs  { border: 1px solid #888888; width:90%; padding: 4px 8px; font-size: 1em; line-height: 1em; display: inline-block; border-radius: 5px; }
.logininputs:hover  { border: 1px solid #aaaaaa; }

/*****************************************************Footer******************************************************/
footer {
border-top:solid 6px #b71d21; background-color:#262626; padding:40px 0; width:100%; color:#FFF; vertical-align:top; 
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;}
.footrow {
max-width: 800px;
margin: 30px auto;
line-height: 1.5;
}
.footrow ul li {
display: inline-block;
}
.footrow ul {
list-style: none; margin: 0;
}
.footrow li a {
padding: 5px;
display: inline-block;
}
#footer-rows .footrow:nth-child(1) {
text-align: center;
font-size: 1.2rem;
}
#footer-rows .footrow:nth-child(1) li::after {
content: " |";
}
#footer-rows .footrow:nth-child(1) li:last-child::after {
display: none;
}
#footer-rows .footrow:nth-child(2) {
text-align: center;
font-size: 2rem;
}
#footer-rows .footrow:nth-child(2) a {
padding: 5px 10px; 
}
#footer-rows .footrow a:hover {
color: #03a8e5;
}
#footer-rows .footrow:nth-child(3) p {text-align:center; font-size:1.2rem;}
#footer-rows .footrow:nth-child(3) a {padding:5px 10px;}
#footer-rows .footrow:nth-child(4) p {
font-size: .87rem; margin:1.2rem; font-weight:300; line-height:1.55rem;
}
/*.foot-social li a {
padding: 1rem;
}*/

/***********************************************HOMEPAGE**************************************************/
.homecol {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid rgba(0,0,0,.2);
  position: relative;
}
#home-columns .homecol:nth-child(1),
#home-columns .homecol:nth-child(2) {
  margin-right: 25px;
}
.homecol .featured-pic {
height: 200px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
#home-columns .homecol:nth-child(1) .featured-pic {
  background-image: url(../images/home/feature.jpg);
}
#home-columns .homecol:nth-child(2) .featured-pic {
  background-image: url(../images/home/happen.jpg);
}
#home-columns .homecol:nth-child(3) .featured-pic {
  background-image: url(../images/home/connect.jpg);
}
#home-columns .homecol:nth-child(1) .homeicon {
  background-color: #051a3a;
}
#home-columns .homecol:nth-child(2) .homeicon {
  background-color: #B70003;
}
#home-columns .homecol:nth-child(3) .homeicon {
  background-color: #4a9d05;
}
.homecol h2 {
  text-align: center;
  text-transform: uppercase;
  margin: 75px 10px 20px 10px;  
}
.homecol a {text-decoration:none !important; color:#000;}
.homecol a:hover {color:#03a8e5;}

.homecol h3 {
  text-align: center; font-size:1.4rem; font-weight:500;
  margin:1rem 0 -1rem 0;  
}

section#home-columns {
  margin-top: calc(5vh + 70px);
}
section.section {
  margin: 10vh 0 5vh 0;
}
.link-box {
  padding: 20px;
}
.link-box ul {
  list-style: none;
}
.link-box ul li a {
  padding: 5px 20px;
  display: block;
  position: relative;
}
.link-box ul li a::before {
  content:"\f105";
  font-family:FontAwesome;
  position:absolute;
  left: 2px;
  transition:all .2s;
  color:#0c63ae;
  top:8px;
}
.link-box ul li a:hover::before {
  left: 8px;
  color: #03a8e5;
}
.homeicon {
left:50%;
top:0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position:absolute;
text-align:center;
width:110px; height:110px; border-radius:100%; font-family:FontAwesome; font-style:normal; display:inline-block; color:#FFF; line-height:110px; font-size:4rem; 
}

.matrixsearch {margin:0 auto; left:5%; width:90%; padding-bottom:20px;}
.matrixfield {margin:0 auto; border-radius:4px; border:1px solid #8f99a7; font:1.05em/1.0 'Open Sans'; font-weight:200; color:#000; background:#dce4f1 url("../images/home/magnify.svg") no-repeat; background-size:18px; background-position: right 4px center; display:inline-block; padding:6px; width:100%; height:28px;}
.matrixbutton {border-radius:4px; background-color:#051a3a; color:#FFF; font:1.2em/1.0 'Open Sans'; cursor:pointer; border: none; margin-top: 5px; text-align:center; padding:3px 0 3px 0; height:30px; width:100%;}
.matrixbutton:hover  {background-color:#354a6a;}

.map {
	width:100%; margin:0 auto;
	background:url("../images/home/matrix.jpg");
	background-size:100%; background-size:cover; background-position: center;
	background-repeat: no-repeat;
	height:300px;
    align-items: center; justify-content:flex-end; align-content:right; display:flex;
    flex-direction: row;
    flex-wrap: wrap;
	margin-bottom:5vh; /*same size as .section bottom margin*/
 }
.maptxt {max-width:62%;}
.maptxt h3 {font-size:5.3rem; line-height:5.3rem; font-weight:300;  margin-right:15px;}
.maptxt p {font-size:2.3rem; line-height:2.3rem; font-weight:200; margin-right:15px;}
.map {transition: 0.4s all;}
/*.map:hover {opacity:0.6; transform: scale(1.02);}*/
a.map-link {
	display: block;
}
a.map-link .map {
	position: relative;
}
a.map-link .map::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #ffffff;
	opacity: 0;
	transition: .4s all;
}
a.map-link:hover .map::before {
	opacity: .6;
}
a.map-link:hover .map {
	transform: scale(1.02);
}
.maptxt {
	position: relative;
	padding-right: calc(50% - 540px);
}

.agliteracy {
	width:100%; margin:0 auto;
	background:url("../images/home/bg_aglitearcy.svg");
	background-size:100%; background-size: cover; background-position: center;
	background-repeat: no-repeat;
	height:300px;
    align-items: center; justify-content:center; align-content:right; display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.agliteracy_contents {color:#000; text-align:center; margin:0;}
.agliteracy_contents h3 {font-size:2.75rem; line-height:2.75rem; font-weight:500; margin:0 1rem 1rem 1rem; text-transform: uppercase;}
.agliteracy_contents p {font-size:1.55rem; line-height:2.2rem; font-weight:300; max-width:800px; text-align:center; margin:1rem;}

/**************************************************HOMEPAGE******************************************************/





/**************************************************SUBPAGE******************************************************/

/*******************************Landing pages*********************************/
.landingcol {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid rgba(0,0,0,.2);
  position: relative;
}
#landing-columns1 .landingcol:nth-child(1),
#landing-columns1 .landingcol:nth-child(2){
  margin-right: 30px;
}
#landing-columns2 .landingcol:nth-child(1),
#landing-columns2 .landingcol:nth-child(2){
  margin-right: 30px;
}
#landing-columns3 .landingcol:nth-child(1),
#landing-columns3 .landingcol:nth-child(2){
  margin-right: 30px;
}
#landing-columns4 .landingcol:nth-child(1),
#landing-columns4 .landingcol:nth-child(2){
  margin-right: 30px;
}
#landing-columns5 .landingcol:nth-child(1),
#landing-columns5 .landingcol:nth-child(2){
  margin-right: 30px;
}
#landing-twocolumns .landingcol:nth-child(1){margin-right:30px;}

.landingcol h3 {
  text-align: center;
  font-weight:600;
  font-size:23px; line-height:25px;
  height:80px; margin:0 8px;
  align-items: center; justify-content:center; align-content:right; display: flex;
  flex-direction: row; flex-wrap: wrap;
}
.landingcol h4 {
  text-align: center;
  font-weight:600;
  font-size:20px; line-height:23px;
  height:80px; margin:0 8px;
  align-items: center; justify-content:center; align-content:right; display: flex;
  flex-direction: row; flex-wrap: wrap;
}
.landingcol a {color: #051a3a; text-decoration: none;}
.landingcol a:hover {color:#03a8e5; transition: all 0.4s;}
.text-box {padding:20px; font-weight:400;}

section#landing-columns1,
section#landing-columns2,
section#landing-columns3,
section#landing-columns4,
section#landing-columns5,
section#landing-onecolumn,
section#landing-twocolumns
{
  margin: calc(2.1vh + 2px);
}

/*Teacher Center Landing*/
.landingcol .teacher-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.teacher-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .teacher-pic {background-image: url(../images/index_teacher/matrix.jpg);}
#landing-columns1 .landingcol:nth-child(2) .teacher-pic {background-image: url(../images/index_teacher/state.jpg);}
#landing-columns1 .landingcol:nth-child(3) .teacher-pic {background-image: url(../images/index_teacher/conference.png);}

#landing-columns2 .landingcol:nth-child(1) .teacher-pic {background-image: url(../images/index_teacher/themes.jpg);}
#landing-columns2 .landingcol:nth-child(2) .teacher-pic {background-image: url(../images/index_teacher/course.jpg);}
#landing-columns2 .landingcol:nth-child(3) .teacher-pic {background-image: url(../images/index_teacher/store.jpg);}

#landing-columns3 .landingcol:nth-child(1) .teacher-pic {background-image: url(../images/index_teacher/elearning.jpg);}
#landing-columns3 .landingcol:nth-child(2) .teacher-pic {background-image: url(../images/index_teacher/360.jpg);}
#landing-columns3 .landingcol:nth-child(3) .teacher-pic {background-image: url(../images/index_teacher/agfacts.jpg);}

#landing-columns4 .landingcol:nth-child(1) .teacher-pic {background-image: url(../images/index_teacher/agroworld.jpg);}
#landing-columns4 .landingcol:nth-child(2) .teacher-pic {background-image: url(../images/index_teacher/grants.jpg);}
#landing-columns4 .landingcol:nth-child(3) .teacher-pic {background-image: url(../images/index_teacher/literacy.jpg);}

#landing-columns5 .landingcol:nth-child(1) .teacher-pic {background-image: url(../images/index_teacher/agknow.jpg);}
#landing-columns5 .landingcol:nth-child(2) .teacher-pic {background-image: url(../images/index_teacher/award.jpg);}
#landing-columns5 .landingcol:nth-child(3) .teacher-pic {background-image: url(../images/index_teacher/student.jpg);}


/*Student Center Landing*/
.landingcol .student-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.student-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .student-pic {background-image: url(../images/index_student/games.jpg);}
#landing-columns1 .landingcol:nth-child(2) .student-pic {background-image: url(../images/index_student/agfacts.jpg);}
#landing-columns1 .landingcol:nth-child(3) .student-pic {background-image: url(../images/index_student/agtoday.jpg);}

#landing-columns2 .landingcol:nth-child(1) .student-pic {background-image: url(../images/index_student/career.jpg);}
#landing-columns2 .landingcol:nth-child(2) .student-pic {background-image: url(../images/index_student/smarts.jpg);}
#landing-columns2 .landingcol:nth-child(3) .student-pic {background-image: url(../images/index_student/virtual.jpg);}

/*Get Involved Landing*/
.landingcol .get-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.get-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .get-pic {background-image: url(../images/index_get/about.jpg);}
#landing-columns1 .landingcol:nth-child(2) .get-pic {background-image: url(../images/index_get/advocates.jpg);}
#landing-columns1 .landingcol:nth-child(3) .get-pic {background-image: url(../images/index_get/literacy.jpg);}

#landing-columns2 .landingcol:nth-child(1) .get-pic {background-image: url(../images/index_get/nalo.jpg);}
#landing-columns2 .landingcol:nth-child(2) .get-pic {background-image: url(../images/index_get/donate.jpg);}
#landing-columns2 .landingcol:nth-child(3) .get-pic {background-image: url(../images/index_get/history.jpg);}

#landing-columns3 .landingcol:nth-child(1) .get-pic {background-image: url(../images/index_teacher/conference.png);}
#landing-columns3 .landingcol:nth-child(2) .get-pic {background-image: url(../images/index_get/ncal.jpg);}
#landing-columns3 .landingcol:nth-child(3) .get-pic {background-image: url(../images/index_get/press.jpg);}

#landing-columns4 .landingcol:nth-child(1) .get-pic {background-image: url(../images/index_get/job.jpg);}
#landing-columns4 .landingcol:nth-child(2) .get-pic {background-image: url(../images/index_get/subscribe.jpg);}
#landing-columns4 .landingcol:nth-child(3) .get-pic {background-image: url(../images/index_get/social.jpg);}


/*Affiliates Landing*/
.landingcol .aff-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.aff-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .aff-pic {background-image: url(../images/index_aff/new.jpg);}
#landing-columns1 .landingcol:nth-child(2) .aff-pic {background-image: url(../images/index_aff/leader.jpg);}
#landing-columns1 .landingcol:nth-child(3) .aff-pic {background-image: url(../images/index_aff/stateterritory.jpg);}

#landing-columns2 .landingcol:nth-child(1) .aff-pic {background-image: url(../images/index_aff/resources.jpg);}
#landing-columns2 .landingcol:nth-child(2) .aff-pic {background-image: url(../images/index_aff/updateinfo.jpg);}
#landing-columns2 .landingcol:nth-child(3) .aff-pic {background-image: url(../images/index_aff/events.jpg);}


/**************************************************SUBPAGE******************************************************/

/***********Page Title***********/
#h2_teacher {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/teacher.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_agro {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/agro.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_360 {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/360.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_elearning {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/elearning.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_student {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/student.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_get {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/get.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_affiliate {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/affiliate.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_gallery {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/gallery.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_garden {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/garden.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_hatching {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/hatching.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_themes {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/themes.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_course {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/course.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_sustainability {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/sustainability.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_agbadging {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/agbadging.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}
#h2_careerplaylist {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/career-playlist.jpg"); margin-bottom:40px; background-size:cover; background-position: center center;}

h2.pagetitle {
font-size:75px; line-height:65px; font-weight:300; color:#FFF; text-transform:uppercase; letter-spacing:3px; text-align:center; margin:0 auto;
height:270px; align-items:center; justify-content:center; display:flex; flex-direction:row; flex-wrap:wrap;
}
h2.agbadgingtitle {
font-size:3.7rem; line-height:3.9rem; font-weight:300; color:#FFF; text-transform:uppercase; letter-spacing:3px; text-align:center; margin:0 auto;
height:270px; align-items:center; justify-content:center; display:flex; flex-direction:row; flex-wrap:wrap;
}
#h2_matrix {background:linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url("../images/pagetitle/matrix.jpg"); margin-bottom:-3rem; background-size:cover; background-position: center center;}
h2.matrixtitle {
font-size:3.2rem; line-height:3.5rem; font-weight:300; color:#FFF; text-transform:uppercase; letter-spacing:3px; text-align:center; margin:0 auto; padding:0 1.5rem;
height:270px; align-items:center; justify-content:center; display:flex; flex-direction:row; flex-wrap:wrap;
}
/*
h2.matrixH2 {text-align:center; margin-top:-40px; font-size:3.5rem; line-height:3.5rem; font-weight:400; color:#051a3a;}
hr.matrixhr {width:100%; border:0; height:1px; margin:0 0 60px 0; display: flex; background-image:linear-gradient(to right, #f5f4f3, #686868, #f5f4f3);}
*/
/********************************************Subpages Columns******************************************************/
.subcol {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid rgba(0,0,0,.2);
  position: relative;
}
#sub-columns1 .subcol:nth-child(1),
#sub-columns1 .subcol:nth-child(2){margin-right:25px;}
#sub-columns2 .subcol:nth-child(1),
#sub-columns2 .subcol:nth-child(2){margin-right:25px;}
#sub-columns3 .subcol:nth-child(1),
#sub-columns3 .subcol:nth-child(2){margin-right:25px;}
#sub-columns4 .subcol:nth-child(1),
#sub-columns4 .subcol:nth-child(2){margin-right:25px;}
#sub-twocolumns .subcol:nth-child(1){margin-right:25px;}
#sub-twocolumns2 .subcol:nth-child(1){margin-right:25px;}
#sub-twocolumns3 .subcol:nth-child(1){margin-right:25px;}
#sub-twocolumns4 .subcol:nth-child(1){margin-right:25px;}

section#sub-columns1,
section#sub-columns2,
section#sub-columns3,
section#sub-columns4,
section#sub-onecolumn,
section#sub-twocolumns,
section#sub-twocolumns2, 
section#sub-twocolumns3,
section#sub-twocolumns4 {margin: calc(1.0vh + 10px);}

.subcol h5, .subcol h4, .subcol h3 {
  text-align: center;
  font-size:23px !important; line-height:25px !important; font-weight:600;
  height:80px; margin:0 8px;
  align-items: center; justify-content:center; align-content:right; display: flex;
  flex-direction: row; flex-wrap: wrap;
}

.subcol a {color:#051a3a; text-decoration: none; transition: all 0.4s;}
.subcol a:hover {color:#03a8e5;}

.subcol img {transition: all 0.4s;}

.sub-box {font-size:1rem; font-weight:400; padding:15px;}
.sub-box p {margin:25px 0;}
.sub-box p a {color:#0c63ae; text-decoration:underline;}
/*Conference*/
.sub-box p.conf {text-align:center; margin:25px 0; font-size:1.2rem;}
.sub-box ul {list-style:none; margin:0rem 0.1rem 1rem 0.1rem;}
.sub-box ul li a {padding:5px 10px; display:block; position:relative; color:#0c63ae;}
.sub-box ul li a::before {
  content:"\f105"; font-family:FontAwesome; color:#0c63ae;
  position:absolute; left:0; top:5px;
  transition:all .2s;
}
.sub-box ul li a:hover::before {left:4px; color:#03a8e5;}

.sub-box ul li.notlinked {padding:5px 10px; display:block; position:relative;}
.sub-box ul li.notlinked::before {content:"\f105"; font-family:FontAwesome; position:absolute; left:0; top:5px;}

.sub-box .course {text-align:center; margin:1rem 0.1rem; text-decoration:underline;}
.sub-box .sustain {text-align:center; margin:1rem 0.1rem; font-weight:600; text-decoration:underline;}

/*360 AG VIRTUAL REALITY Columns*/
.subcol .vr-pic {height:178px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.vr-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .vr-pic {background-image: url(../images/360/virtualtours.jpg);}
#sub-columns1 .subcol:nth-child(2) .vr-pic {background-image: url(../images/360/streetview.jpg);}
/*#sub-columns1 .subcol:nth-child(3) .vr-pic {}*/

/*AgroWorld Columns*/
.subcol .aw-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.aw-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .aw-pic {background-image: url(../images/agroworld/01.jpg);}
#sub-columns1 .subcol:nth-child(2) .aw-pic {background-image: url(../images/agroworld/02.jpg);}
#sub-columns1 .subcol:nth-child(3) .aw-pic {background-image: url(../images/agroworld/03.jpg);}
#sub-columns2 .subcol:nth-child(1) .aw-pic {background-image: url(../images/agroworld/04.jpg);}
#sub-columns2 .subcol:nth-child(2) .aw-pic {background-image: url(../images/agroworld/05.jpg);}
#sub-columns2 .subcol:nth-child(3) .aw-pic {background-image: url(../images/agroworld/06.jpg);}
#sub-columns3 .subcol:nth-child(1) .aw-pic {background-image: url(../images/agroworld/07.jpg);}
#sub-columns3 .subcol:nth-child(2) .aw-pic {background-image: url(../images/agroworld/08.jpg);}
#sub-columns3 .subcol:nth-child(3) .aw-pic {background-image: url(../images/agroworld/09.jpg);}

/*teacher/themes*/
.subcol .themes-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.themes-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .themes-pic {background-image: url(../images/teacher/themes/garden.jpg);}
#sub-columns1 .subcol:nth-child(2) .themes-pic {background-image: url(../images/teacher/themes/pollinator.jpg);}
#sub-columns1 .subcol:nth-child(3) .themes-pic {background-image: url(../images/teacher/themes/hatching.jpg);}
#sub-columns2 .subcol:nth-child(1) .themes-pic {background-image: url(../images/teacher/themes/diversity.jpg);}
#sub-columns2 .subcol:nth-child(2) .themes-pic {background-image: url(../images/teacher/themes/source.jpg);}
#sub-columns2 .subcol:nth-child(3) .themes-pic {background-image: url(../images/index_teacher/matrix.jpg);}

/*teacher/course*/
.subcol .course-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.course-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .course-pic {background-image: url(../images/teacher/course/tile/integrated.jpg);}
#sub-columns1 .subcol:nth-child(2) .course-pic {background-image: url(../images/teacher/course/tile/biology.jpg);}
#sub-columns1 .subcol:nth-child(3) .course-pic {background-image: url(../images/teacher/course/tile/environ.jpg);}
#sub-columns2 .subcol:nth-child(1) .course-pic {background-image: url(../images/teacher/course/tile/history.jpg);}
#sub-columns2 .subcol:nth-child(2) .course-pic {background-image: url(../images/teacher/course/tile/geography.jpg);}
#sub-columns2 .subcol:nth-child(3) .course-pic {background-image: url(../images/teacher/course/tile/family.jpg);}
#sub-twocolumns .subcol:nth-child(1) .course-pic {background-image: url(../images/teacher/course/tile/career.jpg); height:260px;}
#sub-twocolumns .subcol:nth-child(2) .course-pic {background-image: url(../images/teacher/course/tile/ag.jpg); height:260px;}

/*student/virtual*/
.subcol .virtual-pic {height:178px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.virtual-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .virtual-pic {background-image: url(../images/student/virtual/360.jpg);}
#sub-columns1 .subcol:nth-child(2) .virtual-pic {background-image: url(../images/student/virtual/egg.jpg);}
#sub-columns1 .subcol:nth-child(3) .virtual-pic {background-image: url(../images/student/virtual/pig.jpg);}
#sub-columns2 .subcol:nth-child(1) .virtual-pic {background-image: url(../images/student/virtual/crop.jpg);}
#sub-columns2 .subcol:nth-child(2) .virtual-pic {background-image: url(../images/student/virtual/dairy.jpg);}
#sub-columns2 .subcol:nth-child(3) .virtual-pic {background-image: url(../images/student/virtual/sheep.jpg);}
#sub-columns3 .subcol:nth-child(1) .virtual-pic {background-image: url(../images/student/virtual/beef.jpg);}
#sub-columns3 .subcol:nth-child(2) .virtual-pic {background-image: url(../images/student/virtual/fruit.jpg);}
#sub-columns3 .subcol:nth-child(3) .virtual-pic {background-image: url(../images/student/virtual/specialty.jpg);}

/*teacher/sustainability*/
.subcol .sustain-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.sustain-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .sustain-pic {background-image: url(../images/teacher/sustainability/journey.jpg);}
#sub-columns1 .subcol:nth-child(2) .sustain-pic {background-image: url(../images/teacher/sustainability/econ.jpg);}
#sub-columns1 .subcol:nth-child(3) .sustain-pic {background-image: url(../images/teacher/sustainability/animals.jpg);}
#sub-columns2 .subcol:nth-child(1) .sustain-pic {background-image: url(../images/teacher/sustainability/food.jpg);}
#sub-columns2 .subcol:nth-child(2) .sustain-pic {background-image: url(../images/teacher/sustainability/supply.jpg);}
#sub-columns2 .subcol:nth-child(3) .sustain-pic {background-image: url(../images/teacher/sustainability/water.jpg);}
#sub-twocolumns .subcol:nth-child(1) .sustain-pic {background-image: url(../images/teacher/sustainability/soil.jpg); height:260px;}
#sub-twocolumns .subcol:nth-child(2) .sustain-pic {background-image: url(../images/teacher/sustainability/action.jpg); height:260px;}
/*
.subcol .sustain-pic {height:230px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.sustain-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-twocolumns .subcol:nth-child(1) .sustain-pic {background-image: url(../images/teacher/sustainability/journey.jpg);}
#sub-twocolumns .subcol:nth-child(2) .sustain-pic {background-image: url(../images/teacher/sustainability/econ.jpg);}
#sub-twocolumns2 .subcol:nth-child(1) .sustain-pic {background-image: url(../images/teacher/sustainability/animals.jpg);}
#sub-twocolumns2 .subcol:nth-child(2) .sustain-pic {background-image: url(../images/teacher/sustainability/food.jpg);}
#sub-twocolumns3 .subcol:nth-child(1) .sustain-pic {background-image: url(../images/teacher/sustainability/supply.jpg);}
#sub-twocolumns3 .subcol:nth-child(2) .sustain-pic {background-image: url(../images/teacher/sustainability/water.jpg);}
#sub-twocolumns4 .subcol:nth-child(1) .sustain-pic {background-image: url(../images/teacher/sustainability/soil.jpg);}
#sub-twocolumns4 .subcol:nth-child(2) .sustain-pic {background-image: url(../images/teacher/sustainability/action.jpg);}
*/

/*AgBadging - milestone landing page*/
.milelandingcol {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid rgba(0,0,0,.2);
  position: relative; background-color:#FFF;
}
#milelanding-columns .milelandingcol:nth-child(1),
#milelanding-columns .milelandingcol:nth-child(2) {
  margin-right: 25px;
}

section#milelanding-columns {margin-top: calc(5vh + 70px);}
/*section.section {margin: 10vh 0 5vh 0;}*/

.milelandingcol .milelanding-pic {height:230px; background-position:center; background-size:cover; background-repeat: no-repeat;}
#milelanding-columns .milelandingcol:nth-child(1) .milelanding-pic {background-image: url(../images/agbadging/milestone/index/students.jpg);}
#milelanding-columns .milelandingcol:nth-child(2) .milelanding-pic {background-image: url(../images/agbadging/milestone/index/teachers.jpg);}
#milelanding-columns .milelandingcol:nth-child(3) .milelanding-pic {background-image: url(../images/agbadging/milestone/index/volunteers.jpg);}
#milelanding-columns .milelandingcol:nth-child(1) .milelandingicon {background-color: #f15a29;}
#milelanding-columns .milelandingcol:nth-child(2) .milelandingicon {background-color: #662d91;}
#milelanding-columns .milelandingcol:nth-child(3) .milelandingicon {background-color: #006838;}

.milelandingicon {
left:50%;
top:0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position:absolute;
text-align:center;
width:110px; height:110px; border-radius:100%; font-family:FontAwesome; font-style:normal; display:inline-block; color:#FFF; line-height:110px; font-size:4rem; 
}
.milelandingcol h3 {text-align:center; font-size:1.5rem; line-height:1.5rem; font-weight:500; margin:5rem 0 2rem 0; text-transform:uppercase;}
.milelandingcol a {color:#051a3a; text-decoration: none; transition: all 0.4s;}
.milelandingcol a:hover {color:#03a8e5;}



/*AgBadging/students, -teachers, -volunteers Icons*/
.milestonewrapper {margin:calc(3vh + 10px) auto;}
.milestonecol {-webkit-flex:1; -ms-flex:1; flex:1; position:relative;}
#milestone-columns1 .milestonecol:nth-child(1),
#milestone-columns1 .milestonecol:nth-child(2),
#milestone-columns1 .milestonecol:nth-child(3) {margin-right:25px;}
#milestone-columns2 .milestonecol:nth-child(1),
#milestone-columns2 .milestonecol:nth-child(2),
#milestone-columns2 .milestonecol:nth-child(3) {margin-right:25px;}


/*students*/
#milestone-columns1 .milestonecol:nth-child(1) .studentsicon {background-image: url(../images/agbadging/milestone/icons/ag.svg); background-position: center center; background-repeat: no-repeat; background-size:180px; height:180px; transition: all 0.4s;}
#milestone-columns1 .milestonecol:nth-child(2) .studentsicon {background-image: url(../images/agbadging/milestone/icons/plants.svg); background-position: center center; background-repeat: no-repeat; background-size:180px; height:180px; transition: all 0.4s;}
#milestone-columns1 .milestonecol:nth-child(3) .studentsicon {background-image: url(../images/agbadging/milestone/icons/food.svg); background-position: center center; background-repeat: no-repeat; background-size:180px; height:180px; transition: all 0.4s;}
#milestone-columns1 .milestonecol:nth-child(4) .studentsicon {background-image: url(../images/agbadging/milestone/icons/tech.svg); background-position: center center; background-repeat: no-repeat; background-size:180px; height:180px; transition: all 0.4s;}
#milestone-columns2 .milestonecol:nth-child(1) .studentsicon {background-image: url(../images/agbadging/milestone/icons/geo.svg); background-position: center center; background-repeat: no-repeat; background-size:180px; height:180px; transition: all 0.4s;}
#milestone-columns2 .milestonecol:nth-child(2) .studentsicon {background-image: url(../images/agbadging/milestone/icons/badge.svg); background-position: center center; background-repeat: no-repeat; background-size:180px; height:180px; transition: all 0.4s;}
#milestone-columns2 .milestonecol:nth-child(3) .studentsicon {background-image: url(../images/agbadging/survey.svg); background-position: center center; background-repeat: no-repeat; background-size:180px; height:180px; transition: all 0.4s;}
#milestone-columns2 .milestonecol:nth-child(4) .studentsicon {background-image: url(../images/agbadging/milestone.svg); background-position: center center; background-repeat: no-repeat; background-size:180px; height:180px; transition: all 0.4s;}
.studentsicon:hover {transform: scale(1.05); transition: all 0.4s;}

/*teachers & volunteers*/
#milestone-columns1 .milestonecol:nth-child(1) .teachvolicon {background-image: url(../images/agbadging/milestone/icons/badge.svg); background-position: center center; background-repeat: no-repeat; background-size:200px; height:200px; transition: all 0.4s;}
#milestone-columns1 .milestonecol:nth-child(2) .teachvolicon {background-image: url(../images/agbadging/milestone/icons/ag.svg); background-position: center center; background-repeat: no-repeat; background-size:200px; height:200px; transition: all 0.4s;}
#milestone-columns1 .milestonecol:nth-child(3) .teachvolicon {background-image: url(../images/agbadging/milestone/icons/plants.svg); background-position: center center; background-repeat: no-repeat; background-size:200px; height:200px; transition: all 0.4s;}
#milestone-columns2 .milestonecol:nth-child(1) .teachvolicon {background-image: url(../images/agbadging/milestone/icons/food.svg); background-position: center center; background-repeat: no-repeat; background-size:200px; height:200px; transition: all 0.4s;}
#milestone-columns2 .milestonecol:nth-child(2) .teachvolicon {background-image: url(../images/agbadging/milestone/icons/tech.svg); background-position: center center; background-repeat: no-repeat; background-size:200px; height:200px; transition: all 0.4s;}
#milestone-columns2 .milestonecol:nth-child(3) .teachvolicon {background-image: url(../images/agbadging/milestone/icons/geo.svg); background-position: center center; background-repeat: no-repeat; background-size:200px; height:200px; transition: all 0.4s;}
.teachvolicon:hover {transform: scale(1.05); transition: all 0.4s;}

.milestonebox {margin:1rem; text-align:center;}
.milestonecol h3 {text-align:center; text-decoration:none; font-size:1.4rem; line-height:1.5rem; font-weight:400; text-decoration:none !important;}
.milestonecol a {color:#051a3a; text-decoration: none; transition: all 0.4s;}
.milestonecol a:hover {color:#03a8e5;}
/*AgBadging/students, -teachers, -volunteers*/

/*milestone heading*/
/*.milestone-heading h3 {font-size:2.8rem; line-height:2.9rem; margin:0 auto; font-weight:400; text-align:center;}*/
.milestone-heading h3.badge-title {font-size:2.3rem; line-height:2.4rem; margin:1.5rem auto 2.8rem auto; font-weight:400; text-align:center;}


/*AgBadging/milestone-ag*/
.subcol .milestone-ag-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.milestone-ag-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .milestone-ag-pic {background-image: url(../images/agbadging/milestone/ag/seed.jpg);}
#sub-columns1 .subcol:nth-child(2) .milestone-ag-pic {background-image: url(../images/agbadging/milestone/ag/weather.jpg);}
#sub-columns1 .subcol:nth-child(3) .milestone-ag-pic {background-image: url(../images/agbadging/milestone/ag/soil.jpg);}
#sub-twocolumns .subcol:nth-child(1) .milestone-ag-pic {background-image: url(../images/agbadging/milestone/ag/compost.jpg); height:280px;}
#sub-twocolumns .subcol:nth-child(2) .milestone-ag-pic {background-image: url(../images/agbadging/milestone/ag/light.jpg); height:280px;}

/*AgBadging/milestone-plants*/
.subcol .milestone-plants-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.milestone-plants-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .milestone-plants-pic {background-image: url(../images/agbadging/milestone/plants/ag.jpg);}
#sub-columns1 .subcol:nth-child(2) .milestone-plants-pic {background-image: url(../images/agbadging/milestone/plants/farm.jpg);}
#sub-columns1 .subcol:nth-child(3) .milestone-plants-pic {background-image: url(../images/agbadging/milestone/plants/life.jpg);}
#sub-twocolumns .subcol:nth-child(1) .milestone-plants-pic {background-image: url(../images/agbadging/milestone/plants/eating.jpg); height:280px;}
#sub-twocolumns .subcol:nth-child(2) .milestone-plants-pic {background-image: url(../images/agbadging/milestone/plants/pollinator.jpg); height:280px;}

/*AgBadging/milestone-food*/
.subcol .milestone-food-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.milestone-food-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .milestone-food-pic {background-image: url(../images/agbadging/milestone/food/myplate.jpg);}
#sub-columns1 .subcol:nth-child(2) .milestone-food-pic {background-image: url(../images/agbadging/milestone/food/farmers.jpg);}
#sub-columns1 .subcol:nth-child(3) .milestone-food-pic {background-image: url(../images/agbadging/milestone/food/crop.jpg);}
#sub-twocolumns .subcol:nth-child(1) .milestone-food-pic {background-image: url(../images/agbadging/milestone/food/produce.jpg); height:280px;}
#sub-twocolumns .subcol:nth-child(2) .milestone-food-pic {background-image: url(../images/agbadging/milestone/food/myenergy.jpg); height:280px;}

/*AgBadging/milestone-tech*/
.subcol .milestone-tech-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.milestone-tech-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .milestone-tech-pic {background-image: url(../images/agbadging/milestone/tech/inventors.jpg);}
#sub-columns1 .subcol:nth-child(2) .milestone-tech-pic {background-image: url(../images/agbadging/milestone/tech/equipment.jpg);}
#sub-columns1 .subcol:nth-child(3) .milestone-tech-pic {background-image: url(../images/agbadging/milestone/tech/barn.jpg);}
#sub-twocolumns .subcol:nth-child(1) .milestone-tech-pic {background-image: url(../images/agbadging/milestone/tech/future.jpg); height:280px;}
#sub-twocolumns .subcol:nth-child(2) .milestone-tech-pic {background-image: url(../images/agbadging/milestone/tech/career.jpg); height:280px;}

/*AgBadging/milestone-geo*/
.subcol .milestone-geo-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.milestone-geo-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .milestone-geo-pic {background-image: url(../images/agbadging/milestone/geo/cooking.jpg);}
#sub-columns1 .subcol:nth-child(2) .milestone-geo-pic {background-image: url(../images/agbadging/milestone/geo/world.jpg);}
#sub-columns1 .subcol:nth-child(3) .milestone-geo-pic {background-image: url(../images/agbadging/milestone/geo/lunch.jpg);}
#sub-twocolumns .subcol:nth-child(1) .milestone-geo-pic {background-image: url(../images/agbadging/milestone/geo/supply.jpg); height:280px;}
#sub-twocolumns .subcol:nth-child(2) .milestone-geo-pic {background-image: url(../images/agbadging/milestone/geo/holiday.jpg); height:280px;}

/*Modal Style*/
.agbadging {text-align:left;}
.agbadging h4 {text-align:center; font-size:2.5rem; line-height:2.7rem; font-weight:400; margin:1rem 0.2rem 2.2rem 0.2rem; padding-top:1.6rem;}
.agbadging h5 {margin:0 0.3rem 0.5rem 1rem; font-size:1.65rem; line-height:1.85rem; font-weight:400;}
.agbadging h6 {margin:0 0.3rem 0.5rem 1rem; font-size:1.3rem; line-height:1.5rem; font-weight:400;}
.agbadging p {margin:0 0.3rem 1.8rem 1.5rem; font-size:1.05rem; line-height:1.4rem; font-weight:400;}
.agbadging p.br {margin-bottom:0;}
.agbadging .undermovie {margin-bottom:2.5rem;}
.agbadging .bookgrid {
    display: grid; grid-template-columns:auto 120px; grid-gap:1.5rem; margin:0 1rem 1rem 0;
	-webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.agbadging .bookgrid > div {}
.agbadging .bookgrid img {box-shadow: 3px 3px 4px #777; margin-top:0.5rem;}

.agbadging ul.movielist {margin:0 0.5rem 1.5rem 2.0rem;}
.agbadging ul.movielist li {list-style-type:none; margin:0; padding:4px 0;}
.agbadging ul.movielist li a {padding:0 15px; position:relative; display:block;}
.agbadging ul.movielist li a::before {
  content:"\f0da"; font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:2px; top:1px;
  transition:all .2s;
}
.agbadging ul.movielist li a:hover::before {left:6px; color:#03a8e5;}

/*For Teachers*/
.outcomes-standards {margin:1rem 0.3rem 0.5rem 1.2rem; font-size:1.4rem; line-height:1.4rem; font-weight:400;}
.os-subject {margin:0 0.3rem 0.5rem 1.6rem; font-size:1.25rem; line-height:1.25rem; font-weight:400;}
p.os-desc {margin:0 0.3rem 0.5rem 2rem;}

/*agbadging list - NOT USED
ul.agbadging-icon {margin:0 0.5rem 1rem 3.0rem;}
ul.agbadging-icon li {list-style-type:none; margin:0; padding:18px 5px 28px 38px;}
li.ag {background-image: url(../images/agbadging/milestone/icons/ag.svg); background-position:left bottom; background-repeat: no-repeat; background-size:28px; height:28px;}
li.plants {background-image: url(../images/agbadging/milestone/icons/plants.svg); background-position:left bottom; background-repeat: no-repeat; background-size:28px; height:28px;}
li.food {background-image: url(../images/agbadging/milestone/icons/food.svg); background-position:left bottom; background-repeat: no-repeat; background-size:28px; height:28px;}
li.tech {background-image: url(../images/agbadging/milestone/icons/tech.svg); background-position:left bottom; background-repeat: no-repeat; background-size:28px; height:28px;}
li.geo {background-image: url(../images/agbadging/milestone/icons/geo.svg); background-position:left bottom; background-repeat: no-repeat; background-size:28px; height:28px;}
*/

/*AgBadging Home back link*/
#agbadging-home {position:relative; width:98%; margin-top:-4rem; height:90px;}
.agbadging-home {position:absolute; right:0; top:1rem;}
.agbadging-home ul li {list-style-type:none; margin:0; padding:18px 5px 30px 40px; background-image: url(../images/agbadging/milestone/icons/badge.svg); background-position:left bottom; background-repeat: no-repeat; background-size:33px; height:33px;}

/*AgBadging Student, Teacher, Volunteer back link*/
#agbadging-audience {position:relative; width:98%; margin-top:-4rem; height:55px;}
.agbadging-audience {position:absolute; right:0; top:1rem;}
.agbadging-audience ul li.students {list-style-type:none; margin:0; padding:18px 5px 30px 40px; background-image: url(../images/agbadging/milestone/icons/students.svg); background-position:left bottom; background-repeat: no-repeat; background-size:33px; height:33px;}
.agbadging-audience ul li.teachers {list-style-type:none; margin:0; padding:18px 5px 30px 40px; background-image: url(../images/agbadging/milestone/icons/teachers.svg); background-position:left bottom; background-repeat: no-repeat; background-size:33px; height:33px;}
.agbadging-audience ul li.volunteers {list-style-type:none; margin:0; padding:18px 5px 30px 40px; background-image: url(../images/agbadging/milestone/icons/volunteers.svg); background-position:left bottom; background-repeat: no-repeat; background-size:33px; height:33px;}
.agbadging-audience ul li a {display: block;}
.agbadging-audience a:hover::before {color:#03a8e5;}




/***************************Teacher Center Subpages********************************/
/*Images and list - Conference*/
.subcol img {padding:10px; margin:0 auto; text-align:center;}
.subcol img:hover {opacity:0.8; transform: scale(1.02); transition: all 0.4s;}
.subcol img.icon {width:50%; margin:10px auto; text-align:center;}
.subcol img.vlogo {width:70%; margin:10px auto; text-align:center;}


/*Conference Sponsors*/
.fivelogos {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap:1.5rem;
  margin:0 5px 45px 5px;
 }
.fivelogos > div {
	border-top:5px solid #051a3a;
    background-color:#FAFAFA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 1rem;
	text-align:center; font-weight:300;
	display:flex; align-items:center;
}
.fivelogos > div > div {margin-top:8px;}

/*teacher/grants*/
.fourlogos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap:1.0rem;
  margin:0 0.5rem 2rem 0.5rem;
 }
.fourlogos > div {
	border-top:5px solid #051a3a;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding:0.77rem; text-align:center;
	display:flex; align-items:center;
}

/************************************List Links***************************************/
ul.listlink {margin:0.1rem 0.5rem 1.5rem 2.0rem;}
ul.listlink li {list-style-type:none; margin:0; padding:4px 0;}
ul.listlink li a {padding:0 15px; position:relative; display:block;}
ul.listlink li a::before {
  content:"\f0da"; font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:2px; top:1px;
  transition:all .2s;
}
ul.listlink li a:hover::before {left:6px; color:#03a8e5;}
/*largefont*/
ul.listlink li a.largefont {font-size:1.4rem; padding:5px 15px;}
ul.listlink li a.largefont::before {font-size:1.5rem; top:4px;}

/*no link - affiliates*/
ul.listlink li.nolink {list-style-type:none; position:relative; margin:0; padding:4px 0 4px 13px;}
ul.listlink li.nolink::before {
  content:"\f0da"; font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:2px; top:6px;
}

/***********************************Anchor Links**************************************/
/*anchor links at the bottom - advodate previous years, teacher award previous years*/
.anchorlinks {text-align:center; margin:0 auto;}
.anchorlinks > div {list-style:none;}
.anchorlinks li {display:inline-block;}
.anchorlinks ul li a {
  padding:5px 20px;
  display:block;
  position:relative;
  text-decoration:none;
}
.anchorlinks ul li a::before {
  content:"\f101";
  font-family:FontAwesome;
  position:absolute;
  left:4px;
  transition:all .2s;
  color:#0c63ae;
  top:5px;
}
.anchorlinks ul li a:hover::before {left:7px; color: #03a8e5;}
/*Teacher Award*/
.anchorlinks ul li a.anchoraward::before {content:"\f559"; font-size:1.3rem; left:-1px;}
.anchorlinks ul li a.anchoraward:hover::before {left:2px; color: #03a8e5;}

/*anchor links at the top - agroworld, eLearning, conference*/
.anchorlinks_top {text-align:center; margin:-10px auto 50px auto;}
.anchorlinks_top ul {list-style:none; margin:0 auto !important;}
.anchorlinks_top li {display:inline-block;}
.anchorlinks_top ul li a { 
  display:block;
  padding: 5px 20px;
  position:relative;
  text-decoration:none;
}
.anchorlinks_top ul li a::before {
  content:"\f13a";
  font-family:FontAwesome;
  position:absolute;
  left:2px;
  transition:all .2s;
  color:#0c63ae;
  top:5px;
}
.anchorlinks_top ul li a.anchorhome::before {content:"\f015"; font-size:1.3rem; left:-2px;}
.anchorlinks_top ul li a.anchorOn {color:#333;}
.anchorlinks_top ul li a.anchorOn::before {color:#333;}
.anchorlinks_top ul li a:hover::before {top:7px; color: #03a8e5;}

/*anchor links at the top -affiliates*/
.anchorlinks_aff {text-align:center; margin:-20px auto 30px auto;}
.anchorlinks_aff ul {list-style:none; margin:0 auto !important;}
.anchorlinks_aff li {display:inline-block; padding:0 !important;}
.anchorlinks_aff ul li a { 
  display:block;
  padding:4px 20px;
  font-size:1.2rem !important;
  /*position:relative;*/
}
/*
.anchorlinks_aff ul li a::before {
  content:"\f13a";
  font-family:FontAwesome;
  position:absolute;
  left:2px;
  transition:all .2s;
  color:#0c63ae;
  top:5px;
}
.anchorlinks_aff ul li a.anchorhome::before {content:"\f015"; font-size:1.3rem; left:-2px;}
.anchorlinks_aff ul li a.anchorlogout::before {content:"\f2f5"; font-size:1.3rem; left:-2px;}
.anchorlinks_aff ul li a.anchorOn {color:#333;}
.anchorlinks_aff ul li a.anchorOn::before {color:#333;}
.anchorlinks_aff ul li a:hover::before {top:7px; color: #03a8e5;}*/

/*AFFILIATES used only in the main Affiliates page*/
.aff_loggedin {float:right; margin-top:-50px;}
.aff_loggedin a {padding:6px 30px; text-decoration:none; display:block; position: relative; font-size:1.2rem;}
.aff_loggedin a::before {
  font-family:FontAwesome; content:"\f2f5"; font-size:1.3rem;
  position:absolute;
  right:5px; top:7px;
  transition:all .4s;
  color:#0c63ae;
}
.aff_loggedin a:hover::before {right:0; color:#03a8e5;}

/*Garden & Hatching Center*/
.centerback {margin-top:-1rem; margin-bottom:2rem; align-items: center; justify-content:center; align-content:right; display: flex;
  flex-direction: row; flex-wrap: wrap;}
.centerback ul {list-style-type:none; margin:0;}
.centerback ul li {padding:6px 0;}
.centerback ul li a {font-size:1.3rem; padding:4px 0 1px 26px; display:block; position:relative; text-decoration:none;}
.centerback ul li a::before {content:"\f015"; font-family:FontAwesome; position:absolute; left:0; top:6px; transition:all .2s;}
.centerback ul li a:hover::before {color:#03a8e5;}


/*Ag Facts*/
.agfactsmap {margin:25px auto; align-items:center; justify-content:center; display:flex;}

/*eLearning**/
/*eLearning 4 Columns*/
.elearn_fourcols-flex-row {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items:center; justify-content:center; display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}

h3.elearn {font-size:120px; line-height:20px; text-align:center; margin:0 auto 90px auto; letter-spacing: 0.01em; text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);}
h3.elearn a {text-decoration:none; color:#000;}
.elearncol {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  transition:0.5s all;
}
.elearncol:hover {transform:scale(1.03); filter: grayscale(80%);}
#elearn-columns .elearncol:nth-child(1),
#elearn-columns .elearncol:nth-child(2),
#elearn-columns .elearncol:nth-child(3){
  margin-right:15px;
}
.elearncol .grade-pic {
height:600px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius:10px;
-moz-box-shadow:0px 0px 5px 1px #999;
-webkit-box-shadow:0px 0px 5px 1px #999;
}
#elearn-columns .elearncol:nth-child(1) .grade-pic {background-image: url(../images/eLearning/tile1.jpg);}
#elearn-columns .elearncol:nth-child(2) .grade-pic {background-image: url(../images/eLearning/tile2.jpg);}
#elearn-columns .elearncol:nth-child(3) .grade-pic {background-image: url(../images/eLearning/tile3.jpg);}
#elearn-columns .elearncol:nth-child(4) .grade-pic {background-image: url(../images/eLearning/tile4.jpg);}
.gradelevel {
z-index:1;
left:50%;
bottom:5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position:absolute;
text-align:center;
display:inline-block; color:#FFF; font-size:25px; line-height:26px; font-style:italic; letter-spacing:0.025em;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .8); transition:.3s all;
}
section#elearn-columns {margin: calc(1.0vh + 2px);}

/*AGBYTES SOIL BACKGROUND*/
.agbytes {
	background:url("../images/eLearning/agbytes_bg.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-size:1050px;
	/*height:248px;*/
	height:170px; border-radius:10px;
	-moz-box-shadow:0px 0px 5px 1px #999;
	-webkit-box-shadow:0px 0px 5px 1px #999;
    max-width:1050px;
	margin:10px auto;
	align-items:center; justify-content:center; display:flex;
    flex-direction:row;
    flex-wrap: wrap;	
 }
.agbytesrow {max-width:1000px; margin:10px auto;}
.agbytesrow ul li {display:inline-block;}
.agbytesrow ul {list-style:none; margin:0 auto; text-align:center;}
/*
#agbytes-rows .agbytesrow:nth-child(1) {font-size:2.8rem; line-height:2.8rem; font-weight:600; letter-spacing:0.025em; text-align:center; color:#FFF; text-shadow:2px 2px 2px rgba(0, 0, 0, .9);}
#agbytes-rows .agbytesrow:nth-child(2) {color:#aceb0a; font-size:2.8rem; line-height:2.8rem; font-weight:600; letter-spacing:0.025em; text-align:center; text-shadow:2px 2px 2px rgba(0, 0, 0, .9); transition: 0.3s all;}
#agbytes-rows .agbytesrow:nth-child(2) a {color:#aceb0a;}
#agbytes-rows .agbytesrow:nth-child(2):hover {transform: scale(1.04);}
*/
#agbytes-rows .agbytesrow:nth-child(1) {}
#agbytes-rows .agbytesrow:nth-child(1) a {display:block; padding:55px 15px; font-size:2.8rem; color:#FFF; transition: 0.3s all;}
#agbytes-rows .agbytesrow:nth-child(1) a:hover {transform: scale(1.04);}

/*eLearning Grade PreK-2 (grade1) Columns*/
.subcol .grade1-pic {height:230px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.grade1-pic:hover {opacity:0.8; transition: all 0.4s;}

#sub-columns1 .subcol:nth-child(1) .grade1-pic {background-image: url(../images/eLearning/grade1/eating.jpg);}
#sub-columns1 .subcol:nth-child(2) .grade1-pic {background-image: url(../images/eLearning/grade1/eggology.jpg);}
#sub-columns1 .subcol:nth-child(3) .grade1-pic {background-image: url(../images/eLearning/grade1/farm_animal.jpg);}
#sub-columns2 .subcol:nth-child(1) .grade1-pic {background-image: url(../images/eLearning/grade1/myfarm.jpg);}
#sub-columns2 .subcol:nth-child(2) .grade1-pic {background-image: url(../images/eLearning/grade1/pancakes.jpg);}
#sub-columns2 .subcol:nth-child(3) .grade1-pic {background-image: url(../images/eLearning/grade1/lifecycle.jpg);}
#sub-onecolumn .subcol:nth-child(1) .grade1-pic {background-image: url(../images/eLearning/grade1/recycled.jpg);}

/*eLearning Grade 3-5 (grade2) Columns*/
.subcol .grade2-pic {height:230px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.grade2-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .grade2-pic {background-image: url(../images/eLearning/grade2/desktop.jpg);}
#sub-columns1 .subcol:nth-child(2) .grade2-pic {background-image: url(../images/eLearning/grade2/dirtshake.jpg);}
#sub-columns1 .subcol:nth-child(3) .grade2-pic {background-image: url(../images/eLearning/grade2/farming.jpg);}
#sub-columns2 .subcol:nth-child(1) .grade2-pic {background-image: url(../images/eLearning/grade2/bioplastic.jpg);}
#sub-columns2 .subcol:nth-child(2) .grade2-pic {background-image: url(../images/eLearning/grade1/myfarm.jpg);}
#sub-columns2 .subcol:nth-child(3) .grade2-pic {background-image: url(../images/eLearning/grade2/renewable.jpg);}
#sub-twocolumns .subcol:nth-child(1) .grade2-pic {background-image: url(../images/eLearning/grade2/source.jpg);}
#sub-twocolumns .subcol:nth-child(2) .grade2-pic {background-image: url(../images/eLearning/grade2/soup.jpg);}

/*eLearning Grade 6-8 (grade3) Columns*/
.subcol .grade3-pic {height:230px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.grade3-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .grade3-pic {background-image: url(../images/eLearning/grade3/journey.jpg);}
#sub-columns1 .subcol:nth-child(2) .grade3-pic {background-image: url(../images/eLearning/grade3/applegenetics.jpg);}
#sub-columns1 .subcol:nth-child(3) .grade3-pic {background-image: url(../images/eLearning/grade3/food.jpg);}
#sub-onecolumn .subcol:nth-child(1) .grade3-pic {background-image: url(../images/eLearning/grade2/source.jpg);}

/*eLearning Grade 9-12 (grade4)*/
.subcol .grade4-pic {height:230px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.grade4-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .grade4-pic {background-image: url(../images/eLearning/grade3/journey.jpg);}
#sub-columns1 .subcol:nth-child(2) .grade4-pic {background-image: url(../images/eLearning/grade4/applescience.jpg);}
#sub-columns1 .subcol:nth-child(3) .grade4-pic {background-image: url(../images/eLearning/grade4/gmo.jpg);}
#sub-onecolumn .subcol:nth-child(1) .grade4-pic {background-image: url(../images/eLearning/grade2/source.jpg);}

/*eLearning Journey 2050 Columns*/
.subcol .journey-pic {height:230px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.journey-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .journey-pic {background-image: url(../images/eLearning/journey/teacher.jpg);}
#sub-columns1 .subcol:nth-child(2) .journey-pic {background-image: url(../images/eLearning/journey/lesson1.jpg);}
#sub-columns1 .subcol:nth-child(3) .journey-pic {background-image: url(../images/eLearning/journey/lesson2.jpg);}
#sub-columns2 .subcol:nth-child(1) .journey-pic {background-image: url(../images/eLearning/journey/lesson3.jpg);}
#sub-columns2 .subcol:nth-child(2) .journey-pic {background-image: url(../images/eLearning/journey/lesson4.jpg);}
#sub-columns2 .subcol:nth-child(3) .journey-pic {background-image: url(../images/eLearning/journey/lesson5.jpg);}
#sub-columns3 .subcol:nth-child(1) .journey-pic {background-image: url(../images/eLearning/journey/lesson6.jpg);}
#sub-columns3 .subcol:nth-child(2) .journey-pic {background-image: url(../images/eLearning/journey/lesson7.jpg);}
#sub-columns3 .subcol:nth-child(3) .journey-pic {background-image: url(../images/eLearning/journey/farmers.jpg);}

.lesson-box {font-size:1.1rem; line-height:1.6rem; font-weight:300; padding:0 5px 20px 5px; text-align:center;}
.lesson-box p {text-align:left; margin:0 6px 15px 6px; color:#000 !important; text-decoration:none !important;}
.lesson-box h5 {
  font-size:1.6rem; line-height:1.6rem; font-weight:400;
  height:120px; margin:0 8px;
  align-items: center; justify-content:center; align-content:right; display: flex;
  flex-direction: row; flex-wrap: wrap;
}
.lesson-box a {text-decoration:underline; color:#0c63ae;}
.lesson-linkbox a {text-decoration:underline; color:#0c63ae;}

/*State Logo Grid*/

.samplestatelogo {width:70%; text-align:center; margin:0 auto;}

.statelogo {
    display: grid; margin:3rem 1rem 1rem 1rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	-webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.statelogo > div {
  padding:0.5rem;
  border: 1px solid #ddd;
}

.statelogogrid {
    display: grid; grid-gap:0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	-webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.statelogogrid > div {
  padding:0.5rem;
  border: 1px solid #ddd;
  text-align:center;
}

/*State Ag Facts Grid*/
#agfactsgrid {
    display: grid; border: 1px solid #ddd;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	-webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.agfactsgrid-box {
  padding:15px 5px;
  border: 1px solid #ddd;
  font-size:1.1rem; line-height:1.1rem; font-family:'Open Sans', sans-serif; font-weight:300; text-align:center;
}

/*Ag-Knowledge Grid*/
.yesnogrid {
  display: grid;
  grid-template-columns:40px 40px 30px auto;
  grid-gap:2px;
  padding:2px;
  background-color: #ececec;
  margin:0 15px 50px 15px;
}
.yesnogrid > div {
  background-color: rgba(255, 255, 255, 0.8); 
  padding:5px 0;
  font-size:1rem;
  text-align:center;
}
.yesnogrid > div.q {text-align:left; padding-left:8px;} 

.matchgrid {
  display: grid;
  grid-template-columns:40px 50px 200px auto;
  grid-gap:2px;
  padding:2px;
  margin:0 15px 50px 15px;
}
.matchgrid > div {
  padding:5px 0;
  font-size:1rem;
  text-align:center;
}
.matchgrid > div.q {text-align:left; padding-left:8px;} 
.matchgrid hr {background-color:#333; height:2px; border:0; margin:0; background-image:none !important; width:90%; margin:18px auto 0 auto;}

ol.multipleq li {font-weight:500;}
ol.multiplechoice  {list-style-type: lower-alpha; margin:0rem 0.5rem 1.7rem 2.2rem;}
ol.multiplechoice li, ul.multiplechoice li {font-weight:300;}

.answersgrid {display:grid; grid-template-columns: repeat( auto-fit, minmax(120px, 1fr) ); margin:0 50px 50px 50px; grid-gap:4px; padding:4px;}
.answersgrid > div {padding:5px 0; font-weight:300;}

/*Teacher Award Logo, Slideshow & AwardList Grid*/
.sidebysidegrid {
  display:grid;
  grid-template-columns:auto auto;
  margin:18px;
}
.sidebysidegrid > div {
  padding:10px;
  display: flex;
  align-items: center;
}


/*Teacher Award 20 Table Grid - DELETED
.award20 {
  display: grid;
  grid-template-columns:auto auto;
  border:solid 1px #ececec;
  margin:0 25px 40px 25px;}
.award20 > div {
  border: solid 1px #ececec;
  padding:5px;
  font-size:1rem;
}*/

/*Teacher Award Grid*/
.awardgrid {display:grid; grid-template-columns:200px auto; margin:15px 15px 30px 15px;}
.awardgrid > div {padding:0.6rem 0 0 0.6rem; background-color:#eef7f9; border-top:solid 15px #FFF;}
.awardgrid > div.desc {padding:0.6rem 0 0.5rem 0.3rem; display: flex; justify-content: center; align-items: center;}
.winnername {font-size:1.5rem; font-weight:400;}
.awardgrid a.mov {padding:0 15px; position:relative; margin-left:1rem; margin-top:0.5rem;}
.awardgrid a.mov::before {content:"\f144"; font-size:1.3rem; font-family:FontAwesome; position:absolute; left:-8px; top:1px; transition:all .2s;}
.awardgrid a.mov:hover::before {left:-5px; color: #03a8e5;}

/*Teacher Award Winners under winners photo*/
.recipientsnav {
-webkit-flex: 1; -ms-flex: 1; flex: 1; 
width:100%; margin:20px auto; padding:10px 0; 
}
.recipientsnav ul li {display:inline-block;}
.recipientsnav ul {list-style:none;}
.recipientsnav li a {padding:3px; display:inline-block; text-decoration:none;}
.recipientsnav {text-align:center; font-size:0.85rem;}
.recipientsnav li::after {content: " |";}
.recipientsnav li:last-child::after {display:none;}

/*2021 Conference Featured photos - 2 columns*/
.twophotogrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}
.twophotogrid > div {
  padding:10px;
  -webkit-flex: 1; -ms-flex: 1; flex: 1;
  font-size:1.0rem; font-weight:300; text-align:center;
}
.twophotogrid > div img {text-align:center; margin:0 auto; box-shadow: 2px 2px 3px #777;}

/*Conference logo and movie grid*/
.confgrid {display:grid; grid-gap:1em; grid-template-columns:700px auto;}
.confgrid > div {padding:1em;}
.confgrid img {margin-top:1rem;}

.conference-content {float:left; width:71%; margin-right:2%; margin-bottom:2rem;}
.conference-content img {width:75%;}
.conference-conflogo-tatenaga {float:right; width:21%; margin-top:11rem; margin-right:2.4rem;}

/*State Teacher Winners 2014 Grid - 3 columns*/
.threephotogrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.threephotogrid-box {
  padding:10px;
  /*background-color:#FAFAFA; border: 1px solid #ddd;*/
  -webkit-flex: 1; -ms-flex: 1; flex: 1;
  font-size:1.0rem; font-weight:300; text-align:center;
}
.threephotogrid-box img {text-align:center; margin:0 auto;}

/*Teacher Award Archvies Grid*/
.awardarchivegrid {
  display:grid;
  grid-template-columns:500px auto;
  margin-bottom:40px;
}
.awardarchivegrid > div {
  display: flex;
  align-items: center;
}
.awardarchivegrid ul {list-style-type:none; margin:0;}
.awardarchivegrid ul li {padding:7px 0 0 20px;} 
.awardarchivegrid a {padding:5px 10px 0 25px; display:inline-block; position:relative;}
.awardarchivegrid .mov::before {content:"\f144"; font-family:FontAwesome; position:absolute; left:5px; top:6px; transition:all .2s;}
.awardarchivegrid .bio::before {content:"\f51c"; font-family:FontAwesome; position:absolute; left:0; top:8px; transition:all .2s;}
.awardarchivegrid .mov:hover::before {left:8px; color: #03a8e5;}
.awardarchivegrid .bio:hover::before {top:5px; color: #03a8e5;}

/*teacher/grants*/
.grantsgrid1 {display:grid; grid-template-columns:100px auto; margin:1rem 0;}
.grantsgrid1 h4 {font-size:2.2rem; margin:0.2rem 0.2rem 0.2rem 0.5rem; position:relative; top:50%; transform:translateY(-50%);}
.grantsgrid2 {display:grid; grid-template-columns:230px auto;}
.grantsgrid2 > div {padding:0.5rem;}
.grantsgrid2 h4 {font-size:2.1rem; margin:0.5rem;}

img.chs {display:inline-block; width:230px; vertical-align:middle;}
img.native {display:inline-block; width:100px; vertical-align:middle;}

/*affiliates/contact_national*/
.contactgrid {display:grid; grid-template-columns:250px auto; margin:0 0.2rem 3rem 1rem; grid-gap:2rem;}
.contactgrid > div {margin-top:2rem;}
.contactgrid h4 {font-size:1.7rem; line-height:1.8rem; margin:2rem 0 0 0;}
.contactgrid h5 {font-size:1.5rem; line-height:1.6rem; margin:0.5rem 0 0 0;}
.contactgrid .nationalcontact {font-size:1.4rem; line-height:1.5rem; margin:1.22rem 0 0 0;}
.contactgrid .nationalcontact2 {font-size:1.3rem; line-height:2rem; margin:0.5rem 0 0 0;}
.contactgrid img {max-width:250px;}

/*report*/
.reportgrid {display:grid; grid-template-columns:250px auto; margin:0 0.2rem 3rem 1rem; grid-gap:2rem;}
.reportgrid > div {margin-top:2rem;}
.reportgrid .contactdata {width:300px;}
.reportgrid img {max-width:250px;}

/*Garden Center Columns*/
.subcol .garden-pic {height:205px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.garden-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .garden-pic {background-image: url(../images/garden/funding.jpg);}
#sub-columns1 .subcol:nth-child(2) .garden-pic {background-image: url(../images/garden/recruiting.jpg);}
#sub-columns1 .subcol:nth-child(3) .garden-pic {background-image: url(../images/garden/summer.jpg);}
#sub-columns2 .subcol:nth-child(1) .garden-pic {background-image: url(../images/garden/connections.jpg);}
#sub-columns2 .subcol:nth-child(2) .garden-pic {background-image: url(../images/garden/resources.jpg);}
#sub-columns2 .subcol:nth-child(3) .garden-pic {background-image: url(../images/garden/theme.jpg);}
#sub-columns3 .subcol:nth-child(1) .garden-pic {background-image: url(../images/garden/basics.jpg);}
#sub-columns3 .subcol:nth-child(2) .garden-pic {background-image: url(../images/garden/safety.jpg);}
#sub-columns3 .subcol:nth-child(3) .garden-pic {background-image: url(../images/garden/indoor.jpg);}
#sub-columns4 .subcol:nth-child(1) .garden-pic {background-image: url(../images/garden/outdoor.jpg);}
#sub-columns4 .subcol:nth-child(2) .garden-pic {background-image: url(../images/garden/childrens.jpg);}
#sub-columns4 .subcol:nth-child(3) .garden-pic {background-image: url(../images/garden/art.jpg);}

/*Hatching Center Columns*/
.subcol .hatching-pic {height:205px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.hatching-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .hatching-pic {background-image: url(../images/hatching/sourcing.jpg);}
#sub-columns1 .subcol:nth-child(2) .hatching-pic {background-image: url(../images/hatching/incubators.jpg);}
#sub-columns1 .subcol:nth-child(3) .hatching-pic {background-image: url(../images/hatching/sanitation.jpg);}
#sub-columns2 .subcol:nth-child(1) .hatching-pic {background-image: url(../images/hatching/candling.jpg);}
#sub-columns2 .subcol:nth-child(2) .hatching-pic {background-image: url(../images/hatching/problems.jpg);}
#sub-columns2 .subcol:nth-child(3) .hatching-pic {background-image: url(../images/hatching/brooding.jpg);}
#sub-columns3 .subcol:nth-child(1) .hatching-pic {background-image: url(../images/hatching/health.jpg);}
#sub-columns3 .subcol:nth-child(2) .hatching-pic {background-image: url(../images/hatching/finding.jpg);}
#sub-columns3 .subcol:nth-child(3) .hatching-pic {background-image: url(../images/hatching/resources.jpg);}
#sub-twocolumns .subcol:nth-child(1) .hatching-pic {background-image: url(../images/hatching/size.jpg);}
#sub-twocolumns .subcol:nth-child(2) .hatching-pic {background-image: url(../images/hatching/buying.jpg);}

/*Garden & Hatching Center Nav Grid
.centergrid {
  display: grid;
  grid-template-columns:310px auto;}
.centergrid > div {padding-left:8px;}
.centergrid > div.navside {padding:0;}
.centernav {border:solid 1px #cecece; padding:15px;}
.centernav ul {list-style-type:none; margin:0;}
.centernav ul li {padding:6px 0;}
.centernav ul li a {padding:4px 0 1px 22px; display:block; position:relative;}
.centernav ul li a::before {content:"\f144"; font-family:FontAwesome; position:absolute; left:0; top:6px; transition:all .2s;}
.centernav ul li a.navhome::before {content:"\f015"; font-size:1.3rem; left:-1px;}
.centernav ul li a:hover::before {left:3px; color: #03a8e5;}
*/

/*teacher/integratedscience, environmentalscience, biology Grid*/
.course_twogrid {
    display:grid; margin:1rem 10%; 
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.course_twogrid > div {
  -webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.course_twogrid > div ul {margin-bottom:0;}

/*teacher/afnr*/
.course_one {margin:2rem 1rem 2rem 7rem; text-align: center;}
.course_one > div {text-align:left;}

/*Conference Schedule Grid*/
.schedulegrid {
  display: grid; grid-template-columns:135px auto;
  grid-gap:0.1rem; margin:1rem; text-align:center; font-size:0.8rem;
}
.schedulegrid > div.detail {background-color:#4a8bc2; color:#FFF; padding:0.2rem;} 
.schedulegrid > div.detail a {color:#FFF;}
.schedulegrid > div.coffee {background-color:#CCC; color:#333; padding:0.2rem;}
.schedulegrid > div.miniworkshops {background-color:#FFF7DC; color:#333; padding:0.2rem; font-style:italic;}
.schedulegrid > div.time {background-color:#EEE; color:#333; text-transform:uppercase; padding:0.2rem;}
.schedulegrid > div > div.location18 {line-height:1.5rem; display:grid; grid-template-columns:repeat(8, 1fr); background-color:#EEE; color:#333;}
.schedulegrid > div > div.location18 > div {border-left: 1px solid #000;}
.schedulegrid > div > div.location18 > div.ichiban {border:none;} 

.schedulegrid > div.time19 {background-color:#EEE; color:#333; text-transform:uppercase; padding:0.2rem;
height:35px; align-items: center; justify-content:center; align-content:right; display: flex; flex-direction: row; flex-wrap: wrap;}
.schedulegrid > div > div.location19 {line-height:0.9rem; display:grid; grid-template-columns:repeat(8, 1fr); background-color:#EEE; color:#333;}
.schedulegrid > div > div.location19 > div {border-left: 1px solid #000; padding:0.1rem;
height:35px; align-items: center; justify-content:center; align-content:right; display: flex; flex-direction: row; flex-wrap: wrap;}
.schedulegrid > div > div.location19 > div.ichiban {border:none;} 

.schedulegrid > div > div.speakers {
	padding:0.1rem;
    display:grid; grid-template-columns:repeat(8, 1fr);
	background-color:#FFF; color:#333;
}
.schedulegrid > div > div.speakers > div {border-left:1px solid #000; padding:0.3rem;}
.schedulegrid > div > div.speakers > div.ichiban {border:none;} 
.schedulegrid > div > div.speakers > div.saigo {border-right: 1px solid #000;}
h5.scheduleh5 {font-size:1.3rem; line-height:1.3rem; margin:2rem 0.2rem 0 0.7rem;}

#abstract_details p {font-size:0.8rem; line-height:1.2rem;}
#abstract_details p {/*long link wrap*/
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

#abstract_details h6 {background-color:#051a3a; color:#FFF; text-align:center; display:block; width:96%; padding:0.2rem;}
#abstract_details presentation {text-align:center; display:block; font-size:1.6rem; line-height:1.6rem; font-weight:400; font-style:italic; margin:0 1rem 0.5rem 1rem;}
#abstract_details presenter {text-align:center; display:block; font-size:1.6rem; line-height:1.6rem; font-weight:400; margin-bottom:0.5rem;}
.abstractgrid {display:grid; grid-template-columns:145px auto; grid-gap:0.3rem; margin:1rem; font-size:0.8rem;}


/*****************************************Student Center Subpages***************************************************/

/*Career Seeker Columns*/
.subcol .career-pic {height:205px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.career-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .career-pic {background-image: url(../images/student/career/discover.jpg);}
#sub-columns1 .subcol:nth-child(2) .career-pic {background-image: url(../images/student/career/agvideos.jpg);}
#sub-columns1 .subcol:nth-child(3) .career-pic {background-image: url(../images/student/career/designmatter.jpg);}
#sub-columns2 .subcol:nth-child(1) .career-pic {background-image: url(../images/student/career/agcareers.jpg);}
#sub-columns2 .subcol:nth-child(2) .career-pic {background-image: url(../images/student/career/farmingwork.jpg); }
#sub-columns2 .subcol:nth-child(3) .career-pic {background-image: url(../images/student/career/mylittleagme.jpg);}

/*student/career-discover*/
.subcol .discover-pic {height:310px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.discover-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-twocolumns .subcol:nth-child(1) .discover-pic {background-image: url(../images/student/discover/agexplorer.jpg);}
#sub-twocolumns .subcol:nth-child(2) .discover-pic {background-image: url(../images/student/discover/lesson.jpg);}
#sub-twocolumns2 .subcol:nth-child(1) .discover-pic {background-image: url(../images/student/discover/kit.jpg);}
#sub-twocolumns2 .subcol:nth-child(2) .discover-pic {background-image: url(../images/student/discover/playlist.jpg);}

/*student/career-playlist YouTube links*/
#career-playlist {margin-left:26%;}
.playlist li {font-size:1.3rem; line-height:1.7rem; margin-top:0.5rem; margin-bottom:0.5rem;}
.playlist ul li.agribusiness {background-image: url(../images/student/discover/playlist/agribusiness.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.ageducation {background-image: url(../images/student/discover/playlist/ageducation.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.agtechnology {background-image: url(../images/student/discover/playlist/agtechnology.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.animal {background-image: url(../images/student/discover/playlist/animal.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.biotech {background-image: url(../images/student/discover/playlist/biotech.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.environmental {background-image: url(../images/student/discover/playlist/environmental.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.food {background-image: url(../images/student/discover/playlist/food.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.natural {background-image: url(../images/student/discover/playlist/natural.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.plant {background-image: url(../images/student/discover/playlist/plant.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.power {background-image: url(../images/student/discover/playlist/power.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.skilled {background-image: url(../images/student/discover/playlist/skilled.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}
.playlist ul li.sustainable {background-image: url(../images/student/discover/playlist/sustainable.png); list-style-type:none; padding:12px 5px 34px 50px; background-position:left bottom; background-repeat: no-repeat; background-size:40px; height:40px;}

.playlist ul li a {display: block;}
.playlist a:hover::before {color:#03a8e5;}




/*Ag Today Columns*/
.subcol .agtoday-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.agtoday-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .agtoday-pic {background-image: url(../images/student/agtoday/01.jpg);}
#sub-columns1 .subcol:nth-child(2) .agtoday-pic {background-image: url(../images/student/agtoday/02.jpg);}
#sub-columns1 .subcol:nth-child(3) .agtoday-pic {background-image: url(../images/student/agtoday/03.jpg);}
#sub-columns2 .subcol:nth-child(1) .agtoday-pic {background-image: url(../images/student/agtoday/04.jpg);}
#sub-columns2 .subcol:nth-child(2) .agtoday-pic {background-image: url(../images/student/agtoday/05.jpg);}
#sub-columns2 .subcol:nth-child(3) .agtoday-pic {background-image: url(../images/student/agtoday/06.jpg);}

/*Ag Games Columns*/
.subcol .games-pic {height:220px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.games-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .games-pic {background-image: url(../images/student/games/badge.jpg);}
#sub-columns1 .subcol:nth-child(2) .games-pic {background-image: url(../images/student/games/nutrients.jpg);}
#sub-columns1 .subcol:nth-child(3) .games-pic {background-image: url(../images/student/games/farmers.jpg);}
#sub-twocolumns .subcol:nth-child(1) .games-pic {background-image: url(../images/student/games/myamericanfarm.jpg); height:280px;}
#sub-twocolumns .subcol:nth-child(2) .games-pic {background-image: url(../images/student/games/journey.jpg); height:280px;}

/*Ag Smarts Columns*/
.subcol .smarts-pic {height:188px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.smarts-pic:hover {opacity:0.8; transition: all 0.4s;}
#sub-columns1 .subcol:nth-child(1) .smarts-pic {background-image: url(../images/student/smarts/begin.svg);}
#sub-columns1 .subcol:nth-child(2) .smarts-pic {background-image: url(../images/student/smarts/inter.svg);}
#sub-columns1 .subcol:nth-child(3) .smarts-pic {background-image: url(../images/student/smarts/advance.svg);}

/*Ag Smarts Quizes*/
.smarts {font-size:1rem; margin-top:35px;}
ul.smartschoice {margin:0 0 25px 25px; list-style-type:none;}
ul.smartschoice li {font-weight:300 !important;}
.smarts ol li {font-weight:500;}


/************************************Get Involved**************************************/
/*DONATE*/
#sponsors ul {margin:0 auto; text-align:center; list-style:none;}
#sponsors ul li {
	margin:5px; padding:12px;
	display:inline-block; vertical-align:top;
	background:none;
	border-bottom-right-radius:5px; border-bottom-left-radius:5px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#sponsors ul.rainmaker li {border-top:5px solid #041A3A; width:45.12%;}
#sponsors ul.barn li {border-top:5px solid #b71d21; width:28.5%;}
#sponsors ul.harvester li {border-top:5px solid #216832; width:20.1%;}
#sponsors ul.cultivator li {border-top:5px solid #008ce1; width:16%;}
#sponsors ul li img {max-width:100%; height:auto; text-align:center; margin:0;}

/*donate fadeshow*/
#fadeshow {float:right;}


/*************************************Affiliates**************************************/

.errormsg  { color: #990000; margin: 20px 0px 0px 0px; }
#errormsg  { color: #990000; margin: 20px 0px 0px 0px; background-color: #e48f81; padding: 6px 10px; }
#successmsg  { color: #398446; margin: 20px 0px 0px 0px; background-color: #a2f0af; padding: 6px 10px; }
.singlecontact  { margin-top: 5px; margin-bottom: 10px; }

/*affiliates/index - Fontawesome icons with different background colors
.aff {min-height:600px; max-width:1100px; margin:calc(6vh + 30px) auto;}
.affcol {-webkit-flex:1; -ms-flex:1; flex:1; position:relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
#aff-columns1 .affcol:nth-child(1),
#aff-columns1 .affcol:nth-child(2){margin-right:30px;}
#aff-columns2 .affcol:nth-child(1),
#aff-columns2 .affcol:nth-child(2){margin-right:30px;}

#aff-twocolumns .affcol:nth-child(1){margin-right:30px;}

#aff-columns1 .affcol:nth-child(1) .affbox {background-color:#2f7237;}
#aff-columns1 .affcol:nth-child(2) .affbox {background-color:#ce2c2f;}
#aff-columns1 .affcol:nth-child(3) .affbox {background-color:#6c54a3;}
.affbox {transition:all 0.4s;}
.affbox:hover {opacity:0.8;}
#aff-columns2 .affcol:nth-child(1) {background-color:#f47521;}
#aff-columns2 .affcol:nth-child(2) {background-color:#2158a8;}
#aff-columns2 .affcol:nth-child(3) {background-color:#98b05e;}

.affbox {height:auto; align-items:center; justify-content:center; align-content:right; display:flex; flex-direction:row; flex-wrap:wrap; padding:2.43rem 0.5rem;}
.affcol a {text-decoration:none;}
.affbox i {font-size:6.5rem; text-align:center; color:#FFF; margin:1rem auto;}
.affbox h4 {height:90px;  width:99%; margin:1rem; text-align:center; color:#FFF; font-size:1.7rem !important; line-height:2.1rem !important; font-weight:400;
		     align-items: center; justify-content:center; align-content:right; display:flex; flex-direction:row; flex-wrap:wrap; transition:0.2s all;}
/*.affcol p {color:#333; text-align:center; margin:2rem 1rem !important; transition:all 0.4s;}
.affcol p:hover {color:#2196f3;}*

section#aff-columns1,
section#aff-columns2,
section#aff-twocolumns {margin:calc(1.0vh + 15px);}
*/

/*Contact 3 Columns*/
.contactcol {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid rgba(0,0,0,.2);  
}
#contact-columns .contactcol:nth-child(1),
#contact-columns .contactcol:nth-child(2){margin-right: 30px;}
.contact-box h5 {margin:0 0.5rem 0 0 !important;}
.contact-box {font-size:1rem; font-weight:300; padding:15px 8px;}
section#contact-columns {margin: calc(0.5vh + 2px);}

/*State Programs Grid*/
.stategrid {display:grid; grid-template-columns:repeat(3, minmax(1px, 100%)); margin:1rem;}
.stategrid > div {border-left:1px #777 solid; border-bottom:1px #777 solid; padding:0.5rem 0.2rem; text-align:center;}
.stategrid > div.last {border-right:1px #777 solid;}
.stategrid > div.top {border-top:1px #777 solid;}
.stategrid > div.right {border-right:1px #777 solid;}

.statename {text-align:center; display:block; width:100%;}
.stategrid a {text-decoration:none;}
.stategrid ul {list-style:none; margin:5px 0px;}
.stategrid ul li {display:inline-block;}
.stategrid ul li a {padding:5px 10px; margin:0; display:inline-block;}
a.web {color:#f26322; font-size:2.6rem;}
a.fb {color:#496bb3; font-size:3rem;}
a.report {color:#39b54a; font-size:2.8rem;}
/*
.stategrid li img  { width:50px; height:50px; margin:5px 2px; }
.stategrid li img:hover {
  transition: all .3s ease-out;
  transform: scale(1.1);
}
/*
#stategrid  { width: 100%; }
.stategrid { border: 1px solid #dddddd; display:block; width: 33.333%; float:left; height: 110px; padding: 10px 0px; }

.stategrid > div {
  padding:15px 5px 0 5px;
  border: 1px solid #ddd;
  font-size:1.3rem; line-height:1rem; font-family:'Open Sans', sans-serif; font-weight:400; text-align:center;
}

.statename {text-align:center; display:block; width:100%;}
.stategrid a {text-decoration:none;}
.stategrid ul {list-style:none; display:inline-block; position:relative; left:50%; transform:translateX(-50%); margin:5px 0px;}
.stategrid ul li {display:inline-block;}
.stategrid li {display:inline-block;}
.stategrid li a {padding:0px 0px; margin: 0px 0px;}
.stategrid li img  { width:50px; height:50px; margin:5px 2px; }
.stategrid li img:hover {
  transition: all .3s ease-out;
  transform: scale(1.1);
}
*/

/*Region 4 Columns*/
.region_fourcols-flex-row {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
}
.regioncol {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid rgba(0,0,0,.2);
}
#region-columns .regioncol:nth-child(1),
#region-columns .regioncol:nth-child(2),
#region-columns .regioncol:nth-child(3){margin-right:10px;}
.regioncol h3 {
  text-align:center; font-size:23px; line-height:25px; font-weight:600;
  height:60px; margin:0;
  align-items: center; justify-content:center; align-content:right; display: flex;
  flex-direction: row; flex-wrap: wrap;
}
.region-box {padding:5px;}
section#region-columns {margin: calc(0.2vh + 2px);}

.region-box {font-size:1rem; font-weight:300; padding:15px 8px;}
.region-box ul {list-style:none; margin:0rem 1rem 1rem 1rem;}
.region-box ul li a {padding:5px 20px; display:block; position:relative;}
.region-box ul li a::before {
  content:"\f105"; font-family:FontAwesome; color:#0c63ae;
  position:absolute; left:2px; top:8px;
  transition:all .2s;
}
.region-box ul li a:hover::before {left:8px; color: #03a8e5;}

/*grant movies*/
.grant a.mov {margin-left:0.5rem; padding:5px 10px 0 25px; display:inline-block; position:relative;}
.grant .mov::before {content:"\f431"; font-family:FontAwesome; position:absolute; left:5px; top:6px; transition:all .2s;}
/*.grant .mov:hover::before {left:8px; color: #03a8e5;}*/

/*Advocate photo and Grange logo*/
.photo-grapnge-grid {display:grid; grid-gap:1em; grid-template-columns:auto 320px; margin:1rem 0 2rem 1rem}
.photo-grapnge-grid > div {padding:1rem;}

/*************************************Image Gallery**************************************/
/*Image Gallery Index Columns*/
.subcol .gallery-pic {height:200px; background-position:center; background-size:cover; background-repeat:no-repeat;}
#sub-columns1 .subcol:nth-child(1) .gallery-pic {background-image: url(../images/gallery/photo.jpg);}
#sub-columns1 .subcol:nth-child(2) .gallery-pic {background-image: url(../images/gallery/vector.jpg);}
#sub-columns1 .subcol:nth-child(3) .gallery-pic {background-image: url(../images/index_teacher/conference.png);}

#sub-twocolumns .subcol:nth-child(1) .gallery-pic {background-image: url(../images/gallery/logo_naitc.jpg);}
#sub-twocolumns .subcol:nth-child(2) .gallery-pic {background-image: url(../images/gallery/logo_states.jpg);}

/*Image Gallery Grid*/
.gallerygrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.gallerygrid-box {
  padding:5px;
  background-color:#FAFAFA; border: 1px solid #ddd;
  -webkit-flex: 1; -ms-flex: 1; flex: 1;
  font-size:1.0rem; font-family:'Open Sans', sans-serif; font-weight:300; text-align:center;
}
.gallerygrid-box img {text-align:center; margin:0 auto;}


/***************************************************Photo Grids -get/advocates*******************************************/
* {box-sizing: border-box;}

.photogrid {
  display: grid;
/*  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);*/
  grid-gap: 1.1rem; 
}
.photogrid_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; 
}
.photogrid_sidexside1 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 5;
}
.photogrid_sidexside2 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 5;
}

.photogrid_item1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
.photogrid_item2 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
}

.photogrid_item3 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 3;
}

.photogrid_item4 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 5;
}

.photogrid_item5 {
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 3;
  grid-row-end: 5;
}

.photogrid_item6 {
  grid-column-start: 7;
  grid-column-end: 9;
  grid-row-start: 3;
  grid-row-end: 5;
}

.photogrid_item7 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 9;
}

.photogrid_item8 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 5;
  grid-row-end: 9;
}

.photogrid_item9 {
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 5;
  grid-row-end: 9;
}

.photogrid_item10 {
  grid-column-start: 7;
  grid-column-end: 9;
  grid-row-start: 5;
  grid-row-end: 9;
}


/*************************************** Evaluate Lesson Plan (Matrix) *************************************/
.evaluationtable  { border-collapse: collapse; table-layout: fixed; width: 100%; margin-left: -5px; }
.evaluationtable TR TD  { padding: 5px; }
.evaluationtable TR TD:nth-child(1)  { width: 110px; }
.evaluationtable TR TD:nth-child(1) IMG  { width: 100px; height: auto; }


/*******************************************Photo Grids -conference******************************************/
.confphoto {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	padding-left: 0;
	list-style: none;
}
.confphoto > div img {width: 100%;}


/**********************************************iframe Video*************************************************/
.video-container {position: relative; height: 0; overflow: hidden;}
/* 16x9 Aspect Ratio */
.video-container-16x9 {padding-bottom: 56.25%;}
/* 4x3 Aspect Ratio */
.video-container-4x3 {padding-bottom: 75%;}

.video-container iframe, object, embed {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
.video-container object embed {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}*/

/********************************************Image Styles*************************************************/
.dropshadow {box-shadow: 3px 3px 4px #777;}
.glowshadow {box-shadow: 0px 0px 2px 3px #e4e4e4; margin-bottom:20px;}
.width400 {width:400px;}
.width300 {width:300px;}
.width200 {width:200px;}

.width80p {width:80%;}
.width60p {width:60%;}

.marginright {margin:5px 5px 15px 15px;}
.marginleft {margin:5px 15px 15px 5px;}

.floatright {float:right;}
.floatleft {float:left;}
.centerimg {margin:25px auto; text-align:center;}

.photodesc {text-align:center; color:#777; float:right;} /*affiliates/leader, garden/summer*/

/***************************************************************RESPONSIVE*****************************************************************************/
@media screen and (max-width: 1200px) {
#wrap {width:100%;}
.wrapper {max-width:92%; margin:0 auto;}
/*.wrapper {width: 970px;}*/
.largesc {display:none;}
.mobiles {display:block; margin:4.14rem 0; right:25px;}

/*homepage*/
.homecol h2 {margin:75px 15px 20px 15px; font-size:1.35rem;}
.maptxt h3 {font-size:4.6rem; line-height:4.6rem;}
.maptxt p {font:2.1rem; line-height:2.1rem;}

/*subpage*/
.subpage h4 {margin:0.2rem 0.5rem 0.5rem 0;}
.subpage h5 {margin:0.2rem 0.5rem 0.5rem 0;}
.subpage h6 {margin:0.2rem 0.5rem 0.5rem 0;}
.subpage ul {margin:0rem 0.5rem 1.7rem 1.5rem;}
.subpage ol {margin:0rem 0.5rem 1.7rem 1.5rem;}
.subpage p {margin:0rem 0.5rem 1.7rem 0;}
.subpage p.br {margin:0rem 0.5rem 0.1rem 0;}
.subpage p.dent {margin:0rem 0.5rem 1.7rem 1rem;}
.date {margin:1rem 1rem 1rem 1rem;}

.awardgrid > div.desc {padding:0.6rem 0 0.5rem 1rem;}

.confgrid {grid-gap:0.5em; grid-template-columns:680px auto;}
.confgrid > div {padding:0.5em;}
.confgrid img {margin-top:0;}

/*eLearning*/
.gradelevel {
left:50%; font-size:21px; line-height:22px;}
.agbytes {max-width:97%;}
/*#agbytes-rows .agbytesrow:nth-child(1) {font-size:2.5rem; line-height:2.5rem;}*/

.milelandingcol h3 {margin:5rem 0 2rem 0;}

.button2wrap {
  grid-template-rows:auto;
  grid-template-columns:auto;
  grid-gap:0.5rem; display:block; justify-content:center;
  margin:0.5rem 0.5rem 0.5rem 1.4rem;}
.button2wrap > div {margin:0.3rem !important;}


/*Matrix*/
h2.matrixH2 {margin-top:0; font-size:3.3rem; line-height:3.3rem;}
}

@media screen and (max-width:1050px) {
.confgrid {display:block;}
.confgrid img {max-width:400px; margin:0 auto; text-align:center;}

/*Agbadging*/
.subcol .milestone-ag-pic {height:180px;}
.subcol .milestone-plants-pic {height:180px;}
.subcol .milestone-food-pic {height:180px;}
.subcol .milestone-tech-pic {height:180px;}
.subcol .milestone-geo-pic {height:180px;}

#sub-twocolumns .milestone-ag-pic {height:220px !important;}
#sub-twocolumns .milestone-plants-pic {height:220px !important;}
#sub-twocolumns .milestone-food-pic {height:220px !important;}
#sub-twocolumns .milestone-tech-pic {height:220px !important;}
#sub-twocolumns .milestone-geo-pic {height:220px !important;}
}

@media screen and (max-width: 970px) {
.logo {top: 10px;}
.logo img {width:250px;}
#scroll {bottom: 0;}
/*.wrapper {max-width:700px; width:90%;}*/

/*homepage*/
#home-columns.display-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#home-columns .homecol:nth-child(1),
#home-columns .homecol:nth-child(2) {margin: 0 0 60px 0;}
.link-box {padding: 20px 40px;}

.map {height:320px;}
.maptxt {width:auto;}
.maptxt h3 {font-size:4.3rem; line-height:4.3rem;}
.maptxt p {font-size:1.85rem; line-height:1.8rem;}
.agliteracy_contents p {width:auto;}
/*footer*/
#footer-rows .footrow:nth-child(1) {text-align: center; font-size: 1.1rem;}

/************************************Landing pages************************************/
#landing-columns1.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#landing-columns2.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#landing-columns3.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#landing-columns4.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#landing-columns5.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#landing-twocolumns.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#landing-onecolumn.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#landing-columns1 .landingcol:nth-child(1),
#landing-columns1 .landingcol:nth-child(2) {margin: 0 0 30px 0;}
#landing-columns2 .landingcol:nth-child(1),
#landing-columns2 .landingcol:nth-child(2) {margin: 0 0 30px 0;}
#landing-columns3 .landingcol:nth-child(1),
#landing-columns3 .landingcol:nth-child(2) {margin: 0 0 30px 0;}
#landing-columns4 .landingcol:nth-child(1),
#landing-columns4 .landingcol:nth-child(2) {margin: 0 0 30px 0;}
#landing-columns5 .landingcol:nth-child(1),
#landing-columns5 .landingcol:nth-child(2) {margin: 0 0 30px 0;}
#landing-twocolumns .landingcol:nth-child(1),
#landing-twocolumns .landingcol:nth-child(2) {margin: 0 0 30px 0;}
#landing-onecolumn .landingcol:nth-child(1) {margin: 0 0 30px 0;}
.landingcol .teacher-pic {height:350px !important;}
.landingcol .student-pic {height:350px;}
.landingcol .get-pic {height:350px;}

.text-box {padding: 20px 40px;}

section#landing-columns1,
section#landing-columns2,
section#landing-columns3,
section#landing-columns4,
section#landing-columns5,
section#landing-onecolumn,
section#landing-twocolumns
{
  margin:0 10px 30px 10px;
}

/*affiliates*/
#aff-columns1.display-flex {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
#aff-columns2.display-flex {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
#aff-columns1 .affcol:nth-child(1),
#aff-columns1 .affcol:nth-child(2) {margin: 0 0 30px 0;}
#aff-columns2 .affcol:nth-child(1),
#aff-columns2 .affcol:nth-child(2) {margin: 0 0 30px 0;}
section#aff-columns1,
section#aff-columns2 {margin-bottom:30px;}

/*affiliates/contact*/
#contact-columns.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#contact-columns .contactcol:nth-child(1),
#contact-columns .contactcol:nth-child(2){margin: 0 0 30px 0;}

/*affiliates/regions*/
.regioncol {flex-basis: calc(48% - 12px);}
#region-columns .regioncol:nth-child(1),
#region-columns .regioncol:nth-child(2),
#region-columns .regioncol:nth-child(3),
#region-columns .regioncol:nth-child(4){margin:10px;}

/*eLearning*/
.elearncol {flex-basis: calc(48% - 12px);}
#elearn-columns .elearncol:nth-child(1),
#elearn-columns .elearncol:nth-child(2),
#elearn-columns .elearncol:nth-child(3),
#elearn-columns .elearncol:nth-child(4){margin:10px;}
.agbytes {max-width:95%;}
#agbytes-rows .agbytesrow:nth-child(1) {font-size:2.2rem; line-height:2.2rem;}

/*AgBadging*/
.milelanding-pic {height:400px !important;}
/*agbadging landing page*/
#milelanding-columns.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#milelanding-columns .milelandingcol:nth-child(1),
#milelanding-columns .milelandingcol:nth-child(2){margin: 0 0 100px 0;}

/*students,teachers,volunteers*/
#milestone-columns1.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#milestone-columns2.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#milestone-columns1 .milestonecol:nth-child(1),
#milestone-columns1 .milestonecol:nth-child(2),
#milestone-columns1 .milestonecol:nth-child(3) {margin: 0 0 20px 0;}
#milestone-columns2 .milestonecol:nth-child(1),
#milestone-columns2 .milestonecol:nth-child(2),
#milestone-columns2 .milestonecol:nth-child(3) {margin: 0 0 20px 0;}
section#milestone-columns1.section {margin: 6vh 0 1.5rem 0;}
section#milestone-columns2.section {margin: 0;}

/*Agbadging*/
.subcol .milestone-ag-pic {height:400px;}
.subcol .milestone-plants-pic {height:400px;}
.subcol .milestone-food-pic {height:400px;}
.subcol .milestone-tech-pic {height:400px;}
.subcol .milestone-geo-pic {height:400px;}

#sub-twocolumns .milestone-ag-pic {height:400px !important;}
#sub-twocolumns .milestone-plants-pic {height:400px !important;}
#sub-twocolumns .milestone-food-pic {height:400px !important;}
#sub-twocolumns .milestone-tech-pic {height:400px !important;}
#sub-twocolumns .milestone-geo-pic {height:400px !important;}

/*3 Columns*/
#sub-columns1.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#sub-columns2.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#sub-columns3.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#sub-columns4.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#sub-twocolumns.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#sub-twocolumns2.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#sub-twocolumns3.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#sub-twocolumns4.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#sub-onecolumn.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#sub-columns1 .subcol:nth-child(1),
#sub-columns1 .subcol:nth-child(2){margin: 0 0 20px 0;}
#sub-columns2 .subcol:nth-child(1),
#sub-columns2 .subcol:nth-child(2){margin: 0 0 20px 0;}
#sub-columns3 .subcol:nth-child(1),
#sub-columns3 .subcol:nth-child(2){margin: 0 0 20px 0;}
#sub-columns4 .subcol:nth-child(1),
#sub-columns4 .subcol:nth-child(2){margin: 0 0 20px 0;}
#sub-onecolumn .subcol:nth-child(1){margin: 0 0 20px 0;}
#sub-twocolumns .subcol:nth-child(1){margin: 0 0 20px 0;}
#sub-twocolumns2 .subcol:nth-child(1){margin: 0 0 20px 0;}
#sub-twocolumns3 .subcol:nth-child(1){margin: 0 0 20px 0;}
#sub-twocolumns4 .subcol:nth-child(1){margin: 0 0 20px 0;}

section#sub-columns1,
section#sub-columns2,
section#sub-columns3,
section#sub-columns4,
section#sub-onecolumn,
section#sub-twocolumns,
section#sub-twocolumns2, 
section#sub-twocolumns3, 
section#sub-twocolumns4 {margin: calc(1.0vh + 10px) 0.5rem 0 0.5rem;}

/*Teacher Subpages*/
.subcol .vr-pic {height:350px;} /*360*/
.subcol .aw-pic {height:320px;}/*Agroworld*/
.subcol .themes-pic {height:480px;} /*Themes*/
.subcol .course-pic {height:480px !important;} /*Course Topics*/
.subcol .sustain-pic {height:480px !important;} /*Sustainability*/
.subcol .grade1-pic {height:400px;}
.subcol .grade2-pic {height:400px;}
.subcol .grade3-pic {height:400px;}
.subcol .grade4-pic {height:400px;}
.subcol .journey-pic {height:400px;}
.subcol .garden-pic {height:400px;}

.subcol .virtual-pic {height:350px;} /*student/virtual*/

/*Teacher Awards Archive*/
.awardarchivegrid {display:block; grid-template-columns:auto auto;}
.awardarchivegrid > div {
  display:flex;
  align-items:center;
  justify-content:center;
}

/*Garden & Hatching Center Nav Grid
.centergrid {display:block; grid-template-columns:auto auto;}
.centergrid > div {padding-left:0;}
.centergrid > div.navside {margin-bottom:35px;}
.centernav {width:98%; text-align:center; margin:0 auto;}
.centernav ul li {display:inline-block; padding:3px 10px; text-align: center;}
.centernav ul li a {display:inline-block;}
*/

/*Conference Schedule*/
.schedulegrid {grid-template-columns:60px auto; margin:0.1rem; font-size:0.7rem;}
.schedulegrid > div.time {padding:0.1rem;}

/*Advocate photo and Grange Grid*/
.photo-grapnge-grid {grid-gap:0em; grid-template-columns:auto 260px; margin:1rem 0 2rem 0;}
.photo-grapnge-grid > div {padding:0.2rem;}

/*Student Subpages*/
.subcol .smarts-pic {height:350px;} /*Ag Smarts*/
.subcol .career-pic {height:450px !important;} /*Career Seeker*/
.subcol .agtoday-pic {height:380px;} /*Ag Today Seeker*/
.subcol .games-pic {height:380px !important;} /*Ag Games*/

/*student/career-playlist*/
#career-playlist {margin-left:17%;}

/*Image styles*/
.width400 {width:50%;}

}

@media screen and (max-width: 820px) {
.map {height:250px;}
.maptxt h3 {font-size:3.9rem; line-height:3.9rem; font-weight:300;}

.landingcol .teacher-pic {height:410px !important;}
.landingcol .student-pic {height:410px;}
.landingcol .get-pic {height:410px;}

/*Agbadging*/
.milelanding-pic {height:350px !important;}
.subcol .milestone-ag-pic {height:350px;}
.subcol .milestone-plants-pic {height:350px;}
.subcol .milestone-food-pic {height:350px;}
.subcol .milestone-tech-pic {height:350px;}
.subcol .milestone-geo-pic {height:350px;}

#sub-twocolumns .milestone-ag-pic {height:350px !important;}
#sub-twocolumns .milestone-plants-pic {height:350px !important;}
#sub-twocolumns .milestone-food-pic {height:350px !important;}
#sub-twocolumns .milestone-tech-pic {height:350px !important;}
#sub-twocolumns .milestone-geo-pic {height:350px !important;}

.subcol .themes-pic {height:350px !important;} /*Themes*/
.subcol .course-pic {height:350px !important;} /*Course Topics*/
.subcol .sustain-pic {height:350px !important;} /*Sustainability*/

.stategrid ul li a {padding:5px;}

/*teacher/grants*/
.grantsgrid1 {display:block;}
.grantsgrid1 img {width:230px; margin:0.2rem auto; text-align-last:center;}
.grantsgrid1 h4 {text-align:center; margin:3rem auto -3rem auto; position:static; top:0;}
.grantsgrid2 {display:block;}
.grantsgrid2 img {width:60%; margin:0.2rem auto; text-align-last:center;}
.grantsgrid2 h4 {text-align:center;}

/*affiliates/contact_national*/
.contactgrid {grid-template-columns:180px auto; margin:0 0.2rem 3rem 0.2rem; grid-gap:1rem;}
.contactgrid > div {margin-top:2rem;}
.contactgrid h4 {font-size:1.5rem; line-height:1.6rem; margin:0;}
.contactgrid h5 {font-size:1.3rem; line-height:1.4rem; margin:0;}
.contactgrid .nationalcontact {font-size:1.2rem; line-height:1.3rem; margin:1.22rem 0 0 0;}
.contactgrid .nationalcontact2 {font-size:1.1rem; line-height:1.6rem; margin:0.5rem 0 0 0;}
.contactgrid img {max-width:180px;}

/*report*/
.reportgrid {grid-template-columns:180px auto; margin:0 0.2rem 3rem 0.2rem; grid-gap:1rem;}
.reportgrid > div {margin-top:2rem;}
.reportgrid img {max-width:180px;}

/*conference2023*/
.conference-content {float:none; width:auto; margin:0 auto;}
.conference-conflogo-tatenaga {float:none; width:50%; margin:0 auto; text-align:center;}

/*teacher/afnr*/
.course_one {margin:2rem 1rem;}

/*Image Style*/
.width80p {width:95%;}
.width60p {width:95%;}

/*Button*/
.buttonwrapinline {display:block; grid-template-columns:88%; margin-left:0;}
.buttonwrapinline > div button {font-size:1rem;}

}

/*
@media only screen and (max-width:700px){
}*/

@media screen and (max-width: 680px) {
#scroll {display: none !important;}

.display-flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.logo {margin:20px auto; width:240px;}

/*homepage*/
.link-box {padding: 20px 30px;}
.link-box ul li a {padding: 10px 20px;}
.link-box ul li a::before {top: 13px;}

/*#matrixmap .display-flex {padding: 30px; justify-content: center;}*/
.map {height:200px}
.maptxt h3 {font-size:3.1rem; line-height:3.0rem;}
.maptxt p {font-size:1.3rem; line-height:1.5rem; font-weight:400;}

.agliteracy_contents h3 {font-size:2.3rem; line-height:2.3rem;}
.agliteracy_contents p {font-size:1.3rem; line-height:1.8rem;}

/*footer*/
#footer-rows .footrow:nth-child(2) {font-size:1.7rem;}

.landingcol .teacher-pic {height:340px !important;}
.landingcol .student-pic {height:340px;}
.landingcol .get-pic {height:340px;}

/*Page title*/
h2.pagetitle {height:330px; font-size:3.7rem; line-height:3.7rem; font-weight:300;}
h2.agbadgingtitle {height:330px; font-size:2.7rem; line-height:2.85rem; font-weight:300;}
h2.matrixtitle {height:330px; font-size:2.5rem; line-height:2.9rem; font-weight:300;}

/*Headings*/
.subpage h3 {font-size:3.0rem; line-height:3.1rem;}
.subpage h4 {font-size:2.0rem; line-height:2.1rem;}
.subpage h5 {font-size:1.6rem; line-height:1.7rem;}
.subpage h6 {font-size:1.3rem; line-height:1.4rem;}
.subpage h4.small {font-size:1.7rem; line-height:1.8rem;}
.subpage h5.small {font-size:1.35rem; line-height:1.45rem;}

/*Image Style*/
.dropshadow {margin:20px auto;}
.width300 {width:80%;}
.width400 {width:80%;}
.width60p {width:80%;}
.floatright {float:none; margin:1rem auto; text-align:center;}
.floatleft {float:none; margin:1rem auto; text-align:center;}

/*donate fadeshow*/
#fadeshow {float:none; margin:10px auto; text-align:center;}

/*affiliates/regions*/
.region_fourcols-flex-row {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

/*affiliates/programs*/
.stategrid ul li a {padding:3px;}
a.web {font-size:2.1rem;}
a.fb {font-size:2.5rem;}
a.report {font-size:2.3rem;}
/*.stategrid  { width: 50%; }*/

/*eLearning*/
h3.elearn {font-size:80px;}
.agbytes {max-width:92.3%;}
#agbytes-rows .agbytesrow:nth-child(1) {font-size:1.8rem; line-height:1.8rem;}
#agbytes-rows .agbytesrow:nth-child(2) a {font-size:2.2rem;}
#agbytes-rows .agbytesrow:nth-child(3) a {font-size:2.0rem; padding:35px 10px;}

/*Teacher Subpages*/
.subcol .vr-pic {height:300px;} /*360*/
.subcol .aw-pic {height:300px;}/*Agroworld*/
.subcol .themes-pic {height:300px !important;} /*Themes*/
.subcol .course-pic {height:300px !important;} /*Course Topics*/
.subcol .sustain-pic {height:300px !important;} /*Sustainability*/
.subcol .grade1-pic {height:300px;}
.subcol .grade2-pic {height:300px;}
.subcol .grade3-pic {height:300px;}
.subcol .grade4-pic {height:300px;}
.subcol .journey-pic {height:300px;}
.subcol .garden-pic {height:300px;}

/*Agbadging*/
.milelanding-pic {height:300px !important;}
.subcol .milestone-ag-pic {height:300px;}
.subcol .milestone-plants-pic {height:300px;}
.subcol .milestone-food-pic {height:300px;}
.subcol .milestone-tech-pic {height:300px;}
.subcol .milestone-geo-pic {height:300px;}

#sub-twocolumns .milestone-ag-pic {height:300px !important;}
#sub-twocolumns .milestone-plants-pic {height:300px !important;}
#sub-twocolumns .milestone-food-pic {height:300px !important;}
#sub-twocolumns .milestone-tech-pic {height:300px !important;}
#sub-twocolumns .milestone-geo-pic {height:300px !important;}

/*Student Subpages*/
.subcol .virtual-pic {height:300px;} /*student/virtual*/
.subcol .career-pic {height:320px !important;} /*Career Seeker*/
.subcol .agtoday-pic {height:300px;} /*Ag Today Seeker*/
.subcol .games-pic {height:300px !important;} /*Ag Games*/

/*Teacher Awards*/
.sidebysidegrid {display:block;}
.sidebysidegrid > div.awardlist {display: flex; justify-content: center; align-items: center;}
.awardgrid {display:block; grid-template-columns:auto auto;}
.awardgrid > div {padding:0.6rem 0 0 0.6rem; border:none;}
.awardgrid > div.desc {padding:0.6rem 0 0.5rem 0.3rem; border-bottom:solid 15px #FFF;}

/*Ag Facts*/
.agfactsmap {display:none;}

/*Button*/
.agknowB {width:99%; margin-bottom:0.5rem;}

/*Agbadging*/
.milelandingcol h3 {font-size:1.7rem; line-height:1.7rem}
.milestonecol h3 {font-size:1.4rem; line-height:1.5rem;}

/*Advocate photo and Grange Grid*/
.photo-grapnge-grid {display:block;}
.photo-grapnge-grid > div.grange {width:60%; text-align:center; margin:0 auto;}

/*student/career-playlist*/
#career-playlist {margin-left:6%;}

}

@media screen and (max-width: 520px) {
.map {height:160px}
.maptxt {max-width:72%;}
.maptxt h3 {font-size:2.45rem; line-height:2.45rem;}
.maptxt p {font-size:1.15rem; line-height:1.25rem;}

.landingcol .teacher-pic {height:245px !important;}
.landingcol .student-pic {height:245px;}
.landingcol .get-pic {height:245px;}
.text-box {padding: 20px 20px;}

/*Teacher Subpages*/
.subcol .vr-pic {height:250px;} /*360*/
.subcol .aw-pic {height:250px;}/*Agroworld*/
.subcol .themes-pic {height:250px !important;} /*Themes*/
.subcol .course-pic {height:250px !important;} /*Course Topics*/
.subcol .sustain-pic {height:250px !important;} /*Sustainability*/
.subcol .grade1-pic {height:250px;}
.subcol .grade2-pic {height:250px;}
.subcol .grade3-pic {height:250px;}
.subcol .grade4-pic {height:250px;}
.subcol .journey-pic {height:250px;}
.subcol .garden-pic {height:250px;}

/*Agbadging*/
.milelanding-pic {height:250px !important;}
.subcol .milestone-ag-pic {height:250px;}
.subcol .milestone-plants-pic {height:250px;}
.subcol .milestone-food-pic {height:250px;}
.subcol .milestone-tech-pic {height:250px;}
.subcol .milestone-geo-pic {height:250px;}

#sub-twocolumns .milestone-ag-pic {height:250px !important;}
#sub-twocolumns .milestone-plants-pic {height:250px !important;}
#sub-twocolumns .milestone-food-pic {height:250px !important;}
#sub-twocolumns .milestone-tech-pic {height:250px !important;}
#sub-twocolumns .milestone-geo-pic {height:250px !important;}

/*Student Subpages*/
.subcol .virtual-pic {height:250px;} /*student/virtual*/
.subcol .career-pic {height:250px !important;} /*Career Seeker*/
.subcol .agtoday-pic {height:250px;} /*Ag Today Seeker*/
.subcol .games-pic {height:250px !important;} /*Ag Games*/

.agliteracy_contents h3 {font-size:2.0rem; line-height:2.0rem;}
.agliteracy_contents p {font-size:1.2rem; line-height:1.6rem;}

a.web {font-size:1.5rem;}
a.fb {font-size:1.9rem;}
a.report {font-size:1.7rem;}

/*agknow*/
.yesnogrid {grid-template-columns:30px 30px 20px auto; margin:0 5px 50px 5px;}
.yesnogrid > div {font-size:0.85rem;}
.matchgrid {grid-template-columns:20px 40px auto auto; margin:0 5px 50px 5px;}
.matchgrid > div {font-size:0.85rem;}

/*button*/
.buttonwrap {width:99%; margin-left:0;}
.button450 {width:99%;}
.buttonwrapinline > div button {font-size:0.8rem; line-height:0.8rem;}

/*Grid*/
.twophotogrid {display:block;}
.twophotogrid > div {padding:0.2em;}

/*affiliates/contact_national*/
.contactgrid {grid-template-columns:120px auto; margin:0 0.2rem 2rem 0.2rem; grid-gap:0.5rem;}
.contactgrid > div {margin-top:1rem;}
.contactgrid h4 {font-size:1.4rem; line-height:1.5rem;}
.contactgrid h5 {font-size:1.2rem; line-height:1.3rem;}
.contactgrid .nationalcontact {font-size:1.1rem; line-height:1.2rem; margin:1rem 0 0 0;}
.contactgrid .nationalcontact2 {font-size:1.0rem; line-height:1.5rem; margin:0.2rem 0 0 0;}
.contactgrid img {max-width:120px;}

/*report*/
.reportgrid {display:block; grid-template-columns:auto auto; margin:0 auto;}
.reportgrid img {max-width:70%; text-align:center; margin:0 auto;}
.reportgrid .contactdata {width:100%;}

/*Conference*/
.confgrid img {max-width:80%;}

/*eLearning*/
h3.elearn {font-size:50px; margin:0 auto 50px auto;}
.elearncol .grade-pic {height:550px;}
#elearn-columns.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#elearn-columns .elearncol:nth-child(1),
#elearn-columns .elearncol:nth-child(2),
#elearn-columns .elearncol:nth-child(3),
#elearn-columns .elearncol:nth-child(4){margin:10px;}

.agbytes {height:110px;}
#agbytes-rows .agbytesrow:nth-child(1) a {padding:25px 10px; font-size:2.2rem;}

/*student/career-playlist*/
#career-playlist {margin-left:auto;}
.playlist li {font-size:1.0rem; line-height:1.4rem; background-size:33px; height:33px; padding:8px 5px 30px 50px;}

}

@media screen and (max-width: 414px) {
.wrapper {max-width:92%; width:92%; margin:0 auto;}
/*homepage*/
.map {height:140px}
.maptxt h3 {font-size:2.3rem; line-height:2.3rem; font-weight:400;}
.maptxt p {font-size:1.0rem; line-height:1.0rem;}

.landingcol .teacher-pic {height:190px !important;}
.landingcol .student-pic {height:190px;}
.landingcol .get-pic {height:190px;}

/*Page title*/
h2.pagetitle {height:230px; font-size:3.3rem; line-height:3.6rem;}
h2.matrixtitle {height:250px; font-size:2.1rem; line-height:2.4rem;}

/*affiliates/programs*/
.stategrid {grid-template-columns:repeat(1, minmax(1px, 100%)); margin:0.5rem;}
.stategrid > div {border:none;}
.stategrid > div.last {border-right:none;}
.stategrid > div.top {border-top:none;}
.stategrid > div.right {border-right:none;}
.stategrid ul li a {padding:0 0.8rem 1rem 0.8rem;}
a.web {font-size:2.5rem;}
a.fb {font-size:2.9rem;}
a.report {font-size:2.7rem;}
/*.stategrid  { width:100%; }*/
	
/*eLearning*/
.agbytes {max-width:90%; height:80px;}
#agbytes-rows .agbytesrow:nth-child(1) a {padding:15px 9px; font-size:1.5rem;}
/*
#agbytes-rows .agbytesrow:nth-child(1) {font-size:1.6rem; line-height:1.6rem;}
#agbytes-rows .agbytesrow:nth-child(2) a {font-size:2.2rem;}
#agbytes-rows .agbytesrow:nth-child(3) a {font-size:1.8rem; padding:25px 8px;}
*/

/*Teacher Subpages*/
.subcol .vr-pic {height:200px;} /*360*/
.subcol .aw-pic {height:200px;}/*Agroworld*/
.subcol .themes-pic {height:200px !important;} /*Themes*/
.subcol .course-pic {height:200px !important;} /*Course Topics*/
.subcol .sustain-pic {height:200px !important;} /*Sustainability*/
.subcol .grade1-pic {height:200px;}
.subcol .grade2-pic {height:200px;}
.subcol .grade3-pic {height:200px;}
.subcol .grade4-pic {height:200px;}
.subcol .journey-pic {height:200px;}
.subcol .garden-pic {height:200px;}

/*Agbadging*/
.milelanding-pic {height:200px !important;}
.subcol .milestone-ag-pic {height:200px;}
.subcol .milestone-plants-pic {height:200px;}
.subcol .milestone-food-pic {height:200px;}
.subcol .milestone-tech-pic {height:200px;}
.subcol .milestone-geo-pic {height:200px;}

#sub-twocolumns .milestone-ag-pic {height:200px !important;}
#sub-twocolumns .milestone-plants-pic {height:200px !important;}
#sub-twocolumns .milestone-food-pic {height:200px !important;}
#sub-twocolumns .milestone-tech-pic {height:200px !important;}
#sub-twocolumns .milestone-geo-pic {height:200px !important;}

/*Student Subpages*/
.subcol .virtual-pic {height:200px;} /*student/virtual*/
.subcol .career-pic {height:200px !important;} /*Career Seeker*/
.subcol .agtoday-pic {height:200px;} /*Ag Today Seeker*/
.subcol .games-pic {height:200px !important;} /*Ag Games*/



/*affiliates/contact_national*/
.contactgrid {display:block; grid-template-columns:auto auto; margin:0 auto;}
.contactgrid img {max-width:70%; text-align:center; margin:0 auto;}

/*teacher/integratedscience, environmentalscience, biology Grid*/
.course_twogrid {display:block; margin:1rem 2%;}

/*AgBadging*/
.agbadging .bookgrid {display:block; margin-bottom:3rem;}

/*button*/
.buttonwrapinline > div button {font-size:0.6rem; line-height:0.6rem;}

/*Matrix*/
h2.matrixH2 {font-size:2.3rem; line-height:2.3rem;}

}

@media screen and (max-width: 320px) {
/*Page title*/
h2.pagetitle {height:180px; font-size:3rem; line-height:3rem;}
h2.matrixtitle {height:180px; font-size:2rem; line-height:2rem;}

/*Grid*/
#agfactsgrid {display:block;}
.confphoto {display:block;}
.confphoto > div {padding:0.2em;}
.threephotogrid {display:block;}
.threephotogrid > div {padding:0.2em;}


}