/**
 * Foundation for Sites by ZURB
 * Version 6.5.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
html .off-canvas-wrapper {
  overflow: visible; }

html .off-canvas-content {
  display: flex;
  flex-direction: column;
  height: 100vh; }

html header, html nav, html footer {
  flex-shrink: 0; }

html main {
  flex: 1 0 auto;
  /* Use 1 0 auto instead of just 1 for backwards compatibility with other browsers */ }

html ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #473226; }

html ::-moz-placeholder {
  /* Firefox 19+ */
  color: #473226; }

html :-ms-input-placeholder {
  /* IE 10+ */
  color: #473226; }

html :-moz-placeholder {
  /* Firefox 18- */
  color: #473226; }

html :focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(71, 50, 38, 0.5); }

html :focus::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(71, 50, 38, 0.5); }

html :focus:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(71, 50, 38, 0.5); }

html :focus:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(71, 50, 38, 0.5); }

html .button.primary,
html .umbraco-forms-form input[type="submit"],
html .contourField input[type="submit"] {
  background-color: #0083BF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-transform: uppercase;
  padding: 8px 20px 8px 20px;
  letter-spacing: 2px;
  border: 0;
  cursor: pointer;
  transition: .5s all ease;
  margin-top: 10px; }
  html .button.primary:hover, html .button.primary:focus,
  html .umbraco-forms-form input[type="submit"]:hover,
  html .umbraco-forms-form input[type="submit"]:focus,
  html .contourField input[type="submit"]:hover,
  html .contourField input[type="submit"]:focus {
    background-color: #00618e; }

html .button.primary:after,
html .button:after,
html .umbraco-forms-form input[type="submit"]:after,
html .contourField input[type="submit"]:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  margin: 10px 0px 0px 15px; }

html .button {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-transform: uppercase;
  padding: 8px 20px 8px 20px;
  letter-spacing: 2px; }

html .button:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  margin: 0px 0px 0px 15px; }

html .button.brown {
  background-color: #473226; }
  html .button.brown:hover {
    background-color: #000; }

html .button.full {
  width: 100%;
  text-align: left;
  line-height: 22px;
  overflow: hidden;
  letter-spacing: 0.01em; }

html .button.full:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  margin: 0px 0px 0px 15px;
  text-align: right;
  float: right; }

main#divMain {
  width: 100%;
  padding: 40px 90px 0px 90px; }
  @media screen and (max-width: 63.99875em) {
    main#divMain {
      padding: 35px 20px 0px 20px; } }

main#testimonial-page-title, main#testimonial-page {
  width: 100%;
  padding: 0px 90px 0px 90px; }
  @media screen and (max-width: 63.99875em) {
    main#testimonial-page-title, main#testimonial-page {
      padding: 0px 20px 0px 20px; } }

.testimonials-page {
  padding-top: 40px; }
  @media screen and (max-width: 63.99875em) {
    .testimonials-page {
      padding-top: 35px; } }

html .umbraco-forms-page {
  margin-top: 30px; }
  html .umbraco-forms-page label.umbraco-forms-label {
    display: none; }
  html .umbraco-forms-page [type='text'], html .umbraco-forms-page textarea {
    margin-top: 15px;
    margin-bottom: 15px; }
  html .umbraco-forms-page .field-validation-error {
    color: #e10202; }

html #footer-form .umbraco-forms-page {
  margin-top: -10px; }
  html #footer-form .umbraco-forms-page [type='text'] {
    width: 60%; }
  html #footer-form .umbraco-forms-page [type='submit'] {
    margin-top: 0px; }
  @media screen and (max-width: 63.99875em) {
    html #footer-form .umbraco-forms-page [type='text'] {
      width: 100%; } }

html .umbraco-forms-submitmessage {
  font-family: "Playfair Display", serif;
  margin-top: 40px;
  font-size: 2.0em;
  line-height: 1.5em;
  font-weight: 500;
  font-style: italic;
  color: #473226; }

.main-site {
  /*
    .header-2 {
        background-color: $gray14;
        height: 85px;

        .top-bar > .row {
            width: 100%;
        }

        .top-bar, .top-bar ul {
            background-color: $gray14;
            padding: 0;
        }

        #header2Container {
            height: 85px;
            margin: 0 -.75rem;
            width: calc(100% + 1.5rem);
            @include flexbox(row, nowrap, space-between, stretch, stretch);

            @include breakpoint(medium) {
                margin: 0;
                width: 100%;
            }

            @include breakpoint(large) {
                padding-right: 0;
            }

            @include breakpoint(xxlarge) {
                padding-left: 4.7rem;
            }
        }

        #header2Container > div {
            @include flexbox(column, nowrap, center, center, center);
        }

        #header2Container .top-bar-left.hide-for-leaders {
            max-width: 152px;
        }

        #header2Container .top-bar-left.hide-for-main {
            @include flexbox(column, nowrap, center, flex-start, center);
            width: 50%;
            min-width: 50%;

            @include breakpoint(medium) {
                width: 275px;
                max-width: 275px;
            }

            @include breakpoint(large) {
                min-width: 275px;
            }
        }

        #logoBtn1a svg {
            top: -2rem;
        }

        #logoBtn1a > span:first-child {
            position: relative;
            display: block;
            top: -2.2rem;

            @include breakpoint(medium) {
                top: -3.125rem;
            }
        }

        #logoBtn1a > span:first-child > .icon-ifb-logo {
            font-size: 8rem;

            @include breakpoint(medium) {
                font-size: 9.5rem;
            }
        }

        #logoBtn1b {
            max-width: 100%;
            @include flexbox(row,nowrap,flex-start,center,center);

            @include breakpoint(medium) {
                left: -1.7rem;
                max-width: 275px;
            }
        }

        #logoBtn1b > span:first-child {
            position: relative;
            display: block;
            top: 1rem;
            margin-left: .5rem;
            margin-right: .5rem;

            @include breakpoint(medium) {
                top: 1.3rem;
                margin-left: 1.5rem;
            }
        }

        #logoBtn1b > span:first-child > .icon-ifb-logo {
            font-size: 5.5rem;

            @include breakpoint(medium) {
                font-size: 9rem;
            }
        }

        #logoBtn1b svg {
            max-width: 100%;
            left: 0;
        }

        #logoBtn1b > span:nth-child(2) {
            display: block;
            color: $white;
            font-family: 'Crimson Text', serif;
            font-size: 14px;
            font-weight: bold;
            margin-right: .5em;

            @include breakpoint(460px) {
                font-size: 17px;
            }

            @include breakpoint(medium) {
                font-size: 20px;
            }

            @include breakpoint(large) {
                margin-right: 0;
            }

            @include breakpoint(xlarge) {
                font-size: 25px;
            }
        }

        #logoBtn1b > span:nth-child(2) span {
            line-height: 1.2em;
            display: block;
        }

        #header2Container #mSearchContainer {
            max-width: 168px;

            @include breakpoint(medium) {
                max-width: 236px;
            }
        }

        nav > ul.dropdown.menu,
        nav > ul.dropdown.menu > li {
            margin: 0;
            padding: 0;
        }


        nav > ul.dropdown.menu > li.cta-nav-link {
            background-color: $green01;
        }

        nav > ul.dropdown.menu > li.rl-nav-link {
            background-color: $gray12;
        }

        nav > ul.dropdown.menu > li > a {
            color: $white;
            font-family: 'Oswald', sans-serif;
            height: 85px;
            font-size: 20px;
            padding-left: 20px;
            padding-right: 20px;
            text-transform: uppercase;
            @include flexbox(column, nowrap, center, center, center);

            &:hover {
                background-color: rgba(255,255,255, .1);
            }

            @include breakpoint(xlarge) {
                padding-left: 1.875rem;
                padding-right: 1.875rem;
            }

            @include breakpoint(xxlarge) {
                padding-left: 3.75rem;
                padding-right: 3.75rem;
            }
        }

        .dropdown li:not(.is-active) ul {
            display: none; //ensure no FOUC
        }

        nav > ul.dropdown.menu .submenu {
            background-color: $gray14;
            border-color: $gray11;
        }

        nav > ul.dropdown.menu .submenu li a {
            color: $white;

            &:hover {
                background-color: $gray11;
            }

            &::after {
                border-color: transparent $white transparent transparent;
            }
        }

        nav > ul.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
            display: none;
        }

        #mSearchContainer .searchBox {
            background-color: $white;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;

            &::before {
                left: 15px;
            }
        }

        #mSearchContainer .searchBox div {
            width: calc(100% - 60px);
            float: left;
        }

        #mSearchContainer .searchBox input[type="submit"] {
            margin-left: 15px;
        }

        #mSearchContainer .searchBox input[type="text"] {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

        #mSearchContainer .searchBox::before {
            font-size: 1.2rem;
        }
    }

    .alert-bar a {
        width: 100%;
        padding: .75rem 1rem 1rem;
        background-color: $red01;
        color: $white;
        display: block;
        text-align: center;
        font-size: 1.5rem;
        line-height: 1em;

        &::after {
            font-family: 'illinoisfarmbureau';
            content: ' \4b';
        }

        &:hover {
            background-color: $red02;
        }

        @include breakpoint(medium) {
            font-size: 2.375rem;
        }
    }

    .alert-bar a.no-link {
        pointer-events: none;

        &::after {
            content: '';
        }
    }

    #offCanvasLeft {
        @include breakpoint(large) {
            display: none;
        }
    }

    #btmMobileNav {
        position: fixed;
        bottom: 5px;
        right: 5px;
        z-index: 9999;
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;

        @include breakpoint(large) {
            display: none;
        }

        &.closed {
            padding: .5em .5em;
            background-color: transparent;
            bottom: .25em;
            right: 1.5em;


            #mobileMenuBtn {
                background-color: $red01;
                border-radius: 50%;
                text-align: center;
                padding: 30px 0 20px;
                width: 80px;
                height: 80px;
                border: 1px solid darken($red01, 10%);
                box-shadow: rgba(0,0,0,0.4) 5px 5px 5px;
            }

            #mobileMenuBtn > a {
                top: -.2em;

                &::after {
                    display: none;
                }
            }

            #mobileMenuBtn > a ~ ul {
                display: none;
            }
        }

        &:not(.closed) {
            width: 100%;

            & > nav {
                width: 100%;
            }

            & > nav > ul {
                border-top: 5px solid $red01;
                width: calc(100% - 30px);
                position: relative;
                left: 15px;
                @include flexbox(column, nowrap, flex-start, stretch, stretch);
            }

            #mobileMenuBtn {
                background-color: $gray04;
                -webkit-order: 2;
                -ms-order: 2;
                order: 2;
                @include flexbox(row, nowrap, space-between, stretch, stretch);
            }

            #mobileMenuBtn > a {
                background-color: $red01;
                border-radius: 50%;
                text-align: center;
                padding: 25px 0;
                width: 80px;
                height: 80px;
                border: 1px solid darken($red01, 10%);
                box-shadow: rgba(0,0,0,0.4) 5px 5px 5px;
                -webkit-order: 2;
                -ms-order: 2;
                order: 2;
            }

            #mobileMenuBtn > a ~ ul {
                margin: 0;
                padding: 0;
                -webkit-order: 1;
                -ms-order: 1;
                order: 1;
                max-width: calc(100% - 80px);
                height: 110px;
                @include flexbox(row, wrap, flex-start, flex-start, flex-start);

                @include breakpoint(425px) {
                    height: 50px;
                    margin-top: 15px;
                }
            }

            #mobileMenuBtn > a ~ ul li {
                list-style-type: none;
                display: inline-block;
                height: 50px;
                margin-bottom: 10px;
            }

            #mobileMenuBtn > a ~ ul li a {
                color: $gray03;
                height: 50px;
                padding: 0;
                display: inline-block;

                &:hover {
                    color: $white;
                }
            }

            #mobileMenuBtn > a ~ ul li a svg {
                height: 50px;
                width: 50px;
                margin: 0 10px;
            }
        }

        #mobileMenuBtn {
            padding: 16px;
            background-color: $red01;
            text-transform: uppercase;
        }

        #mobileMenuBtn > a {
            color: $white;
            padding: 0;
            position: relative;
            font-family: 'Oswald', sans-serif;
            font-size: 26px;

            &::after {
                //expanded icon styles go here
            }
        }

        li[role="treeitem"] {
            background-color: $white;
            border-top: 1px solid $gray03;
            -webkit-order: 1;
            -ms-order: 1;
            order: 1;
        }

        .level-2 > li[role="treeitem"] > a {
            text-transform: uppercase;
        }

        li[role="treeitem"] > a {
            color: $gray12;
            font-size: 12px;
            font-weight: 300;
            padding: 1rem 3rem 1rem 1rem;
            font-family: 'Oswald', sans-serif;
            font-size: 24px;
            line-height: 1em;
        }

        li[role="treeitem"].m-secondary-li > a {
            font-family: 'Crimson Text', serif;
            color: $gray07;
            font-size: 20px;
            line-height: 1em;
        }

        & > nav > ul > li.is-accordion-submenu-parent[aria-expanded] a::after {
            color: $gray07;
        }

        li.is-accordion-submenu-parent[aria-expanded] a::after {
            font-size: 1.3em;
            font-family: 'illinoisfarmbureau';
            color: $white;
            position: absolute;
            top: .65em;
            right: 1rem;
            width: auto;
            height: auto;
            border: 0;
            border-color: transparent;
            margin-top: 0;
            pointer-events: none;
        }

        li.is-accordion-submenu-parent[aria-expanded="false"] > a::after {
            //expand icon styles
            content: '\6e';
            text-transform: none;
        }

        li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {
            //collapse icon styles
            content: '\72';
            text-transform: none;
        }

        li[role="treeitem"] ul {
            padding-left: 0;
        }

        li[role="treeitem"] ul li[role="treeitem"] {
            background-color: rgba(0,0,0,0.25);
            border-top: 0;
        }

        ul.vertical.menu > li.closed ~ li {
            display: none !important;
        }
    }
}   */
  /*
    footer .footer-nav-links > li:last-child {
        background-color: $green01;

        &:hover {
            background-color: $green02;
        }
    }

    footer {
        // site-specific footer styles go here
        .footer-nav-links > li:last-child {
            background-color: $green01;

            &:hover {
                background-color: $green02;
            }
        }

        background-color: $gray14;
        padding-bottom: 100px; //ensures user can scroll down far enough to read all footer text without the menu button in the lower-right corner overlapping anything
        @include breakpoint(large) {
            padding-bottom: 1rem;
        }

        & > .row:first-of-type {
            background-color: $gray13;
        }

        & > .row:last-of-type {
            background-color: $gray14;
        }

        .columns {
            text-align: center;
        }

        ul[class*="-nav"] {
            padding: 0;
            margin: 1rem auto;
        }

        ul[class*="-nav"] li {
            list-style-type: none;
            display: inline-block;
            color: $gray03;
            margin: 0 1em;
            font-family: 'Crimson Text', serif;
        }

        ul[class*="-nav"] li a {
            color: $white;

            &:hover {
                color: $gray03;
            }
        }

        .footer-nav-holder {
            @include breakpoint(xxlarge) {
                padding: 0 4.7rem;
            }
        }

        ul.footer-nav {
            //margin: 0 -.9375rem;
            margin-top: 0;
            margin-bottom: 0;
            max-width: 100%;
            @include flexbox(row, nowrap, space-between, center, center);

            @include breakpoint(medium) {
                margin: 0 auto;
            }
        }

        ul.footer-nav ul {
            padding: 0;
            margin: 0;
        }

        ul.footer-nav li {
            font-size: 1.5rem;
            font-family: 'Oswald', arial;
            text-transform: uppercase;
            margin: 0;
            -webkit-flex: initial;
            -ms-flex: initial;
            flex: initial;
        }

        ul.footer-nav > li:last-child > ul {
            @include breakpoint(medium) {
                @include flexbox(row,nowrap, space-between,center,center);
            }
        }

        ul.footer-nav li a {
            padding: .75em 1em;
            line-height: 1em;
            display: block;

            @include breakpoint(xxlarge) {
                padding: .75em 2em;
            }
        }

        ul.footer-nav li #logoBtn2 > span {
            position: relative;
            display: block;
        }

        ul.footer-nav li #logoBtn2 > span > .icon-ifb-logo {
            font-size: 5rem;

            @include breakpoint(medium) {
                font-size: 9.5rem;
            }
        }

        ul.footer-nav li .svg-logo {
            left: 0;
            max-width: 100%;
        }

        ul.footer-nav li:first-child {
            max-width: 25%;
        }

        ul.footer-nav > li:first-child a {
            padding: 0;

            @include breakpoint(medium) {
                min-width: 153px;
            }

            @include breakpoint(xlarge) {
                min-width: 150px;
            }
        }

        ul.footer-nav li.cta-nav-link a {
            padding: .75em 2em;
        }

        ul.footer-nav li ul li:last-child a {
            padding: .75em 3em;
        }

        ul.secondary-nav li,
        ul.legal-nav li {
            margin: 0 .25em;

            @include breakpoint(medium) {
                margin: 0 .5em;
            }
        }

        ul.legal-nav li:last-child {
            @include breakpoint(large) {
                margin-left: 4em;
            }
        }
    }
        */
  /*
    #divMain .template-home {
        // template-specific styles go here
        margin-top: -2em;

        .page-content {
            margin-bottom: 0;
        }

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

        section .row {
            max-width: 100%;
        }

        h1,
        h2 {
            text-align: center;
            font-weight: normal;
            font-family: 'Crimson Text', serif;
        }

        h2.arrow-bar {
            width: 100%;
            font-size: 22px;
            line-height: 1em;
            padding: .5rem;
            color: $white;
            background-color: $gray05;
            position: relative;

            @include breakpoint(large) {
                font-size: 40px;
            }

            &::after {
                content: '';
                display: block;
                width: 0;
                height: 0;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent;
                border-top: 20px solid $gray05;
                position: absolute;
                bottom: -20px;
                left: calc(50% - 20px);

                @media print {
                    border: 0 !important;
                }
            }
        }

        p {
            max-width: 100%;
        }

        #hpWhoWeAre {
            padding: 80px 0;
            min-height: 630px;
            position: relative;
            background-position: bottom center;

            @include breakpoint(medium) {
                padding: 105px 1.5rem;
                min-height: 710px;
            }

            @include breakpoint(large) {
                padding: 130px 2rem;
                //min-height: 790px;
            }

            @media print {
                min-height: unset;
                padding: 0 0 3rem 0;
            }

            > .row {
                @include breakpoint(medium) {
                    margin-left: -1.5rem;
                }

                @include breakpoint(large) {
                    margin-left: -2rem;
                }
            }

            .row {
                width: 100%;
                max-width: 100%;
                position: absolute;
                bottom: 80px;

                @include breakpoint(medium) {
                    bottom: 105px;
                }

                @include breakpoint(large) {
                    bottom: 130px;
                }

                @media print {
                    position: relative;
                    bottom: 0;
                }
            }

            .columns {
                text-align: center;
            }

            h1, p, a {
                color: $white;
                text-align: center;
                margin: auto;
            }

            h1, p {
                text-shadow: 2px 2px 10px $black;
            }

            h1 {
                font-size: 50px;

                @include breakpoint(large) {
                    font-size: 60px;
                }
            }

            p {
                font-size: 18px;
            }

            a {
                background-color: $red01;
                padding: 1.5rem;
                line-height: 1em;
                border: 2px solid $white;
                text-transform: uppercase;
                margin: 2rem auto 0;
                font-size: 18px;
                font-family: 'Oswald', sans-serif;

                &:hover {
                    background-color: $green01;
                }
      
            }
        }
    */
  /*
        #hpWhatWeDo,
        #hpResourcesAndTools {
            text-align: center;

            @include breakpoint(xlarge) {
                min-height: 430px;
            }

            @media print {
                padding: 0 0 3rem 0;
            }

            .columns {
                padding: 90px 45px;

                @include breakpoint(large) {
                    padding: 60px 150px;
                }

                @media print {
                    padding: 1rem;
                }
            }

            ul {
                margin: 0 auto 3rem;
                padding: 0 2rem;
                max-width: 1144px;
                @include flexbox(row,wrap,space-between,flex-start,center);
            }

            li {
                list-style-type: none;
                display: inline-block;
                text-align: center;
                max-width: 120px;
                margin: 0 auto 1em;
            }

            li a {
                color: $gray11;
                text-decoration: none;
                font-family: 'Oswald', sans-serif;

                &:hover {
                    color: $red02;
                }
            }

            li .hpb-icon,
            li span {
                display: block;
                text-align: center;
                margin: auto;
            }

            li .hpb-icon {
                max-width: 80px;
                margin-bottom: -1rem;
            }

            li .hpb-icon svg {
                max-width: 100%;
            }

            li span {
                text-transform: uppercase;
                font-size: 1.2rem;
                line-height: 1.2em;
            }

            .columns > a {
                background-color: $white;
                border: 2px solid $gray03;
                font-family: 'Crimson Text', serif;
                font-size: 13px;
                padding: .5em .75em;
                line-height: 1em;
                color: $gray08;
                text-align: center;
                margin: auto;
                display: inline-block;

                &:hover {
                    color: $red02;
                }

                @include breakpoint(large) {
                    font-size: 1.6875rem;
                    padding: 1em 3em;
                }
            }

            .columns > a span.svg-text-icon {
                display: inline-block;
                border-left: 1px solid $gray02;
                font-size: 1em;
                padding: 0 0 0 .1666em;
                min-width: 1.5em;
                height: 1em;

                @include breakpoint(large) {
                    padding: .7em 1em;
                    margin: -1em -1.5em -1em 1em;
                    height: auto;
                }
            }
        }

        #hpWaysToGetInvolved {
            padding: 1rem;

            @include breakpoint(medium) {
                padding: 60px 30px;
            }

            @include breakpoint(large) {
                padding: 120px 60px;
            }

            @include breakpoint(xlarge) {
                min-height: 930px;
            }

            @media print {
                padding: 0 0 3rem 0;
            }

            h2 {
                font-size: 30px;
                margin-bottom: 40px;
                color: $white;

                @include breakpoint(medium) {
                    font-size: 60px;
                    margin-bottom: 75px;
                }

                @include breakpoint(large) {
                    font-size: 100px;
                    margin-bottom: 120px;
                }
            }

            ul {
                margin: 0 auto;
                padding: 0;
                max-width: 1325px;
                @include flexbox(row, wrap, space-between, center, center);

                @include breakpoint(large) {
                    @include flexbox(row, nowrap, space-between, center, center);
                }
            }

            li {
                display: inline-block;
                text-align: center;
                width: 241px;
                height: 241px;
                max-height: 241px;
                list-style-type: none;
                margin: 0 auto .1rem;
                background-image: url('/images/wtgi-diamond.png');
                background-repeat: no-repeat;
                background-size: contain;
                text-align: center;
                -webkit-flex: none;
                -ms-flex: none;
                flex: none;

                @include breakpoint(large) {
                    width: 260px;
                    height: 260px;
                    max-height: 260px;
                    margin: 0 6px;
                }

                @include breakpoint(xlarge) {
                    width: 310px;
                    height: 310px;
                    max-height: 310px;
                    margin: 0 15px;
                }

                @include breakpoint(xxlarge) {
                    width: 392px;
                    height: 392px;
                    max-height: 392px;
                    margin: 0 25px;
                }

                @media print {
                    width: auto;
                    height: auto;
                    max-height: none;
                    margin: 1rem;
                }
            }

            li a {
                margin: auto;
                margin-top: 65px;
                text-align: center;
                color: $gray11;
                display: inline-block;
                position: relative;

                &::before {
                    content: '';
                    display: block;
                }

                @include breakpoint(xxlarge) {
                    margin-top: 100px;
                }

                @media print {
                    margin-top: 0;
                }
            }

            li a .wtgi-icon {
                display: block;
                top: -40px;
                left: calc(50% - 31px);
                position: absolute;

                @include breakpoint(xlarge) {
                    top: -35px;
                }

                @include breakpoint(xxlarge) {
                    top: -65px;
                }
            }

            li a .wtgi-icon svg {
                height: 30px;
                width: 62px;

                @include breakpoint(xlarge) {
                    height: 40px;
                }

                @include breakpoint(xxlarge) {
                    height: 55px;
                }
            }

            li a .title {
                text-transform: uppercase;
                display: block;
                font-size: 18px;
                line-height: 1.2;
                font-family: 'Oswald', sans-serif;
                height: 50px;
                margin-bottom: .75rem;
                @include flexbox(column, nowrap, center, center, center);

                @include breakpoint(large) {
                    font-size: 20px;
                    height: 65px;
                }

                @include breakpoint(xlarge) {
                    font-size: 24px;
                    height: 95px;
                }

                @include breakpoint(xxlarge) {
                    font-size: 28px;
                    margin-bottom: 1rem;
                }
            }

            li a .description {
                display: block;
                font-size: 9px;

                @include breakpoint(large) {
                    font-size: 10px;
                    line-height: 1.2em;
                }

                @include breakpoint(xlarge) {
                    font-size: 11px;
                }

                @include breakpoint(xxlarge) {
                    font-size: 14px;
                }

                @media print {
                    font-size: 11px;
                    line-height: 1.6em;
                }
            }

            li a .arrow-placeholder {
                display: block;
                font-size: 18px;
                height: 50px;

                @include breakpoint(large) {
                    font-size: 20px;
                    height: 65px;
                }

                @include breakpoint(xlarge) {
                    font-size: 24px;
                    height: 95px;
                }

                @include breakpoint(xxlarge) {
                    font-size: 28px;
                    margin-bottom: 1rem;
                }
            }
        }

        #hpIFBInAction {
            padding: 50px 0 100px;

            @include breakpoint(xlarge) {
                min-height: 895px;
            }

            @media print {
                padding: 0 0 3rem 0;
            }

            h2, p {
                color: $white;
                text-align: center;
            }

            h2 {
                font-size: 36px;
                padding: 0 1rem;

                @include breakpoint(large) {
                    font-size: 56px;
                }
            }

            p {
                @include breakpoint(large) {
                    font-size: 20px;
                }
            }

            .row {
                max-width: 1460px;
                margin: auto;
            }

            ul.slick-carousel {
                margin: 0 auto;
                padding: 0;

                @include breakpoint(large) {
                    max-width: calc(100% - 224px);
                }

                @include breakpoint(xxlarge) {
                    max-width: 1176px;
                }
            }

            .slick-next, .slick-prev {
                display: none;

                @include breakpoint(large) {
                    display: block;
                    width: 75px;
                    height: 75px;
                    border: 2px solid $white;
                    margin: 0 2rem;

                    &::before {
                        font-size: 65px;
                        font-family: 'illinoisfarmbureau';
                    }
                }

                @media print {
                    display: none !important;
                }
            }

            .slick-prev {
                left: -112px;

                &::before {
                    content: '\62';
                }
            }

            .slick-next {
                right: -112px;

                &::before {
                    content: '\63';
                }
            }

            .slick-track {
                padding-top: 30px;

                @media print {
                    width: calc(100% - 15px) !important;
                }
            }

            li {
                list-style-type: none;
                background-color: $white;
                border: .25rem solid $gray05;
                width: calc(100%);
                height: 435px;
                margin: 0 1rem;
                display: inline-block;
                padding: 7rem 2rem 3rem;
                position: relative;

                @media print {
                    list-style-type: disc;
                    width: 100% !important;
                    border: 0;
                    height: auto;
                    margin: 0 0 1rem 0;
                    display: block;
                    padding: 0;
                    float: none;
                }

                &::before {
                    content: '';
                    display: block;
                    width: 0;
                    height: 0;
                    border-left: 32px solid transparent;
                    border-right: 32px solid transparent;
                    border-bottom: 32px solid $gray05;
                    position: absolute;
                    top: -32px;
                    left: calc(50% - 2rem);

                    @media print {
                        display: none;
                    }
                }
            }

            time {
                position: absolute;
                width: 106px;
                height: 106px;
                padding-top: 24px;
                top: -24px;
                left: calc(50% - 53px);
                text-align: center;

                @media print {
                    position: relative;
                    width: auto;
                    height: auto;
                    padding-top: 0;
                    top: 0;
                    left: 0;
                    text-align: left;
                    display: block;
                }

                &::before {
                    content: '';
                    display: block;
                    width: 75px;
                    height: 75px;
                    background-color: $green01;
                    -ms-transform: rotate(45deg); // IE 9
                    -webkit-transform: rotate(45deg); // Chrome, Safari, Opera
                    transform: rotate(45deg);
                    position: absolute;
                    top: .75rem;
                    left: 1rem;
                    z-index: 1;

                    @media print {
                        display: none;
                    }
                }
            }

            time > span {
                color: $white;
                position: relative;
                display: block;
                z-index: 2;
                text-align: center;
                margin: auto;
                line-height: 1em;
                text-transform: uppercase;
                font-family: 'Oswald', sans-serif;
                font-size: 18px;

                @media print {
                    display: inline;
                    font-size: 14px;
                }
            }

            time > span.date {
                font-size: 32px;

                @media print {
                    font-size: 14px;
                }
            }

            li > a.title {
                font-weight: bold;
                color: $gray11;
                text-decoration: none;
                font-size: 22px;
                display: block;
                margin-bottom: .5em;
                @include multiLineEllipsis(1.2em, 2, #fff);
                text-align: left; //intentional override of the justify that occurs in the multiLineEllipsis mixin
                &:hover {
                    text-decoration: underline;
                }
            }

            li > span.description {
                display: block;
                color: $gray11;
                @include multiLineEllipsis(1.2em, 9, $white);
                text-align: left; //intentional override of the justify that occurs in the multiLineEllipsis mixin
                margin-bottom: 3rem;

                @media print {
                    margin-bottom: 0;
                }
            }

            li > a:not(.title) {
                background-color: $white;
                border-top: 1px solid $gray03;
                font-family: 'Oswald';
                font-size: 1.2rem;
                padding: 1rem;
                line-height: 1em;
                color: $red01;
                text-align: center;
                margin: 0 -2rem -3rem;
                display: block;
                position: absolute;
                bottom: 48px;
                width: 100%;
                text-transform: uppercase;

                &:hover {
                    color: $white;
                    background-color: $green01;
                }

                @media print {
                    border-top: 0;
                    text-align: left;
                    margin: 0 0 3em 0;
                    position: relative;
                    padding: 0;
                    bottom: 0;
                }
              
            }

            li > a:not(.title) span.svg-text-icon {
                float: right;
                margin-right: 1.2rem;

                @media print {
                    display: none;
                }
            }
        }

        #hpVisitMyIFB {
            padding-bottom: 100px;

            @include breakpoint(xlarge) {
                min-height: 800px;
            }

            @media print {
                padding: 0 0 3rem 0;
            }

            h2.arrow-bar {
                background-color: $green01;
                margin-bottom: 180px;

                &::after {
                    border-top: 20px solid $green01;
                }
            }

            #vmifb-container {
                background-color: rgba(255,255,255,.9);
                border: 4px solid $gray06;
                margin: 0 auto;
                max-width: 1144px;
                padding: 40px 24px;

                @media print {
                    border: 0;
                    padding: 0;
                    max-width: 100%;
                }
            }

            #vmifb-container p,
            #vmifb-container li {
                font-size: 1.1rem;
                color: $gray11;
            }

            #vmifb-container a {
                color: $red01;
                text-decoration: underline;

                &:hover {
                    text-decoration: none;
                    color: $red02;
                }
            }

            #vmifb-container .columns {
                @media print {
                    width: 100%;
                }
            }

            #vmifb-container .columns:last-child {
                text-align: center;
            }

            #vmifb-container a#vmifb-btn {
                display: inline-block;
                background-color: $red01;
                color: $white;
                text-transform: uppercase;
                text-decoration: none;
                padding: 1em 2em;
                line-height: 1em;
                text-align: center;
                margin: 0 auto 1rem;
                font-family: 'Oswald', sans-serif;
                font-size: 1.5rem;

                @include breakpoint(large) {
                    display: block;
                    font-size: 2.4rem;
                    padding: 1.5rem;
                    margin: 0 0 1rem 0;
                    width: 100%;
                }

                &:hover {
                    background-color: $green01;
                }

                @media print {
                    font-size: 16px;
                }
            }

            #vmifb-bullets li {
                list-style-type: disc;
                text-align: left;
            }
        }

        #hpLearnMore {
            padding: 80px 0;
            text-align: center;

            @media print {
                padding: 0 0 3rem 0;
            }

            h2 {
                font-size: 2rem;
                padding: .5rem;

                @include breakpoint(large) {
                    font-size: 2.6rem;
                }
            }

            p {
                @include breakpoint(large) {
                    font-size: 1.7rem;
                }
            }

            a {
                color: $white;
                background-color: $red01;
                text-transform: uppercase;
                text-decoration: none;
                display: inline-block;
                font-size: 1.5rem;
                font-family: 'Oswald';
                padding: 1rem 4rem;
                margin: 1rem auto;

                &:hover {
                    background-color: $black;
                }

                @include breakpoint(large) {
                    font-size: 2rem;
                }
            }
        }
    }

    #divMain .template-search {
        .row.row-without-sidepadding.filter-controls {
            & > *:nth-child(2) {
                padding-left: 0;
            }
        }
    }

    #divMain .template-explore {
        #postList {
            margin: 0;
            padding: 0;
        }

        #postList li {
            list-style-type: none;
            width: 100%;
            margin-bottom: 1em;
        }

        #postList li .row {
            width: 100%;
            border-top: .5em solid $gray05;
            @include flexbox(row, wrap, space-between, stretch, stretch);

            @include breakpoint(medium) {
                @include flexbox(row, nowrap, space-between, stretch, stretch);
            }
        }

        #postList li .explore-banner {
            order: 1;
            min-height: 10em;
            background-size: cover;
            background-position: center center;
        }

        #postList li:nth-child(even) .explore-banner {
            @include breakpoint(medium) {
                order: 2;
            }
        }

        #postList li .explore-description {
            order: 2;
            padding: 1em 1em 3.5em;
            background-color: $gray02;
            position: relative;

            @include breakpoint(medium) {
                min-height: 15em;
            }
        }

        #postList li:nth-child(even) .explore-description {

            @include breakpoint(medium) {
                order: 1;
            }
        }

        #postList li .title {
            font-size: 1.2em;
            max-width: 100%;
            font-weight: bold;
            @include multiLineEllipsis(1.2em, 2, $gray02);
            text-align: left;
        }

        #postList li .description {
            max-width: 100%;
            @include multiLineEllipsis(1.2em, 5, $gray02);
            text-align: left;
        }

        #postList li .button-container {
            text-align: center;
            width: calc(100% - 2em);
            margin-bottom: 0;
            position: absolute;
            bottom: 1em;
        }

        #postList li .button {
            margin: auto;
            font-weight: bold;
        }
    }

    #divMain .template-library {
        .filter-controls.row-without-sidepadding > div:nth-child(2) {
            @include breakpoint(medium) {
                padding-right: 0.9375rem;
            }
        }

        .filter-controls.row-without-sidepadding > div:nth-child(3) {
            @include breakpoint(medium) {
                padding-left: 0.9375rem;
            }
        }
    }

    #divMain .template-contact {
        .page-content > .row > div:first-child {
            padding-bottom: 2rem;
        }

        textarea {
            min-height: 164px;
        }

        select {
            max-width: 100%;
            margin-bottom: 0;
        }

        select + .field-validation-error {
            line-height: 1;
            position: absolute;
        }
    }
        */ }
  .main-site .hero {
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: -2;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0; }
    @media screen and (max-width: 63.99875em) {
      .main-site .hero > .columns.small-12 {
        height: 100%; } }
    .main-site .hero h1 {
      font-family: "Playfair Display", serif;
      font-size: 3.5em;
      line-height: 0em;
      color: #473226;
      font-weight: 700;
      font-style: italic;
      margin-top: 205px;
      -webkit-transition: all .2s;
      /* Safari */
      transition: all .2s;
      padding-left: 90px; }
      @media screen and (max-width: 63.99875em) {
        .main-site .hero h1 {
          font-size: 3.0em;
          padding-left: 20px; } }
      @media screen and (max-width: 47.99875em) {
        .main-site .hero h1 {
          font-size: 2.2em;
          line-height: 1em;
          margin-top: 0px;
          bottom: 10px;
          position: absolute; } }
    .main-site .hero div.caption {
      position: absolute;
      right: 0px;
      bottom: 0px;
      font-family: "Roboto", sans-serif;
      font-size: 1em;
      line-height: 1.5em;
      color: #473226;
      font-weight: 400;
      -webkit-border-top-left-radius: 10px;
      border-top-left-radius: 10px;
      background-clip: padding-box;
      height: 30px;
      padding: 5px 20px 5px 10px;
      background: rgba(238, 233, 218, 0.6); }
  .main-site header.home .nav-middle-background-color {
    background-color: #fff; }
  .main-site header.home .nav-middle-background-color.home {
    background-color: transparent;
    background: linear-gradient(white, rgba(255, 255, 255, 0)); }
  .main-site header {
    z-index: 99;
    height: 144px;
    position: relative; }
    @media screen and (max-width: 63.99875em) {
      .main-site header {
        height: 80px; } }
    .main-site header .site-logo {
      background-color: #fff;
      -webkit-border-radius: 88px;
      border-radius: 88px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      padding: 0px 0px 0px 0px;
      background-image: url("/images/template/ATS-Logo.svg");
      background-size: 187px;
      background-position: -5px -5px;
      width: 177px;
      height: 177px;
      position: absolute;
      left: 90px;
      top: -25px;
      -webkit-transition: all .2s;
      /* Safari */
      transition: all .2s;
      z-index: 3; }
    .main-site header .sticky.is-anchored.is-at-top .site-logo {
      background-size: 187px;
      width: 177px;
      height: 177px;
      position: absolute;
      left: 90px;
      top: -25px; }
    .main-site header .sticky.is-anchored.is-at-top .row.nav-middlebar {
      margin-top: 0px; }
    .main-site header .sticky.is-at-top.is-stuck .site-logo {
      background-size: 152px;
      width: 143px;
      height: 143px;
      position: absolute;
      left: 90px;
      top: 5px; }
    .main-site header .sticky.is-at-top.is-stuck .row.nav-middlebar, .main-site header .sticky.is-at-top.is-stuck .nav-middle-background-color {
      margin-top: -20px; }
    @media screen and (max-width: 63.99875em) {
      .main-site header .site-logo {
        background-size: 152px !important;
        width: 143px !important;
        height: 143px !important;
        position: absolute;
        left: 20px !important;
        top: 5px; } }
    .main-site header .row.nav-topbar {
      background-color: #473226;
      height: 35px;
      text-align: right;
      -webkit-transition: all .2s;
      /* Safari */
      transition: all .2s;
      padding: 0px 90px 0px 90px; }
      @media screen and (max-width: 63.99875em) {
        .main-site header .row.nav-topbar {
          padding: 0px 20px 0px 20px; } }
      .main-site header .row.nav-topbar a {
        font-family: "Roboto Condensed", sans-serif;
        font-size: 0.9em;
        line-height: 2em;
        color: #fff;
        font-weight: 300;
        margin: 0px 15px 0px 15px; }
        .main-site header .row.nav-topbar a:hover {
          color: #ffc600; }
      .main-site header .row.nav-topbar a.social {
        margin: 0px 5px 0px 5px;
        font-size: 1.0em; }
      .main-site header .row.nav-topbar a.social:last-of-type {
        margin-right: 0px; }
      @media screen and (max-width: 63.99875em) {
        .main-site header .row.nav-topbar a {
          display: none; }
        .main-site header .row.nav-topbar a.social {
          display: inline; } }
    .main-site header .nav-middle-background-color {
      position: absolute;
      background-color: white;
      top: 0px;
      left: 0px;
      height: 109px;
      width: 100%;
      z-index: 1;
      -webkit-transition: all .2s;
      /* Safari */
      transition: all .2s; }
      @media screen and (max-width: 63.99875em) {
        .main-site header .nav-middle-background-color {
          height: 35px; } }
    .main-site header nav.row.nav-middlebar {
      height: 80px;
      position: relative;
      margin-bottom: 29px;
      z-index: 2;
      -webkit-transition: all .2s;
      /* Safari */
      transition: all .2s; }
      .main-site header nav.row.nav-middlebar a {
        text-decoration: none; }
      @media screen and (max-width: 63.99875em) {
        .main-site header nav.row.nav-middlebar {
          height: 35px; } }
      .main-site header nav.row.nav-middlebar ul.dropdown.menu {
        margin: 20px 0px 0px 30px;
        width: 670px;
        height: 50px;
        float: right;
        justify-content: space-between;
        margin-right: 90px; }
      .main-site header nav.row.nav-middlebar ul.dropdown.menu li {
        margin: 0px 0px 0px 0px; }
        .main-site header nav.row.nav-middlebar ul.dropdown.menu li a {
          font-family: "Roboto Condensed", sans-serif;
          font-size: 1.1em;
          line-height: 1.9em;
          color: #473226;
          font-weight: 400;
          -webkit-border-top-right-radius: 20px;
          border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-left-radius: 20px;
          background-clip: padding-box;
          -webkit-border-bottom-right-radius: 20px;
          border-bottom-right-radius: 20px;
          -webkit-border-bottom-left-radius: 20px;
          border-bottom-left-radius: 20px;
          background-clip: padding-box;
          text-align: center;
          padding-left: 1.1rem;
          padding-right: 1.1rem; }
          .main-site header nav.row.nav-middlebar ul.dropdown.menu li a:hover {
            background-color: #0083BF;
            color: #fff; }
      .main-site header nav.row.nav-middlebar ul.dropdown.menu li.is-active a {
        background-color: #0083BF;
        color: #fff;
        -webkit-border-top-right-radius: 20px;
        border-top-right-radius: 20px;
        -webkit-border-top-left-radius: 20px;
        border-top-left-radius: 20px;
        background-clip: padding-box;
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;
        background-clip: padding-box; }
      .main-site header nav.row.nav-middlebar ul.dropdown.menu a:after {
        display: none; }
      .main-site header nav.row.nav-middlebar ul.menu.submenu.is-dropdown-submenu {
        -webkit-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        border-top-right-radius: 20px;
        background-clip: padding-box;
        -webkit-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        border-bottom-left-radius: 20px;
        background-clip: padding-box;
        background-color: #363636;
        border: none;
        padding: 15px 0px 20px 0px;
        margin-top: -1px;
        z-index: 2; }
      .main-site header nav.row.nav-middlebar ul.menu.submenu.is-dropdown-submenu li a {
        font-family: "Roboto Condensed", sans-serif;
        font-size: 1em;
        line-height: 0.5em;
        color: #fff;
        font-weight: 400;
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
        background-clip: padding-box;
        text-align: left;
        margin: 0px 0px 0px 0px;
        background-color: transparent; }
        .main-site header nav.row.nav-middlebar ul.menu.submenu.is-dropdown-submenu li a:hover {
          background-color: rgba(0, 0, 0, 0.4);
          color: #ffc600; }
      @media screen and (max-width: 63.99875em) {
        .main-site header nav.row.nav-middlebar ul.dropdown.menu {
          display: none; } }
    .main-site header nav.row.nav-main {
      opacity: 1;
      height: 0px;
      position: relative;
      z-index: 1;
      -webkit-transition: all .2s;
      /* Safari */
      transition: all .2s; }
      .main-site header nav.row.nav-main a {
        text-decoration: none; }
      .main-site header nav.row.nav-main ul.dropdown.menu.main {
        -webkit-border-radius: 25px;
        border-radius: 25px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        margin: 20px 0px 0px 30px;
        background-color: #0083BF;
        height: 55px;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-top: -25px;
        position: absolute;
        right: 85px; }
      .main-site header nav.row.nav-main ul.dropdown.menu.main > li {
        margin: 0px 0px 0px 0px; }
        .main-site header nav.row.nav-main ul.dropdown.menu.main > li a {
          font-family: "Roboto Condensed", sans-serif;
          font-size: 1.1em;
          line-height: 1.9em;
          color: #fff;
          font-weight: 400;
          -webkit-border-top-right-radius: 0px;
          border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          border-top-left-radius: 0px;
          background-clip: padding-box;
          text-align: center;
          padding-left: 35px;
          padding-right: 35px; }
        .main-site header nav.row.nav-main ul.dropdown.menu.main > li:first-child a {
          -webkit-border-bottom-left-radius: 25px;
          border-bottom-left-radius: 25px;
          -webkit-border-top-left-radius: 25px;
          border-top-left-radius: 25px;
          background-clip: padding-box; }
        .main-site header nav.row.nav-main ul.dropdown.menu.main > li:last-child a {
          -webkit-border-bottom-right-radius: 25px;
          border-bottom-right-radius: 25px;
          -webkit-border-top-right-radius: 25px;
          border-top-right-radius: 25px;
          background-clip: padding-box; }
      .main-site header nav.row.nav-main ul.dropdown.menu li.is-active a {
        background-color: #0095DA;
        color: #fff;
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
        background-clip: padding-box; }
      .main-site header nav.row.nav-main ul.dropdown.menu li.is-active:first-child a {
        -webkit-border-top-left-radius: 25px;
        border-top-left-radius: 25px;
        background-clip: padding-box; }
      .main-site header nav.row.nav-main ul.dropdown.menu li.is-active:last-child a {
        -webkit-border-top-right-radius: 25px;
        border-top-right-radius: 25px;
        background-clip: padding-box; }
      .main-site header nav.row.nav-main ul.dropdown.menu a:after {
        display: none; }
      .main-site header nav.row.nav-main ul.menu.submenu.is-dropdown-submenu {
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
        background-clip: padding-box;
        -webkit-border-bottom-right-radius: 25px;
        border-bottom-right-radius: 25px;
        -webkit-border-bottom-left-radius: 25px;
        border-bottom-left-radius: 25px;
        background-clip: padding-box;
        background-color: #363636;
        border: none;
        padding: 15px 0px 20px 0px;
        width: 700px;
        margin-top: -30px;
        padding-top: 40px;
        z-index: -1; }
      .main-site header nav.row.nav-main ul.menu.submenu.is-dropdown-submenu li ul.side-nav {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        z-index: 100;
        right: auto;
        left: 0; }
        .main-site header nav.row.nav-main ul.menu.submenu.is-dropdown-submenu li ul.side-nav a {
          font-family: "Roboto Condensed", sans-serif;
          font-size: 1em;
          line-height: 1em;
          color: #fff;
          font-weight: 400;
          -webkit-border-radius: 0px;
          border-radius: 0px;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */
          text-align: left;
          margin: 0px 0px 0px 0px;
          background-color: transparent; }
          .main-site header nav.row.nav-main ul.menu.submenu.is-dropdown-submenu li ul.side-nav a:hover {
            background-color: rgba(0, 0, 0, 0.4);
            color: #ffc600; }
        .main-site header nav.row.nav-main ul.menu.submenu.is-dropdown-submenu li ul.side-nav lh a {
          font-family: "Roboto Condensed", sans-serif;
          font-size: 1.2em;
          line-height: 1em;
          color: #fff;
          font-weight: 400;
          cursor: default;
          margin: 10px 0; }
          .main-site header nav.row.nav-main ul.menu.submenu.is-dropdown-submenu li ul.side-nav lh a:hover {
            background-color: transparent;
            color: #fff; }
      .main-site header nav.row.nav-main ul.menu.submenu.is-dropdown-submenu li .small-6 {
        float: left; }
      @media screen and (max-width: 63.99875em) {
        .main-site header nav.row.nav-main ul.dropdown.menu.main {
          display: none; } }
      .main-site header nav.row.nav-main ul.dropdown.menu.mobile {
        display: none; }
  .main-site .row.nav-mobile-menu {
    display: none; }
  @media screen and (max-width: 63.99875em) {
    .main-site .row.nav-mobile-menu {
      display: block; }
      .main-site .row.nav-mobile-menu a {
        text-decoration: none; }
      .main-site .row.nav-mobile-menu .column {
        flex-wrap: nowrap; }
      .main-site .row.nav-mobile-menu .button.mobile-menu {
        -webkit-border-radius: 25px;
        border-radius: 25px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        height: 45px;
        flex-wrap: nowrap;
        position: absolute;
        right: 15px;
        top: 20px;
        display: block;
        background-color: #0083BF;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 1.1em;
        line-height: 1.4em;
        color: #fff;
        font-weight: 400;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 4; }
        .main-site .row.nav-mobile-menu .button.mobile-menu span:after {
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          content: "\f107";
          margin: 0px 0px 0px 15px; }
        .main-site .row.nav-mobile-menu .button.mobile-menu:hover {
          background-color: #0095DA; }
      .main-site .row.nav-mobile-menu .button.mobile-menu.open span:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00d";
        margin: 0px 0px 0px 15px; }
      .main-site .row.nav-mobile-menu .button.mobile-menu:after {
        content: "";
        margin: 0px 0px 0px 0px; }
    .main-site .menu-container {
      background-color: #363636;
      width: 100%;
      padding: 100px 20px 20px 20px;
      min-height: 400px;
      display: block;
      display: none;
      position: absolute;
      left: 0px;
      top: 44px;
      /*
			.accordion-menu .is-accordion-submenu-parent > a:after {
				font-family: "Font Awesome 5 Free";
				position: absolute;
				top: 9px;
				right: 5px;
				font-weight: 900;
				line-height: 0em;
				text-align: right;
				background-color: $blackoverlay25;
				display: inline-block;
				width: 30px;
				height: 30px;
				@include border-radius(50%);
				border: none;
				align-content: center;
			}

			.accordion-menu .is-accordion-submenu-parent > a:before {
				font-family: "Font Awesome 5 Free";
				position: absolute;
				top: 60px;
				right: 15px;
				font-weight: 900;
				content: "\f105";
				line-height: 0em;
				margin-top: -40px;
				text-align: right;
				z-index: 100;
			}
				*/
      /*
			.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
				transform: rotate(0deg);
				transform-origin: 50% 50%;
				content: "\f107";
			}*/ }
      .main-site .menu-container .accordion-menu .is-accordion-submenu-parent > a {
        width: 85%; }
      .main-site .menu-container .accordion-menu .is-accordion-submenu-parent > .submenu-toggle {
        margin: 5px;
        width: 30px;
        height: 30px;
        background-color: rgba(0, 0, 0, 0.25);
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        transition: all .2s; }
      .main-site .menu-container .accordion-menu .is-accordion-submenu-parent > .submenu-toggle:hover {
        background-color: rgba(0, 0, 0, 0.5); }
      .main-site .menu-container .accordion-menu .is-accordion-submenu-parent > .submenu-toggle:hover::after {
        color: #ffc600; }
      .main-site .menu-container .accordion-menu .is-accordion-submenu-parent > .submenu-toggle::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f107";
        z-index: 100;
        color: #fff;
        line-height: 0px;
        border: none;
        margin-left: 10px; }
      .main-site .menu-container .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > button.submenu-toggle::after {
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        font-weight: 900;
        transform: rotate(180deg);
        transform: none; }
      .main-site .menu-container .side-nav a > span:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f105";
        line-height: 0em;
        text-align: right;
        display: block;
        position: absolute;
        top: 20px;
        right: 15px;
        width: 50%; }
      .main-site .menu-container .side-nav {
        list-style: none;
        padding: 0px;
        margin: 0px; }
        .main-site .menu-container .side-nav li {
          display: flex;
          padding: 0px 0px 0px 0px;
          width: 100%; }
        .main-site .menu-container .side-nav a {
          font-family: "Roboto Condensed", sans-serif;
          font-size: 1em;
          line-height: 2.2em;
          color: #fff;
          font-weight: 300;
          text-align: left;
          padding: 2px 0px 2px 20px;
          width: 100%;
          position: relative; }
          .main-site .menu-container .side-nav a:hover {
            color: #ffc600;
            background-color: rgba(0, 0, 0, 0.4); }
      .main-site .menu-container .vertical.menu.accordion-menu.mobile {
        margin: 0px 0px 10px 0px;
        display: flex;
        width: 100%; }
        .main-site .menu-container .vertical.menu.accordion-menu.mobile li {
          background-color: #0083BF !important;
          -webkit-border-radius: 25px;
          border-radius: 25px;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */
          padding: 0px;
          margin: 0px; }
        .main-site .menu-container .vertical.menu.accordion-menu.mobile a {
          font-family: "Roboto Condensed", sans-serif;
          font-size: 1em;
          line-height: 1.2em;
          color: #fff;
          font-weight: 400;
          text-align: left;
          padding-left: 20px;
          padding-right: 20px; }
          .main-site .menu-container .vertical.menu.accordion-menu.mobile a:hover {
            color: #ffc600; }
        .main-site .menu-container .vertical.menu.accordion-menu.mobile li.is-accordion-submenu-parent .menu.vertical.nested.submenu.is-accordion-submenu {
          padding: 0px 0px 25px 0px;
          margin: 0px; }
          .main-site .menu-container .vertical.menu.accordion-menu.mobile li.is-accordion-submenu-parent .menu.vertical.nested.submenu.is-accordion-submenu lh a {
            font-family: "Roboto Condensed", sans-serif;
            font-size: 1.2em;
            line-height: 0.9em;
            color: #fff;
            font-weight: 400; }
          .main-site .menu-container .vertical.menu.accordion-menu.mobile li.is-accordion-submenu-parent .menu.vertical.nested.submenu.is-accordion-submenu lh div.line {
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            margin: -10px 18px 8px 18px; }
          .main-site .menu-container .vertical.menu.accordion-menu.mobile li.is-accordion-submenu-parent .menu.vertical.nested.submenu.is-accordion-submenu a {
            font-family: "Roboto Condensed", sans-serif;
            font-size: 0.95em;
            line-height: 0.6em;
            color: #fff;
            font-weight: 300; }
            .main-site .menu-container .vertical.menu.accordion-menu.mobile li.is-accordion-submenu-parent .menu.vertical.nested.submenu.is-accordion-submenu a:hover {
              background-color: rgba(0, 0, 0, 0.4);
              color: #ffc600; }
        .main-site .menu-container .vertical.menu.accordion-menu.mobile li.is-accordion-submenu-parent .menu.vertical.nested.submenu.is-accordion-submenu:first-of-type lh div.line {
          display: none; }
      .main-site .menu-container .side-nav.column1and2 {
        display: none; } }
  @media screen and (max-width: 47.99875em) {
    .main-site .menu-container .side-nav.column1,
    .main-site .menu-container .side-nav.column2 {
      display: none; }
    .main-site .menu-container .side-nav.column1and2 {
      display: block; } }
  .main-site footer {
    margin-top: 10px; }
    .main-site footer .row.footer-top {
      background-color: #EEE9DA;
      padding: 40px 90px 40px 90px; }
      @media screen and (max-width: 63.99875em) {
        .main-site footer .row.footer-top {
          padding: 20px 20px 20px 20px; } }
      .main-site footer .row.footer-top h3 {
        font-family: "Playfair Display", serif;
        font-size: 1.5em;
        line-height: 2.2em;
        color: #473226;
        font-weight: 700; }
      .main-site footer .row.footer-top p {
        font-family: "Roboto", sans-serif;
        font-size: 1em;
        line-height: 1.4em;
        color: #473226;
        font-weight: 400; }
      .main-site footer .row.footer-top .large-6.columns, .main-site footer .row.footer-top .large-12.columns {
        padding-left: 0px; }
    .main-site footer .row.footer-bottom {
      font-family: "Roboto", sans-serif;
      font-size: 0.9em;
      line-height: 2.3em;
      color: #fff;
      font-weight: 300;
      height: 35px;
      background-color: #473226;
      padding: 0px 90px 0px 90px; }
      @media screen and (max-width: 63.99875em) {
        .main-site footer .row.footer-bottom {
          padding: 0px 20px 0px 20px;
          height: unset; } }