/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
ul,ol{padding-inline-start:0;margin-block-start:0;margin-block-end:0;}

/* CONTENTS 

utility classes 
navigation hidden
skip link
short pages
fallbacks
color, font, and size variables 
color sections
basic font and text spacing styles
Set width-related headline sizes for narrowest browser widths

general page layouts
header
add 'fixed-header'
general nav link styles
nav mobile / hamburger
nav desktop - see dynamic css file
footer
social links 
responsive video wrapper
cta button styles

page section template
 page section headers
 page section hero
 page section image-text
 page section template cards
 card widths

tfe agegate

tfe legal styles

special page styles
 404 page 
 contact page and form
 sitemap
 faqs pages
 learn page

extras
 reduced motion preference
 additional no-js styles

CONTENTS */

/* utility classes */
.nowrap{white-space:nowrap;}
.hidden{display:none;}
.screen-reader-only{clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute !important;}

/* navigation hidden — re-enable by removing this rule */
/* #main-navigation { display: none; } */
.clearfix::after{content:'';display:table;clear:both;}
.stop-transitions * {transition:none !important;}

/* skip link  */
.skip-to-main {
  text-align: center;
}
.skip-to-main a:focus {
  margin-top: 1em;
  -webkit-transition: margin .2s ease-in;
  transition: margin .2s ease-in;
}
.skip-to-main a {
  position: absolute;
  left: var(--single-space);
  z-index: 20;
  text-align: center;
  display: inline-block;
  padding: var(--single-space);;
  margin-top: -4em;
  cursor: pointer;
  background: #fff;
  -webkit-transition: margin .2s ease-in-out;
  transition: margin .2s ease-in-out;
}

/* forces short pages to fill full browser height */
@supports (top:0) { /* for non-ie browsers only */
  .page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
}

/* fallbacks for browsers that don't support css variables */
body {
  font-family: 'the-seasons', serif;
}
body div, 
header, main, footer {
  box-sizing: border-box;
}

.page-wrapper {
  overflow: hidden;
}

/* color, font and size variables */
:root {
  --dark-gray: #222;
  --dark-gray-v2: #333;
  --mid-gray: #717171;
  --mid-light-gray: #a0a0a0;
  --opacity-dim: rgb(255, 255, 255, 0.5);
  --white: #fff;
  --light-gray: #e4e4e4;
  --red-highlight: #7a1a2e;
  --red-highlight-hover: #9b2240;
  --highlight: #4e0101;
  --highlight-bright: #860000;
  --beige-background: #f8f5f0;

  --body-font: 'the-seasons, sans-serif';
  --display-font: 'the-seasons, sans-serif';
  
  --half-space: .5rem;
  --single-space: 1rem;
  --mid-space: 1.5rem;
  --double-space: 2rem;
  --max-width: 80rem;
  --narrow-max-width: 56.25rem;
}

/* color sections */
/* change color class names to describe actual color choices */
/* then copy to themes settings color section */
header, body, footer, .light {
  /*background-color: var(--white);*/
}
header, body, .light, .light a {
  color: var(--dark-gray);
}
footer {
  color: #fff;
  background-color: var(--red-highlight);
}
.light-variant {
  background-color: var(--light-gray);
}
.light-variant, .light-variant a {
  color: var(--dark-gray);
}
.dark {
  background-color: var(--dark-gray);
}
.dark, .dark a {
  color: var(--white);
  background-color: var(--dark-gray);
}
.dark-variant {
  color: var(--white);
  background-color: var(--dark-gray-v2);
}
.highlight {
  color: var(--white);
  background-color: var(--highlight);
}
.light .text-link, 
.light-variant .text-link {
  color: var(--highlight);
}
.light .text-link:active, 
.light .text-link:focus, 
.light .text-link:hover, 
.light-variant .text-link:active,
.light-variant .text-link:focus,
.light-variant .text-link:hover {
  color: var(--mid-gray);
}
.dark .text-link, 
.dark-variant .text-link,
.highlight .text-link {
  color: var(--dark-gray);
}
.dark .text-link:active, 
.dark .text-link:focus, 
.dark .text-link:hover, 
.dark-variant .text-link:active,
.dark-variant .text-link:focus,
.dark-variant .text-link:hover {
  color: var(--highlight-bright);
}
.highlight .text-link:active, 
.highlight .text-link:focus, 
.highlight .text-link:hover {
  color: var(--mid-gray);
}
.light .cta, 
.light-variant .cta {
  color: var(--white);
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
}
.light .cta:active, 
.light .cta:focus, 
.light .cta:hover, 
.light-variant .cta:active,
.light-variant .cta:focus,
.light-variant .cta:hover {
  color: var(--white);
  background-color: var(--highlight);
}
.dark .cta, 
.dark-variant .cta {
  color: var(--dark-gray);
  background-color: var(--white);
  border-color: var(--white);
}
.dark .cta:active, 
.dark .cta:focus, 
.dark .cta:hover, 
.dark-variant .cta:active,
.dark-variant .cta:focus,
.dark-variant .cta:hover {
  color: var(--white);
  background-color: var(--dark-gray);
  border-color: var(--dark-gray);
}

/* basic font and text spacing styles */
h1, h2, h3, h4 {
  font-family: sans-serif;
  font-family: var(--display-font);
  font-weight: 400;
  letter-spacing: .02em;
}
h1, .primary-head {
  font-size: 40px;
  font-size: 1.8rem;
}
h2, .secondary-head {
  font-size: 1.6rem;
}
h3, .tertiary-head,
.tfelegal ol li::marker {
  font-family: var(--display-font);
  font-size: 24px;
  font-size: 1.5rem;
}
p, ul, ol, dl, h5, h6 {
  font-family: serif;
  font-family: var(--body-font);
  font-size: 18px;
  font-size: 1.125rem;
}
/* Set width-related headline sizes for narrowest browser widths */
@media only screen and (max-width:24em) {
  h1, .primary-head { font-size: 9vw; }
  h2, .secondary-head { font-size: 7vw; }
  h3, .tertiary-head, .tfelegal ol li::marker { font-size: 5vw; }
  p, ul, ol, dl { font-size: 1rem; }
}
h1, h2, h3, h4, p, ul, ol, dl {
  margin-bottom: 8px;
  line-height: 1.4;
}
li {
  margin-bottom: 0;
}
li:last-of-type {
  margin-bottom: 0;
}
img {
  max-width: 100%;
  height: auto;
}
ul.bullet li,
ol.number li,
ol.lowercase li,
ol.uppercase li {
  padding-left: 8px;
  padding-left: var(--half-space);
  margin-left: 16px;
  margin-left: var(--single-space);
}
ul.bullet li {
  list-style: disc;
}
ol.number {
  list-style: decimal;
}
ol.lowercase {
  list-style: lower-alpha;
}
ol.uppercase {
  list-style: upper-alpha;
}


/* general page layouts */
main {
  /* for background darkening when nav open */
  position: relative;
  flex: 1 0 auto;
}
.content {
  margin: 0 auto;
  padding: var(--single-space);
  max-width: 80em;
}
.header-space h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-top: 1em;
}
p strong {
  font-weight: 700;
}

@media only screen and (min-width: 56.25em){
  .content {
    padding: var(--double-space);
  }
}
.full-width .content,
.wide .content {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.full-width .content {
  max-width: 100%;
}
.wide .content {
  max-width: 96em;
}
.narrow-width .content {
  max-width: 56.25em;
}


/* header */
.header {
  position: relative;
  z-index: 20;
  background-color: var(--white);
}
.header::after {
  content: '';
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1;
  width: 100%;
  height: 13px;
  pointer-events: none;
  background: linear-gradient(rgba(213, 203, 190, 0.75), rgba(248, 245, 240, 0));
}
.header-content {
  position: relative;
  padding: var(--single-space);
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
}
.header-logo-link {
  display: block;
  width: 10em;
  max-width: 50%;
  margin: 0 auto;
  text-align: center;
}
.logo-left .header-logo-link {
  margin: 0;
  text-align: left;
}
.header a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.header a:active, .header a:focus, .header a:hover {
  text-decoration: underline;
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 56.25em) {
  .header-content {
    padding: var(--double-space);
  }
}

/* add 'fixed-header' class to body or div.page-wrapper *
/* to make nav/header always visible */
.fixed-header .header {
  position: fixed;
  z-index: 5;
  height: 5em;
}
.fixed-header .main {
  padding-top: 5em;
}

/* general nav link styles */
.menu a {
  text-transform: uppercase;
  margin: 0 .5em;
}
.header .menu a {
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  text-decoration: none;
  color: var(--dark);
  font-size: 1em;
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
  transition: all .3s ease-in-out;
}
.header .menu a:active,
.header .menu a:focus,
.header .menu a:hover,
.header .menu .current-menu-item > a,
.header .menu .current-menu-ancestor > a,
.header .menu .current_page_item > a {
  text-decoration: none;
  color: var(--mid-gray);
  padding-bottom: 0.45em;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--mid-gray);
  transition: all .3s ease-in-out;
}
#nav-chk {
  display: none;
}
/* nav mobile / hamburger */
#nav-toggle,
.no-js .nav-chk-label   {
  position: absolute;
  top: .825em;
  right: .57em;
  z-index: 5;
  color: var(--dark);
  font-size: 1.75em;
  background: 0 0;
  border: none;
  padding: 0;
}
#nav-toggle:before,
.no-js .nav-chk-label:before {
  content: "\f0c9";  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-size: 1em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.site-navigation {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  padding: 0 .5em .5em;
  z-index: 8;
}
.site-navigation .menu-main-menu-wrapper {
  position: absolute;
  right: -100%;
  top: 4em;
  z-index: 2;
  width: 100%;
  padding: .75em 0;
  overflow-x: hidden;
  border-bottom: 3px solid var(--cta-bg);
  -webkit-transition: right .3s ease-in-out;
  transition: right .3s ease-in-out;
  background-color: #ffffff;
}
.site-navigation.menu-open .menu-main-menu-wrapper,
.no-js #nav-chk:checked ~ .menu-main-menu-wrapper {
  right: 0;
}
.menu-open #nav-toggle:before,
.no-js #nav-chk:checked ~ .nav-chk-label:before {
  content: "\f00d";
}
.social-icons {
  margin-bottom: .5em;
}
.menu li + li {
  margin-top: .5em;
}
.no-js #nav-toggle {
  display: none;
}
.no-js .nav-chk-label {
  display: block;
}
@media only screen and (min-width: 56.25em) {
  #nav-toggle,
  .no-js .nav-chk-label   {
    display: none;
  }
  .header-content,
  .header .menu-main-menu-wrapper,
  .header .menu {
    display: flex;
    align-items: center;
  }
  .header-content {
    justify-content: space-between;
  }
  .site-navigation {
    flex: 1 1 auto;
    width: 100%;
    position: static;
    padding: 0;
  }
  .site-navigation .menu-main-menu-wrapper {
    position: static;
    right: auto;
    top: auto;
    width: 100%;
    padding: 0;
    overflow-x: visible;
    border-bottom: 0;
  }
  .header .menu-header-menu-container {
    width: 100%;
  }
  .header .menu {
    margin: 0;
    padding: 0;
    justify-content: center;
  }
  .header .menu li {
    margin: 0;
    padding: 0;
  }
  .header .menu > li + li {
    margin-left: var(--double-space);
  }
}
/* nav desktop - see dynamic css file */

/* footer  */
.footer-content {
  padding: var(--mid-space) var(--single-space);
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--half-space);
}
.footer a {
  text-decoration: none;
  font-size: .8em;
  color: #fff;
  transition: all .3s ease-in-out;
}
.footer a:active, .footer a:focus, .footer a:hover {
  color: var(--opacity-dim);
  padding-bottom: 3px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  opacity: 0.7;
  transition: all .3s ease-in-out;
}
.footer .menu a {
  font-family: 'Open Sans', sans-serif;
}
.footer-logo-link .logo-link {
  max-width: 10em; 
  margin: 0 auto;
}
.footer .menu {
  margin-bottom: 0;
}
.footer .menu li + li {
  margin-top: var(--single-space);
}
.footer-copyright {
  font-size: .8em;
  color: #ffffff;
}
@media only screen and ( min-width: 56.25em ) {
  .footer-content {
    padding: var(--single-space);
  }
}
/* social links */
.social-links,
.social-links li {
  margin-bottom: 0;
}
.social-icon-wrapper li {
  display: inline-block;
}
.social-icon-wrapper li + li {
  margin-left: var(--double-space);
}
a.social-icon {
  display: inline-block;
  text-decoration: none;
  transition: all .4s ease-in-out;
}
.social-icon::before {
  display: inline-block;
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: 400;
  font-size: 1.75em;
  line-height: 1;
  padding-top: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.social-contact::before {
  font-family: "Font Awesome 6 Free";
  content: "\f0e0";
}
.social-facebook::before {
  content: "\f09a";
}
.social-instagram::before {
  content: "\f16d";
}
.social-spotify::before {
  content: "\f1bc";
}
.social-twitter::before {
  content: "\f099";
}
.social-pinterest::before {
  content: "\f0d2";
}
.social-tiktok::before {
  content: "\e07b";
}
.social-youtube::before {
  content: "\f167";
}
.social-vimeo::before {
  content: "\f40a";
}

/* responsive video wrapper */
.video-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.5%;
	/* padding-bottom: calc((100% + 26px)*.565); */
}
.video-wrapper > iframe,
.video-wrapper > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* cta button styles */
/* cta button-style link */
.cta {
  display: inline-block;
  padding: var(--half-space) var(--single-space);
  font-family: var(--display-font);
  letter-spacing: .2em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .4s ease-in-out;
}
.cta,
.cta.reverse:active,
.cta.reverse:focus,
.cta.reverse:hover {
  background-color: var(--highlight);
  color: var(--light);
  border: 1px solid var(--highlight);
}
.cta.reverse,
.cta:active,
.cta:focus,
.cta:hover {
  background-color: var(--light);
  color: var(--highlight);
}
.cta.highlight,
.cta.highlight-reverse:active,
.cta.highlight-reverse:focus,
.cta.highlight-reverse:hover {
  background-color: var(--highlight);
  color: var(--light);
  border: 1px solid var(--highlight);
}
.cta.highlight-reverse,
.cta.highlight:active,
.cta.highlight:focus,
.cta.highlight:hover {
  background-color: var(--light);
  color: var(--highlight);
}

.basic-content {
  padding: 0 var(--single-space);
  max-width: var(--max-width);
  margin: 0 auto;
}

@media only screen and (min-width: 56em) {
  .basic-content {
    padding: 0 var(--double-space);
  }
}

/* page section template */
.page-section-wrapper section {
  padding: var(--single-space);
  max-width: var(--max-width);
  margin: 0 auto;
}
.page-section-wrapper section.full-width {
  padding: 0;
}
@media only screen and (min-width: 56em) {
  .page-section-wrapper section {
    padding: var(--double-space);
  }
}

/* content section (section-content.php) */
.page-section-custom-content {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 1em;
}

/* page section headers */
.page-section-header {
  text-align: center;
  margin: 0 auto;
  max-width: 56.25em;
  /*padding-bottom: var(--single-space);*/
}
.page-section-header *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 56em) {
  .page-section-header {
    /*padding-bottom: var(--double-space);*/
  }
}


/* page section hero */
.page-section-hero .content {
  padding-top: 0;
  padding-bottom: 0;
}
.page-section-hero h1 {
  text-align: center;
  font-family: var(--display-font);
}


/* page section image-text */
.image-text-row {
  display: flex;
  flex-wrap: wrap;
}
.image-text-row + .image-text-row {
  /*margin-top: var(--single-space);*/
}
.double-spacing .image-text-row + .image-text-row {
  margin-top: var(--double-space);
}
.no-spacing .image-text-row + .image-text-row {
  margin-top: 0;
}
@media only screen and (min-width: 56.25em) {
  .regular-spacing .image-text-row + .image-text-row {
    /*margin-top: var(--double-space);*/
  }
  .double-spacing .image-text-row + .image-text-row {
    margin-top: calc( 2 * var(--double-space) );
  }
}
.image-text-row > * {
  flex: 100%;
}
.image-text-row-head {
  flex: 0 0 100%;
  text-align: center;
  margin: 0 auto var(--single-space);
}
.image-text-row-head h2 {
  margin-bottom: 0;
}
.image-text-row-subtitle {
  margin: 0.25em 0 0;
  color: #80693e;
  font-style: italic;
}
.image-text-row.text-over-image {
  position: relative;
}
.image-text-row .image-text-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  padding: var(--single-space)
}
.image-text-content ul,
.image-text-content ol {
  padding-left: var(--single-space);
}
/* manually inserted via the WYSIWYG "Horizontal line" toolbar button */
.image-text-content hr {
  height: 0;
  margin-top: 3em;
  border: 0;
  border-top: 1px solid #80693e;
}
.image-text-content ul li,
.image-text-content ol li {
  margin-left: var(--single-space);
  padding-left: var(--half-space);
}
.image-text-content ul li {
  list-style: square;
}
.image-text-content ol li {
  list-style: decimal;
}
.image-text-row.left .image-text-txt,
.image-text-row.center-left .image-text-txt {
  justify-content: flex-start;
}
.image-text-row.left .image-text-txt {
  text-align: left;
}
.image-text-row.right .image-text-txt {
  justify-content: flex-end;
  text-align: right;
}
.image-text-row.top .image-text-txt {
  align-items: flex-start;
}
.image-text-row.bottom .image-text-txt {
  align-items: flex-end;
}
.image-text-row.text-over-image .image-text-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 56.25em) {
  .image-text-row {
    min-height: 21em;
  }
  .image-text-row .image-text-txt {
    /*padding: var(--double-space);*/
    padding: 0 2em;
  }
  .image-text-row.half-split .image-text-img,
  .image-text-row.third-split .image-text-img,
  .image-text-row.third-split-reverse .image-text-img {
    height: 100%;
    min-height: 20em;
    display: flex;
    align-items: center;
  }
  .image-text-row.half-split .image-text-img img,
  .image-text-row.third-split .image-text-img img,
  .image-text-row.third-split-reverse .image-text-img img {
    height: 100%;
    /*min-height: 24em;*/
    max-width: 100%;
    object-fit: cover;
    max-height: 18em;
  }
  .image-text-row.half-split > .image-text-img,
  .image-text-row.half-split > .image-text-txt {
    flex: 50%
  }
  .image-text-row.third-split > .image-text-txt {
    flex: 33%
  }
  .image-text-row.third-split > .image-text-img {
    flex: 67%
  }
  .image-text-row.third-split-reverse > .image-text-txt {
    flex: 67%
  }
  .image-text-row.third-split-reverse > .image-text-img {
    flex: 33%
  }
  .image-text-row.half-split:nth-of-type(odd),
  .image-text-row.half-split.image-right,
  .image-text-row.third-split:nth-of-type(odd),
  .image-text-row.third-split.image-right {
    flex-direction: row;
  }
  .image-text-row.half-split:nth-of-type(odd) > .image-text-img,
  .image-text-row.half-split.image-right > .image-text-img,
  .image-text-row.third-split:nth-of-type(odd) > .image-text-img,
  .image-text-row.third-split.image-right > .image-text-img {
    order: 2;
  }
  .image-text-row.half-split:nth-of-type(odd) > .image-text-txt,
  .image-text-row.half-split.image-right > .image-text-txt,
  .image-text-row.third-split:nth-of-type(odd) > .image-text-txt,
  .image-text-row.third-split.image-right > .image-text-txt {
    order: 1;
  }
  .image-text-row.half-split.image-left,
  .image-text-row.third-split.image-left {
    flex-direction: row;
  }
  .image-text-row.half-split.image-left > .image-text-img,
  .image-text-row.third-split.image-left > .image-text-img {
    order: 1;
  }
  .image-text-row.half-split.image-left > .image-text-txt,
  .image-text-row.third-split.image-left > .image-text-txt {
    order: 2;
  }
  .image-text-row.third-split-reverse:nth-of-type(odd),
  .image-text-row.third-split-reverse.image-right {
    flex-direction: row;
  }
  .image-text-row.third-split-reverse:nth-of-type(odd) > .image-text-img,
  .image-text-row.third-split-reverse.image-right > .image-text-img {
    order: 2;
  }
  .image-text-row.third-split-reverse:nth-of-type(odd) > .image-text-txt,
  .image-text-row.third-split-reverse.image-right > .image-text-txt {
    order: 1;
  }
  .image-text-row.third-split-reverse.image-left {
    flex-direction: row;
  }
  .image-text-row.third-split-reverse.image-left > .image-text-img {
    order: 1;
  }
  .image-text-row.third-split-reverse.image-left > .image-text-txt {
    order: 2;
  }
}

/* page section template cards */
.page-section-cards {
  text-align: center;
}
.card {
  margin-bottom: var(--single-space)
}
.card:last-of-type {
  margin-bottom: 0;
}
.card img {
  margin: 0 auto var(--single-space);
  max-width: 90%;
  max-width: calc(100% - 2em);
}
.icon-left .card {
  display: flex;
  gap: var(--single-space);
  align-items: center;
}
.icon-left .card-img {
  flex: 0 0 8em;
}
.icon-left .card-img img {
  margin-bottom: 0;
}
.icon-left .card-text {
  text-align: left;
}
.card .cta {
  margin-top: var(--single-space);
}
/* card widths */
.page-section-cards.third-width .cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--single-space);
  justify-content: space-around;
}
.page-section-cards.third-width .cards .card {
  width: calc(50% - 1em);
  flex: 0 1 25em;
}


/* tfe agegate */
.tfe-agegate {
  position: fixed;
  inset: 0;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1600;
  background: rgba(60,60,60,.8);
}
.tfe-agegate-dialog {
  font-size: 1rem;
  background: none;
  /* box-shadow: 0 0 1.875em 0 rgb(2 2 2); */
  /* background: var(--dark-gray); */
}
.tfe-agegate-image {
  width: 75%;
}
.tfe-agegate p {
  color: var(--white);
  font-size: 1.25em;
  line-height: 1.4;
  font-family: var(--body-font);
  font-weight: 300;
}
.tfe-enter {
  font-family: var(--display-font);
  vertical-align: bottom;
  padding: var(--single-space);
  color: var(--highlight);
  background: var(--white);
  border: 1px solid var(--highlight);
}
.tfe-enter:hover,
.tfe-enter:focus {
  color: var(--white);
  background: var(--highlight);
  border: 1px solid var(--white);
}
@media only screen and (min-width: 40em) {
  .tfe-agegate-image {
    width: 50%;
  }
}


/* tfe legal styles */
.tfelegal {
  max-width: 50em;
  margin: 5em auto 3em;
  padding-bottom: 5em;
}
.tfelegal h1 {
  color: var(--dark-gray);
  letter-spacing: .05em;
  padding-bottom: .3em;
}
.tfelegal h2 {
  color: var(--dark-gray);
  letter-spacing: .05em;
  padding-bottom: .3em;
}
.tfelegal p {
  color: var(--dark-gray);
  line-height: 1.4;
  padding-bottom: 1em;
}
.tfelegal a {
  color: var(--highlight);
  text-decoration: none;
  border-bottom: 1px solid var(--highlight);
  transition: all 0.3s ease-in-out;
}
.tfelegal a:hover {
  color: var(--mid-gray);
  padding-bottom: 2px;
  border-bottom: 1px solid var(--mid-gray);
  transition: all 0.3s ease-in-out;
}
.tfelegal ul {
  padding-bottom: 1em;
}
.tfelegal ul.bullet li {
  margin-left: 1.25em;
}
.tfelegal ol.number li,
.tfelegal ol.lowercase li,
.tfelegal ol.uppercase li,
.tfelegal ol[type='a'] li,
.tfelegal ol[type='A'] li {
  margin-left: 1.5em;
}
.tfelegal ul.bullet li {
  list-style: disc;
  line-height: 1.4;
}
.tfelegal ol.number {
  list-style: decimal;
}
.tfelegal ol.lowercase,
.tfelegal ol[type='a'] {
  list-style: lower-alpha;
}
.tfelegal ol.uppercase,
.tfelegal ol[type='A'] {
  list-style: upper-alpha;
}
.tfelegal ol li::marker {
  font-family: var(--body-font);
  font-weight: 400;
}
@media only screen and (min-width: 56.25em) {
  .tfelegal {
    margin: 7em auto 3em;
  }
}


/* special page styles */


/* 404 page */
.hero-text-error.h1 {
  color: var(--dark-gray);
}
.error-buttons-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  margin: 0 auto;
}
.button-error {
  font-family: var(--body-font);
  font-weight: 400;
  font-size: 1em;
  padding: var(--single-space);
  letter-spacing: .2em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
  cursor: pointer;
  margin: 1em;
  background-color: var(--white);
  color: var(--dark-brown);
  border-style: solid;
  border-width: 2px;
  border-color: var(--dark-brown);
  margin-top: 2em;
}
.button-error:active,
.button-error:focus,  
.button-error:hover {
  background-color: var(--dark-gray);
  color: var(--white);
  border-color: var(--dark-gray);
}
.article-wrapper .error-page {
  /*margin: 3em;
  margin-top: 15em;*/
}
.error-box {  
  font-family: var(--body-font);
  font-weight: 400;
  margin-top: 10em;
  text-align: center;
  padding: 2em;
  border-style: solid;
  border-width: 2px;
  border-color: var(--highlight);
  min-width: 14em;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10em;
  max-width: 40em;
  background-color: rgba(255, 255, 255, 0.7);
}
.error-box h2 {
  font-family: var(--body-font);
  color: var(--dark-gray);
  font-weight: 500;
  font-size: 1.3em;
  letter-spacing: 0;
}
@media only screen and (min-width: 56.25em) {
  .error-box {  
    margin-top: 17em;
  }
}

/*  page and form */
.contact-page h1 {
  font-family: var(--display-font);
  font-size: 2.5em;
  text-transform: uppercase;
  color: #80693e;
  text-align: center;
  margin: 1em;
}
.contact-page {
  max-width: var(--narrow-max-width);
  margin: 0 auto;
}
.gform_title, .gform_wrapper .gform_heading {
  display: none;
}
#gform_wrapper_1[data-form-index="0"].gform-theme, [data-parent-form="1_0"] {
  max-width: var(--narrow-max-width);
  margin: 0 auto;
}
body .gform_wrapper .gform_footer input[type="submit"], 
body .gform_wrapper .gform_page_footer input[type="submit"] {
    background-color: var(--red-highlight) !important; /* Replace with your primary hex code */
    color: #ffffff !important;            /* Button text color */
    border: none !important;              /* Removes default borders */
}
/* Change the button color on hover */
body .gform_wrapper .gform_footer input[type="submit"]:hover, 
body .gform_wrapper .gform_page_footer input[type="submit"]:hover {
    background-color: var(--red-highlight-hover) !important; /* Replace with your hover hex code */
    color: #ffffff !important;
}


/* sitemap */


/* faqs pages */


/* learn page */
.learn-page h1  {
  font-family: var(--display-font);
  font-size: 2.5em;
  text-transform: uppercase;
  color: #80693e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.learn-page h1::before,
.learn-page h1::after {
  content: '\2014';
  font-size: 1.2em;
  margin: 0 .3em;
}
.learn-page h2 {
  text-transform: uppercase;
}
.learn-page li {
  font-family: var(--body-font);
}
.page-section-head.image-text-row-head > h2 {
  font-size: 2.5em;
  text-transform: uppercase;
  color: #80693e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-section-head.image-text-row-head > h2::before,
.page-section-head.image-text-row-head > h2::after {
  content: '\2014';
  font-size: 1.2em;
  margin: 0 .3em;
}
.image-text-row + .image-text-row .page-section-head.image-text-row-head {
  border-top: 1px solid #80693e;
  padding-top: var(--double-space);
  margin-top: var(--double-space);
}

/* extras */


/* reduced motion preference */


/* additional no-js styles */


@media only screen and (min-width: 28em) {
 
}
@media only screen and (min-width: 56em) {

}
@media only screen and (min-width: 75em) {
  
}
@media only screen and (min-width: 94em) {
  
}