/* ======================================================
   DIG IN DO GOOD — main.css
====================================================== */

/* ======================================================
   TOKENS   ff6400
====================================================== */
:root{
  /* Colors */
  --ink: #403D48;
  --gray: #808080;
  --paper: #fff;
  --jet: #403D48;
	
	--wp--style--global--content-size:1600px;

  --accent: #EA7821;
  --accent-hover: #E26222;
  --accent-strong: #D24306;
  --bg-soft: #EDF1F6;
  --border-light: #C5C5C5;
  --chip-bg: #E5E8EC;

  /* Typography */
  --font-headers: "veneer-three";
  --font-base: "Barlow", sans-serif;
  --font-condensed: "Barlow Condensed", sans-serif;

  /* Frame widths */
  --frame-mobile: 393px;
  --frame-tablet: 960px;
  --frame-desktop: 1600px;

  /* Responsive padding */
  --pad-mobile: 25px;
  --pad-tablet: 32px;
  --pad-desktop: 48px;

  /* Radii / borders */
  --radius: 14px;
  --radius-sm: 5px;
  --radius-pill: 999px;
  --border: 1px solid var(--ink);

  /* Breakpoints */
  --bp-tablet: 768px;
  --bp-desktop: 1100px;

  /* Hero */
  --hero-h-mobile: 475px;
  --hero-h-tablet: 520px;
  --hero-h-desktop: 600px;

  /* Shadows */
  --shadow-text: 0 0 1.74px rgba(0,0,0,0.18);
  --shadow-text-soft: 0 0 2.3px rgba(0,0,0,0.18);
  --shadow-card: 0 2px 2.9px rgba(0,0,0,0.15);

  /* Buttons */
  --btn-h: 30px;
  --btn-radius: 17px;
  --btn-pad: 3px 4px 3px 11px;
  --btn-gap: 15px;
  --btn-font-size: 10px;
  --btn-line-height: 16px;
}

/* ======================================================
   BASE
====================================================== */
*{ box-sizing:border-box; }

html, body{
  max-width: 100%;
  overflow-x: hidden;
}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family: var(--font-base);
  font-weight: 500;
}

a{
  color: var(--ink);
}

.carousel-info a{text-decoration: none;color:var(--jet);}

/* ======================================================
   LAYOUT
====================================================== */
.page-frame{
  width: 100%;
  max-width: var(--frame-mobile);
  margin: 0 auto;
  
}
.headh3{font-family: Barlow;
font-family: Barlow;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 20px */
}

@media(max-width:767px){
	.two-col-70-30 {
	margin-left: 23px!important;
	}
}

@media (min-width: 768px){
  .page-frame{
    max-width: var(--frame-tablet);
    padding-inline: var(--pad-tablet);
  }
	.headh3{font-family: Barlow;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 96%; /* 43.2px */
letter-spacing: -1.35px;
max-width:665px;
		margin-left:0px!important;
}
}

@media (min-width: 1100px){
  .page-frame{
    max-width: 100%;
	padding:0px;
    
  }
	:root{	--btn-font-size: 15px;}
	.headh3{font-family: Barlow;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 96%; /* 43.2px */
letter-spacing: -1.35px;
max-width:665px;
		margin-left:0px!important;
}
}

.container{
  width: 100%;
  max-width: var(--frame-mobile);
  margin: 0 auto;
}

@media (min-width: 768px){
  .container{
    max-width: var(--frame-tablet);
  }
}

@media (min-width: 1100px){
  .container{
    max-width: var(--frame-desktop);
  }
}

.content-col{
  width: 100%;
}

.section{
  padding-block: 0 32px;
}

.hide{display:none!important}

@media (min-width: 768px){
  .section{
    padding-block: 0 48px;
  }
}

@media (min-width: 1100px){
  .section{
    padding-block: 0 0px;
  }
}

.margined{
  margin-left: 26px;
  margin-right: 26px;
}

.margined h3{
  margin-block: 16px;
}

@media (min-width: 768px){
  .margined{
	  padding-left:32px;
    margin-left: 32px;
    margin-right: 32px;
  }
	.science-card{        margin-left: -38px !important;}
	
}

@media (min-width: 1100px){
  .margined{
    margin:auto;
	  margin-top:25px;
	  margin-left:54px!important;
	padding:0px;
   
  }
	.margined p{max-width:665px;margin-left:0px!important;}
	.didg-schools-wrap{width:681px!important;}
}

.didg-schools-wrap{
  width: 393px;
  padding-inline: 26px;
}

.didg-schools-wrap .hero-titlebox{
  width: 393px;
  margin-left: -26px !important;
}



@media (min-width: 768px){
	.full-bleed{
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}

.full-bleed > .page-frame{
  padding-inline: var(--pad-mobile);
}
  .full-bleed > .page-frame{
    padding-inline: var(--pad-tablet);
  }
}

@media (min-width: 1100px){
  .full-bleed > .page-frame{
    padding-inline: var(--pad-desktop);
  }
}

/* Reusable grids */
.grid-2,
.grid-3,
.card-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 768px){
  .grid-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .grid-3,
  .card-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (min-width: 1100px){
  .grid-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }

  .card-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
  }
}

.two-col-70-30 > * {
    align-self: start;
}

/* ======================================================
   TYPOGRAPHY
====================================================== */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4{
  margin: 0;
  font-family: var(--font-headers);
  font-weight: 400;

	
}



strong{font-family: 'Barlow';}

.base {font-family:var(--font-base);}

h1, .h1{
  font-size: 65px;
  line-height: 0.96;
  letter-spacing: -0.05em;
  text-shadow: var(--shadow-text);
  text-transform: uppercase;		
}

h2, .h2{
  font-size: 45px;
  line-height: 0.96;
  letter-spacing: -0.03em;
		
}

h3, .h3{
	
	color: var(--jet);
  font-size: 25px;
  line-height: 0.96;
}

h4, .h4{
		
  font-size: 17px;
  line-height: 1;
}

p,
.p2,
.p3,
.eyebrow{
  font-family: var(--font-base);
  font-weight: 500;
}

p, li{
  margin: 0 0 1em;
  font-size: 15px;
  line-height: 1.18;
}

.p2{
  font-size: 15px;
  line-height: 1.18;
}

.p3{
  font-size: 12px;
  line-height: 15px;
}

.eyebrow{
  font-size: 11px;
  line-height: 1.1;
  
}

@media (min-width: 768px){
  h1, .h1{
    font-size: 76px;
  }

  h2, .h2{
    font-size: 54px;
  }

  h3, .h3{
    font-size: 30px;
  }

  h4, .h4{
    font-size: 20px;
  }

  p,
  .p2{
    font-size: 17px;
  }
}

@media (min-width: 1100px){
  h1, .h1{
    font-size: 84px;
  }

  h2, .h2{
    font-size: 65px;
  }

  h3, .h3{
    font-size: 34px;
  }

  h4, .h4{
    font-size: 22px;
  }

  p,
  .p2{
    font-family: Barlow;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 113%; /* 22.6px */
	 
  }
	.science-card p {width:65%;}
	.eyebrow{font-family: Barlow;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 16.5px */
letter-spacing: 1.8px;
}
}

/* Links */
p a,
.p2 a,
.p3 a{
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 0.12em;
  text-decoration-thickness: 2px;
}

h1 a, h2 a, h3 a, h4 a{
  color: inherit;
  text-decoration: none;
  position: relative;
}

h1 a::after,
h2 a::after,
h3 a::after,
h4 a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-0.12em;
  border-radius: var(--radius-pill);
  
}

h1 a::after{ height: 4px; }
h2 a::after{ height: 3px; }
h3 a::after{ height: 2px; }
h4 a::after{ height: 1px; }

/* ======================================================
   HEADER
====================================================== */
.site-header{
  background: var(--paper);
}

.header-bar{
  width: 100%;
  min-width: var(--frame-mobile);
  height: 53px;
  background: var(--accent);
  border-bottom: 1px solid var(--paper);
}

.header-shell{
  width: 100%;
  max-width: var(--frame-mobile);
  height: 53px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 53px 1fr 53px;
  align-items: stretch;
}

.header-shell > a:first-child{
  display: flex;
  text-decoration: none;
}

.header-dash,
.header-menu{
  width: 53px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
	border-right:1px solid var(--paper);
	border-left:1px solid var(--paper);
}

.header-dash:hover,
.header-menu:hover,
.header-dash:active,
.header-menu:active{
  background: var(--accent-hover);
}

.header-brand{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  padding-left: 15px;
  color: var(--paper);
  text-align: left;
  text-decoration: none;
}

.header-brand__line1,
.header-brand__line2{
  color: var(--paper);
  
}

.header-brand__line1{
color: var(--Color, #FFF);
font-family: veneer-three;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 15px; /* 37.5% */
letter-spacing: -4%;
}

.header-brand__line2{
  display: none;
}

.hamburger{
  width: 22px;
  height: 2px;
  margin-top: 0px;
  position: relative;
  display: inline-block;
  background: var(--paper);
  border-radius: var(--radius-pill);
}

.hamburger::before,
.hamburger::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:2px;
  background: var(--paper);
  border-radius: var(--radius-pill);
}

.hamburger::before{ top:-7px; }
.hamburger::after{ bottom:-7px; }

.header-menu-wrap{
  position: relative;
}

.mobile-menu{
  position: absolute;
  top: 53px;
  right: 0;
  width: 392px;
  background: var(--accent-hover);

  z-index: 1000;
}

.mobile-menu__list,
.mobile-menu__list ul{
  list-style: none;
  margin: 0;
  padding: 0;
	padding-top: 16px;
}

.mobile-menu__list a{
  display: block;
	font-size:33px;
  padding: 6px 14px;
  color: var(--paper);
  text-decoration: none;
}

.mobile-menu__list a:hover{
  color: var(--paper);
  background-color: var(--accent);
 
}

.mobile-menu__list ul,
.mobile-menu__list .sub-menu{
  padding-left: 14px;
}

.mobile-menu__list .sub-menu{
  display: none;
}

.mobile-menu__list li.current-menu-item > .sub-menu,
.mobile-menu__list li.current-menu-ancestor > .sub-menu,
.mobile-menu__list li.current-page-ancestor > .sub-menu,
.mobile-menu__list li.current-page-parent > .sub-menu,
.mobile-menu__list li.current-menu-parent > .sub-menu{
  display: block;
}

.mobile-menu__list li.menu-item-has-children > a{
	font-size:33px;
  display: flex;
  align-items: center;
}

.mobile-menu__list li.menu-item-has-children > a::after{
  content:"";
  width:14px;
  height:14px;
  margin-left:auto;
  background: center / 14px 14px no-repeat url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\
<path d='M8 5l8 7-8 7z' fill='%23FFFFFF'/>\
</svg>");
}

.mobile-menu__list li.menu-item-has-children.current-menu-item > a::after,
.mobile-menu__list li.menu-item-has-children.current-menu-ancestor > a::after,
.mobile-menu__list li.menu-item-has-children.current-page-ancestor > a::after,
.mobile-menu__list li.menu-item-has-children.current-menu-parent > a::after{
  transform: rotate(90deg);
}

@media (min-width: 768px){
  .header-bar{
    height: 64px;
  }

  .header-shell{
    max-width: var(--frame-tablet);
    height: 64px;
    grid-template-columns: 64px 1fr 64px;
  }

  .header-dash,
  .header-menu{
    width: 64px;
    height: 64px;
  }

  .header-brand{
    padding-left: 24px;
  }

  .header-brand__line1{
    font-size: 34px;
    line-height: 1;
  }

  .mobile-menu{
    top: 64px;
    width: 420px;
  }
}

@media (min-width: 1100px){
  .header-bar{
    height: 72px;
  }

  .header-shell{
    max-width: var(--frame-desktop);
    height: 72px;
    grid-template-columns: 72px 1fr 72px;
  }

  .header-dash,
  .header-menu{
    width: 72px;
    height: 72px;
  }

  .header-brand{
    padding-left: 28px;
  }

  .header-brand__line1{
    font-size: 40px;
    line-height: 1;
  }

  .mobile-menu{
    top: 72px;
    width: 460px;
  }
}

/* ======================================================
   FOOTER
====================================================== */
.site-footer{
  width: 100%;
  min-width: var(--frame-mobile);
  background: var(--accent);
  color: var(--paper);
}

.footer-shell{
  max-width: var(--frame-mobile);
  margin: 0 auto;
  padding: 30px 25px 18px;
}

.footer-top{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  row-gap: 18px;
  grid-template-areas:
    "row1"
    "row2";
}

.footer-brand{
  grid-area: row1;
  display: inline-flex;
  flex-direction: row;
  gap: 6px;
  align-items: baseline;
  justify-content: flex-start;
  color: var(--paper);
  text-decoration: none;
  text-shadow: var(--shadow-text-soft);
  font-family: var(--font-condensed);
  font-size: 30px;
  line-height: 20px;
  letter-spacing: -1.2px;
}

.footer-brand__line1,
.footer-brand__line2{
  display: inline;
}

.footer-social{
  grid-area: row1;
  display: flex;
  justify-self: end;
  align-self: start;
  gap: 10px;
}

.social{
  width: 26.96px;
  height: 26.96px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  text-decoration: none;
  background: rgba(255,255,255,1);
  border: 1px solid rgba(255,255,255,1);
}

.social svg{
  display: block;
  fill: var(--accent);
}

.footer-links{
  grid-area: row2;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.footer-links a,
.footer-bottom{
  color: var(--paper);
  font-family: var(--font-base);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  text-shadow: var(--shadow-text-soft);
}

.footer-links a{
  text-decoration: none;
}

.footer-links a:hover,
.footer-links a:active{
  color: var(--paper);
  opacity: 0.9;
  text-decoration: underline;
}

.footer-bottom{
  margin-top: 18px;
  text-align: left;
}

@media (min-width: 768px){
  .footer-shell{
    max-width: var(--frame-tablet);
    padding: 36px 32px 20px;
  }

  .footer-top{
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "brand social"
      "links links";
    row-gap: 24px;
    align-items: start;
  }

  .footer-brand{
    grid-area: brand;
    font-size: 40px;
    line-height: 28px;
  }

  .footer-social{
    grid-area: social;
    gap: 12px;
  }

  .footer-links{
    grid-area: links;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
  }

  .footer-links a,
  .footer-bottom{
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 1100px){
  .footer-shell{
    max-width: var(--frame-desktop);
    padding: 42px 48px 24px;
  }

  .footer-top{
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "brand social"
      "links links";
    row-gap: 28px;
  }

  .footer-brand{
    font-size: 48px;
    line-height: 34px;
  }

  .footer-links{
    gap: 32px;
  }

  .footer-links a,
  .footer-bottom{
    font-size: 15px;
    line-height: 20px;
  }
}

/* ======================================================
   HERO TITLE BOX
====================================================== */
.hero-titlebox{
  width: 100%;
  max-width: var(--frame-mobile);
  margin: 0 auto;
  display: block !important;
  position: relative;
	
}

.hero-titlebox > .wp-block-group__inner-container{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

.hero-titlebox::before{
	 width:100vw;
	  margin-left: calc(50% - 50vw);
  position: relative;
  content:"";
  display:block;

  height: var(--hero-h-mobile);
  background-image: var(--bg-mobile);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-titlebox h1{
  position: absolute;
  top: calc(var(--hero-h-mobile) - 25px);
  left: 25px;
  transform: translateY(-100%);
  z-index: 2;
  margin: 0;
  padding-right: 26px;
  color: var(--Color, #FFF);
text-shadow: 0 0 1.737px rgba(0, 0, 0, 0.18);
/* H1-Mobile */
font-family: veneer-three;
font-size: 55px;
font-style: normal;
font-weight: 400;
line-height: 90%; /* 49.5px */
letter-spacing: -1.65px;
}

.hero-titlebox h3{
  margin: 0;
  padding-top: 25px;
	padding-bottom:25px;
  background: var(--paper);
  /* Paragraph 2 */
font-family: Barlow;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 118%; /* 17.7px */
}

@media (min-width: 768px){
  .hero-titlebox{
    max-width: var(--frame-tablet);
  }

  .hero-titlebox::before{
	   width:100vw;
	  margin-left: calc(50% - 50vw);
  position: relative;
    height: var(--hero-h-tablet);
    background-image: var(--bg-tablet, var(--bg-mobile));
  }

  .hero-titlebox h1{
    left: 32px;
    top: calc(var(--hero-h-tablet) - 32px);
    padding-right: 40px;
    max-width: 760px;
    font-size: 64px;
    line-height: 0.94;
    letter-spacing: -0.04em;
  }

  .hero-titlebox h3{
	  margin-left:30px!important;
	  margin: 25px;

    font-size: 30px;
    line-height: 1;
  }
}

@media (min-width: 1100px){
  .hero-titlebox{
    max-width: var(--frame-desktop);
  }

  .hero-titlebox::before{
	  width:100vw;
	  margin-left: calc(50% - 50vw);
  position: relative;
    height: var(--hero-h-desktop);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.50) 100%), url(<path-to-image>) lightgray 0px -331.004px / 105.225% 175.375% no-repeat;
    background-blend-mode: multiply, normal;
    background-image: var(--bg-desktop, var(--bg-tablet, var(--bg-mobile)));
    background-position: center center;
	background-size: cover;
    background-repeat: no-repeat;
  }

  .hero-titlebox h1{
    left: 48px;
    top: calc(var(--hero-h-desktop) - 40px);
    padding-right: 48px;
    max-width: 900px;
    color: var(--Color, #FFF);
text-shadow: 0 0 3.5px rgba(0, 0, 0, 0.18);

font-size: 128px;
font-style: normal;
font-weight: 400;
line-height: 83%; /* 106.24px */
letter-spacing: -6.4px;
	
  }

  .hero-titlebox h3{
	  	  margin-left:52px!important;
	  margin-top:14px;
	  margin-bottom:14px;
   font-family: Barlow;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 96%; /* 24px */
  }
}

/* ======================================================
   CAREER CAROUSEL / CARD
====================================================== */

.carousel{
  position: relative;
  width: 100%;
  margin: 0;
}

/* MOBILE = swipe cards */
.carousel-track{
  display: flex;
  align-items: stretch;
  gap: 12px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 0 15px 0 15px;
  -webkit-overflow-scrolling: touch;
}

.carousel-track::-webkit-scrollbar{
  display: none;
}

.carousel-track > .carousel-card{
  flex: 0 0 162px;

}

.carousel-card{
  position: relative;
  width: 162px;
  height: 290px;
  border-radius: 8px;
  overflow: hidden;
  background-image: var(--card-mobile);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 2px 2.9px rgba(0,0,0,0.15);
  transition: transform 0.15s ease;
}

.carousel-card:hover{
}

.carousel-card .eyebrow{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  color: #fff;
  text-shadow: 0 0 2.3px rgba(0,0,0,0.18);
  font-family: "Barlow", sans-serif;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.1;
  
  letter-spacing: 0.14em;
}

.carousel-info{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  background: #fff;
  border-top: 1px solid #C5C5C5;
}

.carousel-info p{
	text-transform: none;
  margin: 0;
  color: var(--jet);
  font-family: Barlow;
	letter-spacing:normal;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 15px; /* 125% */
}

.carousel-btn{
  flex: 0 0 auto;
  width: 21px !important;
}

/* dots on mobile */
.carousel-dots{
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}

.carousel-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(64, 61, 72, 0.50);
  cursor: pointer;
}

.carousel-dot.is-active{
  background: #403D48;
}

/* ======================================================
   TABLET + DESKTOP
====================================================== */
@media (min-width: 768px){
	.mobile-menu{display:none;}
  .full-bleed .carousel-track > .carousel-card, .two-col-70-30 .carousel-track > .carousel-card{
    flex: 0 0 162px;
}
	.carousel-track > .carousel-card {
    flex: 0 0 162px;
}
	.carousel-track > .feature-card{flex:auto;}
}

/* ======================================================
   LARGE DESKTOP
====================================================== */
@media (min-width: 1100px){
	
	.carousel{margin: auto;max-width:1600px;}	

  .fp-carousel{
    padding: 42px 44px 34px;
  }

  .fp-carousel .wp-block-heading{
    max-width: 760px;
    margin: 0 auto 26px;
    font-family: veneer-three;
  }

  .fp-carousel > .standard-button,
  .fp-carousel > p.standard-button{
    margin: 0 auto 36px;
  }

  .carousel-track{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 24px;
    overflow: visible;
    padding: 0;
    scroll-behavior: auto;
  }

  .carousel-track > .carousel-card{
    flex: none;
    width: 100%;
  }

  .carousel-card{
    width: 100%;
    height: 100px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    background: #F7F7F7;
    background-image: none;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: none;
  }

  .carousel-card:hover{
    transform: none;
  }

  /* left image panel */
  .carousel-card::before{
    content: "";
    display: block;
    grid-column: 1;
    grid-row: 1;
    background-image: var(--card-tablet, var(--card-mobile));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .carousel-card .eyebrow{
    top: 10px;
    left: 10px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.18em;
    color: #FFF;
    z-index: 2;
  }

  .carousel-info{
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    min-width: 0;
    padding: 10px 12px 10px 10px;
    background: #F7F7F7;
    border-top: 0;
  }

  .carousel-info p{
    order: 1;
    margin: 0 28px 12px 0;
    color: #403D48;
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: -0.02em;
  }

  /* top-right arrow */
  .carousel-btn{
    order: 2;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 25px !important;
    height: 25px;
    min-width: 25px;
    background-size: 25px 25px;
    margin: 0;
  }

  /* save button pill */
  .carousel-info::after{
	  text-transform: none;
    content: "Save to your favorites";
    order: 3;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 17px;
    padding: 0 24px 0 6px;
    border: 1px solid #EA7821;
    border-radius: 999px;
    color: #EA7821;
    font-family: "Barlow", sans-serif;
    font-size: 6px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><circle cx='6' cy='6' r='5.5' stroke='%23EA7821'/><path d='M4.2 6h3.6M6 4.2v3.6' stroke='%23EA7821' stroke-width='1' stroke-linecap='round'/></svg>")
      no-repeat right 6px center / 10px 10px;
  }

  .carousel-dots{
    display: none;
  }

  .fp-carousel{
	  margin-top:0px;
	  margin-bottom:0px;
    padding: 38px 42px 34px;
  }

	

  .fp-carousel .wp-block-heading{
    max-width: 881px;
    margin: 0 auto 22px;
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 96%; /* 62.4px */
    letter-spacing: -1.95px;
  }

  .fp-carousel > .standard-button,
  .fp-carousel > p.standard-button{
    margin: 0 auto 36px;
  }

  .carousel-track{
	        gap: 14px 24px;
        margin-bottom: 25px;
    
  }

  .carousel-card{
    height: 137px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
	border-radius: 6px;
  }

  .carousel-card::before{
    background-image: var(--card-desktop, var(--card-tablet, var(--card-mobile)));
  }

  .carousel-card .eyebrow{
    top: 10px;
    left: 10px;
    font-size: 10px;
    letter-spacing: 0.18em;
  }

  .carousel-info{
    padding: 10px 12px 10px 10px;
  }

  .carousel-info p{
	  text-align: left;
    font-size: 20px;
    line-height: 0.98;
    margin: 0 28px 12px 0;
  }

  .carousel-btn{
    top: 8px;
    right: 8px;
    width: 25px !important;
    height: 25px;
    background-size: 25px 25px;
  }

  .carousel-info::after{
    height: 17px;
    padding: 0 24px 0 6px;
    font-size: 6px;
    background-position: right 6px center;
    background-size: 10px 10px;
  }
}

/* ======================================================
   FP CAROUSEL SECTION
====================================================== */

.fp-carousel{
  position: relative;
  overflow: hidden;
  padding: 40px 16px 28px;
  background: linear-gradient(180deg, #EA7821 0%, #e26222 100%);
	
}

.fp-carousel p.standard-button{
  display:flex;
  justify-content:center;
}

/* subtle horizontal texture lines */
.fp-carousel::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,0.10) 0,
      rgba(255,255,255,0.10) 1px,
      transparent 1px,
      transparent 32px
    );
}

.fp-carousel > *{
  position: relative;
  z-index: 1;
}

.fp-carousel .wp-block-heading{
  margin: 0 0 20px;
  color: #FFF;
  text-align: center;
  font-family: veneer-three;
font-size: 55px;
font-style: normal;
font-weight: 400;
line-height: 90%; /* 49.5px */
letter-spacing: -1.65px;
       text-transform: uppercase;
	width:100%!important;
	max-width:100%!important;
}

.fp-carousel > .standard-button,
.fp-carousel > p.standard-button{
  margin: 30px auto 10px;
  text-align: center;
}

.fp-carousel > .standard-button a,
.fp-carousel > p.standard-button a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* optional spacer paragraph cleanup */
.fp-carousel > p:empty,
.fp-carousel > p:has(br:only-child){
  display: none;
}

/* ======================================================
   YOUR SCIENCE PATH
   Mobile stays as-is
====================================================== */
.fp-yoursciencepath{
	padding-bottom:5px;
	/*background: linear-gradient(0deg, var(--bg-soft) 0%, var(--paper) 100%);*/
}

.fpchooseoutter{
	border-top: 1px solid var(--accent);
    padding-bottom: 5px;
    background: linear-gradient(0deg, var(--bg-soft) 0%, var(--paper) 100%);
}

.carousel-outter p.standard-button{
  display:flex;
  justify-content:center;
}

.fp-yoursciencepath .wp-block-heading{
	    text-transform: uppercase;
	color: var(--Jet, #403D48);
text-align: center;
	font-family: veneer-three;
font-size: 55px;
font-style: normal;
font-weight: 400;
line-height: 90%; /* 49.5px */
letter-spacing: -1.65px;margin-top:30px;margin-bottom:30px;}

.fp-yoursciencepath .carousel-card:nth-child(1) .carousel-info p{
	color: #7AA13A;
	}
  .fp-yoursciencepath .carousel-card:nth-child(2) .carousel-info p{
    color: #E3B233;
  }

  .fp-yoursciencepath .carousel-card:nth-child(3) .carousel-info p{
    color: #4B3F2B;
  }

@media (min-width: 768px){
	    text-transform: uppercase;
	.fp-carousel .wp-block-heading {
  margin: 0 0 20px;
  color: #FFF;
  text-align: center;
  font-family: veneer-three;
font-size: 100px;
font-style: normal;
font-weight: 400;
line-height: 96%; /* 96px */
letter-spacing: -5px;
   
	width:100%!important;
	max-width:100%!important;
}

  .fp-yoursciencepath{
    padding: 30px 44px 34px;
    background: linear-gradient(0deg, var(--paper) 0%, var(--bg-soft) 100%);
  }

  .fp-yoursciencepath > .wp-block-heading{
	      text-transform: uppercase;
    margin: 0 220px 26px 0;
    color: #403D48;
    font-family: "veneer-three", sans-serif;
    font-size: 56px;
    line-height: 0.95;
    letter-spacing: -0.02em;
	   
  }

  /* place button at top right */
  .fp-yoursciencepath > p.standard-button{
    position: absolute;
    top: 26px;
    right: 44px;
    margin: 0;
    text-align: right;
  }

  .fp-yoursciencepath > p.standard-button a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .fp-yoursciencepath .carousel{
    margin: 0;
  }

  .fp-yoursciencepath .carousel-track{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    overflow: visible;
    padding: 0;
  }

  .fp-yoursciencepath .carousel-track > .carousel-card{
    width: 100%;
    flex: none;
  }

  .fp-yoursciencepath .carousel-card{
	  
    position: relative;
    display: block;
    width: 100%;
    height: 80%;
    min-height: 0;
    border-radius: 6px;
    overflow: visible;
    box-shadow: none;

  }

  /* image area */
  .fp-yoursciencepath .carousel-card::before{
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 12px;
	  
  }


  .fp-yoursciencepath .carousel-card .eyebrow{
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    color: #FFF;
    text-shadow: 0 0 2.3px rgba(0,0,0,0.18);
    font-family: "Barlow", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.18em;
    
  }

  .fp-yoursciencepath .carousel-info{
	  width:100%;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    padding: 0;
    background-color:#ffffff;
    border: 0;
	  padding-top:15px;
  }

  .fp-yoursciencepath .carousel-info p{
	width: 80%;
        display: revert-layer;
    margin: 0;
    color: #7AA13A;
    font-family: "Barlow", "Barlow", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 0.96;
    letter-spacing: -0.02em;
  }
	.carousel-info::after{display:none;}


  .fp-yoursciencepath .carousel-btn{
    position: static;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 8px;
    width: 25px !important;
    height: 25px;
    min-width: 25px;
    background-size: 25px 25px;
    transform: translateY(-1px);
  }

  .fp-yoursciencepath .carousel-dots{
    display: none;
  }
}

@media (min-width: 1100px){

  .fp-yoursciencepath{
    position: relative;
    padding: 30px 44px 30px;
  }

  .fp-yoursciencepath > .wp-block-heading{
	  text-align:left;
    margin: 0;
	  margin-bottom:25px;
	  max-width:1600px;
font-size: 100px;
font-style: normal;
font-weight: 400;
line-height: 96%; /* 43.2px */
letter-spacing: -1.35px;
  }

  .fp-yoursciencepath > p.standard-button{
    top: 24px;
    right: 44px;
  }

  .fp-yoursciencepath .carousel-track{
    gap: 22px;
  }

  .fp-yoursciencepath .carousel-card::before{
    aspect-ratio: 1 / 1;
    margin-bottom: 14px;
  }

  .fp-yoursciencepath .carousel-info p{
    font-size: 45px;
    line-height: 0.96;
  }

  .fp-yoursciencepath .carousel-btn{
    width: 25px !important;
    height: 25px;
    background-size: 25px 25px;
    margin-left: 8px;
  }
}

@media (min-width: 768px){
.fpchoose{margin: auto !important;
        gap: 27px 44px;
        grid-template-columns: repeat(3, 445px);
        display: grid;}
.fpchoose .feature-card{width:100%;
	grid-template-columns: 167px minmax(0, 1fr);
margin-left: 0px;
        width: auto;
        margin-right: 0px;
}
	.dathree {margin-left:54px;}
	.dathree .feature-card{margin-left: 0px;
        width: auto;
        margin-right: 0px;}
	.dathree .carousel-track{margin-right:106px}
}


/* ======================================================
   FEATURE CARD
====================================================== */

.didyouknow{background-image: url("/wp-content/uploads/2026/03/Did-you-know-4-2.png");width:100%;height:600px;background-repeat: no-repeat;background-position: center;background-size: cover;
	 display: flex;
  align-items: center;
	color:var(--paper);
	}



.feature{
  padding: 25px;
}

.feature h2,
.science-card h2{
  color: var(--paper);
  font-size: 65px;
     text-transform: uppercase;
  line-height: 0.96;
  letter-spacing: -1.65px;
}

.feature h2{
  padding-top: 15px;
  text-shadow: 0 0 1.737px rgba(0, 0, 0, 0.18);
}

.feature p{
  margin-block: 15px;
}

.feature-card::before{background: linear-gradient(0deg, var(--bg-soft) 0%, var(--paper) 100%);} 

.gradbg {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px; /* optional */
}

/* FULL BLEED BACKGROUND */
.gradbg::before {
	padding-bottom:30px;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;

  transform: translateX(-50%);

 background: linear-gradient(0deg, var(--bg-soft) 0%, var(--paper) 100%);


  z-index: -1;
}
.fp-yoursciencepath::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;

  transform: translateX(-50%);

 background: linear-gradient(0deg, var(--paper) 0%, var(--bg-soft) 100%);


  z-index: -1;
}
.feature-card{
	box-shadow: none;
	overflow:visible;
	width:100%;
	height:auto;
  position: relative;
  display: grid;
  grid-template-columns: 161px 171px;
  column-gap: 16px;
  align-items: start;
  padding: 15px 0px 5px 9px;
}

/* MOBILE IMAGE TILE */
.feature-card__media{
  position: relative;
  width: 161px;
  height: 300px;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background-image: var(--bg-mobile);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: var(--shadow-card);
  z-index: 1;
}

.feature-card__media .eyebrow{
  position: absolute;
  top: 18px;
  left: 18px;
  margin: 0;
  color: var(--paper);
  text-shadow: var(--shadow-text-soft);
  z-index: 2;
}

.feature-card__panel{
  position: relative;
  width: 180px;
  height: 285px;
  margin-top: 7px;
  margin-left: -16px;
  padding: 18px;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  column-count: 1 !important;
  column-gap: 0 !important;
  background: var(--paper);
  border: 1px solid var(--border-light);
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
  z-index: 2;
}

.feature-card__panel > *{
  width: 100% !important;
  max-width: 100% !important;
}

.feature-card__title,
.feature-card p{
  margin: 0;
  color: var(--jet);
  font-family: Barlow;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 118%; /* 17.7px */
}

.feature-card__panel .standard-button{
  margin-top: auto;
  align-self: flex-start;
	line-height:9px;
}

/* TABLET + DESKTOP: switch to full background hero card */
@media (min-width: 768px){
	.didyouknow{background-image: url("/wp-content/uploads/2026/03/Did-you-know-4-2.png");width:100%;height:600px;background-repeat: no-repeat;background-position: center;background-size: cover;
	 display: flex;
  align-items: center;
	}
	
  .feature{
    padding: 32px;
  }
	.gradbg{background: linear-gradient(0deg, var(--bg-soft) 0%, var(--paper) 100%);padding-bottom:25px;}

  .feature-card{
    display: block;
    min-height: 500px;
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    background: none;
    box-shadow: var(--shadow-card);
	  margin-left: 52px;
        width: 91%;
        margin-right: 54px;
  }

  .feature-card__media{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-image: var(--bg-tablet);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: none;
  }

  /* optional dark fade on left for text readability */
  .feature-card__media::after{
    content: "";
    position: absolute;
    inset: 0;
    
    pointer-events: none;
  }

  .feature-card__media .eyebrow{
    top: 44px;
    left: 56px;
    color: var(--paper);
    z-index: 3;
  }

  .feature-card__panel{
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    margin: 0;
    padding: 120px 20px 44px 56px;
    background: transparent;
    border: 0;
    border-radius: 0;
    z-index: 4;
  }

  .feature-card__title,
  .feature-card p{
    color: var(--paper);
    font-size: 30px;
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.02em;
    max-width: 380px;
  }

  .feature-card__panel .standard-button{
           
	  
    width: auto !important;
  }
	.standard-button, .saved-button, .login-button, .pushbutton-wide {
		 padding: 20px 11px 22px 14px;
	}
}

@media (min-width: 1100px){
  .didyouknow{background-image: url("/wp-content/uploads/2026/03/Did-you-know-4-2.png");width:100%;height:600px;background-repeat: no-repeat;background-position: center;background-size: cover;
	 display: flex;
  align-items: center;
	}	
	.didyouknow h2{color:#ffffff;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 96%; /* 43.2px */
letter-spacing: -1.35px;}
	.didyouknow .eyebrow{color:#ffffff;font-family: Barlow;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 16.5px */
letter-spacing: 1.8px;
}
	
	.didyouknow .feature-split__panel{
		width:40%;
		
	}
	
  .feature{
    padding: 54px;
  }

  .feature-card{
	   
    min-height: 552px;
    border-radius: 20px;
  }

  .feature-card__media{
   
	  
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.50) 100%), url(<path-to-image>) lightgray 0px -331.004px / 105.225% 175.375% no-repeat;
    background-blend-mode: multiply, normal;
    background-image: var(--bg-desktop, var(--bg-tablet, var(--bg-mobile)));
    background-position: center center;
	background-size: cover;
    background-repeat: no-repeat;
	  
  }

  .feature-card__media .eyebrow{
    top: 46px;
    left: 56px;
  }

  .feature-card__panel{
    width: 100%;
    min-height: 399px;
    padding: 162px 25px 44px 56px;
  }

  .feature-card__title,
  .feature-card p{
    font-size: 35px;
    line-height: 0.95;
    max-width: 360px;
  }

  .feature-card__panel .standard-button{
	  position: absolute;
        bottom: -50px;
    margin-top: 98px;
  }
}

/* base */
.didyouknow{
  background-image: var(--didyouknow-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* MOBILE */
@media (max-width: 767px){

  .didyouknow{
    display: block;
    height: auto;
    min-height: 0;
    padding: 28px 26px 30px;
    background: linear-gradient(0deg, var(--bg-soft) 0%, var(--paper) 100%);
  }

  .didyouknow .feature-split__panel{
    width: 100%;
    max-width: none;
  }

  .didyouknow .feature-split__inner{
    display: flex;
    flex-direction: column;
  }

  .didyouknow .eyebrow{
    order: 1;
    margin: 0 0 14px;
    color: rgba(64,61,72,.55);
  }

  .didyouknow h2{
    order: 2;
    margin: 0 0 18px;
    color: var(--jet);
    text-shadow: none;
    font-family: var(--font-headers);
    font-size: 55px;
    line-height: 0.9;
    letter-spacing: -1.65px;
  }

  /* image area created in CSS */
  .didyouknow h2::after{
    content: "";
    order: 3;
    display: block;
    width: 100%;
    height: 212px;
    margin: 0 0 18px;
    border-radius: var(--radius-sm);
    background-image: var(--didyouknow-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: var(--shadow-card);
  }

  .didyouknow #factstatement{
    order: 4;
    margin: 0 0 18px;
    color: var(--jet);
    max-width: 285px;
  }

  .didyouknow .standard-button{
    order: 5;
    margin: 0;
    align-self: flex-start;
  }
}

/* ======================================================
   DID YOU KNOW — MOBILE CARD
====================================================== */
@media (max-width: 767px){

  .didyouknow{
    height: auto;
    min-height: 0;
    display: block;
    padding: 28px 26px 30px;
    background: linear-gradient(0deg, var(--bg-soft) 0%, var(--paper) 100%) !important;
    color: var(--jet);
  }

  .didyouknow .feature-split__panel{
    width: 100%;
    max-width: none;
  }

  .didyouknow .feature-split__inner{
    display: block;
  }

  .didyouknow .eyebrow{
    margin: 0 0 14px;
    color: rgba(64, 61, 72, 0.55);
    font-family: var(--font-base);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.14em;
    
  }

  .didyouknow h2{
    margin: 0 0 18px;
    color: var(--jet);
    font-family: var(--font-headers);
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: -1.65px;
   
    text-shadow: none;
  }

  .didyouknow__image{
    width: 100%;
    height: 212px;
    margin: 0 0 18px;
    border-radius: var(--radius-sm);
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: var(--shadow-card);
  }

  .didyouknow #factstatement,
  .didyouknow p{
    margin: 0 0 18px;
    color: var(--jet);
    font-family: var(--font-base);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.18;
    max-width: 285px;
  }

  .didyouknow .standard-button{
    margin: 0;
    align-self: flex-start;
  }
}

/* TABLET + DESKTOP keep full background */
@media (min-width: 768px){
  .didyouknow{
   background:
    linear-gradient(
      to right,
      rgba(0,0,0,0.6),
      rgba(0,0,0,0.2),
      rgba(0,0,0,0)
    ),
    var(--didyouknow-image);
	   background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    width: 100%;
    height: 600px;
    display: flex;
    align-items: center;
  }
	
}

/* ======================================================
   SCIENCE CARD / ACCORDION background: linear-gradient(180deg, #F07A1F 0%, #EA7821 100%);
====================================================== */
.science-card{
	position:relative;
  height: 465px;
	margin-left:-54px!important;
  margin-bottom: 10px;
  padding: 54px;
  background-image: var(--bg-desktop, var(--bg-tablet, var(--bg-mobile)));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: var(--shadow-card);
    z-index: 1;
}

.science-card h2{
	text-transform: uppercase;
  padding-top: 26px;
  padding-bottom: 60px;
}

.science-card p, .science-card .eyebrow {color:var(--paper);}


.science-card .standard-button{
  margin-bottom: 25px;
}

.scagronomy{
  padding-bottom: 65px !important;
}

.wp-block-accordion-heading__toggle-title{
  color: var(--jet);
  font-family: var(--font-base);
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.wp-block-accordion-heading__toggle-title:hover,
.wp-block-accordion-heading__toggle:hover,
.wp-block-accordion-heading, .wp-block-accordion-heading__toggle-title:hover span,.wp-block-accordion-heading__toggle:hover span{
	color:var(--accent);
  text-decoration: none !important;
}

.wp-block-accordion-heading__toggle{
  padding-block: 20px;
  border-bottom: 1px solid var(--jet);
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle{
	padding-bottom:0px;
  border-bottom: none;
}

.wp-block-accordion-heading__toggle-icon{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 0;
}

.wp-block-accordion-heading__toggle-icon::before{
  content:"";
  position:absolute;
  inset:0;
  background: center / 20px 20px no-repeat url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<path d='M6.02738 9.50221C5.75124 9.50221 5.52738 9.72607 5.52738 10.0022C5.52738 10.2784 5.75124 10.5022 6.02738 10.5022L6.02738 10.0022L6.02738 9.50221ZM15.0905 10.3558C15.2858 10.1605 15.2858 9.84392 15.0905 9.64866L11.9085 6.46668C11.7133 6.27142 11.3967 6.27142 11.2014 6.46668C11.0062 6.66194 11.0062 6.97852 11.2014 7.17378L14.0299 10.0022L11.2014 12.8306C11.0062 13.0259 11.0062 13.3425 11.2014 13.5377C11.3967 13.733 11.7133 13.733 11.9085 13.5377L15.0905 10.3558ZM6.02738 10.0022L6.02738 10.5022L14.737 10.5022L14.737 10.0022L14.737 9.50221L6.02738 9.50221L6.02738 10.0022Z' fill='%23403D48'/>\
</svg>");
  transform: rotate(0deg);
  transition: transform 0.25s ease;
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon::before{
  transform: rotate(90deg);
}

/* ======================================================
   BUTTONS
====================================================== */
.standard-button,
.saved-button,
.login-button,
.pushbutton-wide{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  width: fit-content !important;
  max-width: 100%;
  height: var(--btn-h);
  margin: 10px 0;
  padding: var(--btn-pad);
  gap: var(--btn-gap);
  border-radius: var(--btn-radius);
  background: var(--accent);
  color: var(--paper);
  text-align: right;
  text-decoration: none;
  cursor: pointer;
  font-family: var(--font-base);
  font-size: var(--btn-font-size);
  font-weight: 700;
  line-height: var(--btn-line-height);
  transition: background 0.2s ease;
	border:none;

}



.saved-button{background:var(--accent-strong);}

.white-button{ background: var(--paper);
  color: var(--accent);}
.white-button:hover{ background: var(--paper);
  color: var(--paper);}

.standard-button:hover,
.saved-button:hover,
.login-button:hover{
  background: var(--accent-strong);
}



.standard-button::after,
.saved-button::after,
.login-button::after{
  content: "";
  width: 20px;
  height: 20px;
  margin-left: auto;
  flex: 0 0 auto;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<circle cx='10' cy='10' r='10' fill='white'/>\
<path d='M6.55315 12.2004C6.32828 12.3607 6.27592 12.6729 6.4362 12.8978C6.59648 13.1226 6.9087 13.175 7.13357 13.0147L6.84336 12.6075L6.55315 12.2004ZM14.5024 7.58263C14.5481 7.31029 14.3644 7.05249 14.092 7.00681L9.65401 6.26253C9.38167 6.21686 9.12387 6.40061 9.0782 6.67295C9.03252 6.94529 9.21627 7.20309 9.48861 7.24876L13.4335 7.91034L12.7719 11.8553C12.7263 12.1276 12.91 12.3854 13.1824 12.4311C13.4547 12.4767 13.7125 12.293 13.7582 12.0206L14.5024 7.58263ZM6.84336 12.6075L7.13357 13.0147L14.2995 7.90709L14.0093 7.49993L13.7191 7.09277L6.55315 12.2004L6.84336 12.6075Z' fill='%23EA7821'/>\
</svg>");
}

.saved-button::after{
	    margin-right: -5px;
	width:30px;
	height:30px;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35' fill='none'>\
<path d='M14.6142 19.1C14.6142 19.1 15.05 20.9 17.3 20.9C19.55 20.9 20.0065 19.1 20.0065 19.1M13.2599 15.104H15.0599M19.5608 15.104H21.3608M26.3 17.3C26.3 22.2706 22.2706 26.3 17.3 26.3C12.3295 26.3 8.30005 22.2706 8.30005 17.3C8.30005 12.3295 12.3295 8.30005 17.3 8.30005C22.2706 8.30005 26.3 12.3295 26.3 17.3Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
  background-size: contain;
  background-repeat: no-repeat;
}


.white-button::after{
	background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<circle cx='10' cy='10' r='10' fill='%23EA7821'/>\
<path d='M6.55315 12.2004C6.32828 12.3607 6.27592 12.6729 6.4362 12.8978C6.59648 13.1226 6.9087 13.175 7.13357 13.0147L6.84336 12.6075L6.55315 12.2004ZM14.5024 7.58263C14.5481 7.31029 14.3644 7.05249 14.092 7.00681L9.65401 6.26253C9.38167 6.21686 9.12387 6.40061 9.0782 6.67295C9.03252 6.94529 9.21627 7.20309 9.48861 7.24876L13.4335 7.91034L12.7719 11.8553C12.7263 12.1276 12.91 12.3854 13.1824 12.4311C13.4547 12.4767 13.7125 12.293 13.7582 12.0206L14.5024 7.58263ZM6.84336 12.6075L7.13357 13.0147L14.2995 7.90709L14.0093 7.49993L13.7191 7.09277L6.55315 12.2004L6.84336 12.6075Z' fill='white'/>\
</svg>");
}

.standard-button:hover::after,
.saved-button:hover::after,
.login-button:hover::after{
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<circle cx='10' cy='10' r='10' fill='white'/>\
<path d='M6.02738 9.50221C5.75124 9.50221 5.52738 9.72607 5.52738 10.0022C5.52738 10.2784 5.75124 10.5022 6.02738 10.5022L6.02738 10.0022L6.02738 9.50221ZM15.0905 10.3558C15.2858 10.1605 15.2858 9.84392 15.0905 9.64866L11.9085 6.46668C11.7133 6.27142 11.3967 6.27142 11.2014 6.46668C11.0062 6.66194 11.0062 6.97852 11.2014 7.17378L14.0299 10.0022L11.2014 12.8306C11.0062 13.0259 11.0062 13.3425 11.2014 13.5377C11.3967 13.733 11.7133 13.733 11.9085 13.5377L15.0905 10.3558ZM6.02738 10.0022L6.02738 10.5022L14.737 10.5022L14.737 10.0022L14.737 9.50221L6.02738 9.50221L6.02738 10.0022Z' fill='%23E26222'/>\
</svg>");
}

.saved-button:hover::after{
	
	width:30px;
	height:30px;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35' fill='none'>\
<path d='M14.6142 19.1C14.6142 19.1 15.05 20.9 17.3 20.9C19.55 20.9 20.0065 19.1 20.0065 19.1M13.2599 15.104H15.0599M19.5608 15.104H21.3608M26.3 17.3C26.3 22.2706 22.2706 26.3 17.3 26.3C12.3295 26.3 8.30005 22.2706 8.30005 17.3C8.30005 12.3295 12.3295 8.30005 17.3 8.30005C22.2706 8.30005 26.3 12.3295 26.3 17.3Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
  background-size: contain;
  background-repeat: no-repeat;
}



.standard-button a,
.saved-button a,
.login-button a{
  color: var(--paper);
  text-decoration: none;

}
.white-button a{
  color: var(--accent);}
.white-button a:hover{
  color: var(--paper);}

.arrow-button{
  width: 64px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<circle cx='10' cy='10' r='10' fill='%23EA7821'/>\
<path d='M6.55315 12.2004C6.32828 12.3607 6.27592 12.6729 6.4362 12.8978C6.59648 13.1226 6.9087 13.175 7.13357 13.0147L6.84336 12.6075L6.55315 12.2004ZM14.5024 7.58263C14.5481 7.31029 14.3644 7.05249 14.092 7.00681L9.65401 6.26253C9.38167 6.21686 9.12387 6.40061 9.0782 6.67295C9.03252 6.94529 9.21627 7.20309 9.48861 7.24876L13.4335 7.91034L12.7719 11.8553C12.7263 12.1276 12.91 12.3854 13.1824 12.4311C13.4547 12.4767 13.7125 12.293 13.7582 12.0206L14.5024 7.58263ZM6.84336 12.6075L7.13357 13.0147L14.2995 7.90709L14.0093 7.49993L13.7191 7.09277L6.55315 12.2004L6.84336 12.6075Z' fill='%23ffffff'/>\
</svg>");
}

.arrow-button:hover{
  
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<circle cx='10' cy='10' r='10' fill='%23E26222'/>\
<path d='M6.02738 9.50221C5.75124 9.50221 5.52738 9.72607 5.52738 10.0022C5.52738 10.2784 5.75124 10.5022 6.02738 10.5022L6.02738 10.0022L6.02738 9.50221ZM15.0905 10.3558C15.2858 10.1605 15.2858 9.84392 15.0905 9.64866L11.9085 6.46668C11.7133 6.27142 11.3967 6.27142 11.2014 6.46668C11.0062 6.66194 11.0062 6.97852 11.2014 7.17378L14.0299 10.0022L11.2014 12.8306C11.0062 13.0259 11.0062 13.3425 11.2014 13.5377C11.3967 13.733 11.7133 13.733 11.9085 13.5377L15.0905 10.3558ZM6.02738 10.0022L6.02738 10.5022L14.737 10.5022L14.737 10.0022L14.737 9.50221L6.02738 9.50221L6.02738 10.0022Z' fill='%23ffffff'/>\
</svg>");
}

/* ======================================================
   SAVED FAVORITES / SEARCH / FILTERS
====================================================== */
.savefavorites{
  padding: 28px;
  background: linear-gradient(0deg, var(--bg-soft) 0%, var(--paper) 100%);
}

.savefavorites h3{
  margin-bottom: 20px;
  text-align: left;
}

.didg-schools-card{
  border: none !important;
  border-bottom: 1px solid var(--ink) !important;
  border-radius: 0;
}

.didg-schools-searchbar{
  position: relative;
  width: 100%;
  max-width: 100%;
}

.didg-schools-search-input{
  width: 100%;
  height: 46px;
  margin-block: 15px;
  padding: 0 52px 0 20px;
  border: 1px solid var(--ink);
  border-radius: var(--radius-pill);
  background: var(--paper);
  outline: none;
  box-sizing: border-box;
  color: var(--ink);
  font-family: var(--font-base);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.13;
}

.didg-schools-search-input:focus{
  border-color: var(--ink);
  box-shadow: none;
}

.didg-schools-search-input::placeholder{
  color: var(--ink);
  opacity: 0.4;
}

.didg-filter-actions{
  margin-top: 15px;
}

.didg-filters-panel{
  padding: 26px;
  border: 1px solid var(--ink);
  border-radius: 16px;
}

.didg-filters-toggle,
.didg-filters-clear{
  background: none;
  border: 1px solid var(--ink);
  border-radius: var(--radius-sm);
  color: var(--ink);
  font-family: var(--font-base);
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  text-align: right;
}

.didg-filters-apply{
  width: 100%;
  padding: 15px;
  border: 1px solid var(--ink);
  border-radius: 16px;
  background-color: orange;
  color: var(--ink);
  text-align: center;
  font-family: var(--font-base);
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
}

.didg-filter-label{
  margin-block: 15px;
  color: var(--jet);
  font-family: var(--font-base);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;

}

.didg-filter-options{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.didg-filter-chip{
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  align-items: center;
  gap: 10px;
  padding: 9px 34px 11px 14px;
  border-radius: 16px;
  background: var(--chip-bg);
  cursor: pointer;
}

.didg-filter-chip .didg-filter-input{
  display: none;
}

.didg-filter-chip .didg-filter-text{
	
  color: var(--jet);
  font-family: var(--font-base);
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
}

.didg-filter-chip.is-active{
  background: var(--jet);
}

.didg-filter-chip.is-active .didg-filter-text{
  color: var(--paper);
}

.didg-filter-chip::after{
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
}

.didg-filter-chip.is-active::after{
  content: "✓";
  width: auto;
  height: auto;
  color: var(--paper);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}



/* ==========================
   Career Tiles (Corrected Layout)
========================== */

/* Grid */
.career-tiles__grid{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* Tile wrapper */
.career-tile{
  width: 162px;
  height: 274px;

  border-radius: 5px;
  overflow: hidden;

  display: flex;
  flex-direction: column;

  text-decoration: none;
  box-shadow: 0 2px 2.9px rgba(0,0,0,0.15);
	  position: relative;

}

/* Top image area */
.career-tile::before{
  content: "";
  flex: 1 1 auto;

  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.44) 0.96%, rgba(255,255,255,0.00) 100%),
    var(--tile-bg);

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Eyebrow positioned over image */
.career-tile .eyebrow{
	font-size:8px;
  position: absolute;
  padding: 18px 0 0 18px;
  color: #fff;
  text-shadow: 0 0 2.3px rgba(0,0,0,0.18);
}

/* White bottom panel — always visible */
.career-tile .carousel-info{
  height: 68px;            /* fixed height */
  background: #fff;
  padding: 12px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  flex: 0 0 auto;
}

/* Title */
.career-tile .carousel-info p{
  margin: 0;
  color: #403D48;

  font-family: "Barlow", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Arrow fixed */
.career-tile .carousel-btn{
  flex: 0 0 auto;
}

/* Optional hover */
.career-tile:hover{
  transform: translateY(-2px);
  transition: transform 0.15s ease;
}

@media (min-width: 768px){
	.carousel-outter{}
  .career-tiles__grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  .career-tile{
    max-width: none;
    height: 320px;
  }

  .career-tile .carousel-info{
    height: 76px;
  }

  .career-tile .carousel-info p{
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 1100px){
  .carousel-outter{margin-left:0px!important;margin-right:0px;}
  .career-tiles__grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
  }

  .career-tile{
    height: 300px;
  }

  .career-tile .carousel-info{
	  align-items: flex-start;
    height: 44px;
  }
}

/* ======================================================
   SCHOOL SEARCH / MISC
====================================================== */
.didg-schools-searchbar{ width:100%; }

.didg-filters{ }

.didg-filters-group{ }

.didg-filters-clear{ }

.didg-filters-toggle{ }

.didg-filters-group{ }

/* ======================================================
   QUIZ / EMBED CONTAINER HELPERS
   Light first pass so the quiz area breathes on larger screens
====================================================== */
#asa-buzzfeed-quiz{
  width: 100%;
}

@media (min-width: 768px){
  #asa-buzzfeed-quiz{
    margin-top: 24px;
  }
}

@media (min-width: 1100px){
  #asa-buzzfeed-quiz{
    max-width: 1100px;
    margin-top: 32px;
  }
}








/* =========================
   SCIENCE PAGE LAYOUT
========================= */

.science-layout{
  display: block;
}

.science-layout__main,
.science-layout__side{
  min-width: 0;
}

.science-side-stack{
  display: block;
}

.science-side-block + .science-side-block{
  margin-top: 24px;
}

/* optional: keep existing mobile behavior untouched */
@media (max-width: 1099px){
  .science-layout__side{
    margin-top: 24px;
  }
}

/* =========================
   DESKTOP 2/3 + 1/3
========================= */

@media (min-width: 1100px){
	.science-layout .carousel-track{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .science-layout{
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 32px;
    align-items: start;
  }

  .science-layout__main{
    min-width: 0;
  }

  .science-layout__side{
	  margin-top:18px;
    min-width: 0;
  }

  .science-side-stack{
    position: sticky;
    top: 24px;
  }
}


/* ======================================================
   SAVE YOUR FAVORITES TILE
====================================================== */

.saveform{
	border-top: 1px solid var(--accent);
  background: linear-gradient(0deg, var(--bg-soft) 0%, var(--paper) 100%);
}

.savefavorites{
  position: relative;
  padding: 28px 26px 30px;
  background: transparent;
}

.savefavorites h3{
	
  margin: 0 42px 14px 0;
  color: var(--jet);
  text-align: left !important;
}

.savefavorites > p{
  width: 74%;
  max-width: 260px;
  margin: 0 0 18px!important;
  color: var(--jet);
}

/* little icon top right if you are using one */
.savefavorites::after{
  content: "";
  position: absolute;
  top: 28px;
  right: 26px;
  width: 40px;
  height: 40px;
  background: center / 40px 40px no-repeat url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'>\
<g filter='url(%23f)'>\
<circle cx='16.2' cy='16.2' r='15' fill='white' fill-opacity='0.85'/>\
</g>\
<path d='M13.5141 18C13.5141 18 13.95 19.8 16.2 19.8C18.45 19.8 18.9064 18 18.9064 18M12.1598 14.0039H13.9598M18.4607 14.0039H20.2607M25.2 16.2C25.2 21.1705 21.1705 25.2 16.2 25.2C11.2294 25.2 7.19995 21.1705 7.19995 16.2C7.19995 11.2294 11.2294 7.19995 16.2 7.19995C21.1705 7.19995 25.2 11.2294 25.2 16.2Z' stroke='%23EA7821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
<defs>\
<filter id='f' x='-0.0000488758' y='-0.0000488758' width='32.4' height='32.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'>\
<feFlood flood-opacity='0' result='BackgroundImageFix'/>\
<feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/>\
<feOffset/>\
<feGaussianBlur stdDeviation='0.6'/>\
<feComposite in2='hardAlpha' operator='out'/>\
<feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/>\
<feBlend mode='multiply' in2='BackgroundImageFix' result='effect1_dropShadow'/>\
<feBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/>\
</filter>\
</defs>\
</svg>");
}

/* form wrapper */
.savefavorites .jetpack-contact-form__form{
  display: block;
}

/* each field block */
.savefavorites .grunion-field-wrap{
  margin: 0 0 14px;
}

/* labels */
.savefavorites .grunion-field-label{
  display: block;
  margin: 0 0 6px;
  color: rgba(64,61,72,.55);
  font-family: var(--font-base);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.1;
}

.savefavorites .grunion-label-required{
  margin-left: 0;
  font-size: inherit;
  opacity: 1;
}

/* make inputs oval */
.savefavorites .grunion-field,
.savefavorites input[type="text"],
.savefavorites input[type="email"]{
  width: 100%;
  height: 41px;
  padding: 0 18px;
  border: 1px solid #6C6673;
  border-radius: 999px !important;
  background: transparent;
  box-shadow: none;
  color: var(--jet);
  font-family: var(--font-base);
  font-size: 15px;
  line-height: 1.18;
  appearance: none;
  -webkit-appearance: none;
}

.savefavorites .grunion-field:focus,
.savefavorites input[type="text"]:focus,
.savefavorites input[type="email"]:focus{
  outline: none;
  box-shadow: none;
  border-color: #6C6673;
}

/* center the real submit button */
.savefavorites .contact-submit{
  display: none;
}

.savefavorites .pushbutton-wide{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 18px auto 0 !important;
  padding: var(--btn-pad);
  gap: var(--btn-gap);
  height: var(--btn-h);
  border: 0;
  border-radius: var(--btn-radius);
  background: var(--accent-strong);
  color: var(--paper);
  font-family: var(--font-base);
  font-size: var(--btn-font-size);
  font-weight: 700;
  line-height: var(--btn-line-height);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

/* wrapper centering */
.savefavorites .jetpack-contact-form__form{
  text-align: center;
}

.savefavorites .pushbutton-wide::after{
  content: "";
  width: 20px;
  height: 20px;
  margin-left: auto;
  flex: 0 0 auto;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<circle cx='10' cy='10' r='10' fill='white'/>\
<path d='M6.55315 12.2004C6.32828 12.3607 6.27592 12.6729 6.4362 12.8978C6.59648 13.1226 6.9087 13.175 7.13357 13.0147L6.84336 12.6075L6.55315 12.2004ZM14.5024 7.58263C14.5481 7.31029 14.3644 7.05249 14.092 7.00681L9.65401 6.26253C9.38167 6.21686 9.12387 6.40061 9.0782 6.67295C9.03252 6.94529 9.21627 7.20309 9.48861 7.24876L13.4335 7.91034L12.7719 11.8553C12.7263 12.1276 12.91 12.3854 13.1824 12.4311C13.4547 12.4767 13.7125 12.293 13.7582 12.0206L14.5024 7.58263ZM6.84336 12.6075L7.13357 13.0147L14.2995 7.90709L14.0093 7.49993L13.7191 7.09277L6.55315 12.2004L6.84336 12.6075Z' fill='%23EA7821'/>\
</svg>");
}

.savefavorites .pushbutton-wide:hover{
  background: var(--accent);
}

/* keep errors from breaking layout too much */
.savefavorites .contact-form__error{
  text-align: left;
  margin-top: 10px;
}

/* optional desktop/tablet */
@media (min-width: 768px){
  .savefavorites{
    padding: 32px;
  }

  .savefavorites > p{
    width: 75%;
    max-width: 420px;
  }

  .savefavorites .grunion-field,
  .savefavorites input[type="text"],
  .savefavorites input[type="email"]{
    height: 46px;
  }
	.gradbg,.fpchooseoutter{border:none;}
}

.savesmall{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 50;
  width: 33px;
  height: 33px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}



/* draw the icon */
.savesmall::before{
  content: "";
  display: block;
  width: 33px;
  height: 33px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 33px 33px;
  transition: transform .18s ease, opacity .18s ease;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'>\
<g filter='url(%23f)'>\
<circle cx='16.2' cy='16.2' r='15' fill='white' fill-opacity='0.85'/>\
</g>\
<path d='M13.5141 18C13.5141 18 13.95 19.8 16.2 19.8C18.45 19.8 18.9064 18 18.9064 18M12.1598 14.0039H13.9598M18.4607 14.0039H20.2607M25.2 16.2C25.2 21.1705 21.1705 25.2 16.2 25.2C11.2294 25.2 7.19995 21.1705 7.19995 16.2C7.19995 11.2294 11.2294 7.19995 16.2 7.19995C21.1705 7.19995 25.2 11.2294 25.2 16.2Z' stroke='%23EA7821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
<defs>\
<filter id='f' x='-0.0000488758' y='-0.0000488758' width='32.4' height='32.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'>\
<feFlood flood-opacity='0' result='BackgroundImageFix'/>\
<feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/>\
<feOffset/>\
<feGaussianBlur stdDeviation='0.6'/>\
<feComposite in2='hardAlpha' operator='out'/>\
<feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/>\
<feBlend mode='multiply' in2='BackgroundImageFix' result='effect1_dropShadow'/>\
<feBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/>\
</filter>\
</defs>\
</svg>");
}

/* hover / focus / active */
.savesmall:hover::before,
.savesmall:focus-visible::before,
.savesmall:active::before{
  transform: scale(1.06);
}

/* saved state */
.savesmall.is-saved::before{
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'>\
<g filter='url(%23f)'>\
<circle cx='16.2' cy='16.2' r='15' fill='white' fill-opacity='0.38'/>\
</g>\
<path d='M13.5141 18C13.5141 18 13.95 19.8 16.2 19.8C18.45 19.8 18.9064 18 18.9064 18M12.1598 14.0039H13.9598M18.4607 14.0039H20.2607M25.2 16.2C25.2 21.1705 21.1705 25.2 16.2 25.2C11.2294 25.2 7.19995 21.1705 7.19995 16.2C7.19995 11.2294 11.2294 7.19995 16.2 7.19995C21.1705 7.19995 25.2 11.2294 25.2 16.2Z' stroke='%23EA7821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
<defs>\
<filter id='f' x='-0.0000488758' y='-0.0000488758' width='32.4' height='32.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'>\
<feFlood flood-opacity='0' result='BackgroundImageFix'/>\
<feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/>\
<feOffset/>\
<feGaussianBlur stdDeviation='0.6'/>\
<feComposite in2='hardAlpha' operator='out'/>\
<feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/>\
<feBlend mode='multiply' in2='BackgroundImageFix' result='effect1_dropShadow'/>\
<feBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/>\
</filter>\
</defs>\
</svg>");
}

/* optional saved hover */
.savesmall.is-saved:hover::before,
.savesmall.is-saved:focus-visible::before{
  transform: scale(1.06);
}

/* accessibility */
.savesmall:focus-visible{
  outline: 2px solid rgba(234,120,33,.45);
  outline-offset: 3px;
  border-radius: 999px;
}

@media (min-width: 1100px){
	
	.p3{font-size:30px;line-height: normal;}
	
  .fp-carousel .savesmall, .col-right .savesmall{
    top: 97px;
    right: 10px;
	  letter-spacing: normal;
    width: auto;
    min-width: 142px;
    height: 31px;
    padding: 0 4px 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 2px solid #EA7821;
    border-radius: 999px;
    background: var(--paper);
    box-sizing: border-box;
  }

  .fp-carousel .savesmall::before, .col-right .savesmall::before{
	  text-transform: none;
    content: "Save to Your Favorites";
    display: block;
    width: auto;
    height: auto;
    background: none;
    color: #EA7821;
    font-family: Barlow, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    transform: none !important;
  }

  .fp-carousel .savesmall::after, .col-right .savesmall::after{
	  text-transform: none;
    content: "";
    flex: 0 0 auto;
    width: 21px;
    height: 21px;
    border-radius: 999px;
    background-color: #E5E8EC;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    transition: transform .18s ease;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'>\
<g filter='url(%23f)'>\
<circle cx='16.2' cy='16.2' r='15' fill='white' fill-opacity='0.85'/>\
</g>\
<path d='M13.5141 18C13.5141 18 13.95 19.8 16.2 19.8C18.45 19.8 18.9064 18 18.9064 18M12.1598 14.0039H13.9598M18.4607 14.0039H20.2607M25.2 16.2C25.2 21.1705 21.1705 25.2 16.2 25.2C11.2294 25.2 7.19995 21.1705 7.19995 16.2C7.19995 11.2294 11.2294 7.19995 16.2 7.19995C21.1705 7.19995 25.2 11.2294 25.2 16.2Z' stroke='%23EA7821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
<defs>\
<filter id='f' x='-0.0000488758' y='-0.0000488758' width='32.4' height='32.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'>\
<feFlood flood-opacity='0' result='BackgroundImageFix'/>\
<feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/>\
<feOffset/>\
<feGaussianBlur stdDeviation='0.6'/>\
<feComposite in2='hardAlpha' operator='out'/>\
<feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/>\
<feBlend mode='multiply' in2='BackgroundImageFix' result='effect1_dropShadow'/>\
<feBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/>\
</filter>\
</defs>\
</svg>");
  }

  .fp-carousel .savesmall:hover::after,
  .fp-carousel .savesmall:focus-visible::after,
  .fp-carousel .savesmall:active::after, .col-right .savesmall:hover::after,.col-right .savesmall:focus-visible::after,.col-right .savesmall:active::after{
    transform: scale(1.06);
  }

  .fp-carousel .savesmall.is-saved::after{
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'>\
<g filter='url(%23f)'>\
<circle cx='16.2' cy='16.2' r='15' fill='white' fill-opacity='0.38'/>\
</g>\
<path d='M13.5141 18C13.5141 18 13.95 19.8 16.2 19.8C18.45 19.8 18.9064 18 18.9064 18M12.1598 14.0039H13.9598M18.4607 14.0039H20.2607M25.2 16.2C25.2 21.1705 21.1705 25.2 16.2 25.2C11.2294 25.2 7.19995 21.1705 7.19995 16.2C7.19995 11.2294 11.2294 7.19995 16.2 7.19995C21.1705 7.19995 25.2 11.2294 25.2 16.2Z' stroke='%23EA7821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
<defs>\
<filter id='f' x='-0.0000488758' y='-0.0000488758' width='32.4' height='32.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'>\
<feFlood flood-opacity='0' result='BackgroundImageFix'/>\
<feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/>\
<feOffset/>\
<feGaussianBlur stdDeviation='0.6'/>\
<feComposite in2='hardAlpha' operator='out'/>\
<feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/>\
<feBlend mode='multiply' in2='BackgroundImageFix' result='effect1_dropShadow'/>\
<feBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/>\
</filter>\
</defs>\
</svg>");
  }
}

.asa-counts, #asaCopyShare {display:none}
.hero-titlebox .eyebrow {    position: absolute;
	color:#fff;
    left: 54px;
    top: calc(var(--hero-h-mobile) - 91px);}




.two-col-70-30{
	max-width:2000px;
	margin:auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 442px;
  gap: 100px;
    padding-right: 50px;
}
.two-col-70-30 .col-right{
	width: 100%;
  margin-top: 55px;
}




@media (max-width: 1100px){
  .two-col-70-30{
    grid-template-columns: 1fr;
	  display:block;
  }
  
  .two-col-70-30 > .col-left,
  .two-col-70-30 > .col-right{
	
    grid-column: auto;
	  margin:0px;
  }
	.two-col-70-30 > .col-right{
    margin-top: 0;
  }
	.yournm{margin-top:25px;}
	
	.science-card {

    margin-left: 0px !important;
		padding: 24px;
   
}
}

@media (min-width:900px){
	.col-right .carousel-track{}
	.col-right .didyouknow .feature-split__panel {
        width: 80%;
    }
}

@media (min-width:1100px){
	.col-right .carousel-track{        display: flex;
        flex-direction: column;}
}


.agquotes{    background: linear-gradient(180deg, #EDF1F6 0%, rgba(237, 241, 246, 0.75) 100%);
    padding-left: 54px;
    padding-top: 25px;
    padding-bottom: 1px;
margin-top:25px;margin-bottom:25px;}
.agquotes h3{color:var(--accent);}

.agronomy-quotes{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
	margin: 0px 0px 0px 0px!important;
}

.agronomy-quotes li{
  position: relative;
  display: inline-flex;
  color: var(--ink);
  font-family: Barlow;
font-size: 15.302px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 15.302px */
}

@media (max-width:767px){
	.agronomy-quotes {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 0px 0px 0px 0px !important;
}
	.agronomy-quotes li{
		width:100%;
	padding: 10px 18px 10px 0px;}
}

@media (min-width: 768px){
  .agronomy-quotes{
    gap: 12px;
	  
  }

  .agronomy-quotes li{


  }

  .agronomy-quotes li::before{
    width: 26px;
    height: 26px;
  }
}


@media (min-width: 1100px) {
    .page-id-93 .col-right .carousel-track {
        display: flex;
        flex-direction: row;
        flex: 0 0 162px;
        flex-wrap: wrap;
    }
	 .page-id-93    .carousel-track > .carousel-card {
        flex: 0 0 30%;
        width: 30%;
    }
}









@media (max-width: 767px) {
	.primary-menu{display:none;}
}



/* Full-width nav shell */
.primary-menu {
	top:71px;
	border:1px solid #ffffff;
	z-index: 100;
    right: 0px;
    position: absolute;
    width: 90vw;
    box-sizing: border-box;
    background: var(--accent-hover);
    padding: 32px 34px 34px;
	max-width: 1200px;
}

.primary-menu[hidden] {
  display: none !important;
}

.primary-menu__nav {
  width: 100%;
  max-width: none;
}

/* This is the key change */
.primary-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;

  column-width: 160px;
  column-gap: 42px;
  width: 100%;
}

/* Each top-level item stays together inside one column */
.primary-menu__list > li {
  list-style: none;
  margin: 0 0 5px;
  padding: 0;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}

/* Primary links */
.primary-menu__list > li > a {

  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-family: "Barlow", sans-serif;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 10px;
}

/* Submenus sit directly below their parent */
.primary-menu__list > li > .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.primary-menu__list > li > .sub-menu > li {
  margin: 0 0 8px;
  padding: 0;
}

.primary-menu__list > li > .sub-menu > li:last-child {
  margin-bottom: 0;
}

.primary-menu__list > li > .sub-menu > li > a {
	
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
}

/* Hover/focus */
.primary-menu a:hover,
.primary-menu a:focus {
  opacity: 0.8;
  text-decoration: none;
}

/* Current page */
.primary-menu .current-menu-item > a,
.primary-menu .current_page_item > a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Utility links */
.primary-menu .menu-item-didg-saved > a,
.primary-menu .menu-item-didg-logout > a {
  font-weight: 700;
}

/* Mobile */
@media (max-width: 700px) {
  .primary-menu {
    padding: 24px 20px 26px;
  }

  .primary-menu__list {
    column-width: 220px;
    column-gap: 24px;
  }
}

@media (max-width: 520px) {
  .primary-menu__list {
    columns: 1;
  }
}

.contact-form-submission .emoji {display:none;}

a[href$=".pdf"] {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--ink);
  font-weight: 600;
}

a[href$=".pdf"]::before {
  content: "";
  width: 25px;
  height: 33px;
  flex-shrink: 0;
  background: center / contain no-repeat url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='33' viewBox='0 0 25 33' fill='none'%3E%3Cpath d='M24.4028 33C24.7323 33 25 32.7327 25 32.4036V6.5953C25 6.44254 24.9382 6.29271 24.8294 6.18401L18.8074 0.170391C18.6985 0.0616932 18.5514 0 18.3955 0H0.597199C0.26771 0 0 0.267337 0 0.596368V32.4036C0 32.7327 0.26771 33 0.597199 33H24.4057H24.4028Z' fill='%23E8EDF0'/%3E%3Cpath d='M18.6367 0V4.92664C18.6367 5.71397 19.278 6.3544 20.0665 6.3544H25L18.6367 0Z' fill='%23CFDBE6'/%3E%3Cpath d='M0 23.743V32.4065C0 32.7356 0.26771 33.0029 0.597199 33.0029H24.4057C24.7352 33.0029 25.0029 32.7356 25.0029 32.4065V23.743H0Z' fill='%23FC2132'/%3E%3Cpath d='M6.25702 29.3807V31.4694H5.0332V25.5381H7.3514C7.79856 25.5381 8.18983 25.6203 8.52814 25.7819C8.86646 25.9435 9.12828 26.1756 9.31068 26.4752C9.49308 26.7749 9.58427 27.1157 9.58427 27.5005C9.58427 28.0822 9.38423 28.5405 8.98707 28.8754C8.58992 29.2103 8.03685 29.3778 7.33374 29.3778H6.25996L6.25702 29.3807ZM6.25702 28.3907H7.3514C7.675 28.3907 7.92212 28.3143 8.09275 28.1615C8.26337 28.0088 8.34869 27.7914 8.34869 27.5093C8.34869 27.2273 8.26337 26.9835 8.09275 26.8043C7.92212 26.6251 7.68383 26.534 7.38376 26.5281H6.2629V28.3907H6.25702Z' fill='white'/%3E%3Cpath d='M10.4229 31.4724V25.541H12.2498C12.7705 25.541 13.2382 25.6585 13.6501 25.8935C14.062 26.1286 14.3826 26.4635 14.615 26.8953C14.8474 27.3272 14.9622 27.8207 14.9622 28.373V28.6462C14.9622 29.1985 14.8474 29.6891 14.6209 30.1181C14.3944 30.547 14.0737 30.8789 13.6589 31.1169C13.2471 31.3519 12.7793 31.4724 12.2586 31.4753H10.4199L10.4229 31.4724ZM11.6467 26.531V30.4912H12.238C12.7175 30.4912 13.0823 30.3355 13.3353 30.0241C13.5883 29.7127 13.7178 29.2661 13.7236 28.6844V28.3701C13.7236 27.7678 13.5971 27.3096 13.3471 26.9982C13.097 26.6867 12.7322 26.531 12.2498 26.531H11.6467Z' fill='white'/%3E%3Cpath d='M19.4279 29.0487H17.0773V31.4724H15.8535V25.541H19.7221V26.531H17.0773V28.0616H19.4279V29.0487Z' fill='white'/%3E%3Cpath d='M6.01016 20.7965C5.54828 20.7965 5.08347 20.6231 4.79516 20.2089C4.5098 19.8006 4.47156 19.2248 4.69514 18.7077C4.88636 18.2641 5.22468 17.9263 5.50121 17.6824C6.65737 16.6542 8.0371 16.0138 9.50215 15.4879C10.3494 13.9045 11.0084 12.3034 11.4408 10.764C10.8378 9.50367 10.32 8.07885 10.2759 6.56296C10.267 6.2163 10.2817 5.76389 10.4847 5.35554C10.7319 4.86199 11.2261 4.55059 11.7174 4.58584C12.191 4.61816 12.6294 4.96188 12.8294 5.4613C12.9853 5.84908 12.9883 6.24568 12.9765 6.61878C12.9441 7.69988 12.8118 8.78686 12.5852 9.85033C12.5264 10.1206 12.4617 10.3938 12.3881 10.67C12.4911 10.8756 12.597 11.0783 12.7 11.2751C13.1765 12.1741 13.7532 13.1759 14.5092 14.0367C15.7683 13.7899 17.048 13.6724 18.3395 13.8046C18.7602 13.8486 19.2456 13.925 19.6693 14.1865C20.187 14.5067 20.49 15.0561 20.443 15.5878C20.3988 16.0637 20.0782 16.5103 19.6045 16.7512C19.2721 16.9215 18.8661 17.0038 18.3719 16.9891C16.9833 16.9597 15.5653 16.3193 14.3768 15.1853C14.318 15.1295 14.2592 15.0708 14.2003 15.012C13.1795 15.2382 12.1734 15.5437 11.1937 15.8581C10.8319 15.9726 10.4759 16.0902 10.1229 16.2106C9.52569 17.2917 8.84612 18.364 8.093 19.3981C7.7488 19.8711 7.36342 20.3558 6.78681 20.6261C6.5544 20.7348 6.28375 20.7935 6.01016 20.7935V20.7965ZM8.80787 16.713C7.81058 17.1331 6.88389 17.6472 6.09547 18.3493C5.87777 18.5432 5.63654 18.7812 5.51592 19.0632C5.4159 19.2982 5.42178 19.5479 5.52769 19.7036C5.69538 19.9445 6.119 19.9592 6.41025 19.8241C6.79563 19.6449 7.09571 19.26 7.37224 18.881C7.88707 18.173 8.36659 17.4474 8.80787 16.7159V16.713ZM15.2829 14.8093C16.242 15.6231 17.3334 16.0813 18.3895 16.1048C18.7337 16.1107 18.9985 16.0667 19.1986 15.9638C19.3986 15.861 19.5398 15.6818 19.5575 15.5114C19.5751 15.3175 19.431 15.0854 19.2044 14.9474C18.9367 14.7828 18.5896 14.727 18.2542 14.6947C17.2687 14.5948 16.2743 14.6536 15.2859 14.8093H15.2829ZM12.0233 11.9038C11.6762 12.9526 11.2379 14.0161 10.7142 15.0796C10.7848 15.0561 10.8525 15.0355 10.9231 15.012C11.7733 14.7417 12.6441 14.4744 13.5296 14.257C12.9206 13.4932 12.4352 12.6677 12.0233 11.9038ZM11.6468 5.47599C11.5173 5.47599 11.3644 5.5935 11.282 5.75507C11.1673 5.98422 11.1584 6.278 11.1673 6.53946C11.1937 7.50011 11.4438 8.43726 11.785 9.32153C11.9586 8.41963 12.0616 7.50599 12.0881 6.59821C12.0969 6.30738 12.0969 6.02535 12.0057 5.79914C11.9351 5.62287 11.7909 5.48774 11.6615 5.47892C11.6585 5.47892 11.6527 5.47892 11.6468 5.47892V5.47599Z' fill='%23FC2132'/%3E%3Cpath d='M25 23.5463H0V23.7431H25V23.5463Z' fill='%23F8F9FA'/%3E%3C/svg%3E");
}

a[href$=".pdf"]:hover {
  text-decoration: underline;
}