:root {
  --text-color: #000;
  --link-color: var(--logocolor-blue);
  --link-color-hover: #521f6e;
  --link-background-color-focus: var(--color-green-light);
  --color-red: #F23838;
  --color-red-dark: #b60c0c;
  --color-navy: var(--logocolor-blue);
  --color-navy-dark: #0f274d;
  --color-navy-light: #d4e1f7;
  --color-blue: #0060ff;
  --color-green: #006225;
  --color-green-dark: #003314;
  --color-green-bright: #009439;
  --color-green-light: #e5efd1;
  --color-yellow: var(--logocolor-orange);
  --color-yellow-dark: #C74F0A;
  --color-yellow-light: #fcdfcf;
  --accent-color-2: var(--color-navy);
  --accent-color-2-dark: var(--color-navy-dark);
  --accent-color-3: var(--accent-color-6-bright);
  --accent-color-3-dark: var(--accent-color-6);
  --accent-color-5: var(--logocolor-green);
  --accent-color-5-dark: var(--logocolor-green-dark);
  --accent-color-6: #521f6e;
  --accent-color-6-dark: #2d103c;
  --accent-color-6-bright: #712b97;
  --accent-color-6-light: #e6cff2;
  --accent-color-7: #339A99;
  --accent-color-7-dark: #226766;
  --accent-color-7-light: #d9f2f2;
  --font-family-primary: "Poppins", sans-serif;
  --font-family-secondary: "Raleway", sans-serif;
  --font-family-tertiary: "Roboto Slab", serif;
  --line-height-default: 1.65;
  --logocolor-green: #8eb53e;
  --logocolor-green-dark: #627D2B;
  --logocolor-green-light: #c9dea1;
  --logocolor-orange: #F37022;
  --logocolor-blue: #1A4589;
  --matrix-landing-header-background-color: var(--logocolor-green-light);
  --matrix-landing-header-color: #000;
  --h2-line-color: var(--logocolor-orange);
  --footer-info-background-color: var(--color-green-light);
  --gradient-color-stop-1: var(--color-green-light);
  --gradient-color-stop-2: var(--logocolor-green-light);
  --input-background-color-hover: #e9f0fb;
  --dropdown-background-color-open: var(--color-green-light);
}
/* menu variables */
:root {
  --site-nav-font-size: 1rem;
  --site-nav-matrixpage-font-size: 1rem;
  --site-nav-link-color: #fff;
  --site-nav-link-color-hover: #fff;
  --site-nav-submenu-link-color-hover: var(--text-color);
  --site-nav-matrixpage-background-color: #fff;
  --site-nav-matrixpage-link-color-hover: #fff;
  --matrix-nav-background-color: #fff;
  --matrix-nav-background-color: var(--color-navy);
  --matrix-nav-link-color: #fff;
  --matrix-nav-border-bottom: none;
  --matrix-nav-link-background-color-hover: var(--color-green-light);
  --matrix-nav-link-color-hover: var(--color-navy-dark);
  --matrix-submenu-link-background-color-hover-focus: var(--color-green-light);
  --matrix-submenu-link-color-hover-focus: var(--color-navy-dark);
  --matrix-submenu-link-color-hover: #fff;
}
body {
  background-color: #F2FAFD;
}

/*************************
  TEXT
*************************/
html, body {
  font-weight: 300;
}
body:not(.aks-matrix-page) h1 {
  margin-top:1rem;
  font-weight:600;
}
body:not(.aks-matrix-page) :where(h2, h3, h4, h5, h6) {
  font-weight:500;
  margin-bottom:0.2rem;
}
body:not(.aks-matrix-page) :where(h1, h2, h3, h4, h5, h6, .subhead-h2, .subhead-h3) {
  font-family: var(--font-family-secondary);
}
body:not(.aks-matrix-page) :where(h2, .subhead-h2) {
  font-size: 1.8rem;
}
body:not(.aks-matrix-page) :where(h3, .subhead-h3) {
  font-size: 1.4rem;
}
body:not(.aks-matrix-page) :where(h4) {
  font-size: 1.4rem;
}
strong, dt {
  font-weight: 600;
}
.aks-link-goto,
.california .aks-subnav-matrix .aks-link,
.california .aks-dropdown-list .aks-dropdown-btn,
.aks-resource-list dt a,
.aks-resource-link-wrapper a,
.aks-question-heading {
  font-weight: 500;
}
.california .aks-single-checkitem label {
  font-weight: 300;
}
.aks-breadcrumbs {
  color: #444;
}

/*************************
  HEADER MAIN MENU
*************************/
.aks-site-header {
  --width-max: calc(100% - 40px);
  --width-default: var(--width-max);
  font-weight: 400;
  border-color: var(--color-navy);
}
.aks-site-header #menutoggle {
  --site-nav-link-color: var(--link-color);
  --site-nav-matrixpage-link-color: var(--link-color);
  background-color: var(--color-green-light) !important;
}
.aks-site-header #menutoggle[aria-expanded="true"] {
  right: 0;
}
/* colors for the tabs */
.aks-site-header.folder-tabs-nav .aks-topmenu > li:nth-child(1),
.aks-site-header.folder-tabs-nav:has(.aks-topmenu > li:nth-child(1) a.navhighlight) {
  --theme-color: var(--color-navy);
  --theme-color-dark: var(--color-navy-dark);
  --site-nav-submenu-link-background-color-hover: var(--color-navy-light);
}
.aks-site-header.folder-tabs-nav .aks-topmenu > li:nth-child(2),
.aks-site-header.folder-tabs-nav:has(.aks-topmenu > li:nth-child(2) a.navhighlight) {
  --theme-color: var(--color-yellow);
  --theme-color-dark: var(--color-yellow-dark);
  --site-nav-submenu-link-background-color-hover: var(--color-yellow-light);
}
.aks-site-header.folder-tabs-nav .aks-topmenu > li:nth-child(3),
.aks-site-header.folder-tabs-nav:has(.aks-topmenu > li:nth-child(3) a.navhighlight) {
  --theme-color: var(--accent-color-6-bright);
  --theme-color-dark: var(--accent-color-6);
  --site-nav-submenu-link-background-color-hover: var(--accent-color-6-light);
}
.aks-site-header.folder-tabs-nav .aks-topmenu > li:nth-child(4),
.aks-site-header.folder-tabs-nav:has(.aks-topmenu > li:nth-child(4) a.navhighlight) {
  --theme-color: var(--color-green-bright);
  --theme-color-dark: var(--color-green);
  --site-nav-submenu-link-background-color-hover: var(--color-green-light);
}
.aks-site-header.folder-tabs-nav .aks-topmenu > li:nth-child(5),
.aks-site-header.folder-tabs-nav:has(.aks-topmenu > li:nth-child(5) a.navhighlight) {
  --theme-color: var(--accent-color-7);
  --theme-color-dark: var(--accent-color-7-dark);
  --site-nav-submenu-link-background-color-hover: var(--accent-color-7-light);
}
.aks-site-header.folder-tabs-nav .aks-topmenu > li:nth-child(6),
.aks-site-header.folder-tabs-nav:has(.aks-topmenu > li:nth-child(6) a.navhighlight) {
  --theme-color: var(--logocolor-green);
  --theme-color-dark: var(--logocolor-green-dark);
  --site-nav-submenu-link-background-color-hover: var(--logocolor-green-light);
}
.aks-site-header .aks-topmenu .aks-submenu a:focus {
  background-color: var(--site-nav-submenu-link-background-color-hover);
  --link-background-color-focus: var(--site-nav-submenu-link-background-color-hover);
}
/* logo */
.aks-site-header .logo img {
  filter: none !important;
  height: 140px !important;
  max-height: 140px;
}
/* toplinks */
.aks-site-header .aks-toplinks li > a {
  position: relative;
  padding-left: 23px;
}
.aks-site-header .aks-toplinks [class*="fa-icon"] {
  width: 20px;
  position: absolute;
  left: 0;
  text-align: center;
}
.aks-site-header .aks-toplinks li > a:hover {
  text-decoration: underline;
}
/* google search in toplinks */
.aks-site-header #googleSearch table,
.aks-site-header #googleSearch tbody,
.aks-site-header #googleSearch tr,
.aks-site-header #googleSearch td {
  padding: 0;
  margin: 0;
}
.aks-site-header #googleSearch .gsc-control-cse {
  padding: 0;
  border: none;
  background-color: transparent;
}
.aks-site-header #googleSearch form {
  margin: 0;
}
.aks-site-header #googleSearch .gsc-search-box > table > tbody > tr {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px;
}
.aks-site-header #googleSearch .gsc-search-box tr > .gsc-input {
  grid-column: 1;
}
.aks-site-header #googleSearch .gsc-input-box {
  border: none;
  padding: 0;
  border-radius: 0;
}
.aks-site-header #googleSearch .gsc-input-box .gsc-input > tbody > tr {
  display: grid;
  grid-template-columns: 1fr 30px;
  border: 1px solid var(--color-gray);
  transition: all .3s;
}
.aks-site-header #googleSearch .gsc-input-box .gsc-input > tbody > tr:has(input.gsc-input:hover) {
  background-color: var(--input-background-color-hover);
}
.aks-site-header #googleSearch .gsc-input-box .gsc-input > tbody > tr:has(input.gsc-input:focus) {
  border-color: var(--link-color-hover);
}
.aks-site-header #googleSearch input.gsc-input {
  background: none !important;
  padding: 5px 10px !important;
  border-radius: 0;
  box-shadow: none;
}
.aks-site-header #googleSearch .gsc-search-box .gsib_b,
.aks-site-header #googleSearch .gsc-search-box .gsst_b {
  height: 100%;
}
.aks-site-header #googleSearch .gsc-search-box .gsib_b a {
  height: 100%;
  display: flex;
  align-items: center;
}
.aks-site-header #googleSearch .gsc-search-box tr > .gsc-search-button {
  grid-column: 2;
  display: block;
}
.aks-site-header #googleSearch .gsc-search-box .gsc-search-button button {
  margin: 0;
  padding: 10px;
  border: none;
  background-color: var(--link-color);
  height: 100%;
  border-radius: 0;
}
.aks-site-header #googleSearch .gsc-search-box .gsc-search-button button:hover {
  background-color: var(--link-color-hover);
}
/* mobile menu displays */
@media (max-width: 1199px) {
  :root {
    --site-nav-font-size: 1.1rem;
  }
  .aks-site-header #menutoggle {
    display: block;
  }
  .aks-smallscreen_mainMenu .aks-site-header #mainMenu {
    background-color: #F2FAFD;
  }
  /* logo */
  .aks-site-header .logo img {
    height: 7vw;
    width: auto;
    max-height: 80px;
  }
  .aks-site-header .logo a {
    padding: 5px 0;
  }
  /* top links */
  .aks-site-header .aks-toplinks-wrapper .menuitem-google-site-search {
    padding: 15px 7px 15px 25px;
  }
  .aks-site-header .aks-toplinks li > a {
    padding: 10px 25px 10px 50px;
    display: inline-block;
  }
  .aks-site-header .aks-toplinks [class*="fa-icon"] {
    left: 25px;
  }
  /* google search */
  .aks-site-header #googleSearch input.gsc-input {
    padding: 10px 10px !important;
  }
  .aks-site-header #googleSearch .gsc-search-box .gsc-search-button button {
    min-width: 44px;
  }
  /* top menu */
  .aks-site-header .aks-topmenu {
    flex-direction: column;
    gap: 0;
  }
  .aks-smallscreen_mainMenu .aks-site-header .aks-topmenu > li {
    margin: 0 !important;
    background-color: var(--theme-color-dark);
  }
  .aks-smallscreen_mainMenu .aks-site-header .aks-topmenu .aks-toplevel-wrapper a {
    padding-left: 25px;
  }
  .aks-smallscreen_mainMenu .aks-site-header .aks-topmenu .aks-toplevel-wrapper a:hover {
    text-decoration: underline;
  }
  /* submenu */
  .aks-site-header .aks-topmenu .aks-toplevel-wrapper .aks-expand-sub {
    border-radius: 0 !important;
    --site-nav-link-background-color-focus: rgba(0, 0, 0, .4);
    margin: 0 !important;
    align-self: stretch;
    height: auto !important;
    width: 60px !important;
    color: #fff !important;
  }
  .aks-site-header .aks-topmenu .aks-submenu {
    margin: 15px 25px;
  }
  .aks-smallscreen_mainMenu .aks-site-header .aks-topmenu .aks-submenu > li:not(:last-child) {
    margin-bottom: 2px;
  }
  .aks-smallscreen_mainMenu .aks-site-header .aks-topmenu .aks-submenu a {
    background-color: rgba(255, 255, 255, .8);
  }
  .aks-smallscreen_mainMenu .aks-site-header .aks-topmenu .aks-submenu ul li a {
    padding-left: 25px;
  }
  .aks-smallscreen_mainMenu .aks-site-header .aks-topmenu .aks-submenu a:hover {
    background-color: rgba(255, 255, 255, 1);
  }
}
/* just on large screens */
@media (min-width: 1200px) {
  .aks-site-header #mainMenu {
    visibility: visible !important;
    display: flex !important;
    flex-direction: column;
    gap: 20px;
    min-height: 159px;
    justify-content: space-between;
  }
  /* tabs style for main menu */
  .aks-site-header.folder-tabs-nav {
    padding-bottom: 0;
    padding-top: 5px;
    border: none;
    position: relative;
    margin-bottom: 4px;
  }
  .aks-site-header.folder-tabs-nav::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    right: 0;
    height: 5px;
    background-color: var(--theme-color-dark, var(--color-navy-dark));
    z-index: 5;
  }
  .aks-site-header.folder-tabs-nav .aks-mainnav {
    width: 100%;
  }
  /* logo */
  .aks-site-header.folder-tabs-nav .logo {
    position: absolute;
    left: 0;
    top: 5px;
  }
  /* top links */
  .aks-site-header .aks-toplinks-wrapper {
    padding-top: 10px;
    font-size: .95rem;
  }
  .aks-site-header .aks-toplinks {
    justify-content: end;
    align-items: center;
    gap: 15px;
    grid-auto-flow: column;
  }
  .aks-site-header .aks-toplinks .menuitem-google-site-search {
    grid-row: 2;
    grid-column: 1 / 5;
  }
  /* main menu links */
  .aks-site-header.folder-tabs-nav .aks-topmenu {
    gap: 0;
    padding-left: 4px;
    padding-right: 20px;
    justify-content: space-between;
    align-items: flex-end;
    align-self: center;
    min-width: 1100px;
  }
  .aks-site-header.folder-tabs-nav .aks-topmenu > li {
    padding: 0 15px;
    position: relative;
  }
  .aks-site-header.folder-tabs-nav .aks-topmenu .aks-toplevel-wrapper a {
    background-color: var(--theme-color-dark) !important;
    z-index: 5;
    padding: 15px 5px !important;
  }
  .aks-site-header.folder-tabs-nav .aks-topmenu > li::before,
  .aks-site-header.folder-tabs-nav .aks-topmenu > li::after {
    content: "";
    position: absolute;
    display: block;
    width: 44px;
    top: 0;
    bottom: 0;
    background-color: var(--theme-color-dark);
  }
  .aks-site-header.folder-tabs-nav .aks-topmenu > li::before {
    left: -4px;
    border-radius: 8px 0 0 0;
    z-index: 2;
  }
  .aks-site-header.folder-tabs-nav .aks-topmenu > li::after {
    right: -4px;
    transform: skew(20deg, 0deg);
    border-radius: 0 8px 0 0;
    z-index: 3;
    bottom: -1px;
  }
  /* when tab is active */
  .aks-site-header.folder-tabs-nav .aks-topmenu .aks-toplevel-wrapper a.navhighlight {
    padding-top: 25px !important;
  }
  .aks-site-header.folder-tabs-nav .aks-topmenu > li:has(a.navhighlight)::before {
    z-index: 4;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    clip-path: polygon(-10% 0, 100% 0, 100% 100%, 0 100%);
  }
  .aks-site-header.folder-tabs-nav .aks-topmenu > li:has(a.navhighlight)::after {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    clip-path: polygon(0 0, 150% 0, 100% 100%, 0 100%);
  }
  /* tab focus */
  .aks-site-header .aks-topmenu .aks-toplevel-wrapper a:focus {
    box-shadow: none !important;
    color: #fff !important;
  }
  .aks-site-header .aks-topmenu .aks-toplevel-wrapper a:focus::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 2px;
    background-color: #fff;
  }
  /* submenu */
  .aks-site-header .aks-topmenu .aks-submenu {
    font-weight: 400 !important;
    left: 11px !important;
    right: auto !important;
    max-width: none !important;
    border-top: 5px solid var(--theme-color) !important;
  }
  .aks-site-header .aks-topmenu .aks-toplevel-wrapper .aks-expand-sub {
    display: none;
  }
  .aks-site-header .aks-topmenu .aks-submenu ul {
    margin-left: 15px;
  }
  .aks-site-header .aks-topmenu .aks-submenu a {
    white-space: nowrap;
  }
  .aks-site-header .aks-topmenu > li:has(a.navhighlight) .aks-submenu,
  .aks-site-header .aks-topmenu > li:first-child .aks-submenu {
    left: -4px !important;
  }
  .aks-site-header .aks-topmenu .menuitem-resources .aks-submenu {
    display: grid;
    column-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
  .aks-site-header .aks-topmenu .menuitem-resources .aks-submenu .menuitem-learnaboutag {
    grid-row: 2 / 7;
  }
  body:not(.aks-smallscreen_mainMenu) .aks-site-header .aks-topmenu > li:hover .aks-submenu,
  body:not(.aks-smallscreen_mainMenu) .aks-site-header .aks-topmenu > li:focus-within .aks-submenu,
  body:not(.aks-smallscreen_mainMenu) .aks-site-header .aks-topmenu > li:has(a:hover) .aks-submenu {
    opacity: 1;
    top: calc(100% - 1px);
    visibility: visible;
  }
}
@media (max-width: 1649px) and (min-width: 1450px) {
  .aks-site-header.folder-tabs-nav .logo img {
    height: 100px !important;
  }
}
@media (max-width: 1449px) and (min-width: 1200px) {
  .aks-site-header.folder-tabs-nav .logo {
    top: 0;
  }
  .aks-site-header.folder-tabs-nav .logo img {
    height: 90px !important;
  }
}
/*************************
  GOOGLE SEARCH DIALOG
*************************/
.gsc-results-wrapper-overlay {
  line-height: 1.5;
}
.gsc-results-wrapper-overlay .gsc-selected-option-container {
  min-width: 100px;
  background-color: #fff;
}
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
  font-family: inherit !important;
}
.gs-webResult.gs-result a.gs-title:link, .gs-imageResult a.gs-title:link {
  color: var(--link-color) !important;
  font-weight: 500;
}
.gs-webResult.gs-result a.gs-title:visited, .gs-imageResult a.gs-title:visited {
  color: var(--link-color-hover) !important;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-imageResult a.gs-title:hover {
  text-decoration: underline;
}
.gs-webResult div.gs-visibleUrl {
  color: var(--color-green);
}
.gsc-results-wrapper-overlay .gs-web-image-box {
  margin-right: 10px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #444;
}
/*************************
  MATRIX PAGES
*************************/
#openSearch {
  color: var(--color-navy) !important;
  background-color: #fff;
  border-color: #fff;
}
#openSearch:hover {
  background-color: var(--link-background-color-focus);
  border-color: var(--link-background-color-focus);
}
.aks-matrix-nav-search-wrapper .aks-account .aks-link {
  --link-color: #fff;
  --link-color-hover: var(--color-green-light);
}
[class*="aks-links-wrapper_slider"] .aks-item {
  min-height: 100%;
}
.aks-matrix-item-page .aks-single-header,
.aks-matrix-page .aks-pagination-list {
  --color-gray-light: #fff;
}
.aks-matrix-item-page-lesson .aks-single-header,
.aks-matrix-item-page .aks-dropdown-list {
  background-color: #fff !important;
}
.california.aks-matrix-page .aks-matrix-item-page .aks-type-tag-cr {
  background-color: var(--color-yellow-dark);
}
.california.aks-matrix-page .aks-matrix-item-page .aks-type-tag-cr:hover {
  background-color: var(--accent-color-2-dark);
}
@media (min-width: 750px) {
  .aks-section-format_list + .aks-section-format_sliderStandard,
  .aks-section-format_box + .aks-section-format_sliderStandard,
  .aks-section-format_list + .aks-section-format_sliderFocus,
  .aks-section-format_box + .aks-section-format_sliderFocus {
    background-color: rgba(0, 0, 0, .05) !important;
  }
}
/*************************
  FOOTER
*************************/
footer .footrow-bottom-wrapper {
  background-color: var(--color-navy);
  padding: var(--gap) 0 0 0;
}
footer .footrow-top {
  padding: var(--gap) 0;
}
footer .social-list {
  justify-content: center;
  font-size: 1.8rem;
  gap: 20px;
}
footer .social-list a {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid;
  border-radius: 100%;
}
footer .social-list a:hover {
  box-shadow: 0 0 0 4px;
  border-color: transparent;
}
footer .disclaim-wrapper {
  gap: var(--gap);
  align-items: center;
}
footer .footrow-bottom-bottom {
  background-color: rgba(0, 0, 0, .3);
  padding: 15px 0;
  margin-top: 15px;
}
footer .quicklinks {
  justify-content: center;
  gap: 10px;
  font-size: .9rem;
}
footer .quicklinks li {
  display: flex;
  gap: 8px;
  align-items: center;
}
footer .quicklinks li:not(:last-child)::after {
  content: '\2724';
  font-size: .8em;
}
footer .quicklinks a:hover {
  text-decoration: underline;
}
footer .aks-pic-holder a {
  display: block;
}
/* footer media queries */
@media (max-width: 749px) {
  footer .social-list {
    flex-wrap: wrap;
    max-width: 250px;
    margin: 0 auto !important;
  }
  footer .disclaim-wrapper {
    gap: 15px;
    font-size: .9rem;
  }
  footer .disclaim-wrapper .aks-pic-holder {
    min-width: 100px;
  }
  footer .quicklinks {
    flex-wrap: wrap;
  }
}
/*************************
  HOMEPAGE
*************************/
.home-col-wrapper {
  gap: var(--gap);
  grid-template-columns: 1fr 1fr 1fr;
}
.home-col-wrapper .homecol {
  position: relative;
  background-color: #FFF;
  border: 1px solid rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  line-height: 1.5;
  padding-top: 12px;
}
.home-col-wrapper .homecol::before {
  content: "";
  position: absolute;
  background-color: var(--color-navy-dark);
  height: 8px;
  left: -1px;
  right: -1px;
  top: -1px;
}
.home-col-wrapper .homecol .subhead-h2 {
  margin: 0;
  text-align: center;
}
.home-col-wrapper .homecol .featured-pic {
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.home-col-wrapper .homecol .featured-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-col-wrapper .homecol .aks-link-list li > a:first-of-type::before {
  content: "\f138";
  top: .4em;
}
.home-col-wrapper .homecol .aks-link-list a {
  text-decoration: none !important;
  font-weight: 400;
}
/* instagram embed */
.home-col-wrapper .insta-wrapper {
  max-width: 348px;
  animation: fadeInAnimation cubic-bezier(0.1, -0.6, 0.2, 0) .1s 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  opacity: 0;
}
.home-col-wrapper .insta-wrapper .instagram-media {
  border: none !important;
  margin: 0 !important;
}
/* HOMEPAGE MEDIA QUERIES */
@media (max-width: 1199px) {
  .home-col-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .home-col-wrapper .homecol:last-child {
    grid-column: 1 / 3;
  }
  .home-col-wrapper .insta-wrapper {
    max-width: 100%;
  }
}
@media (max-width: 749px) {
  .home-col-wrapper {
    grid-template-columns: 1fr;
  }
  .home-col-wrapper .homecol:last-child {
    grid-column: 1;
  }
}
@media (max-width: 549px) {
  .home-col-wrapper .insta-wrapper {
    position: relative;
    padding-bottom: 120%;
  }
  .home-col-wrapper .insta-wrapper .instagram-media {
    position: absolute;
  }
  .home-col-wrapper .homecol:nth-child(3) {
    overflow: hidden;
  }
}



/******************************************Global Setting**********************************************/
.clear {
  clear: both;
}
.display-flex {
  display: flex;
}
.centerH {
  display: flex;
  justify-content: center;
}
.subpage img {
  display: block;
}
.wrapper {
  max-width: var(--width-max);
  width: var(--width-default);
  margin: 0 auto;
}
.wrapper .aks-container.aks-breadcrumb-inner {
  --width-max: 100%;
  --width-default: 100%;
}
/*******************************Landing pages*********************************/
/*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/sponsorship.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/supporters.jpg);
}
*/
/*Donate
.landingcol .donate-pic {
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.donate-pic:hover {
  opacity: 0.8;
  transition: all 0.4s;
}
#landing-columns1 .landingcol:nth-child(1) .donate-pic {
  background-image: url(../images/help/donate/directsupport.jpg);
}
#landing-columns1 .landingcol:nth-child(2) .donate-pic {
  background-image: url(../images/help/donate/inkind.jpg);
}
#landing-columns1 .landingcol:nth-child(3) .donate-pic {
  background-image: url(../images/help/donate/volunteer.jpg);
}
#landing-onecolumn .landingcol:nth-child(1) .donate-pic {
  background-image: url(../images/help/donate/memorial.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/conference.jpg);
}
#landing-columns1 .landingcol:nth-child(2) .programs-pic {
  background-image: url(../images/programs/index/farmday.jpg);
}
#landing-columns1 .landingcol:nth-child(3) .programs-pic {
  background-image: url(../images/programs/index/contest.jpg);
}
#landing-columns2 .landingcol:nth-child(1) .programs-pic {
  background-image: url(../images/programs/index/taste.jpg);
}
#landing-columns2 .landingcol:nth-child(2) .programs-pic {
  background-image: url(../images/programs/index/university.jpg);
}
#landing-columns2 .landingcol:nth-child(3) .programs-pic {
  background-image: url(../images/programs/index/agweek.jpg);
}
#landing-onecolumn .landingcol:nth-child(1) .programs-pic {
  background-image: url(../images/programs/index/agday.jpg);
  height: 250px;
}
*/
/*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);
}
*/
/*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/early.jpg);
}
#landing-twocolumns1 .landingcol:nth-child(1) .teaching-pic {
  background-image: url(../images/resources/index/webinar.jpg);
}
#landing-twocolumns1 .landingcol:nth-child(2) .teaching-pic {
  background-image: url(../images/resources/index/request.jpg);
}
*/
/*Resources/learn Landing
.landingcol .learnag-pic {
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#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
.landingcol .lesson-pic {
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#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(https://cdn.agclassroom.org/ncal/nalcm-laptop.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: 250px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.student-pic:hover {
  opacity: 0.8;
  transition: all 0.4s;
}
/*
#landing-twocolumns1 .landingcol:nth-child(1) .student-pic {
  background-image: url(../images/student/index/learn.jpg);
}
#landing-twocolumns1 .landingcol:nth-child(2) .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);
}

.landingcol {
  flex: 1;
  border: 1px solid rgba(0,0,0,.2);
  position: relative;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#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;
}
.landingcol h2 {
  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 a {
  color: #000;
  text-decoration: none !important;
}
.text-box {
  padding: 20px;
  font-weight: 400;
}
.text-box a {
  color: #0051d0;
}
section#landing-columns1, section#landing-columns2, section#landing-columns3, section#landing-columns4, section#landing-twocolumns1, section#landing-twocolumns2, section#landing-twocolumns3 {
  margin: calc(2.1vh + 2px) 0;
}
/*
.landingcol .tasteandteach-pic {
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tasteandteach-pic:hover {
  opacity: 0.8;
  transition: all 0.4s;
}
#landing-columns1 .landingcol:nth-child(1) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/09tomatoes.jpg");
}
#landing-columns1 .landingcol:nth-child(2) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/10apples.jpg");
}
#landing-columns1 .landingcol:nth-child(3) .tasteandteach-pic {
  background-image: url(../images/tasteandteach/11tablegrapes.jpg);
}
#landing-columns2 .landingcol:nth-child(1) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/12citrus.jpg");
}
#landing-columns2 .landingcol:nth-child(2) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/01nuts.jpg");
}
#landing-columns2 .landingcol:nth-child(3) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/02leafygreens.jpg");
}
#landing-columns3 .landingcol:nth-child(1) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/03greenbeans.jpg");
}
#landing-columns3 .landingcol:nth-child(2) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/04avocados.jpg");
}
#landing-columns3 .landingcol:nth-child(3) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/05berries.jpg");
}
#landing-columns4 .landingcol:nth-child(1) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/06dairy.jpg");
}
#landing-columns4 .landingcol:nth-child(2) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/07pears.jpg");
}
#landing-columns4 .landingcol:nth-child(3) .tasteandteach-pic {
  background-image: url("../images/tasteandteach/08peaches.jpg");
}
.tasteandteach-month {
  font-weight: 400;
  font-size: 1.9rem;
  line-height: 1.9rem;
  margin: 0;
  padding: 0.5rem;
  text-align: center;
  background-color: #1a4589;
  color: #FFF;
  transition: all 0.4s;
}
.tasteandteach-month:hover {
  background-color: #88baff;
  color: #000;
}
.tasteandteach-commodity {
  font-size: 1.5rem;
  line-height: 1.7rem;
  font-weight: 400;
  text-align: center;
  margin-top: 1.5rem;
}
.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;
}
.link-box ul.tasteandteach-links {
  margin: 0 0 1rem 0;
  padding-left: 0;
}
.link-box ul.tasteandteach-links li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1.0rem;
  line-height: 1.15rem;
}
.link-box ul.tasteandteach-links li a {
  position: relative;
  color: #0051d0;
}
.link-box ul.tasteandteach-links li a:hover {
  color: #419aff;
}
.link-box ul.tasteandteach-links li a::before {
  content: "\f138";
  font-size: 1rem;
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 5px;
  transition: all .2s;
}
.link-box ul.tasteandteach-links li a:hover::before {
  left: 2px;
  color: #419aff;
}
*/

/**************************************************SUBPAGE******************************************************/
.subpage {
  margin: 2vh 0;
}
.subpage h1 {
  font-size: 3.2rem;
  text-align: center;
}
.subpage h2 {
  font-size: 2.2rem;
}
.subpage h3 {
  font-size: 1.7rem;
}
.subpage h4 {
  font-size: 1.4rem;
}
.subpage h5 {
  font-size: 1.2rem;
}
.subpage h2.smallh2 {
  font-size: 1.9rem;
}
.subpage h3.smallh3 {
  font-size: 1.4rem;
}
.subpage h4.smallh4 {
  font-size: 1.2rem;
}
.subpage p.br {
  margin-bottom: 1rem;
}
.subpage p.dent {
  margin-left: 2rem;
}
.subpage p.small {
  font-size: 0.9rem;
}
.subpage p.quote {
  font-style: italic;
  width: 75%;
  margin: 25px auto;
}
.subpage p.largefont {
  font-size: 1.4rem;
}
.subpage ul.nolist {
  list-style: none;
}
.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);
}
/************************************List Links***************************************/
ul.listlink li {
  list-style-type: none;
  margin: 0;
  padding: 3px 0 3px 20px;
}
ul.listlink li a {
  position: relative;
}
ul.listlink li a::before {
  content: "\f0da";
  font-size: 1.2rem;
  font-family: FontAwesome;
  position: absolute;
  left: -18px;
  top: 2px;
  line-height: 1;
  transition: all .2s;
}
ul.listlink li a:hover::before {
  left: -15px;
}
/*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;
}
/*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: 40px;
  grid-template-columns: 450px;
  grid-gap: 0.5rem;
  margin-top:1rem;
}
.buttonwrap > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.deadline {
  font-size: 1.15rem;
  color: #CB0003;
}
/*programs/seed, grants/conference, programs/farmday, programs/conference*/
.buttonwrapcenter {
  display: block;
  margin: 1rem auto;
  text-align: center;
}
.buttonwrapcenter > div {
  display: flex;
  justify-content: center;
  align-items: 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);
}
.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;
}
/*tractorpoem*/
.field {
  border-radius: 3px;
  border: solid 2px #c8c8c8;
  height: 32px;
  width: 450px;
  transition: 0.3s all;
}
.field:hover {
  background-color: aliceblue;
}
/*tractorpoem*/
.specialbutton {
  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);
}
.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;
}


/***************************************************Photo Grids -contest*******************************************/
/*contest fadeshow*/
#fadeshow {
  float: right;
}
.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/supporters, programs/conference*/
.supporters-section {margin:4rem auto;}
.sponsors-grid[data-linkarea-style~="material"]:has(.aks-link-stretch-box) .aks-no-top-action {
  background-color: #fff;
  --mediabox-background-color: #fff;
  --title-font-size: 1.05rem;
  --title-line-height:1.1;
}
.textlogo {
  font-family: 'Roboto Slab';
  text-align: center;
  padding: 1rem 0.4rem;
  font-size: 1.9rem;
  line-height: 2.1rem;
  align-items: center;
  justify-content: center;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
}
.textlogo a {
  color: #000 !important;
}
.textlogoS {
  font-family: 'Roboto Slab';
  text-align: center;
  padding: 1rem 0.4rem;
  font-size: 1.5rem;
  line-height: 1.7rem;
  align-items: center;
  justify-content: center;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
}
.textlogoS a {
  color: #000 !important;
}
.textlogoSS {
  font-family: 'Roboto Slab';
  text-align: center;
  padding: 1rem 0.4rem;
  font-size: 1.0rem;
  line-height: 1.2rem;
  align-items: center;
  justify-content: center;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
}
.textlogoSS a {
  color: #000 !important;
}
/*help/supporters*/
.supporterlevel {
  display: flex;
  align-items: end;
  justify-content: center;
  text-align: center;
  margin: 0 auto 1rem auto;
}
.barnraiser .subhead-h2 {
  color: #6e5324;
}
.harvester .subhead-h2 {
  color: #52672c;
}
.cultivator .subhead-h2 {
  color: #768f3e;
}
.seed .subhead-h2 {
  color: #87a93b;
}
.gardener .subhead-h2 {
  color: #a6bb3c;
}
.planter .subhead-h2 {
  color: #b4cc38;
}
.supporterlevel img {
  width: 190px;
  position: relative;
  left: -10px;
}
.barnraiser .supporterlevel img {
  width: 150px;
}
@media (max-width: 749px) {
  .supporterlevel {
    flex-direction: column-reverse;
    text-align: center;
    align-items: center;
  }
}

/*
.twologos-barnraiser {
  display: grid;
  grid-template-columns: repeat(2, minmax(1px, 100%));
  grid-gap: 1rem;
  margin: 0.5rem 1rem 3rem 1rem;
}
.twologos-barnraiser > div {
  padding: 1rem;
  text-align: center;
  font-weight: 300;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.twologos-barnraiser > div img {
  max-width: 330px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}
.twologos-barnraiser > div a {
  max-width: 330px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}
.logos-barnraiser1logo {
  max-width: 360px;
  height: 200px;
  margin: 0 auto 1rem auto;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
}
.logos-barnraiser1logo > div img {
  max-width: 340px;
  margin: 0 auto;
  text-align: center;
}

.logos-harvester {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  margin: 0 auto 1rem auto;
}
.logos-harvester > div {
  padding: 1rem 0.5rem;
  display: block;
  alignment-baseline: center;
}
.logos-harvester > div img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/*vertical center aligned*
.logos-harvester1logo {
  max-width: 360px;
  height: 200px;
  margin: 0 auto 1rem auto;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
}
.logos-harvester1logo > div img {
  max-width: 340px;
  margin: 0 auto;
  text-align: center;
}
.logos-cultivator {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(263px, 1fr));
  grid-gap: 1rem;
  margin: 0 auto 1rem auto;
}
.logos-cultivator > div {
  padding: 1rem 0.5rem;
  display: block;
  alignment-baseline: center;
}
.logos-cultivator > div img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
*/
/*vertical center aligned
.logos-seed {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(213px, 1fr));
  grid-gap: 1rem;
  margin: 0 auto 1rem auto;
}
.logos-seed > div {
  padding: 0.8rem 0.3rem;
  display: block;
  alignment-baseline: center;
}
.logos-seed > div img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
*/
/*vertical center aligned*/
.logos-gardener {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
  grid-gap: 1rem;
  margin: 0 auto 1rem auto;
}
.logos-gardener > div {
  padding: 0.8rem 0.3rem;
  display: block;
  alignment-baseline: center;
}
.logos-gardener > div img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/*vertical center aligned*/
.logos-planter {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 1rem;
  margin: 0 auto 1rem auto;
}
.logos-planter > div {
  padding: 0.8rem 0.3rem;
  display: block;
  alignment-baseline: center;
}
.logos-planter > div img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/*vertical center aligned*/
/*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: block;
  alignment-baseline: center;
}
.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%;
}

/*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: block;
  alignment-baseline: center;
}
.fourlogos > div img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/*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;
}
.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/communications 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;
}
/*****about/communications*****/
.teacherphoto {
  float: right;
  margin: 1rem;
  width: 300px;
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
}
.news-banner img {
  display: block;
}
.news-banner {
  position: relative;
  display: inline-block;
}
.news-banner > div.subtext {
  position: absolute;
  top: 73%;
  left: 50%;
  transform: translate( -50%, -50% );
  text-align: center;
  font-weight: 500;
  color: #1c4d08;
  font-size: 1.2rem;
  line-height: 1.3rem;
}
@media screen and (max-width: 820px) {
  .news-banner > div.subtext {
    font-size:1.0rem;
    line-height: 1.2rem;
  }
}
@media screen and (max-width: 500px) {
  .news-banner > div.subtext {
    font-size:0.7rem;
    line-height: 0.9rem;
  }
}

/**********************ADDED************************/

.subpage .aks-link-list li > a:first-of-type::before,
.aks-link-list .aks-list-url-wrapper > a:first-of-type::before {
  top: .4em;
}


/*************************
  GRID
*************************/
.landing-grid {
  --title-font-family: var(--font-family-secondary);
  --title-font-size: 1.4rem;
  --title-line-height: 1.2;
  --title-font-weight: 500;
}
.landing-grid a { 
  --title-link-text-decoration: none;
}
.landing-grid[data-image-position="middle"]:has(.aks-has-extra) {
  --title-min-height: 102.09px;
}
/*********************
tasteandteach landing page
**********************/
.tasteandteach-grid .aks-item .subhead-h3 em {
  font-size: .8em;
  font-family: var(--font-family-primary);
}
.tasteandteach-grid .aks-item .aks-item-title-wrapper {
  background-color: var(--color-navy-dark);
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

/*********************
letsgetstarted landing page
**********************/
.video-title-grid .aks-item .aks-item-title-wrapper {
--title-font-size: 1rem;
  background-color: #f1f1f1;
  margin-bottom:1rem;
  text-align:center;
}

/*********************
conference2021_digital
**********************/
.squareimg-title-grid {
--title-font-size: 1rem;
--image-aspect-ratio:1/1;
}

.contest-book-row img {
padding:0 !important;
}

/*********************
resources/bites
**********************/
.aks-short-list li {
  margin-bottom: 0.2rem !important;
}
.ca-bites-grid .aks-item .aks-item-title-wrapper .aks-subtitle {
  text-transform:none;
  font-size:1.3rem;
  letter-spacing: .02em;
}
.ca-bites-grid .aks-item .aks-item-desc-wrapper {
  font-size: .9rem;
  font-style: italic;
}
.ca-bites-grid .aks-item .aks-item-desc-list-wrapper.aks-box {
  padding: 15px;
}
/*************************
  resources/fact, great
*************************/
.ca-resources {
  --linkarea-background-color: #fff;
  --base-padding: 10px 20px;
}
.ca-resources .aks-has-list.aks-no-desc .aks-item-desc-list-wrapper {
  padding-top: 0;
}

/*********************
student/learn
**********************/
/*Box border for tile that has multiple links. Tile itself is not a link*/
.ca-learn-grid .aks-no-top-action {
  border: 1px solid var(--linkarea-border-color);
}
.ca-learn-grid .aks-item .aks-item-title-wrapper {
 padding:1rem 0;
}
.ca-learn-grid .aks-item:nth-child(6n+1) {
 border-top: 8px solid var(--accent-color-5);
}
.ca-learn-grid .aks-item {
 background-color: #FFF !important;
}
.ca-learn-grid .aks-item .aks-item-desc-list-wrapper.aks-box {
 background-color:#FFF;
}

/*************************
  Headings
*************************/
/*****h2*****/
.h2heading {margin-top:3rem;}
.californiaaitc-h2-list {
  font-family:var(--font-family-secondary); font-size:1.8rem; line-height:2.0rem; font-weight:500;
  margin-bottom: var(--gap);
}
.californiaaitc-h2-list::before {
  content: "";
  height: 5px;
  display: block;
  max-width: 150px;
  margin-bottom: var(--gap);
}
/*
.californiaaitc-h2-list:not(:first-child)::before {
  margin-top: var(--gap);
}*/
/*about/staff, specialevents, grants/literacy-for-life, home/county*/
#heading2-section {justify-content:center; margin:auto 1rem;}
#heading2-section .h2heading:nth-child(1) .californiaaitc-h2-list::before {background-color: var(--color-red-dark);}
#heading2-section .h2heading:nth-child(2) .californiaaitc-h2-list::before {background-color: var(--color-green);}
#heading2-section .h2heading:nth-child(3) .californiaaitc-h2-list::before {background-color: var(--color-navy);}
#heading2-section .h2heading:nth-child(4) .californiaaitc-h2-list::before {background-color: var(--color-yellow-dark);}
#heading2-section .h2heading:nth-child(5) .californiaaitc-h2-list::before {background-color: var(--color-green-dark);}
#heading2-section .h2heading:nth-child(6) .californiaaitc-h2-list::before {background-color: var(--accent-color-6-bright);}
#heading2-section .h2heading:nth-child(7) .californiaaitc-h2-list::before {background-color: var(--accent-color-7);}

/*****h3*****/
.h3heading {margin-top:3rem;}
.californiaaitc-h3-list {
  font-family:var(--font-family-secondary); font-size:1.8rem; line-height:2.0rem; font-weight:500;
  margin-bottom: var(--gap);
}
.californiaaitc-h3-list::before {
  content: "";
  height: 5px;
  display: block;
  max-width: 150px;
  margin-bottom: var(--gap);
}
/*
.californiaaitc-h3-list:not(:first-child)::before {
  margin-top: var(--gap);
}*/
/*about/communications, career, help/sponsorship, prpograms/conference*/
#heading3-section {justify-content:center; margin:auto 1rem;}
#heading3-section .h3heading:nth-child(1) .californiaaitc-h3-list::before {background-color: var(--color-red-dark);}
#heading3-section .h3heading:nth-child(2) .californiaaitc-h3-list::before {background-color: var(--color-green);}
#heading3-section .h3heading:nth-child(3) .californiaaitc-h3-list::before {background-color: var(--color-navy);}
#heading3-section .h3heading:nth-child(4) .californiaaitc-h3-list::before {background-color: var(--color-yellow-dark);}
#heading3-section .h3heading:nth-child(5) .californiaaitc-h3-list::before {background-color: var(--color-green-dark);}
#heading3-section .h3heading:nth-child(6) .californiaaitc-h3-list::before {background-color: var(--accent-color-6-bright);}
#heading3-section .h3heading:nth-child(7) .californiaaitc-h3-list::before {background-color: var(--accent-color-7);}

/*Styles for modal*/
.modal-grades {font-size:1.3rem; font-weight:400; margin:1rem 0;}
.modal-standards {font-size:1.15rem; line-height:1.3rem; font-weight:400; margin:1rem 0;}
.modal-h3 {font-size:1.52rem !important; font-weight:400; margin:0;}
.modal-h4 {font-size:1.25rem !important; font-weight:400; margin:0;}
.modal-h5 {font-size:1.1rem !important; line-height:1.2rem; font-weight:400; margin:0;}

/*************************
  PAGE: About Us > Communications
*************************/
/*Communications archinve grid*/
.newsarchive {
  display: grid;
  grid-gap: 1rem;
  /*grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));*/
  grid-template-columns: 220px 220px;
  margin: 0;
}
.newsarchive > div {
  border: 1px solid #d2d2d2;
  background-color:#FFF;
  padding-bottom:2rem;
  margin-top:2rem;
}
.newsarchive > div h4 {background-color: var(--color-navy); color:#FFF; text-align:center; margin:-2rem auto 1rem auto !important; font-weight:400; font-size:1.3rem; padding:0.5rem;}
/*Communications Candid logo*/
#candid {
	background-color:#FFF; color:#000;
    border: solid 10px #a5c0ce;
	width:130px; height:130px;
	position:relative;
}
.candidline {position:absolute; top:-5px; left:-5px; width:120px; height:120px; border:1px solid #FFF; }
.candidline p.candidp {font-size:0.8rem !important; line-height:1.1rem !important; font-weight:500; margin:0.6rem 0.2rem 1rem 0.6rem !important; color:#000 !important;}
.candidtxt {position:absolute; bottom:8px; font-size:0.9rem; margin-left:0.5rem; font-weight:500;}

/*************************
  PAGE: About Us > Staff
*************************/
.staff-greeting {font-size:1.2em; line-height:1.1; text-align:center; margin:auto 0.2rem;}
.staff-reach {font-size:1.3em; line-height:1; text-align:center; margin:0.7rem auto 3rem auto;}

/*************************
  PAGE: resources/great, grab, 
*************************/
.resources-feature {
  background-color: var(--color-gray-light);
  padding: 0.5rem 0;
}

.greatread-author {font-size:1.2rem; line-height:1.4rem; font-weight:500; text-align:center; margin:0 auto 1rem auto;}

/*about/communications - Annual Reports*/
ul.reports {
  list-style-type: none;
  margin:1rem 0 2rem 1rem;
  padding: 0;
}
ul.reports li {
  display: inline-block;
  padding: 0 13px;
}
/*resources/guide, home/county*/
.newicongrid {
  display: grid;
  grid-template-columns: 80px auto;
  margin: 2.5rem 1rem 0 1rem;
}
.newicongrid > div h2 {
  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.1rem;
  font-family: FontAwesome;
  position: absolute;
  left: -5px;
  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";
}
/*grants life recipients*/
.life {
  margin-top: -2rem;
}
.life ul {
  list-style-type: none;
}
.life ul li {
  margin-left: 0;
  padding: 1rem;
}
.life h2 {
  font-size: 1.8rem;
  margin: 0;
}
.life h3 {
  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 h3 {
  font-size: 1.8rem;
  margin: 2px 0;
}
.organic h4 {
  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 h3 {
  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*/
.student {
  font-size: 1.5rem;
  margin: 1rem 0.2rem 0 1rem;
}
.contesttitle {
  font-style: italic;
}
.school {
  margin: 0 0.2rem 1.5rem 1rem;
}

/*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;
}
/*programs/contest, resources/early video grid
.contestvideo {
  display: grid;
  grid-gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  margin-top: 1rem;
  margin-bottom: 5rem;
}
.contestvideo > div {
  text-align: center;
  border: 1px solid #d7d7d7;
}
.contestvideo > div img {
  margin: 0 auto;
  text-align: center;
}
.videotitle {
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.3rem;
  margin: 0.8rem auto;
}
*/
/*sponsor logo
.contest-onelogo {
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  width: 50%;
  padding: 1rem;
  border-top: 5px solid #5b9a00;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}*/

/*resources/early video grid*/
.earlyvideo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  margin: 0;
}
.earlyvideo > div {
  text-align: center;
  padding: 0.5rem;
  font-weight: 300;
}
.earlyvideo > div img {
  margin: 0 auto;
  text-align: center;
}
/*Order, Download, View, Movie, Twitter, Recipe, Bug ICON list style*/
.icon {
  margin: 0;
}
.icon ul {margin:0;}
.icon ul li {
  padding: 4px 0;
  list-style-type: none;
}
.icon ul li a {
  display: block;
  position: relative;
  padding-left: 30px;
}
.icon ul li a::before {
  position: absolute;
  left: 2px;
  top: -4px;
  transition: all .2s;
  font-family: FontAwesome;
  font-size: 1.2rem;
}
.icon ul li a:hover::before {
  top: -2px;
}
.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_x a::before {
  content: "\e61a";
  color: #000;
}
.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 h2 {
  margin: -50px 0 18px 0;
  color: #FFF;
  text-align: center;
  font-size: 1.65rem;
}
.res1grid > div h3 {
  font-size: 1.5rem;
}
.res1grid > div h4 {
  font-size: 1.2rem;
  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: 2px;
  transition: all .3s;
  top: 0;
}
.res1grid > div ul li a:hover::before {
  left: 4px;
}
/*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-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-gap: 0.5rem;
  margin: 0 15px;
}
.farmyougrid > div {
  background-color: #FFF;
  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 h2 {
  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 p {
  margin-left: 0.8rem !important;
  margin-right: 0.8rem !important;
  font-size: 1.0rem;
  line-height: 1.35rem;
}
.farmyougrid > div ul {
  list-style-type: none;
  margin-left: 0.8rem;
}
.farmyougrid > div ul li {
  padding: 3px 0;
  font-size: 1.0rem;
  line-height: 1.15rem;
}
.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: 5px;
}
/*3 Grid - Resources/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 h2 {
  font-size: 1.3rem;
  line-height: 1.55rem;
  text-align: center;
  margin: 13px 0 0 0;
}
.res3grid > div h3 {
  font-size: 1.15rem;
  line-height: 1.3rem;
  text-align: center;
  margin: 13px 0 0 0;
}
.res3grid > div h4 {
  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: #FFF;
  border-top: 38px solid #f36f21;
  border-bottom: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
}
.wgo3grid > div h2 {
  margin: -48px 0 18px 0;
  color: #FFF;
  text-align: center;
  font-size: 1.65rem;
  line-height: 1.65rem;
}
.wgo3grid > div h3 {
  font-size: 1.45rem;
  line-height: 1.45rem;
  text-align: center;
  margin: 13px 0;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.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: 2px;
  transition: all .3s;
  top: 0;
}
.wgo3grid > div ul li a:hover::before {
  left: 4px;
}
.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 h3 {
  font-size: 1.15rem;
  line-height: 1.3rem;
  text-align: center;
  margin: 13px 0 0 0;
}
.factgrid > div h3.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-bottom: 1rem;
  text-align: center;
  border: 1px solid #cdcdcd;
}
.fusdgrid > div h4 {
  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(0.98);
}
.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 h3 {
  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);
}
.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 h3 {
  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 h2 {
  text-align: left;
  margin: 30px 0 5px 0;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
*/
/*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);
}
.schoolgardenphotogrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 2rem 1rem;
  grid-gap: 0.5rem;
}
/*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 h3 {
  margin-bottom: 0;
}
.confappgrid img.qrcode {
  width: 200px;
  margin-left: 1.2rem;
}
.confappgrid img.uparrow {
  display: inline-block;
  width: 18px;
}
/*This is done by Ryan*/
/*resources/lesson*/
.tbl table {
  width: 96%;
  margin: auto 2%;
  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: 0.7em;
  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) {
  /*help/supporters*/
  .logos-barnraiser {
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  }
  .logos-harvester {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  }
}
@media screen and (max-width: 970px) {
  /************************************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 h2 span {
    font-style: italic;
    margin-bottom: 0;
  }
  .text-box {
    padding: 20px 40px;
  }
  /*subpage*/
  .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;
  }
  .teacherphoto {
    width: 200px;
  }
  /*Image styles*/
  .width400 {
    width: 40%;
  }
  .width300 {
    width: 40%;
  }
}
@media screen and (max-width: 820px) {
  
  /***********Sub 3 Cols************/
  /*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%));
  }
  /*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) {
  #search {
    width: 95%;
    position: static;
    text-align: center;
    margin: 0.5rem auto;
  }
  /*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;
  }
  .twologos-barnraiser {
    display: block;
  }
  .twologos-barnraiser > div img {
    max-width: 90%;
  }
  .twologos-barnraiser > div a {
    max-width: 100%;
  }
  .supporterlevel h3.barnraiser {
    font-size: 1.7rem;
    line-height: 1.9rem;
    margin-top: 2.5rem;
  }
  .supporterlevel img.barnraiser {
    width: 140px;
  }
  .supporterlevel h3.harvester {
    font-size: 1.7rem;
    line-height: 1.9rem;
    margin-top: 2.5rem;
  }
  .supporterlevel img.harvester {
    width: 160px;
  }
  .supporterlevel h3.cultivator {
    font-size: 1.7rem;
    line-height: 1.9rem;
    margin-top: 2.5rem;
  }
  .supporterlevel img.cultivator {
    width: 160px;
  }
  .supporterlevel h3.seed {
    font-size: 1.7rem;
    line-height: 1.9rem;
    margin-top: 2.5rem;
  }
  .supporterlevel img.seed {
    width: 160px;
  }
  .supporterlevel h3.gardener {
    font-size: 1.7rem;
    line-height: 1.9rem;
    margin-top: 2.5rem;
  }
  .supporterlevel img.gardener {
    width: 160px;
  }
  .supporterlevel h3.planter {
    font-size: 1.7rem;
    line-height: 1.9rem;
    margin-top: 2.5rem;
  }
  .supporterlevel img.planter {
    width: 160px;
  }
  .teacherphoto {
    width: 50%;
    float: none;
    margin: 1rem auto;
    text-align: center;
  }
}
@media screen and (max-width: 680px) {
  /*subpage*/
  .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);
  }
  */
  .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 h2 {
    margin: -65px 0 35px 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .schoolgardengrid {
    display: block;
  }
  .schoolgardengrid h2 {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .confappgrid {
    display: block;
  }
  .twologos-barnraiser > div img {
    max-width: 99.5% !important;
  }
  .twologos-barnraiser > div a {
    max-width: 99.5% !important;
  }
  #sitemap ul li {
    width: 90%;
  }
  .moviegrid {
    display: block;
    grid-template-columns: repeat(1, 1fr);
  }
  .moviegrid > div {
    margin: 0.5rem;
  }
  .moviegrid > div iframe {
    width: 100%;
  }
  .newsarchive {
    display: block;
  }
  .newsarchive > div {
    margin: 1rem;
    border: none;
  }
  /*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;
  }
  .logos-barnraiser1logo {
    max-width: 99.5%;
    height: auto;
  }
  .logos-barnraiser1logo > div img {
    max-width: 100%;
    display: flex;
    align-items: center;
  }
  .logos-harvester1logo {
    max-width: 99.5%;
    height: auto;
  }
  .logos-harvester1logo > div img {
    max-width: 100%;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 414px) {
  /*subpage*/
  .subpage h1 {
    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;
  }
  .res3grid {
    grid-template-columns: repeat(1, minmax(1px, 100%));
  }
  .res1grid > div h2 {
    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;
  }
}
@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;
  }
}