@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Anton:400');/*sponsor textlogo*/

body {overflow-x:hidden; background-color:#FFF; font-family:'Poppins', 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: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/******************************************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 { /*vertically centered*/
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.centerV {display:flex; align-items:center;}/*vertically centered*/
.centerH {display:flex; justify-content:center;}/*horizontally centered*/

a:link, a:visited {color:#0051d0; transition: 0.4s all; text-decoration:none;}
a:hover, a:active, a:focus {color:#03a8e5;}
footer a:link, footer a:visited {color: #fff;}

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

#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)";
}

/*Video Style*/
iframe {max-width:100%;}
/*iframe responsive - used in LetsGetStarted*/
.video-container {position:relative; height:0; overflow:hidden;}
.video-container-16x9 {padding-bottom:56.25%;}
.video-container-4x3 {padding-bottom:75%;}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.wrapper {max-width:1100px; margin:0 auto;}

/*******************************************Header************************************************/
header {display:block; height:93px;}
nav.topnav {text-align:right;}
nav.topnav ul {padding:0; margin:8px 5px;}
nav.topnav ul li {list-style-type:none; display:inline-block; padding:0 0.5rem;}
nav.topnav a {color:#1a4589; font-weight:400; font-family:'Poppins';transition: 0.4s all;}
nav.topnav a:hover {color:#03a8e5;}
nav.topnav a.fa-icon::before {padding-right: 5px;}
.fa-icon::before {font-family: FontAwesome;}

h1.logo {max-width:580px; position:absolute; top:25px; margin-left:15px;}
h1.logo img {max-width:580px;}

#search {width:32%; float:right; margin:0 15px;}

/*Matrix icon links*/
nav.sign_log {text-align:right; margin-bottom:-40px;}
nav.sign_log ul {padding:0; margin-right:0.5rem;}
nav.sign_log ul li {list-style-type:none; display:inline-block;}
nav.sign_log a {color:#f37022; font-weight:400; transition:0.4s all; padding:0.5rem; display:inline-block;}
nav.sign_log a:hover {color:#1a4589;}
nav.sign_log a.fa-icon::before {padding-right:5px;}
.fa-icon::before {font-family: FontAwesome;}

/*******************************************Main Nav************************************************/
nav.main {margin-top:50px;}
#mainnav {height:50px; width:1100px; background:url(../images/default/mainnav.png) no-repeat; background-size:1100px;}

#mainnav ul, #mainnav li, div.menu ul, div.menu ul li, ul.menu, ul.menu li {list-style:none; padding:0; margin:auto 0; display:inline; height:auto;}
#mainnav ul li {float:left; position:relative; background:none;}
#mainnav ul li a {
	text-decoration:none; color:#FFF; font-family:'Poppins', sans-serif; font-size:18px; line-height:20px;
	display:block; text-align:center;
	margin:0; padding:15px 0;
	white-space:nowrap;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
}
#mainnav ul li.about a {background:url(../images/default/nav_about.png) no-repeat; background-size:124px; width:124px;}
#mainnav ul li.about a:hover{color:#000d17;}
#mainnav ul li.teaching a {background:url(../images/default/nav_teaching.png) no-repeat; background-size:225px; width:225px;}
#mainnav ul li.teaching a:hover{color:#7c341b;}
#mainnav ul li.programs a {background:url(../images/default/nav_programs.png) no-repeat; background-size:196px; width:196px;}
#mainnav ul li.programs a:hover{color:#125251;}
#mainnav ul li.grants a {background:url(../images/default/nav_grants.png) no-repeat; background-size:227px; width:227px;}
#mainnav ul li.grants a:hover{color:#0b2715;}
#mainnav ul li.ways a {background:url(../images/default/nav_ways.png) no-repeat; background-size:152px; width:152px;}
#mainnav ul li.ways a:hover{color:#125251;}
#mainnav ul li.student a {background:url(../images/default/nav_student.png) no-repeat; background-size:176px; width:176px;}
#mainnav ul li.student a:hover{color:#495e05;}

a.navhighlight_about  {color:#000d17 !important;}
a.navhighlight_teaching  {color:#7c341b !important;}
a.navhighlight_programs  {color:#125251 !important;}
a.navhighlight_grants  {color:#0b2715 !important;}
a.navhighlight_ways  {color:#125251 !important;}
a.navhighlight_student  {color:#495e05 !important;}

#mainnav ul ul {
	font-family: 'Poppins', sans-serif;
	text-align:left;
	width:auto;
	position:absolute; 
	top:-99999px; 
	left:0;
	opacity: 0; /* Hide sub level */
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	z-index:497;
	box-shadow:none;
}

#mainnav ul ul li a {color:#FFF; font-size:0.79rem; margin:0; padding:5px; text-align:left;}
#mainnav ul ul li a:hover {color:#000 !important;}

#mainnav ul li.about ul li {background-color:#1a4589; opacity:0.9; width:160px;}
#mainnav ul li.about ul li a {background:none; width:160px;}
#mainnav ul li.about ul li a:hover {background-color:#F1F1F1; width:160px;}

#mainnav ul li.teaching ul li {background-color:#f57004; opacity:0.9; width:235px; margin-left:8px;}
#mainnav ul li.teaching ul li a {background:none; width:235px;}
#mainnav ul li.teaching ul li a:hover {background-color:#F1F1F1; width:235px;}
#mainnav ul li.teaching ul li ul {margin-top:-1px;}
#mainnav ul li.teaching ul li ul li {margin-left:9px; width:130px !important;}
#mainnav ul li.teaching ul li ul li a {width:130px !important;}

#mainnav ul li.programs ul li {background-color:#2c9a9a; opacity:0.9; width:253px; margin-left:8px;}
#mainnav ul li.programs ul li a {background:none; width:253px;}
#mainnav ul li.programs ul li a:hover {background-color:#F1F1F1; width:253px;}
#mainnav ul li.programs ul li ul {}
#mainnav ul li.programs ul li ul li {margin-left:9px; width:170px !important;}
#mainnav ul li.programs ul li ul li a {width:170px !important;}

#mainnav ul li.grants ul li {background-color:#006322; opacity:0.9; width:260px; margin-left:9px;}
#mainnav ul li.grants ul li a {background:none; width:260px;}
#mainnav ul li.grants ul li a:hover {background-color:#F1F1F1; width:260px;}

#mainnav ul li.ways ul li {background-color:#2c9a9a; opacity:0.9; width:230px; margin-left:6px;}
#mainnav ul li.ways ul li a {background:none; width:230px;}
#mainnav ul li.ways ul li a:hover {background-color:#F1F1F1; width:230px;}

#mainnav ul li.student ul li {background-color:#8eb734; opacity:0.9; width:168px; margin-left:8px;}
#mainnav ul li.student ul li a {background:none; width:168px;}
#mainnav ul li.student ul li a:hover {background-color:#F1F1F1; width:168px;}

#mainnav ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
}
#mainnav ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#mainnav ul ul li:hover>ul{ position:absolute; top:0; left:96%; opacity: 1; z-index:497;}

#mobilemenu {display:none;}

/*****************************************************Footer******************************************************/
footer {width:100%; color:#FFF; vertical-align:top; -webkit-flex:1; -ms-flex:1; flex:1;}
.footrow {max-width:1000px; margin:10px auto;}
.footrow ul li {display:inline-block;}
.footrow ul {list-style:none;}

#footer-top {background-color:#FFF;}
#footer-top .footrow:nth-child(1) {text-align:center; display:block;}
#footer-top .footrow:nth-child(1) li {width:57px; height:57px; padding:14px 12px; margin:10px; border-radius:100%; border:solid 2px #1a4589; transition:0.3s all;}
#footer-top .footrow:nth-child(1) i {color:#1a4589; font-size:1.7rem;}
#footer-top .footrow:nth-child(1) li a {transition:0.3s all; color:#1a4589;}
#footer-top .footrow:nth-child(1) li a:hover {transform: scale(1.05);}
#footer-top .footrow:nth-child(1) li:hover {transform: scale(1.05);}

#footer-bottom {background-color:#1a4589; padding:35px 5px;}
#footer-bottom .footrow:nth-child(1) a {display:block; width:120px;}
#footer-bottom .footrow:nth-child(1) logo {float:left; margin:5px;}
#footer-bottom .footrow:nth-child(1) img {max-width:120px;}
#footer-bottom .footrow:nth-child(1) p {font-size:1.06rem; line-height:1.55rem; margin:1.2rem; font-weight:300;}
#footer-bottom .footrow:nth-child(2) {text-align:center;}
#footer-bottom .footrow:nth-child(2) a {text-decoration:none; font-size:0.9rem; font-weight:300; padding:10px;}
#footer-bottom .footrow:nth-child(2) a:hover {color:#03a8e5;}
#footer-bottom .footrow:nth-child(2) li::after {content: " ✤";}
#footer-bottom .footrow:nth-child(2) li:last-child::after {display:none;}

/***************************************HOMEPAGE*******************************************/
/*slide*/
#slide {width:1100px; margin:0 auto; padding-top:10px; height:420px; background:#1a4589; border-bottom-left-radius:12px; border-bottom-right-radius:12px;}
#wowslider-container1 .ws_bullets {left:42.5% !important;}

/*Home 3 Columns*/
.homecol {
  -webkit-flex:1; -ms-flex:1; flex:1;
  position:relative;
  border-bottom-right-radius:3px; border-bottom-left-radius:3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#home-columns .homecol:nth-child(1),
#home-columns .homecol:nth-child(2) {
  margin-right:20px;
}
.homecol .featured-pic {height:195px; background-position:center; background-size:cover; background-repeat:no-repeat;}
#home-columns .homecol:nth-child(1) .featured-pic {background-image: url(../images/home/resources.jpg);}
#home-columns .homecol:nth-child(2) .featured-pic {}
#home-columns .homecol:nth-child(3) .featured-pic {}
#home-columns .homecol:nth-child(1) .topbar {background-color: #8fb63f;}
#home-columns .homecol:nth-child(2) .topbar {background-color: #f36f21;}
#home-columns .homecol:nth-child(3) .topbar {background-color: #1a4589;}

.homecol .topbar {top:2px; left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position:absolute;
text-align:center;
width:100.3%; height:8px;}

.homecol h2 {font-family:'Raleway'; font-weight:500; text-align:center; text-transform:uppercase; margin:35px 10px 25px 10px;}
.home1 {color:#8fb63f;}
.home2 {color:#f36f21;}
.home3 {color:#1a4689;}

section#home-columns {margin-top:calc(5vh + 30px);}
section.section {margin:10vh 0 5vh 0;}
.link-box {padding:20px 10px 20px 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:"\f0da"; font-family:FontAwesome; font-size:1.3rem;
  position:absolute;
  left:3px;
  transition:all .2s;
  color:#0c63ae;
  top:6px;
}
.link-box ul li a:hover::before {left: 8px; color: #03a8e5;}


/*******************************Landing subpages*********************************/
.landingcol {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right:1px solid rgba(0,0,0,.2);
  border-left:1px solid rgba(0,0,0,.2);
  border-bottom:1px solid rgba(0,0,0,.2);
  position:relative;
  border-bottom-left-radius:3px; border-bottom-right-radius:3px;
}
#landing-columns1 .landingcol:nth-child(1),
#landing-columns1 .landingcol:nth-child(2){
  margin-right: 20px;
}
#landing-columns2 .landingcol:nth-child(1),
#landing-columns2 .landingcol:nth-child(2){
  margin-right: 20px;
}
#landing-columns3 .landingcol:nth-child(1),
#landing-columns3 .landingcol:nth-child(2){
  margin-right: 20px;
}
#landing-columns4 .landingcol:nth-child(1),
#landing-columns4 .landingcol:nth-child(2){
  margin-right: 20px;
}
#landing-twocolumns1 .landingcol:nth-child(1){margin-right:20px;}
#landing-twocolumns2 .landingcol:nth-child(1){margin-right:20px;}
#landing-twocolumns3 .landingcol:nth-child(1){margin-right:20px;}
#landing-twocolumns4 .landingcol:nth-child(1){margin-right:20px;}

.landingbar {
top:3px; left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position:absolute;
text-align:center;
width:100.3%; height:8px; 
}

.landingcol h3 {
  text-align: center;
  font-weight:500;
  font-size:1.6rem !important; line-height:1.6rem !important;
  height:90px; margin:0 8px !important;
  align-items: center; justify-content:center; display: flex;
  flex-direction: row; flex-wrap: wrap;
}

.landingcol h5 {/*prorams/webinar*/
  text-align: center;
  font-weight:500;
  font-size:1.6rem !important; line-height:1.6rem !important;
  height:60px; margin:0.5rem 8px 0 8px !important;
  align-items: center; justify-content:center; display: flex;
  flex-direction: row; flex-wrap: wrap;
}
.landingcol h3 em {font-style:italic; height:0;}
.landingcol a {color:#000; text-decoration: none;}
.landingcol a:hover {color:#03a8e5; transition: all 0.4s;}
.text-box {padding: 20px; font-weight:300;}
.text-box a {color:#0051d0;}

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

/*Ways to Help Landing*/
.waysbar {border-top: 8px solid #288a89;}
.landingcol .ways-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.ways-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .ways-pic {background-image: url(../images/help/index/handsonag.jpg);}
#landing-columns1 .landingcol:nth-child(2) .ways-pic {background-image: url(../images/help/index/donate.jpg);}
#landing-columns1 .landingcol:nth-child(3) .ways-pic {background-image: url(../images/help/index/inkind.jpg);}

#landing-columns2 .landingcol:nth-child(1) .ways-pic {background-image: url(../images/help/index/volunteer.jpg);}
#landing-columns2 .landingcol:nth-child(2) .ways-pic {background-image: url(../images/help/index/special.jpg);}
#landing-columns2 .landingcol:nth-child(3) .ways-pic {background-image: url(../images/help/index/additional.jpg);}

/*Programs/Events Landing*/
.programsbar {border-top: 8px solid #521f6e;}
.landingcol .programs-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.programs-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .programs-pic {background-image: url(../images/programs/index/seed.jpg);}
#landing-columns1 .landingcol:nth-child(2) .programs-pic {background-image: url(../images/programs/index/conference.jpg);}
#landing-columns1 .landingcol:nth-child(3) .programs-pic {background-image: url(../images/programs/index/schoolgarden.jpg);}
#landing-columns2 .landingcol:nth-child(1) .programs-pic {background-image: url(../images/programs/index/early.jpg);}
#landing-columns2 .landingcol:nth-child(2) .programs-pic {background-image: url(../images/programs/index/farmday.jpg);}
#landing-columns2 .landingcol:nth-child(3) .programs-pic {background-image: url(../images/programs/index/webinar.jpg);}
#landing-columns3 .landingcol:nth-child(1) .programs-pic {background-image: url(../images/programs/index/contest.jpg);}
#landing-columns3 .landingcol:nth-child(2) .programs-pic {background-image: url(../images/programs/index/taste.jpg);}
#landing-columns3 .landingcol:nth-child(3) .programs-pic {background-image: url(../images/programs/index/university.jpg);}
#landing-twocolumns1 .landingcol:nth-child(1) .programs-pic {background-image: url(../images/programs/index/agweek.jpg);}
#landing-twocolumns1 .landingcol:nth-child(2) .programs-pic {background-image: url(../images/programs/index/other.jpg);}
/*
#landing-onecolumn .landingcol:nth-child(1) .programs-pic {background-image: url(../images/programs/index/past.jpg);}
*/

/*Programs/Other Landing*/
.programsbar {border-top: 8px solid #521f6e;}
.landingcol .other-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.other-pic:hover {opacity:0.8; transition: all 0.4s;}
#landing-columns1 .landingcol:nth-child(1) .other-pic {background-image: url(../images/programs/index/calendar.jpg);}
#landing-columns1 .landingcol:nth-child(2) .other-pic {background-image: url(../images/programs/index/budding.jpg);}
#landing-columns1 .landingcol:nth-child(3) .other-pic {background-image: url(../images/programs/index/sai.jpg);}

/*Past Programs Landing
.landingcol .past-pic {height:280px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.past-pic:hover {opacity:0.8; transition: all 0.4s;}
#landing-twocolumns1 .landingcol:nth-child(1) .past-pic {background-image: url(../images/programs/past/seed.jpg);}
#landing-twocolumns1 .landingcol:nth-child(2) .past-pic {background-image: url(../images/programs/past/sai.jpg);}
*/

/*Programs/webinar Landing*/
.programsbar {border-top: 8px solid #521f6e;}
.landingcol {background-position: center; background-size: cover; background-repeat: no-repeat;}

/*Grants Landing*/
.grantsbar {border-top: 8px solid #006225;}
.landingcol .grants-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.grants-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .grants-pic {background-image: url(../images/grants/index/life.jpg);}
#landing-columns1 .landingcol:nth-child(2) .grants-pic {background-image: url(../images/grants/index/organic.jpg);}
#landing-columns1 .landingcol:nth-child(3) .grants-pic {background-image: url(../images/grants/index/other.jpg);}
/*#landing-columns1 .landingcol:nth-child(3) .grants-pic {background-image: url(../images/grants/index/tasteteach.jpg);}
#landing-onecolumn .landingcol:nth-child(1) .grants-pic {background-image: url(../images/grants/index/.jpg);}*/


/*Teaching Resources Landing*/
.teachingbar {border-top:8px solid #f37022;}
.landingcol .teaching-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.teaching-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .teaching-pic {background-image: url(../images/resources/index/grab.jpg);}
#landing-columns1 .landingcol:nth-child(2) .teaching-pic {background-image: url(../images/resources/index/lesson.jpg);}
#landing-columns1 .landingcol:nth-child(3) .teaching-pic {background-image: url(../images/resources/index/learn.jpg);}

#landing-columns2 .landingcol:nth-child(1) .teaching-pic {background-image: url(../images/resources/index/fact.jpg);}
#landing-columns2 .landingcol:nth-child(2) .teaching-pic {background-image: url(../images/resources/index/farmyou.jpg);}
#landing-columns2 .landingcol:nth-child(3) .teaching-pic {background-image: url(../images/resources/index/bites.jpg);}

#landing-columns3 .landingcol:nth-child(1) .teaching-pic {background-image: url(../images/resources/index/wgo.jpg);}
#landing-columns3 .landingcol:nth-child(2) .teaching-pic {background-image: url(../images/resources/index/great.jpg);}
#landing-columns3 .landingcol:nth-child(3) .teaching-pic {background-image: url(../images/resources/index/fusd.jpg);}

#landing-columns4 .landingcol:nth-child(1) .teaching-pic {background-image: url(../images/resources/index/partnering.jpg);}
#landing-columns4 .landingcol:nth-child(2) .teaching-pic {background-image: url(../images/resources/index/gardens.jpg);}
#landing-columns4 .landingcol:nth-child(3) .teaching-pic {background-image: url(../images/resources/index/request.jpg);}


/*Resources/learn Landing*/
.teachingbar {border-top:8px solid #f37022;}
.landingcol .learnag-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.teaching-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .learnag-pic {background-image: url(../images/resources/learn/index/beef.jpg);}
#landing-columns1 .landingcol:nth-child(2) .learnag-pic {background-image: url(../images/resources/learn/index/nutrition.jpg);}
#landing-columns1 .landingcol:nth-child(3) .learnag-pic {background-image: url(../images/resources/learn/index/plant.jpg);}

#landing-twocolumns1 .landingcol:nth-child(1) .learnag-pic {background-image: url(../images/resources/learn/index/crops.jpg);}
#landing-twocolumns1 .landingcol:nth-child(2) .learnag-pic {background-image: url(../images/resources/learn/index/stem.jpg);}

/*Resources/lesson Landing*/
.teachingbar {border-top:8px solid #f37022;}
.landingcol .lesson-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.teaching-pic:hover {opacity:0.8; transition: all 0.4s;}

#landing-columns1 .landingcol:nth-child(1) .lesson-pic {background-image: url(../images/resources/lesson/index_lessons.jpg);}
#landing-columns1 .landingcol:nth-child(2) .lesson-pic {background-image: url(../images/resources/lesson/index_matrix.jpg);}
#landing-columns1 .landingcol:nth-child(3) .lesson-pic {background-image: url(../images/resources/lesson/index_distance.jpg);}

/*Student Center Index and  Learn by Playing Landing Pages*/
.studentbar {border-top: 8px solid #8fb63f;}
.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/student/index/learn.jpg);}
#landing-columns1 .landingcol:nth-child(2) .student-pic {background-image: url(../images/student/index/imagine.jpg);}
#landing-columns1 .landingcol:nth-child(3) .student-pic {background-image: url(../images/student/index/wgo.jpg);}

.landingcol .learn-pic {height:200px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.learn-pic:hover {opacity:0.8; transition: all 0.4s;}
#landing-twocolumns1 .landingcol:nth-child(1) .learn-pic {background-image: url(../images/student/seed.jpg);}
#landing-twocolumns1 .landingcol:nth-child(2) .learn-pic {background-image: url(../images/student/ag.jpg);}
#landing-twocolumns2 .landingcol:nth-child(1) .learn-pic {background-image: url(../images/student/my.jpg);}
#landing-twocolumns2 .landingcol:nth-child(2) .learn-pic {background-image: url(../images/student/hungry.jpg);}
#landing-twocolumns3 .landingcol:nth-child(1) .learn-pic {background-image: url(../images/student/aitc.jpg);}
#landing-twocolumns3 .landingcol:nth-child(2) .learn-pic {background-image: url(../images/student/usda.jpg);}
#landing-onecolumn .landingcol:nth-child(1) .learn-pic {background-image: url(../images/student/cfaitc.jpg);}

/**************************************************Sub Page 3 Cols*****************************************************
.subcol {-webkit-flex:1; -ms-flex:1; flex:1; position:relative; border-right:1px solid rgba(0,0,0,.2); border-left:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2);
border-bottom-left-radius:3px; border-bottom-right-radius:3px;}

#sub-columns1 .subcol:nth-child(1),
#sub-columns1 .subcol:nth-child(2) {margin-right:calc(1vh + 10px);}
#sub-twocolumns1 .subcol:nth-child(1) {margin-right:calc(1vh + 10px);}

.subcol h3 {
  text-align:center; transition:all 0.3s;
  font-size:1.5rem !important; line-height:1.65rem !important; font-weight:500;
  height:65px; margin:1rem !important;
  align-items:center; justify-content:center; display:flex;
  flex-direction:row; flex-wrap:wrap;  
}
.subcol h3:hover {color:#419aff !important;}
.subcol .subh3 {font-size:1.15rem; margin:-2rem 0.3rem 0 0.3rem; text-align:center;}
.subcol a:hover {text-decoration:none;}

.subbar {
top:8px; left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position:absolute;
text-align:center;
width:100.3%; height:8px; 
}

.subcolbox {margin:1.5rem;}

.subcol img {transition:all 0.3s; margin:0 auto; text-align:center;}
.subcol img:hover {opacity:0.8;}

.subcol ul {margin:1rem 1rem 1.5rem 2.5rem !important;}
.subcol ul li {list-style-type:none; margin:0; line-height:1.48rem; padding:2px 0;}
.subcol ul li a {padding:10px 0; position:relative;}
.subcol ul li a::before {
  content:"\f0da"; font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:-14px; top:11px;
  transition:all .2s;
}
.subcol ul li a:hover::before {left:-10px; color:#419aff;}

section#sub-columns1,
section#sub-twocolumns1 {margin:calc(2vh + 10px) calc(1vh + 10px);}
*/


/**************************************************SUBPAGE******************************************************/
.subpage {margin-top: calc(7vh + 5px); margin-bottom: calc(7vh + 5px); font-size:1.1rem; line-height:1.6rem; font-weight:300;}

.subpage h2, h3, h4, h5, h6 {font-family:'Raleway'; font-weight:400;}
.subpage h2 {font-size:3.2rem; line-height:3.4rem; margin:-35px 0 50px 0; text-align:center;}
	.about {color:#025395;}
	.teaching {color:#e35726;}
	.programs {color:#521f6e;}
	.grants {color:#006225;}
	.ways {color:#288a89;}
.student {color:#617e03;}
.subpage h3 {font-size:2.3rem; line-height:2.3rem; margin:0 0 0.5rem 1rem;}
.subpage h4 {font-size:1.8rem; line-height:1.8rem; margin:0.2rem 0.5rem 0.5rem 1rem;}
.subpage h5 {font-size:1.5rem; line-height:1.5rem; margin:0.2rem 0.5rem 0.5rem 1rem;}
.subpage h6 {font-size:1.3rem; line-height:1.3rem; margin:0.2rem 0.5rem 0.5rem 1rem;}
.subpage h3.smallh3 {font-size:2.0rem; line-height:2.0rem;}
.subpage h4.smallh4 {font-size:1.5rem; line-height:1.5rem;}
.subpage h5.smallh5 {font-size:1.3rem; line-height:1.3rem;}

.subpage ul {margin:0rem 0.5rem 1.7rem 3rem;}
.subpage ol {margin:0rem 0.5rem 1.7rem 3rem;}
.subpage ul ul, .subpage ul ol, .subpage ol ul, .subpage ol ol {margin:0rem 0.5rem 1.7rem 1.5rem;}
.subpage li {}
.subpage p {margin:0rem 0.5rem 1.7rem 1.3rem;}
.subpage p.br {margin:0rem 0.5rem 0.1rem 1.3rem;}
.subpage p.dent {margin:0rem 0.5rem 1.7rem 2rem;}
.subpage p.small {font-size:0.9rem; line-height:1.3rem;}
.subpage p.quote {font-style:italic; width:75%; margin:25px auto;}

strong {font-weight:600;}

.subpage .center {text-align:center; margin:0.3rem 1rem;}
.subpage .date {font-size:1.25rem; margin-left:1rem; margin-bottom:0.3rem;}
.subpage .note {font-size:1.25rem; margin-left:1rem; margin-bottom:0.3rem; font-style:italic;}
.subpage .notice {font-size:1.25rem; margin-left:1rem; margin-bottom:0.3rem; color:#DE0003;}

.address {font-size:1.25rem; margin-left:1.8rem; margin-bottom:0.3rem;}

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);}

.under {width:1100px; height:8px; margin:0 auto;}
.aboutcolor {background-color:#1a4589;}
.teachingcolor {background-color:#f37022;}
.programscolor {background-color:#339a99;}
.grantscolor {background-color:#006225;}
.wayscolor {background-color:#339a99;}
.studentcolor {background-color:#8fb63f;}

/************************************List Links***************************************/
ul.listlink {margin:0.5rem 0.5rem 1.5rem 3rem;}
ul.listlink li {list-style-type:none; margin:0; padding:3px 0;}
ul.listlink li a {position:relative;}
ul.listlink li a::before {
  content:"\f0da"; font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:-12px; top:0;
  transition:all .2s;
}
ul.listlink li a:hover::before {left:-8px; color:#419aff;}
/*largefont*/
ul.listlink li a.largefont {font-size:1.4rem; padding:5px;}
ul.listlink li a.largefont::before {font-size:1.5rem; top:8px;}
/*no ink*/
ul.listlink li.nolink {list-style-type:none; margin-left:0; line-height:1.48rem; padding:4px 0; position:relative;}
ul.listlink li.nolink::before {
  content:"\f0da"; font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:-12px; top:4px;
}

/*sublevel*/
ul.listlink li ul {margin-bottom:-5px !important; margin-top:-25px;}
ul.listlink li ul li {padding-bottom:0;}
ul.listlink li ul li a::before {content:"\f105"; font-size:1.0rem;}
/*sublevel*/

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

/*Go back link*/
.goback {float:right; margin:-2rem 0.5rem 1rem 0.2rem;}
.goback a {padding:0 2.0rem; font-size:1.4rem; position:relative; display:block;}
.goback a::before {
  content:"\f04a"; font-size:1.4rem;
  font-family:FontAwesome;
  position:absolute;
  left:4px; top:0;
  transition:all .3s;
}
.goback a:hover::before {left:0; color:#00aff0;}


/*********************************Button & Field***************************************/
.buttonwrap {
  display: inline-grid;
  grid-template-rows: 30px;
  grid-template-columns: 450px;
  grid-gap: 3px;
  margin-bottom:2rem; margin-left:1.3rem;
}

.buttonwrap > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.deadline {margin:0 auto; font-weight:300; font-size:1.15rem; text-align:center; color:#CB0003;}

/*programs/seed, grants/conference, programs/farmday, programs/conference*/
.buttonwrapcenter {display:block; margin:1rem auto; text-align:center;}
.Bwidth500 {width:500px !important; margin:3px auto;}
.Bwidth400 {width:400px !important; margin:3px auto;}
.Bwidth250 {width:250px !important; margin:3px auto;}

/*programs/webinar*/
.button2wrap{
  margin-left:1.4rem;
  grid-template-rows:30px;
  grid-template-columns:300px;
  grid-gap:0.5rem; display:flex; justify-content:flex-start;
}
.button2wrapcenter {
  grid-template-rows:30px;
  grid-template-columns:300px;
  grid-gap:0.5rem;
  margin:0.5rem auto; display:flex; justify-content:center;
}

.button {
  font-family:'Raleway'; font-size:1.1rem; line-height:1.0rem; text-align:center; color:#FFF;
  border-radius:6px; display:block; width:450px;  
  border:none; background-color:#1a4589;
  padding:10px 20px;
  transition: all 0.5s;
  cursor: pointer;
  text-transform: uppercase;
  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);
}
.button:hover {background-color:#03a8e5;}
.button a {color:#FFF !important; }
.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: 25px;}
.button:hover span:after {opacity: 1; right: 0;}

.field {border-radius:3px; border:solid 2px #c8c8c8; height:32px; width:450px; transition:0.3s all;}
.field:hover {background-color:aliceblue;}

.specialbutton {}

.specialbutton {display: inline-grid;
  grid-template-rows: 30px;
  grid-template-columns: 250px;
  margin-bottom:2rem; margin-left:1.5rem;
  font-family:'Raleway'; font-size:1.1rem; line-height:1.0rem; text-align:center; color:#FFF;
  border-radius:6px; display:block; width:400px; 
  border:none; background-color:#1a4589;
  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);
}
.specialbutton:hover {background-color:#03a8e5;}
.specialbutton a {color:#FFF !important; }
.specialbutton span {cursor: pointer;
  display:block;
  position: relative;
  transition: 0.5s;}
.specialbutton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.specialbutton:hover span {padding-right: 25px;}
.specialbutton:hover span:after {opacity: 1; right: 0;}

/********************************************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;}
.width250 {width:250px;}
.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;}
.roundedcorner {border-radius:1rem;}

/*.photodesc {text-align:center; color:#777; float:right;} */

/**********************Photo Grids 2 photos/2 videos with description*******************/
.fourphotos {
	display:grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	margin:0;
}
.fourphotos > div {text-align:center; padding:0.5rem; font-weight:300;}
.fourphotos > div img {margin:0 auto; text-align:center; box-shadow: 3px 3px 4px #777;}

.threephotos {
	display:grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	margin:0;
}
.threephotos > div {text-align:center; padding:0.5rem; font-weight:300;}
.threephotos > div img {margin:0 auto; text-align:center; box-shadow: 3px 3px 4px #777;}

.threephotos > div.videoyear {font-size:1.4rem;}

.twophotos {
	display:grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
	margin:0;
}
.twophotos > div {text-align:center; padding:0.5rem; font-weight:300;}
.twophotos > div img {margin:0 auto; text-align:center; box-shadow: 3px 3px 4px #777;}

.onephoto {width:47%; margin:0 auto;}
.onephoto > div {text-align:center; padding:8px; font-weight:300;}
.onephoto > div img {margin:0 auto; text-align:center; box-shadow: 3px 3px 4px #777;}


/***************************************************Photo Grids -contest*******************************************/
/*contest fadeshow*/
#fadeshow {float:right;}

* {box-sizing: border-box;}

.photogrid {
  display: grid;
grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);
  grid-gap: 0.5rem; 
}
.photogrid_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; 
}

.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;
}

/**************************************Logo Grids**************************************/
/*help/sponsors, programs/conference*/
.textlogo {font-family:'Anton'; text-align:center; padding:1rem 0.4rem; font-size:2.9rem; line-height:3.2rem;
  align-items: center; justify-content:center; display: flex !important; flex-direction: row; flex-wrap: wrap;}
.textlogo a {color:#000 !important;}
.textlogoS {font-family:'Anton'; text-align:center; padding:1.5rem 0.4rem; font-size:1.9rem; line-height:2.2rem;
  align-items: center; justify-content:center; display: flex !important; flex-direction: row; flex-wrap: wrap;}
.textlogoS a {color:#000 !important;}


/*Sponsor Feature*/
/*2 logos*/
.twologos {display:grid; grid-template-columns: repeat(2, 1fr); grid-gap:1rem; margin:0 auto 3rem auto;}
.twologos > div {
	border-top:8px solid #009407;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding:1rem 0.5rem; 
	display:flex; justify-content:center; alignment-baseline:center; align-items:center; align-content:right; flex-direction:row; flex-wrap:wrap;
}
.twologos > div {display:block;}
.twologos > div img {position: relative; top: 50%; transform: translateY(-50%);} /*vertical center aligned*/

.twologos-center {/*Two logos will be centered*/
  margin:0.5rem auto 3rem auto; display:flex; justify-content:center;}
.twologos-center > div {
	border-top:8px solid #e7000b;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 	max-width:280px;
    margin:0.5rem; padding:0.5rem;
}
.twologos-center > div img {position: relative; top: 50%; transform: translateY(-50%);} /*vertical center aligned*/

/*grants/tasteteach*/
.tastelogos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  grid-gap:2rem;
  margin:1rem;
 }
.tastelogos > div {padding:2rem; text-align:center;}
.tastelogos img {display:flex; align-items:center; margin:0 auto;}
.tastelogos img.naitc {width:85%;}

/*Benefactors*/
/*3 logos*/
.threelogos {display:grid; grid-template-columns: repeat(3, 1fr); grid-gap:1rem; margin:0 auto 3rem auto;}
.threelogos > div {
	border-top:8px solid #df8800;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding:1rem 0.5rem; 
	display:flex; justify-content:center; alignment-baseline:center; align-items:center; align-content:right; flex-direction:row; flex-wrap:wrap;
}
.threelogos > div {display:block;}
.threelogos > div img {position: relative; top: 50%; transform: translateY(-50%);} /*vertical center aligned*/
/*
.threelogos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  grid-gap:1.5rem;
  margin:0 5px 45px 5px;
 }
.threelogos > div {
	border-top:5px solid #df8800;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 1rem;
	text-align:center; font-weight:300;
	display:flex; align-items:center; flex-wrap:wrap;
}
.threelogos .bag {margin-top:1.0rem;}
.threelogos img {width:100%; transition:all 0.5s;}
.threelogos img:hover {transform: scale(1.05);}
*/

/*Dean's List*/
/*4 logos*/
.fourlogos {display:grid; grid-template-columns: repeat(4, 1fr); grid-gap:1rem; margin:0 auto 3rem auto;}
.fourlogos > div {
	border-top:8px solid #e7000b;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding:1rem 0.5rem; 
	display:flex; justify-content:center; alignment-baseline:center; align-items:center; align-content:right; flex-direction:row; flex-wrap:wrap;
}
.fourlogos > div {display:block;}
.fourlogos > div img {position: relative; top: 50%; transform: translateY(-50%);} /*vertical center aligned*/
/*
.fourlogos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  grid-gap:1.0rem;
  margin:0 5px 45px 5px;
 }
 
.fourlogos > div {
	border-top:5px solid #e7000b;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 1rem;
	text-align:center; font-weight:300;
	display:flex; alignment-baseline:bottom; align-items:baseline; /*vertically top*
}
.fourlogos > div > div {margin-top:8px;}
.fourlogos > div a {line-height:1.2rem;}
.fourlogos > div img {margin-bottom:15px;}
*/

/*National Ag Week, specialevents*/
.fivelogos {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap:1.0rem;
  margin:0 5px 45px 5px;
 }
.fivelogos > div {
	border-top:8px solid #0060ff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding:1rem 0.5rem;
	text-align:center; font-weight:300;
	display:flex; align-items:center;
}
.fivelogos > div > div {margin-top:8px;}

.fivelogos > div.prin {border-top:5px solid #009407;}


h3.feature {color:#009407; text-align:center; margin:15px 0;}
h3.benefactors {color:#df8800; text-align:center; margin:15px 0;}
h3.deans {color:#e7000b; text-align:center; margin:15px 0;}
h3.principal {color:#009407; text-align:center; margin:15px 0;}

h3.agweek {color:#0060ff; text-align:center; margin:15px 0;}
.agweek > div {border-top:8px solid #0060ff !important;}

/*specialevents*/
.specialgrid {display:grid; grid-template-columns:410px auto; margin:5rem auto 0 auto;}
.specialgrid > div ul {display: flex;
  flex-direction: row;
  justify-content: flex-start; 
  list-style: none;
  padding:0;
  white-space: nowrap;}
.specialgrid > div ul li {padding-right:1rem;}
.specialgrid > div img {box-shadow: 3px 3px 4px #777;}
.agweek-info {font-size:1.3rem; line-height:1.66rem; margin:0.2rem 0.5rem 1.5rem 2rem;}


/*********************************Table Grid***************************************/
.table2grid {display:grid; grid-template-columns:260px 430px; margin:0.5rem 0.5rem 3rem 1.5rem;}
.table2grid > div {border-left:1px #777 solid; border-bottom:1px #777 solid; padding:0.5rem; font-size:1.05rem; line-height:1.2rem;}
.table2grid > div.last {border-right:1px #777 solid;}
.table2grid > div.head {border-top:1px #777 solid;}

/*give, help/donate Grid*/
.givegrid {display:grid; grid-gap:0.1rem; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));}
.givegrid > div {padding:0.5rem;}
.givegrid > div img {max-width:100%;}

/*about/board, staff Grid*/
.staffgrid {display:grid; grid-gap:1em; grid-template-columns:200px auto;}
.staffgrid > div {padding:5px;}

/*about/newsletter subscribe Grid*/
.subscribegrid {display:grid; grid-gap:1em; grid-template-columns:410px auto;}
.subscribegrid > div {padding:5px; display:flex; align-items:center;}
.subscribegrid > div.subscribe {background:url("../images/about/news/subscribe.png") no-repeat; background-size:380px; max-width:400px; height:109px; position:relative; margin:20px 0 20px 30px;}
.subscribe p {position:absolute; left:110px; top:36px; font-size:1.4rem;}
/*about/newsletter featured teacher Grid*/
.featuregrid {display:grid; grid-gap:1em; grid-template-columns:420px 350px; margin:25px;}
.featuregrid > div {padding:5px;}
.featuregrid > div.featuredteacher {margin-top:25px;}

.newsgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  grid-gap:1rem;
  margin:0 5px;}
.newsgrid > div {
	margin:0; padding:3px 0;
	display:inline-block; vertical-align:top; text-align:center;
	background-color:#FAFAFA;
	border-top:36px solid #1a4589;
	border-bottom-right-radius:5px; border-bottom-left-radius:5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.newsgrid > div h5 {margin:-31px 0 5px 0; color:#FFF; line-height:1.2rem;}
.newsgrid > div ul {margin:15px auto;}
.newsgrid > div ul li {list-style-type:none; margin:0; padding:1px 0;}

/*about/newsletter - Community Events button*/
#communityevents {display:grid; grid-gap:2rem; grid-template-columns:70px auto; margin-left:2.2rem;}
#communityevents > div {display:inline-block; align-items:center;}
.icon_community {
	padding:13px; width:85px; height:85px; margin:30px 0;
	border-radius:100%; border: solid #ebebeb 1px;
    background: -moz-linear-gradient(top, #FFF 0%, #ebebeb 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#ebebeb));
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
 	transition:0.3s all;
}
.icon_community:hover {
	background: -moz-linear-gradient(top, #ebebeb 0%, #FFF 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#FFF));
    -moz-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
    -webkit-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
	box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .4), inset 2px 2px 2px rgba(255, 255, 255, .4);
}
.icon_community i {font-size:3.2rem; line-height:3.3rem; transition:0.3s all; text-align:center; display: flex; justify-content: center; padding:0; margin:0 auto;}
.icon_community i:hover {color:#001a3f;}
.txt_community {margin:62px 0; font-size:1.5rem;}

/*about/community*/
#event {margin:4rem 0 2rem 0;}
.tab, .tab:before, .tab:after {background-color:#1a4589;}
.tab:before {}
.tab { 
	background-image:url("../images/default/logo_footer.svg"); background-repeat:no-repeat; background-size:70px; background-position:5px 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    height: 50px;
    width: 200px;
    border-radius: 10px 10px 0px 0px;
    position: relative;
}
.tab h3 {font-size:2rem; position:absolute; top:10px; left:90px; color:#FFF;}
.tab:after {    
    border-radius: 10px 10px 0px 0px;
    display: block;
    content:" ";
    width: 100px;
    height: 51px;
    top: 0;
    position: absolute;
    right: -78px;
    transform:skewX(35deg);
    -ms-transform:skewX(35deg);
    -webkit-transform:skewX(35deg);
    z-index: -1;
}
.border {width:100%; border-bottom:5px solid #1a4589; margin-top:-1px; margin-bottom:15px;}
#event a {
	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;
}

/*resources/guide, home/county*/
.newicongrid {display:grid; grid-template-columns:80px auto; margin:2.5rem 1rem 0 1rem;}
.newicongrid > div h3 {text-align:left;}
.newicongrid > div.newicon {background:url(../images/programs/new.svg) no-repeat; background-size:75px; width:75px; height:90px; margin-top:10px;}
.newicongrid > div ul.icons_guide {margin:0 0.2rem 1.5rem 1.5rem;}
ul.icons_guide li {list-style-type:none; margin:0; padding:1px 0;}
ul.icons_guide li a {padding:0 20px; position:relative; display:block; transition:all 0.3s;}
ul.icons_guide li a::before {
   font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:0; top:0; transition:all 0.3s;  
}
ul.icons_guide li a:hover::before {top:2px; color:#081845;}
ul.icons_guide li.dl a::before {content:"\f019";}
ul.icons_guide li.ord a::before {content:"\f218";}

/*download and order icons*

ul li {list-style-type:none; margin:0; padding:1px 0;}
ul.dl li a {padding:0 20px; position:relative; display:block; transition:all 0.3s;}
ul.dl li a::before {
  content:"\f019"; font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:0; top:0; transition:all 0.3s;  
}
ul.dl li a:hover::before {top:2px; color:#081845;}
ul.order li {list-style-type:none; margin:0; padding:1px 0;}
ul.order li a {padding:0 20px; position:relative; display:block; transition:all 0.3s;}
ul.order li a::before {
  content:"\f218"; font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:0; top:0; transition:all 0.3s;  
}
ul.order li a:hover::before {top:2px; color:#081845;}
*/

/*grants life recipients*/
.life ul {list-style-type:none;}
.life ul li {margin-left:0; padding:1rem;}
.life h3 {font-size:1.8rem; margin:0;}
.life h4 {font-size:1.5rem; margin:0; font-style:italic;}
.life .school {margin-left:0.5rem; margin-bottom:0.2rem; font-size:1.3rem;}
.life .numstudents {margin-left:1.5rem; font-size:1.4rem;} /*life_recipents22*/
.life p {margin-left:1.5rem; margin-bottom:0.8rem;}

/*grants organic recipients*/
.organic ul {list-style-type: none;}
.organic ul li {margin-left:0; padding:15px;}
.organic h4 {font-size:1.8rem; margin:2px 0;}
.organic h5 {font-size:1.4rem; margin:2px 0;}
.organic .school {margin-left:0.5rem; margin-bottom:0.2rem; font-size:1.25rem;}
.organic p {margin-left:1.5rem; margin-bottom:0.8rem;}

/*programs/conference_sessions*/
.moviegrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap:1rem;
  margin:1rem 0.5rem
 }
.moviegrid > div {
	border-top:5px solid #521f6e;
    background-color:#FAFAFA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 1rem;
	text-align:center;
}
.moviegrid > div h4 {margin:0 0.5rem 0.5rem 0.5rem;}

/*programs/contest*/
.new {float:left; margin:-5px 10px 0 0; width:45px;}
/*programs/contest_books Grid*/
.contestgrid {display:grid; grid-gap:1em; grid-template-columns:200px auto;}
.contestgrid > div {padding:5px;}
.contestgrid ul {margin-left:25px}
.contestgrid ul li {padding:3px 0; list-style-type:none;}
.contestgrid ul li::before {content:"\f06c"; font-family:FontAwesome; font-size:1.0rem; padding-right:5px; color:#3c8840;}
.contestgrid img {transition: .3s ease-in-out; margin:0 auto; text-align:center;}
.contestgrid img:hover {transform: scale(1.05);}

/*programs/contest winners 2 Grids*/
.winners2grid {display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap:1.5rem;
  margin:0 5px 45px 5px;}
.winners2grid > div {border-top:45px solid #521f6e; background-color:#FAFAFA;}
.winners2grid h3 {font-size:2.0rem;margin:-41px 0 20px 0; color:#FFF; text-align:center;}
.winners2grid h4 {font-size:1.65rem; background-color:#e7d9ee; width:100%; margin:0 auto 15px auto; line-height:40px; text-align:center;}
.winners2grid .student {font-size:1.55rem; margin:1rem 0.2rem 0 0.8rem; color:#000; font-weight:400;}
.winners2grid .contesttitle {font-size:1.35rem; margin:0.2rem 0.2rem 0 0.8rem; font-style:italic;}
.winners2grid .school {margin:0 0.2rem 1.5rem 1.2rem; margin-bottom:10px;}

/*programs/contest winners 1 Grid*/
.winners1grid {display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap:1.5rem;
  margin:0 35px 45px 35px;}
.winners1grid > div {background-color:#FAFAFA;}
.winners1grid h3 {font-size:2.0rem; background-color:#e7d9ee; width:100%; margin:0 auto 15px auto; line-height:40px; text-align:center;}
.winners1grid h4 {font-size:1.6rem; margin:10px 12px 5px 12px;}
.winners1grid h5 {font-size:1.4rem; margin:10px 12px 5px 12px;}

/*Order, Download, View, Movie, Twitter, Recipe, Bug ICON list style*/
.icon {margin:0;}
.icon ul li {padding:4px 3px; list-style-type:none;}
.icon ul li a {display:block; position:relative; padding-left:35px;}
.icon ul li a::before {position:absolute; left:2px; top:0; transition:all .2s; font-family:FontAwesome; font-size:1.4rem; padding-right:5px;}
.icon ul li a:hover::before {left:5px; color:#03a8e5;}
.icon ul li.icon_order a::before {content:"\f218"; color:#0b4fa4;}
.icon ul li.icon_download a::before {content:"\f019"; color:#188326;}
.icon ul li.icon_twitter a::before {content:"\f099"; color:#42c2e7;}
.icon ul li.icon_news a::before {content:"\f0e0"; color:#42c2e7;}
.icon ul li.icon_view a::before {content:"\f108"; color:#e87900;}
.icon ul li.icon_mail a::before {content:"\f658"; color:#8523c9;}
.icon ul li.icon_movie a::before {content:"\f431"; color:#f10106;}
.icon ul li.icon_recipe a::before {content:"\f805"; color:#e4ba26;}
.icon ul li.icon_bug a::before {content:"\f188"; color:#714404;}

/*lesson modal*/
.CAlesson {text-align:center; font-weight:500; font-size:1.9rem; line-height:2.1rem; margin:1rem auto;}
.CAheading {font-weight:400; font-size:1.25rem; line-height:1.5rem;}

/*1 Grid - Resources/gardens, grab, great, learn_ */
.res1grid {display:table; width:90%; margin:0 auto;}
.res1grid > div {
  margin:26px auto; padding:12px 10px;
  background-color:#FAFAFA; border-top:38px solid #f36f21;
  border-bottom-right-radius:7px; border-bottom-left-radius:7px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.res1grid > div h3 {margin:-50px 0 18px 0; color:#FFF; text-align:center; font-size:1.75rem;}
.res1grid > div h4 {font-size:1.8rem; color:#f36f21;}
.res1grid > div h5 {font-size:1.4rem; margin:0 0 0 20px;}
.res1grid > div ul {list-style-type: none;}
.res1grid > div ul li {padding:3px 0;}
.res1grid > div ul li a {padding:0 5px 0 15px; display: block; position: relative;}
.res1grid > div ul li a::before {
  content:"\f0da";
  font-family:FontAwesome;
  position:absolute;
  left:3px;
  transition:all .3s;
  top:0;
}
.res1grid > div ul li a:hover::before {left:8px;}
/*sublevel*/
.res1grid > div ul li ul {margin-bottom:0 !important;}
.res1grid > div ul li ul li a::before {content:"\f105"; font-size:1.0rem;}

/*.res1gridgrid {display:grid; grid-gap:0.5rem; grid-template-columns:330px auto;}*/

/*2 Grid - media_handson*/
.handsonaggrid {
  display: grid;
  grid-template-columns:350px auto;
  grid-gap:1rem; margin:1rem;
 }
.handsonaggrid > div {padding: 1rem;}

/*3 Grid - Resources/farmyou*/
.farmyougrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(1px, 100%));
  grid-gap:0.5rem;
  margin:0 15px;
 }
.farmyougrid > div {padding:0; border-bottom-right-radius:7px; border-bottom-left-radius:7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
.farmyougrid > div h3 {font-family:'Open Sans'; font-size:1.65rem; line-height:1.75rem; text-align:center; margin:18px 0;}
.farmyougrid img {transition: .3s ease-in-out; margin:0 auto; text-align:center;}
.farmyougrid img:hover {transform: scale(1.05);}
.farmyougrid > div ul {list-style-type: none; margin-left:1.3rem;}
.farmyougrid > div ul li {padding:3px 0;}
.farmyougrid > div ul li a {padding:0 5px 0 15px; display: block; position: relative;}
.farmyougrid > div ul li a::before {
  content:"\f0da";
  font-family:FontAwesome;
  position:absolute;
  left:3px;
  transition:all .3s;
  top:0;
}
.farmyougrid > div ul li a:hover::before {left:8px;}

/*3 Grid - Resources/bites, fact_invation, great*/
.res3grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(1px, 100%));
  grid-gap:1rem;
  margin:0 5px;
 }
.res3grid > div {padding: 1rem; text-align:center;}
.res3grid > div h3 {font-family:'Open Sans'; font-size:1.3rem; line-height:1.55rem; text-align:center; margin:13px 0 0 0;}
.res3grid > div h4 {font-family:'Open Sans'; font-size:1.15rem; line-height:1.3rem; text-align:center; margin:13px 0 0 0;}
.res3grid > div h5 {font-family:'Open Sans'; font-size:1.15rem; line-height:1.3rem; text-align:center; margin:13px 0 0 0;}
.res3grid img {transition: .3s ease-in-out; margin:0 auto; text-align:center;}
.res3grid img:hover {transform: scale(1.05);}

/*3 Grid with thick orange bar - wgo */
.wgo3grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(1px, 100%));
  grid-gap:1rem;
  margin:0 5px;
 }
.wgo3grid > div {padding: 1rem; background-color:#FAFAFA; border-top:38px solid #f36f21;}
.wgo3grid > div.studentwgo {border-top:38px solid #8fb63f;}
.wgo3grid > div h3 {font-family:'Open Sans'; margin:-48px 0 18px 0; color:#FFF; text-align:center; font-size:1.65rem; line-height:1.65rem;}
.wgo3grid > div h4 {font-family:'Open Sans'; font-size:1.45rem; line-height:1.45rem; color:#f36f21; text-align:center; margin:13px 0; height:50px;
					align-items: center; justify-content:center; display: flex; flex-direction: row; flex-wrap: wrap;}
.wgo3grid > div h4.studentwgo {color:#8fb63f;}
.wgo3grid img {transition: .3s ease-in-out; margin:0 auto; text-align:center;}
.wgo3grid img:hover {transform: scale(1.05);}

.wgo3grid > div ul {list-style-type: none; margin:20px 2px 0 2px !important;}
.wgo3grid > div ul li {padding:3px 0;}
.wgo3grid > div ul li a {padding:0 5px 0 15px; display: block; position: relative;}
.wgo3grid > div ul li a::before {
  content:"\f0da";
  font-family:FontAwesome;
  position:absolute;
  left:3px;
  transition:all .3s;
  top:0;
}
.wgo3grid > div ul li a:hover::before {left:8px;}

.wgo3grid > div ul li.nolink {list-style-type:none; margin-left:0; line-height:1.48rem; padding:3px 5px 3px 15px; position:relative;}
.wgo3grid > div ul li.nolink::before {
  content:"\f0da"; font-size:1.2rem;
  font-family:FontAwesome;
  position:absolute;
  left:3px; top:4px;
}

/*4 Grid - Resources/fact*/
.factgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap:1rem;
  margin:0 auto;
 }
.factgrid > div {padding:1rem; text-align:center;}
.factgrid > div h4 {font-family:'Open Sans'; font-size:1.15rem; line-height:1.3rem; text-align:center; margin:13px 0 0 0;}
.factgrid > div h4.newfact {background: url(../images/resources/new.svg) no-repeat left; background-size:28px; padding-left:20px; position:relative;}
.factgrid img {transition: .3s ease-in-out; margin:0 auto; text-align:center;}
.factgrid img:hover {transform: scale(1.03);}

/*4 Grid - Resources/fusd*/
.fusdgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap:0.5rem;
  margin:0 auto 3rem auto;
 }
.fusdgrid > div {padding:0.3rem; text-align:center;}
.fusdgrid > div h4 {font-family:'Open Sans'; font-size:1.15rem; line-height:1.3rem; text-align:center; margin:13px 0 0 0;}
.fusdgrid img {transition: .3s ease-in-out; margin:0 auto; text-align:center;}
.fusdgrid img:hover {transform: scale(1.03);}
.fusdgrid div.fusdmonth {font-size:1.3rem; line-height:1.4rem; margin:0.5rem auto 0 auto;}


/*resources/great Grid*/
.greatgrid {display:grid; grid-gap:1rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	-webkit-flex: 1; -ms-flex: 1; flex: 1; margin:2rem 0 4rem 0;}
.greatgrid > div {padding: 1rem; text-align:center; border-top:8px solid #f36f21; border-bottom-right-radius:7px; border-bottom-left-radius:7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
.greatgrid > div h4 {font-family:'Open Sans'; font-size:1.15rem; line-height:1.3rem; text-align:center; margin:1rem 0 0.7rem 0;}
.greatgrid img {transition: .3s ease-in-out; margin:0 auto; text-align:center;}
.greatgrid img:hover {transform: scale(1.05);}

/*Student Imagine Grids*/
.imaginegrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap:1.5rem;
  margin:0 5px 45px 5px;
 }
.imaginegrid > div {
	border-top:5px solid #8fb63f;
    background-color:#FAFAFA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 1rem;
	text-align:center;
	display:flex; align-items:center;
}
.imaginegrid > div > div {margin-top:8px;}

.cropgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap:1.5rem;
  margin:0 35px;
 }
.cropgrid > div {padding: 1rem;}
.cropgrid > div ul {padding:0; margin:0;}

/*tractor poem Grid*/
.poemgrid {display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap:1.5rem;
  margin:35px 15px;}
.poemgrid > div {text-align:center; font-size:1.15rem;}
.poemgrid h4 {font-size:1.4rem; margin:0; text-decoration:underline;}
.poemgrid p {margin:0;}

/*Sitemap*/
#sitemap ul {margin:0 auto; text-align:center; list-style:none;}
#sitemap ul li {
	width:32%; margin:10px 1px; padding:1px;
	display:inline-block; vertical-align:top;
	background:none;
}
#sitemap ul li ul li {background:none; width:100%; text-align:left; padding:0; margin:0;}
#sitemap h3 {text-align:left; margin:30px 0 5px 0;}

/*programs/schoolgarden*/
.schoolgardengrid {
	display:grid;
    grid-template-columns: repeat(2, 1fr);
	margin:3rem 1rem; grid-gap:1rem;
}
.schoolgardengrid > div {text-align:center; padding:0.5rem; align-items: center; justify-content:center; align-content:right; display: flex;
  flex-direction: row; flex-wrap: wrap;}
.schoolgardengrid > div img {margin:0 auto; text-align:center; transition:all 0.4s;}
.schoolgardengrid > div img:hover {transform: scale(1.03);}
.schoolgardengrid h3 {text-align:left; font-size:1.5rem; line-height:1.7rem;}

/*2 grids programs/early*/
.early2grids {display:grid; grid-template-columns:repeat(2, minmax(1px, 80%)); grid-gap:2rem; margin:1rem auto 3rem auto;}
.early2grids > div {text-align:center;}

/*2 grids /conference/*/
.confappgrid {display:grid; grid-gap:0.9em; grid-template-columns:280px auto; margin:2rem auto;}
.confappgrid > div {padding:5px;}
.confappgrid p.clicktoview {text-align:center; font-size:1.2rem; line-height:1.3rem; margin-bottom:0;}
.confappgrid h4 {margin-bottom:0;}
.confappgrid img.qrcode {width:200px; margin-left:1.2rem;}
.confappgrid img.uparrow {display: inline-block; width:18px;}

/*
.conferenceQR {
	display:grid; grid-gap:1rem;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	margin-top:3rem; 
}
.conferenceQR > div {text-align:center; padding:0.5rem;}
.conferenceQR > div img {margin:0 auto; text-align:center;}
.conferenceQR > div h4 {font-size:1.3rem; line-height:1.4rem;
  height:40px;
  align-items: center; justify-content:center; display: flex;
  flex-direction: row; flex-wrap: wrap;}
*/

/*************************************** Evaluate Lesson Plan (Matrix) *************************************/
.evaluationtable  { border-collapse: collapse; table-layout: fixed; width: 100%; margin: 15px 0px 15px -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; }

/************************************************Matrix Styles***********************************************/
.matrix-subpage {max-width:1100px; min-height:600px; margin:calc(3vh + 5px) auto calc(6vh + 5px) auto; font-size:1.1rem; line-height:1.6rem; font-weight:300;}

h2.matrixh2 {font-family:'Raleway'; font-size:3.2rem; line-height:3.4rem; font-weight:400; margin:2rem auto; text-align:center; color:#e35726;}

.matrix-subpage p {margin-top:0.7rem !important; margin-bottom:0.7rem !important;}

.matrix-subpage hr {border:0; height:1px; background-image: linear-gradient(to right, #FFF, #e35726, #FFF); width:99%; margin:-1.5rem auto 3rem 0;}

h3.matrixh3 {font-size:2.0rem; line-height:2.1rem; margin:1rem 0.5rem 0 0.5rem; font-family:'Raleway'; font-weight:500;}
h3.matrixh3center {text-align:center; margin:-2.5rem 1rem 3rem 1rem; font-size:2.5rem; line-height:2.7rem; font-weight:400;}
h4.matrixh4 {font-size:1.7rem; line-height:1.8rem; margin:0 0.5rem 0 0.9rem; font-weight:400;}
p.matrix {margin:0 1.0rem 2rem 1.0rem;}

.searchhead {text-align:left; font-size:1.5rem; line-height:1.6rem; margin-left:11px; margin-bottom:0;}
.errorcode  {margin:20px 0px 0px 10px; color: #cc1515; font-weight:500; background-color:#ffcccc; text-align:center; padding:6px 0px;}
.successcode  {margin:20px 0px 0px 10px; background-color:#a7e3bc; padding:6px 0px;}
.successcode span  {color:#000; font-weight:400; display:block; text-align:center;}

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

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

.mxbutton {
  font-family:'Raleway'; font-size:1.1rem; line-height:1.0rem; text-align:center; color:#FFF;
  border-radius:6px; display:inline-block;
  border:none; background-color:#f57004;
  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);
  margin-left:20px; margin-bottom:20px;
}
.mxbutton:hover {background-color:#ff8018; color:#FFF;}
.mxbutton a {color:#f4d0ab;}
.mxbutton span {cursor: pointer;
  display:block;
  position: relative;
  transition: 0.5s;}
.mxbutton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.mxbutton:hover span {padding-right:25px;}
.mxbutton:hover span:after {opacity: 1; right: 0;}

.mxsearchw {width:180px;}
.mxloginw {width:330px;}
.mxcenterw {width:46%; margin:3px auto;}
.mxLRbutton {width:29.3%;}
.mxbuttonwrap {display:block; margin:50px auto; text-align:center;}

/*matrix.tpl login*/
.logingrid {
  display:grid;
  grid-template-columns:auto auto;
  margin:0 15px;
}
.logingrid > div {
  padding:5px 0;
  display:inline-block;
  align-items:center;
}
.logingrid label {display:block; margin-left:2px;}
#mybinderlogin {margin:0 auto; display:flex; justify-content:center;}
.logininputs  {border:1px solid #888; width:94.5%; padding:6px 8px; font-size:1.1rem; line-height:1.1rem; display:inline-block; border-radius:4px; transition:all 0.3s;}
.logininputs:hover  {border:1px solid #051a3a; background-color:#f9fbff;}

/*Main page*/
#main-mybinderlogin {width:380px; margin-left:0.66rem;}
#bands  { display: block; width: 450px; margin: 10px auto 10px auto; }
#bands .checkbox  { width: 50%; display: block; float: left; text-align: left; }
#getcsv  { background-color:#f57004 !important; color: #FFF; font-size: 18px; padding: 6px 25px; border: none; border-radius: 5px; cursor: pointer; transition:all 0.4s; width:200px !important;}
#getcsv:hover, #getcsv:active  { background-color:#ff8018 !important; }

/*Modal Login*/
.mxloginmodal {width:98%; margin:1rem auto; text-align:center;}
.logingroup  {margin:10px auto;}

/*createuser.tpl, editprofile.tpl*/
h4.checkboxlist {font-size:1.4em; line-height:1.5rem; margin:1.5rem 0.5rem 0.5rem 0.5rem; color:#000; font-weight:400;}
label.checkbox {font-size:1rem; line-height:1rem;}
#create  { margin: 0px 20px; }
#location  { cursor: pointer; }
.required  { color: #cc1313; }
.half  { width: 50%; padding-right: 2%; }
.whole  { width: 100%; }
.half, .whole  { float: left; margin: 5px 0px; box-sizing: border-box; }
.inputs  {border: 1px solid #cccccc; width: 70%; padding: 4px 8px; font-size:1.1rem; line-height:1.1rem; display:inline-block; border-radius:4px; transition:all 0.3s;}
.inputs:hover {background-color:aliceblue;}
.redinput  { background-color: #ffdddd; border: 1px solid #cc1313; color: #cc1313; }
.showerror  { margin: 5px 0px; color: #cc1313; font-weight: bold; }

/* forgotpassword.tpl resetpassword.tpl */
#address  {}
#resetpassword, #resetemail {display:flex; justify-content:center;}
#resetpassword::placeholder, #resetemail::placeholder {color:#888; font-weight:normal;}
#forgoterror  {margin-bottom:20px;}
.resetinputs  {border:1px solid #888; width:44.5%; padding:8px; font-size:1rem; line-height:1rem; border-radius:5px; display:block; margin:0 auto; transition:all 0.3s;}
.resetinputs:hover {border:1px solid #8aa1a8; background-color:aliceblue;}

/*mybinder.tpl*/
.deletebtn  {padding:8px 30px; margin:5px 15px 20px 10px; border:none; display:inline-block; cursor:pointer;}
.deletebtn:hover  {}
.deletebtn.disable {background-color:#333; transition:all 0.3s;}
.deletebtn.disable:hover {background-color:#777;}
.mark2  {top:13px !important; left:10px !important;} /*position of checkbox for only MyBinder*/
.lessonanchor {display:inline-block; font-size:1.3rem;}
.purpose2 {margin:0 0.5rem 1rem 3.4rem !important;}
.purpose2 p {margin:0 !important;}

/*searchresult.tpl*/
h4.searchtitle {font-family:'Pontano Sans'; font-size:1.3rem; line-height:1.5rem; margin:0.5rem 0.2rem 0rem 0.8rem; font-weight:400;}
h5.searchtitle {font-family:'Pontano Sans'; font-size:1.3rem; line-height:1.5rem; margin:0.5rem 0.2rem 0rem 0.8rem; font-weight:400;}
h4.searchtitle a, h5.searchtitle a {color:#0051d0 !important; transition: 0.4s all;}
h4.searchtitle a:hover, h5.searchtitle a:hover {color:#00baff !important;}
h4.searchmedia {font-family:'Pontano Sans'; font-size:1.7rem; line-height:1.8rem; margin:0.5rem 0.2rem 0 0.8rem; font-weight:400; color:#000;}
.noresults {text-align:center; background-color:#e8e8e8; padding:5px 0px;}
.purpose {margin:0.1rem 0.5rem 1rem 1.0rem !important; font-weight:300;}
.purpose p {margin:0 !important;}

/*searchresult.tpl - View more...button*/
.showall {width:100%; position:relative;}
.showallfade {height:80px; width:100%; position:absolute; z-index:2; bottom:0px; left:0px; background-image:url("/images/matrix/whiteblend.svg"); background-size:auto 100%;}
.showallbtn {position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); border:none; border-radius:5px; padding:7px 15px 8px 15px; background-color:#f57004; color:#FFF; font-size:1em; cursor:pointer; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.6); transition:all 0.3s;}
.showallbtn:hover {background-color:#ff8018; color:#FFF;}
.showrest.hidden {display:none;}

/*lesson.tpl*/
h4.lessontitle {font-size:2.2rem; line-height:2.4rem; margin:0.2rem 0.2rem 0.5rem 0.1rem; font-weight:500;}
h5.Lcategory  {font-size:1.7rem; line-height:1.9rem; margin:0.9rem 0.2rem 0.5rem 0.8rem; font-weight:400;}
.Lsection {display:block; margin:5px 15px 5px 5px; clear:both;}
.Lsection > div {margin-left:0.1rem;}
.Lsection > div.leftmargin {margin-left:1.1rem;}
.Lsection ul, .Lsection ol  {margin:0 0.2rem 0.2rem 3rem;}
.Lsection p {margin-left:1rem;}
.Lsection ul ul, .Lsection ul ol, .Lsection ol ul, .Lsection ol ol {margin-left:1.8rem; margin-top:1rem; margin-bottom:1rem; padding-left:0;}
.Lsection IMG  {padding:15px;}
/*Elaborate (activity)*/
.Lsection-activity ul {margin-left:3.4rem;}
.Lsection-activity ul ul {margin-left:1.5rem;}
/*Did you know (agfacts)*/
.Lsection-agfacts ul {margin-left:3.4rem;}
.Lsection-agfacts ul li {padding:0 !important;}
.Lsection-agfacts span {padding:0 !important;}
#vocab  { margin-top: 10px; margin-bottom: 12px; }
#vocab p  { margin-left:16px; margin-bottom: 10px; margin-top: 7px; }

/*lesson.tpl -  standards buttons*/
#standardbtns  {width:100%; border-collapse:collapse; margin-top:30px; margin-left:0px; margin-right:0px; border:none; }
#standardbtns TR TD  {border:none; width:33.3%; padding:0px 5px; margin:0;}
#standardbtns.four TR TD  {width: 25%;}
#standardbtns TR TD  {vertical-align:top;}
#standardbtns TR TH  {vertical-align:middle;}
#standards  {width:100%; min-height:200px;}

.standardbtn  {border:none; font-size:0.98rem; line-height:1.18rem; cursor:pointer; width:100%; background-color:#b54343; color:#FFF; display:block; text-align:center; padding:8px 10px; border-radius:8px; transition:all 0.3s; height:35px;}
.standardbtn:hover  {background-color: #245eb9; color:#FFF;}
.standardbtn.clicked  {background-color:#092858; color:#FFF; transition:all 0.3s;}
.standardbtn.clicked:hover  {background-color:#245eb9;}

.showstd.hidden  {display:none;}
.showstd h5 {font-size:1.66rem; line-height:1.8rem; margin:0.5rem 0.2rem 0.2rem 0.2rem; font-weight:400;}
.showstd h6 {font-size:1.4rem; line-height:1.5rem; margin:0.2rem 0.2rem 0.3rem 0.4rem; font-weight:400;}
.showstd ul {margin:0 0.2rem 0 2rem;}
.showstd ul.educontent {margin:0 0.2rem 0 2.1rem;}
.showstd ul li {padding:1px 0;}
.showstd p {margin:5px 15px 5px 10px !important;}
.showstd .statestandard  {margin:0 15px 5px 20px;}
.showstd .contentstandard  {margin:0 15px 5px 20px;}
.ccdesc {padding: 10px 0px 2px 0px;}

/*lesson.tpl - View more...button*/
#backgroundcrop  { width:100%; overflow:hidden; height:170px; position: relative; }
#showmorebackground  { width:104%; height:40px; position:absolute; bottom: 0px; left: -2%; background-image: url("/images/matrix/whiteblend.svg"); background-size: auto 100%; background-repeat:repeat-x; }
#seemore  { color:#FFF; background-color:#f57004; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); cursor: pointer; padding: 5px 15px 7px 15px; border-radius: 6px; border: none; font-size:16px; line-height:16px; transition:all 0.3s;}
#seemore:hover  {background-color:#ff8018; color:#FFF;}
#showmorebackground.hidden  { background-image: none; bottom: 0px; }
#backgroundcrop.show  { height: auto; overflow: visible; padding-bottom: 35px;}

/* lesson/resource */
.additionalactions  { width: 102%; margin-left: -1%; }
.additionalactions a {color:#FFF;} /*to change button link color*/
.action  {display:inline-block; color:#FFF !important;}
.action:hover  {text-decoration:none;}
.action.disabled  {background-color:#999;}
.action.disabled:hover {color:#FFF;}
.action.inbinder {background-color:#b71d21; color:#DDD; transition:all 0.3s;}
.action.inbinder:hover  {background-color:#d73d41; color:#FFF;}

/*resource.tpl*/
h4.resourcetitle {font-size:2.4rem; line-height:2.4rem; margin:1.5rem 0.2rem 0.5rem 0; font-weight:500;}
h5.Rcategory  {font-size:1.7rem; line-height:1.9rem; margin:0.5rem 0.2rem 0rem 0.5rem; font-weight:400;}
.lessons  {margin:0 0.2rem 0.2rem 1.5rem; padding-left:25px;}
#thumbnail  { margin: 20px 0px 15px 50px; max-width: 100%; height:auto;}
.Rsection {display:block; margin:0.5rem 0.2rem 0.5rem 1rem; clear:both;}
.Rsection p {margin:0 !important;}
.Rsection ul, .Rsection ol {margin:0 0.2rem 0.2rem 2rem;}
.Rsection ul ul, .Rsection ul ol, .Rsection ol ul, .Rsection ol ol {margin-left:1rem; padding-left:0;}
.Rsection IMG  {padding:15px;}

/*Phenomenon table*/
table.phenomenon {border-collapse: collapse; border:1px solid #b3cf8f; margin:1rem;}
table.phenomenon th {border:1px solid #b3cf8f; padding:5px; text-align: center; font-weight:500; font-size:0.9rem; line-height:1.0rem;}
table.phenomenon td {border:1px solid #b3cf8f; padding:5px; vertical-align:top; font-size:0.9rem; line-height:1.15rem;}
table.phenomenon td ul {margin-left:15px; margin-top: 0; margin-right: 0;}
table.phenomenon td ol {margin-left:15px; margin-top: 0; margin-right: 0;}
table.phenomenon td ul li {font-size:0.9rem; line-height:1.15rem; color:#000;}
table.phenomenon td ol li {font-size:0.9rem; line-height:1.15rem; color:#000;}

table {border-spacing:0px; border-collapse:collapse;}

/*Callout*/
h5.naitcheader {font-size:1.6rem; font-weight:600; margin-top:0.3rem; margin-bottom:0.2rem; margin-left:0;}
.naitccallout  { background-color: #ececec; margin: 10px; border: 2px solid #cccccc; }
.naitccallout TR TD:nth-child(2)  { padding: 15px 15px 15px 0px; }
.naitccallout TR TD P  { margin: 0px 10px 10px 0px; }
.naitccallout TR TD UL  { margin-left:2.2rem; margin-bottom:0.8rem;}
.naitccallout TR TD OL  { margin-left:2.2rem; margin-bottom:0.8rem;}

#spinner  { display: none; width: 80px; height: 80px; margin: 0 auto; }
.lds-spinner  { color: #002b50; display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-spinner div  { transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; }
.lds-spinner div:after  { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: #002b50; }
.lds-spinner div:nth-child(1)  { transform: rotate(0deg); animation-delay: -1.1s; }
.lds-spinner div:nth-child(2)  { transform: rotate(30deg); animation-delay: -1s; }
.lds-spinner div:nth-child(3)  { transform: rotate(60deg); animation-delay: -0.9s; }
.lds-spinner div:nth-child(4)  { transform: rotate(90deg); animation-delay: -0.8s; }
.lds-spinner div:nth-child(5)  { transform: rotate(120deg); animation-delay: -0.7s; }
.lds-spinner div:nth-child(6)  { transform: rotate(150deg); animation-delay: -0.6s; }
.lds-spinner div:nth-child(7)  { transform: rotate(180deg); animation-delay: -0.5s; }
.lds-spinner div:nth-child(8)  { transform: rotate(210deg); animation-delay: -0.4s; }
.lds-spinner div:nth-child(9)  { transform: rotate(240deg); animation-delay: -0.3s; }
.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
.lds-spinner div:nth-child(11)  { transform: rotate(300deg); animation-delay: -0.1s; }
.lds-spinner div:nth-child(12)  { transform: rotate(330deg); animation-delay: 0s; }
@keyframes lds-spinner  { 0% { opacity: 1; } 100% { opacity: 0; } }

/*This is done by Ryan*/
/*resources/lesson*/
.tbl table {width:100%; border:1px solid #999999; border-collapse:collapse; text-align: center; table-layout:fixed; margin-bottom:30px;}
.tbl table th {background-color:#ffebbf; vertical-align:bottom; border-bottom:1px solid #999999; cursor:pointer; text-decoration:underline;}
.tbl table th:hover  {background-color:#fffbcf; color:#444444; text-decoration:none;}
.tbl table th.clickup SPAN, .tbl table th.clickdown SPAN  {padding-right: 20px; background-size: 20px 12px; background-repeat: no-repeat; background-position: right center; }
.tbl table th.clickup SPAN  { background-image: url("/images/resources/lesson/dropdown3.svg");}
.tbl table th.clickdown SPAN  { background-image: url("/images/resources/lesson/dropdown2.svg");}
.tbl table th:active  {background-color:#efdbaf; color:#000000; text-decoration:none;}
.tbl table th, .tbl table td  {padding:5px 8px; font:0.9em/1.1 'Open Sans', sans-serif; font-weight:normal; text-align:center;}
.tbl table th:nth-child(1), .tbl table td:nth-child(1)  {width:28%; text-align:left;}
.tbl table th:nth-child(2)  {width:8%;}
.tbl table th:nth-child(3)  {width:8%;}
.tbl table th:nth-child(4)  {width:8%;}
.tbl table th:nth-child(5)  {width:8%;}
.tbl table th:nth-child(6)  {width:8%;}
.tbl table th:nth-child(7)  {width:8%;}
.tbl table th:nth-child(8)  {width:8%;}
.tbl table th:nth-child(9)  {width:8%;}
.tbl table th:nth-child(10)  {width:8%;}
.tbl table td:nth-child(3), .tbl table td:nth-child(5), .tbl table td:nth-child(7), .tbl table td:nth-child(9)  {background-color: #f0f0f0;}
.tbl table th h6  {font-size:1em; display:none; font-weight:normal;}
.tbl table th a {text-decoration:none; color:#01738a; cursor:pointer;}
.tbl table a:hover {text-decoration:underline;}
.tbl table td {vertical-align:middle; border-bottom:1px solid #999999;}
.tbl table td.lessontitle {text-align:left;}
.tbl table td a {text-decoration:none; color:#01738a; cursor:pointer;}
#modal  {position:fixed; width:100%; height:100%; top:0%; left:0%; z-index:5; display:block;}
#modal.hidden  {display:none;}
#clicker  {position:absolute; top:0%; left:0%; width:100%; height:100%; z-index:3; background-color:rgba(255, 255, 255, 0.5);}
#thebox  {position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); width:90%; max-width:1000px; max-height: 86%; z-index:4; overflow-x:hidden; box-shadow:0px 0px 15px rgba(0,0,0,0.5);}
#modalclose  {position:fixed; z-index:6; top:25px; right:25px; width:36px; height:36px; background-color:#f37022; border:none; border-radius:30px; background-image:url("/images/resources/lesson/closeX.svg"); background-size:80% 80%; background-position:center center; background-repeat:no-repeat; cursor:pointer; transform:translateY(-50%) translateX(50%);}
#modalclose:hover  {background-color:#f38032; width:40px; height:40px;}
#modalclose:active  {width:38px; height:38px; background-color:#e36012;}
#lpsave  {background-color:#f57004; font-weight:bold; color:#ffffff; border:none; padding:6px 25px; font-size:16px; border-radius:5px; margin-top:15px; margin-left: 2%; cursor:pointer;}
#lpsave:hover  {background-color:#ff9042;}
#goodFB, #badFB  {padding: 10px 5%; width:90%; display:block; margin:15px 0px 20px 0px; font-weight:bold; text-align:center;}
#goodFB  {background-color:#8cd873; color:#467537;}
#badFB  {background-color:#e0998d; color:#8e3728;}
.modalbox  {padding:30px 50px; position:relative; background-color:#eeeeee;}
.modalbox.hidden  {display:none;}
.modalbox UL  {list-style:none;}
.modalbox UL.icon  {margin-left:20px;}
.modalbox H2  {text-align:center;}
.modalbox H3, .modalbox H4, .modalbox P  {margin-left:0px;}
.lpinput  {width:96%; padding:5px 2%; float:left;}
.lpinput.lphalf  {width:46%;}
.lpinput LABEL  {display:inline-block; font-size:15px; width:190px;}
.lpinput INPUT  {width:750px; font-size:15px; padding: 5px 8px; border:1px solid #aaaaaa; border-radius:5px;}
.lpinput SELECT  {width: 160px; font-size:15px; padding:5px 8px; border:1px solid #aaaaaa;}
.lpinput TEXTAREA  {width:750px; font-size:15px; line-height:18px; border:1px solid #aaaaaa; border-radius:5px; padding:5px 8px; min-height:120px;}
.lpclear  {clear:both;}

@media screen and (max-width: 1000px){
    .tbl table th h6  {display:block;}
    .tbl table th span  {display:none;}
}


/***************************************************************RESPONSIVE*****************************************************************************/
@media screen and (max-width: 1117px) {
.wrapper {max-width:98%; margin:0 auto;}
#slide {width:100%; height:auto; padding-top:0;}
#mainnav {display:none;}
#mobilemenu {display:block;}

/*subpage*/
.under {display:none;}

/*Matrix*/
.matrix-subpage {max-width:96%;}
}

@media screen and (max-width: 970px) {
/*Header*/
header {height:auto; padding-bottom:10px;}
nav.topnav {text-align:center;}
nav.topnav ul {padding:0; margin:25px 5px 5px 5px;}
h1.logo {max-width:90%; position:static; top:0; text-align:center; margin:0 auto;}
h1.logo img {max-width:90%;}
#search {width:85%; float:none; margin:0 auto;}
#scroll {bottom:0;}

/*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 30px 0;}
.link-box {padding: 20px 40px;}
.homecol .featured-pic {height:350px;}

/************************************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-twocolumns1.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#landing-twocolumns2.display-flex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#landing-twocolumns3.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-twocolumns1 .landingcol:nth-child(1),
#landing-twocolumns1 .landingcol:nth-child(2) {margin: 0 0 30px 0;}
#landing-twocolumns2 .landingcol:nth-child(1),
#landing-twocolumns2 .landingcol:nth-child(2) {margin: 0 0 30px 0;}
#landing-twocolumns3 .landingcol:nth-child(1),
#landing-twocolumns3 .landingcol:nth-child(2) {margin: 0 0 30px 0;}
.landingcol h3 span {font-style:italic; margin-bottom:0;}
.landingcol .ways-pic {height:330px;}
.landingcol .grants-pic {height:330px;}
/*.landingcol .past-pic {height:520px;}*/
.landingcol .programs-pic {height:520px;}
.landingcol .learnag-pic {height:520px;}
.landingcol .learn-pic {height:520px;}
.landingcol .teaching-pic {height:520px;}
.text-box {padding: 20px 40px;}


/*subpage*/
/*.newsgrid {grid-template-columns: repeat(3, minmax(1px, 100%));}*/
.cropgrid {grid-gap:0; margin-left:3rem;}
.cropgrid > div {padding:0;}
.cropgrid {display:block; grid-template-columns: repeat(1, minmax(1px, 100%));}
.wgo3grid {grid-template-columns: repeat(2, minmax(1px, 100%));}

.button2wrap {display:block; margin:0.5rem auto;}
.button2wrap > div {margin:0.2rem; display:flex; justify-content:center;}
.button2wrapcenter {display:block; grid-template-columns:auto;}
.button2wrapcenter > div {margin:0.2rem;}

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

@media screen and (max-width:820px) {
/*Landing*/
.landingcol .ways-pic {height:270px;}
.landingcol .grants-pic {height:270px;}
/*.landingcol .past-pic {height:450px;}*/
.landingcol .programs-pic {height:450px;}
.landingcol .learnag-pic {height:450px;}
.landingcol .learn-pic {height:450px;}
.landingcol .teaching-pic {height:450px;}

/***********Sub 3 Cols************
#sub-columns1.display-flex {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
#sub-twocolumns1.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),
#sub-columns1 .subcol:nth-child(3) {margin:0 0 30px 0;}
#sub-twocolumns1 .subcol:nth-child(1),
#sub-twocolumns1 .subcol:nth-child(2) {margin:0 0 30px 0;}

section#sub-columns1 {margin-top:30px; margin-bottom:0;}
section#sub-twocolumns1 {margin-top:0; margin-bottom:0;}
*/

/*subpage*/
.subscribegrid {display:block; grid-template-columns:auto auto;}
.subscribegrid > div.subscribe {margin:10px auto;}
.featuregrid {grid-template-columns:auto 300px; margin:15px;}
.res3grid {grid-template-columns: repeat(2, minmax(1px, 100%));}

.specialgrid {display:block; grid-template-columns:auto auto;}

/*grants life recipients*/
.life ul {margin-left:0;}
.life .school {margin-left:0.5rem;}
.life p {margin-left:0.5rem;}
/*grants organic recipients*/
.organic ul {margin-left:0;}
.organic .school {margin-left:0.5rem;}
.organic p {margin-left:0.5rem;}

#sitemap ul li {width:49%;}
}

@media screen and (max-width: 768px) { /*iPad*/

/*subpage*/
.moviegrid {grid-template-columns: repeat(2, 1fr); grid-gap:0.5rem;}
.table2grid {grid-template-columns: repeat(2, 1fr); margin:0.5rem 1.0rem 3rem 1.0rem;}
.table2grid > div {font-size:0.95rem; line-height:1.1rem;}
.handsonaggrid {display:block; grid-gap:0; margin-left:3rem;}
.handsonaggrid > div {margin:0; padding:0;}
.handsonaggrid > div ul {margin:0;}

/*Matrix*/
.half {width:100%; padding-right:0%; padding-top:10px;}
.logingrid {grid-template-columns:repeat(1, minmax(1px, 100%)); grid-gap:0.1rem; margin:0 15px;}
.mxsearchw {width:94%; margin-top:2px; margin-left:0 !important;}
.mxloginw {width:75%;}
.mxcenterw {width:75%;}
.mxLRbutton {width:72%; margin-bottom:5px !important;}
.resetinputs {width:72%;}
.lessonanchor {display:block; margin-left:3.2rem;}
.mark2  {top:36px !important; left:10px !important;}
.purpose2 {margin:0 0.5rem 0rem 3.4rem !important;}
#standardbtns TR TD  {padding:0px 1px;}
.standardbtn {padding:6px 2px; border-radius:5px; height:55px;}
/*Callout*/
.naitccallout  {display:block; width:100%; margin-top:20px;}
.naitccallout TR  {display block; width:100%;}
.naitccallout TR TD  {display:block; width:100%;}
.naitccallout TR TD:first-child  {display:block; margin-left:auto; padding-left:15px; margin-right:auto;}
.naitccallout TR TD:last-child  {display:block; width:100%; }
.naitccallout TR TD:last-child h5.naitcheader  {margin-top:0; padding-top:0; text-align:center;}
}

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

/*Landing*/
.landingcol .ways-pic {height:230px;}
.landingcol .grants-pic {height:230px;}
/*.landingcol .past-pic {height:365px;}*/
.landingcol .programs-pic {height:365px;}
.landingcol .learnag-pic {height:365px;}
.landingcol .learn-pic {height:365px;}
.landingcol .teaching-pic {height:365px;}

/*subpage*/
.threephotos {display:block; grid-template-columns: repeat(1, minmax(1px, 100%));}
.twophotos {display:block; grid-template-columns: repeat(1, minmax(1px, 100%));}
.onephoto {width:90%; padding:0 15px;}

.buttonwrap {display:block; grid-template-columns:90%; margin-left:0}
.button {width:90%;}
.field {width:90%;}
.button2wrap {margin:0 auto;}
.Bwidth400 {width:90% !important;}
.Bwidth250 {width:90% !important;}

.staffgrid {display:block; grid-template-columns:auto auto;}
.featuregrid {display:block; grid-template-columns:auto auto;}
.winners2grid {display:block; grid-template-columns:auto auto;}
.contestgrid {display:block; grid-template-columns:auto auto;}
.contestgrid > div img {display:flex; justify-content:center;}
.contestgrid img:hover {transform: scale(1.02);}
/*.factgrid {grid-template-columns: repeat(2, minmax(1px, 100%));}*/
.wgo3grid {grid-template-columns: repeat(1, minmax(1px, 100%));}
.farmyougrid {grid-template-columns: repeat(1, minmax(1px, 100%));}
.res1grid > div {padding:12px 5px; border-top:56px solid #f36f21;}
.res1grid > div h3 {margin:-65px 0 35px 0; font-size:1.5rem; line-height:1.5rem;}

.schoolgardengrid {display:block;}
.schoolgardengrid h3 {text-align:center; font-size:1.2rem; line-height:1.4rem;}

.confappgrid {display:block;}


#sitemap ul li {width:90%;}
.moviegrid {display:block; grid-template-columns: repeat(1, 1fr);}
.moviegrid > div {margin:0.5rem;}
.moviegrid > div iframe {width:100%;}

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

}

@media screen and (max-width: 500px) {
.tastelogos {display:block; grid-gap:0.5rem;}
.tastelogos > div {padding:0.5rem;}

.specialbutton {display:block; width:90%;}

.early2grids {display:block;}
.early2grids > div {margin-bottom:1rem;}

/***Matrix***/
#main-mybinderlogin {width:auto; margin:0 auto;}
#bands  { display:contents; width:auto;}

}

@media screen and (max-width: 414px) {
/*footer*/
#footer-bottom .footrow:nth-child(1) img {max-width:80px}
#footer-bottom .footrow:nth-child(1) a {width:80px;}
/*homepage*/
.homecol .featured-pic {height:250px;}

/*Landing*/
.landingcol .ways-pic {height:170px;}
.landingcol .grants-pic {height:170px;}
/*.landingcol .past-pic {height:210px;}*/
.landingcol .programs-pic {height:210px;}
.landingcol .learnag-pic {height:210px;}
.landingcol .learn-pic {height:210px;}
.landingcol .teaching-pic {height:210px;}

/*subpage*/
.subpage h2 {font-size:3.0rem;}
.subscribegrid > div.subscribe {background-size:300px; max-width:320px; height:99px;}
.subscribe p {left:70px; top:25px; font-size:1.3rem;}
/*.newsgrid {grid-template-columns: repeat(2, minmax(1px, 100%));}*/
.res3grid {grid-template-columns: repeat(1, minmax(1px, 100%));}
/*.factgrid {grid-template-columns: repeat(1, minmax(1px, 100%));}*/
.res1grid > div h3 {margin:-62px 0 35px 0; font-size:1.25rem; line-height:1.25rem;}

.newicongrid {grid-template-columns:45px auto; margin:2.5rem 1rem 0 0.5rem;}
.newicongrid > div.newicon {background-size:45px; width:45px; height:55px; margin-top:10px;}

/*Matrix*/
#thumbnail  {margin:1rem auto; max-width:70%;}
.standardbtn {font-size:0.8rem; line-height:0.9rem;}
}

@media screen and (max-width: 320px) {
.subscribegrid > div.subscribe {background:none;}
.subscribe p {position:static; left:0; top:0; font-size:1.4rem; margin:0 auto;}
.border {display:none;}
}