/* OFBF STYLE CLEANUP */
/* Organized 2026-10-09: general rules, layout, reusable components, then page-specific rules. */
/* Breakpoint rules stay with their subject. Original order is retained within each subsection. */
/* Mixed selector lists stay intact. Archived CSS remains disabled in unused.css. */

/* ################## Table of Contents ################## */

/* ######### Libraries ######### */
/* ### Libraries - Bootstrap ### */
/* ### Libraries - Fonts ### */

/* ######### Theme Setup ######### */
/* ### Theme Setup - Colors ### */
/* ### Theme Setup - Reset and Normalizations ### */

/* ######### Typography ######### */
/* ### Typography - Headings and Basic ### */
/* ### Typography - Text Helpers ### */
/* ### Typography - Quotes ### */

/* ######### Layout ######### */
/* ### Layout - Grid ### */
/* ### Layout - Wrappers and Sidebars ### */
/* ### Layout - Header ### */
/* ### Layout - Navigation ### */
/* ### Layout - Footer ### */

/* ######### Components ######### */
/* ### Components - Accessibility ### */
/* ### Components - Slick Carousel ### */
/* ### Components - Buttons ### */
/* ### Components - Forms ### */
/* ### Components - Contact Forms ### */
/* ### Components - Content and Metadata ### */
/* ### Components - Related Content ### */
/* ### Components - Images and Galleries ### */
/* ### Components - Video and Embeds ### */
/* ### Components - Bootstrap Carousel ### */
/* ### Components - Tabs and Accordions ### */
/* ### Components - Modals and Tooltips ### */
/* ### Components - Pagination and Tags ### */
/* ### Components - Social Sharing and Icons ### */
/* ### Components - jQuery UI Slider ### */
/* ### Components - Tables and DataTables ### */
/* ### Components - Quotes and Testimonials ### */
/* ### Components - Advertisements ### */
/* ### Components - Headlines and Banners ### */
/* ### Components - Cards and Callouts ### */
/* ### Components - Loading and Animation ### */
/* ### Components - Scroll to Top ### */

/* ######### Page Specific ######### */
/* ### Page Specific - Pages ### */
/* ### Page Specific - Home ### */
/* ### Page Specific - Articles ### */
/* ### Page Specific - Article Archives and Search ### */
/* ### Page Specific - Events ### */
/* ### Page Specific - Recipes ### */
/* ### Page Specific - What's in Season ### */
/* ### Page Specific - County Pages ### */
/* ### Page Specific - Member Benefits Archives ### */
/* ### Page Specific - Member Benefits ### */
/* ### Page Specific - Scholarships and Grants ### */
/* ### Page Specific - Staff ### */
/* ### Page Specific - Contact ### */
/* ### Page Specific - Podcasts ### */
/* ### Page Specific - Membership Dues ### */
/* ### Page Specific - Membership Marketing ### */
/* ### Page Specific - Group Membership ### */
/* ### Page Specific - Donations ### */
/* ### Page Specific - Membership Pages (CRM API PAGES) ### */
/* ### Page Specific - Agricultural Safety ### */
/* ### Page Specific - Privacy and Terms ### */
/* ### Page Specific - 404 ### */

/* ######### Utilities ######### */
/* ### Utilities - Spacing ### */
/* ### Utilities - Display and Position ### */

/* ######### Overrides ######### */
/* ### Overrides - Browser Compatibility ### */
/* ### Overrides - Cascade Dependencies ### */
/* ### Overrides - Template Styles (near the end) ### */

/* ######### Responsive Adjustments ######### */
/* ### Responsive Adjustments - Print ### */

/* ######### Unused CSS ######### */
/* Archived rules: unused.css. Template overrides are near the end of this file. */

/* ################## END Table of Contents ################## */


/* ######### Libraries ######### */

/* ### Libraries - Bootstrap ### */

/* Bootstrap is loaded before this stylesheet by the normal WordPress enqueue. */
/* @import "unused.css"; */


/* ### Libraries - Fonts ### */

/* Local font faces. Font files are stored in ofbf/assets/fonts/. */
/* Source Sans Pro */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/source-sans-pro-light-italic-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-pro-regular-italic-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/source-sans-pro-bold-italic-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/source-sans-pro-light-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-pro-regular-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/source-sans-pro-semibold-latin.woff2) format('woff2');
}

/* Source Sans 3 */
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
  src: url(../fonts/source-sans-3-variable-200-900-italic-latin.woff2) format('woff2');
 }

@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(../fonts/source-sans-3-variable-200-900-latin.woff2) format('woff2');
}

/* Coda Caption */
@font-face {
  font-family: 'Coda Caption';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/coda-caption-extrabold-latin.woff2) format('woff2');
}

/* PT Sans */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/pt-sans-regular-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/pt-sans-bold-latin.woff2) format('woff2');
}



/* ######### Theme Setup ######### */

/* ### Theme Setup - Colors ### */

.yap-brand-primary {
    color: #fff;
    background-color: #594c42;
}

.yap-brand-secondary {
    color: #fff;
    background-color: #c3161c;
}

.yap-brand-tertiary {
    color: #fff;
    background-color: #94070a;
}

.off-white-bg {
    background: #fafafc;
}

.light-blue-bg,
.off-white-bg {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.light-blue-bg {
    background: #f0f5f9;
    padding-bottom: 20px;
}

.bg-fade--black {
    background: linear-gradient(90deg, #000 0, transparent);
}

.text-success {
    color: #3c763d;
}

.text-danger {
    color: #a94442;
}

.bg-off-white {
    background-color: #f9f9f9;
}

.light-gray-color {
    color: #777 !important;
}

.color-brand-primary {
    color: #005596;
}

.color-brand-secondary {
    color: #b61d22;
}

.color-bar {
    padding: 10px;
    display: block;
    margin-top: 8px;
}

.color-bar.town-hall-ohio {
    background-color: #b61d22;
    color: #fff;
}

.color-danger-extreme {
    color: #ea282e;
}

.bg-transparent {
    background-color: transparent;
}

.text-white {
    color: #fff;
}

.zebra-white section:nth-child(2n) {
    background-color: #f9f9f9;
}

.section-white section,
.zebra-white section:nth-child(odd) {
    background-color: #fff;
}

.bg-white {
    background-color: #fff !important;
}


/* ### Theme Setup - Reset and Normalizations ### */

body {
    overflow-x: hidden;
    width: 100%;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 16px;
}

article {
    box-sizing: content-box;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

figure {
    position: relative;
}

@media screen and (max-width:992px) {
    body {
        padding-top: 73px;
    }

}

img {
    /* width: 100%; */
    height: auto; /* Something somewhere is mucking up images in general. height: auto is a bandaid until we can redo this whole file. jarcadian@ofbf.org 07-30-20206 */
}

img {
    max-width: 100%;
}

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

/* Fill short pages while keeping the footer in normal document flow. */
@media screen {
    body.ofbf-standard-layout {
        --ofbf-admin-bar-height: 0px;
        box-sizing: border-box;
        margin: 0;
        min-height: calc(100vh - var(--ofbf-admin-bar-height));
        min-height: calc(100dvh - var(--ofbf-admin-bar-height));
        display: flex;
        flex-direction: column;
    }

    body.ofbf-standard-layout.admin-bar {
        --ofbf-admin-bar-height: 32px;
    }

    body.ofbf-standard-layout > #page.site--header {
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
    }

    body.ofbf-standard-layout > #page.site--header > .rest-of-site {
        flex: 1 0 auto;
    }

    body.ofbf-standard-layout > #page.site--header > #masthead,
    body.ofbf-standard-layout > #page.site--header > .navigation,
    body.ofbf-standard-layout > #page.site--header > .site-footer {
        flex-shrink: 0;
    }
}

@media screen and (max-width: 782px) {
    body.ofbf-standard-layout.admin-bar {
        --ofbf-admin-bar-height: 46px;
    }
}



/* ######### Typography ######### */

/* ### Typography - Headings and Basic ### */

p {
    margin-bottom: 16px; 
    /*  This might get removed  */
}

a {
    text-decoration: underline;
    color: #005596;
    font-weight: 600;
}

a:focus,
a b:focus,
a em:focus,
a i:focus,
a strong:focus {
    text-decoration: none;
}

@media(max-width:991px) {
    h1 {
        font-size: 2.25em;
    }

    h2 {
        font-size: 1.8em;
    }

    h3 {
        font-size: 1.35em;
    }

    h4 {
        font-size: .9em;
    }

    h5 {
        font-size: .675em;
    }

    h6 {
        font-size: .54em;
    }

}

@media(max-width:480px) {
    h1 {
        font-size: 1.875em;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.125em;
    }

    h4 {
        font-size: .75em;
    }

    h5 {
        font-size: .5625em;
    }

    h6 {
        font-size: .45em;
    }

}

dd,
dt {
    float: left;
    font-weight: 400;
}

dt {
    clear: both;
}

.primary-font,
form .invalid-feedback {
    font-family: Source Sans Pro, sans-serif;
}

.primary-font-light {
    font-weight: 300;
}

.breadcrumb,
.button-label,
.primary-font-semibold,
form .form-text-field.form-control,
form .invalid-feedback,
h1,
h2,
h4,
h6 {
    font-weight: 600;
}

.page-title,
.primary-font-bold {
    font-weight: 700;
}

.paragraph,
p {
    font-size: 16px;
    line-height: 28px;
}

.page-title {
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}

.button-label,
form .form-text-field.form-control {
    font-size: 16px;
    line-height: 18px;
}

.breadcrumb {
    font-size: 14px;
    line-height: 14px;
}

h1 {
    font-size: 54px;
    line-height: 60px;
}

h2,
h3 {
    font-size: 42px;
    line-height: 48px;
}

h4 {
    font-size: 28px;
    line-height: 34px;
}

h5 {
    font-size: 24px;
    line-height: 32px;
}

h6 {
    font-size: 18px;
    line-height: 24px;
}


/* ### Typography - Text Helpers ### */

.text-center {
    text-align: center;
}

@media(max-width:991px) {
    .font-large {
        font-size: 1.575em;
        line-height: 1.62em;
    }

    .text-center-sm {
        text-align: center !important;
    }

}

@media(max-width:767px) {
    .text-center-xs {
        text-align: center !important;
    }

    .text-nowrap {
        white-space: normal;
    }

    .font-xxlarge {
        line-height: 1.2em;
    }

}

.font-impact {
    font-family: Coda Caption, sans-serif;
}

.font-pt-sans {
    font-family: PT Sans, sans-serif;
}

.list-unstyled a,
.list-unstyled a:hover {
    text-decoration: none;
}

.font-small {
    font-size: .7em;
}

.font-normedium {
    font-size: 1.2em;
}

.font-medium {
    font-size: 1.5em;
}

.font-large {
    font-size: 1.75em;
    line-height: 1.8em;
}

.font-xlarge {
    font-size: 2em;
    line-height: 1.8em;
}

.font-xxlarge {
    font-size: 2.75em;
    line-height: 1.6em;
}

.font-weight-normal {
    font-weight: 400;
}

.text-shadow1 {
    text-shadow: 1px 1px #000;
}

.text-medium {
    font-size: 1.2em;
}

.nowrap {
    white-space: nowrap;
}

.text-bold {
    font-weight: 700;
}

.text-italic {
    font-style: italic;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.no-break {
    color: inherit;
    white-space: nowrap;
}

.text-center-sm,
.text-center-xs {
    text-align: initial;
}

.subText {
    color: #ccc;
    text-align: center;
    display: block;
}

.text-decoration-none {
    text-decoration: none;
}


/* ### Typography - Quotes ### */

blockquote {
    font-style: italic;
    margin-top: 40px;
    margin-bottom: 38px;
}

blockquote.blockquote--ofbf {
    padding: 40px;
    font-size: inherit;
    border: 0;
}



/* ######### Layout ######### */

/* ### Layout - Grid ### */

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xs {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container {
    max-width: 100%;
}

@media(min-width:567px) {
    .container,
    .container-sm {
        max-width: 668px;
    }

}

@media(min-width:735px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 1040px;
    }

}

@media(min-width:1113px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1312px;
    }

}

@media(min-width:1365px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1440px;
    }

}

@media screen and (min-width:567px) {
    .container,
    .container-sm {
        max-width: calc(100% - 32px);
    }

}

@media screen and (min-width:1365px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1440px;
    }

}

.isotope:after {
    content: "";
    display: block;
    clear: both;
}

.row {
    /* margin-left: -18px;
    margin-right: -18px; */
}

.row.text-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.flex-align-items-start {
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex-flow-row-wrap {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

@media(max-width:767px) {
    .flex-container-sm {
        margin-top: 0;
        display: block;
    }

    .flex-container-sm .btn-xs-block {
        width: auto;
    }

    .flex-container {
        display: block;
    }

}

@media screen and (min-width:768px) {
    .flex-container--threes>div:nth-last-of-type(4):first-of-type,
    .flex-container--threes>div:nth-last-of-type(4):first-of-type~:not(p) {
        width: 50%;
    }

}

.flex-item-default {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width:992px) {
    .flex-reset-md.flex-container {
        -ms-flex: none;
        flex: none;
        display: block;
    }

    .flex-reset-md .flex-item {
        -ms-flex: none;
        flex: none;
    }

}

@media screen and (min-width:1200px) {
    .flex-sm .flex-container,
    .flex-sm .flex-item {
        display: block;
    }

}

@media screen and (max-width:1199px) {
    .flex-sm .flex-container,
    .flex-sm .flex-item {
        display: block;
    }

}

@media screen and (max-width:991px) {
    .flex-sm .flex-container,
    .flex-sm .flex-item {
        display: -ms-flexbox;
        display: flex;
    }

}

@media screen and (max-width:767px) {
    .flex-sm .flex-container,
    .flex-sm .flex-item {
        display: block;
    }

}

.gutter-sizer {
    width: 14%;
}

.flexbox-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.flex-container {
    list-style: none;
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
}

.flex-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-bottom {
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-container-sm .btn-xs-block {
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ### Layout - Wrappers and Sidebars ### */

.sidebar-container>div>div.partner-info {
    padding: 26px;
}

.sidebar-container .fb_iframe_widget {
    margin-bottom: 21px;
}

.partner-info .section-title {
    font-weight: 700;
    font-size: 1.2em;
}

.partner-info .section-title:not(:first-child) {
    margin-top: 26px;
}

@media(max-width:991px) {
    aside {
        max-width: 706px;
        margin: 0 auto;
    }

}

.fixed-position {
    position: fixed;
}

main#primary {
    position: relative;
}

@media(max-width:991px) {
    .site-content {
        max-width: 706px;
        margin: 0 auto;
    }

}

@media(max-width:767px) {
    #main {
        margin-top: 126px;
    }

}

.partner-info {
    background-color: #fff;
}

.depth-1 {
    border-bottom: 3px solid #ccc;
}

.depth-2 {
    border-bottom: 3px solid #666;
}

.site-content {
    max-width: 706px;
}

#main {
    background-color: #eee;
    position: relative;
    z-index: 10;
    margin-top: 182px;
}

#main article:first-child h1 {
    margin-top: 0;
}


/* ### Layout - Header ### */

#masthead {
    width: 100vw;
    height: 130px;
    background: #fafafa;
    z-index: 9999;
}

#masthead #hamburger {
    display: none;
    cursor: pointer;
}

#masthead #mobile-header {
    display: none;
}

#masthead .active {
    background: #fafafa;
}

#masthead .cart-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

#masthead .cart-container .cart-icon {
    display: block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin: 0;
    background-image: url(../images/cart.svg);
}

@media screen and (max-width:991px) {
    #masthead .cart-container .cart-icon {
        width: 27px;
        height: 27px;
    }

}

#masthead .cart-container .cart-count {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -4px;
    right: -9px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-height: 12px;
    min-width: 14px;
    padding: 2px 3px 3px;
    border-radius: 8px !important;
    color: #fff;
    background-color: #005596;
}

#masthead .header-inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 64px;
}

@media screen and (max-width:1200px) {
    #masthead .header-inner {
        padding: 20px 36px;
    }

}

@media screen and (max-width:992px) {
    #masthead .header-inner {
        padding: 14px 16px 0;
    }

}

#masthead .site-branding {
    width: 9%;
    float: left;
}

#masthead .site-branding img {
    width: 84px;
    height:auto;
}

#masthead .top-navigation {
    z-index: 2;
    float: right;
    margin-top: 6px;
    margin-bottom: 14px;
    width: 91%;
}

#masthead .top-navigation .county-container .current-location {
    position: relative;
}

#masthead .top-navigation .county-container .current-location:after {
    background-image: url(../images/current-location.svg);
    background-size: cover;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 20px;
    right: 20px;
}

#masthead .top-navigation .county-container .county-select {
    display: none;
}

#masthead .top-navigation .county-container .county-sub-menu {
    margin-top: 10px;
    border-radius: 6px;
    overflow: hidden;
    width: 235px;
}

#masthead .top-navigation .county-container .county-search {
    border: none;
    width: 100%;
    outline: none;
    padding: 14px;
    border-bottom: 1px solid #dee0e5;
}

#masthead .top-navigation .county-container .county-search:-ms-input-placeholder {
    color: #b6bbc1;
    font-size: 16px;
}

#masthead .top-navigation .county-container .county-search::placeholder {
    color: #b6bbc1;
    font-size: 16px;
}

#masthead .top-navigation .county-container.active .county {
    cursor: pointer;
}

#masthead .top-navigation .county-container.active .county:after {
    background-image: url(../images/caret-up.svg);
    cursor: pointer;
}

#masthead .top-navigation .county-container.active .county span {
    cursor: pointer;
}

#masthead .top-navigation .county-container.active .county-sub-menu {
    display: block;
}

#masthead .top-navigation .county-container.active .county-sub-menu a,
#masthead .top-navigation .county-container.active .county-sub-menu a:hover {
    color: #2f3c4f !important;
    padding: 14px;
    width: 100%;
    display: block;
    cursor: pointer;
}

#masthead .top-navigation .county-container .county {
    position: relative;
    padding: 2px 25px;
    border-radius: 6px;
}

#masthead .top-navigation .county-container .county:before {
    content: "";
    display: block;
    width: 14px;
    height: 16px;
    background-image: url(../images/location-icon.svg);
    background-size: cover;
    position: absolute;
    left: 6px;
    top: 4px;
}

#masthead .top-navigation .county-container .county:after {
    content: "";
    display: block;
    width: 8px;
    height: 5px;
    background-image: url(../images/caret-down.svg);
    background-size: cover;
    position: absolute;
    right: 8px;
    top: 11px;
    cursor: pointer;
}

#masthead .top-navigation .county-container .county span {
    cursor: pointer;
}

#masthead .top-navigation .account-container {
    padding-left: 15px;
}

#masthead .top-navigation .account-container .sub-menu {
    margin-top: 10px;
    position: absolute;
    width: auto;
    border: 1px solid #dee0e5;
    border-radius: 6px;
    overflow: hidden;
    z-index: 999;
    margin-left: -6px;
    max-width: 150px;
}

#masthead .top-navigation .account-container .sub-menu .account-link a {
    width: 100%;
    border-bottom: 1px solid #dee0e5;
    text-decoration: none;
    font-family: Source Sans Pro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding: 11px 13px;
    border-radius: 6px;
    color: #2f3c4f;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#masthead .top-navigation .account-container .sub-menu .account-link a:hover {
    background: #fafafa;
}

#masthead .top-navigation .account-container .account-menu-toggle {
    position: relative;
    padding: 2px 25px 2px 0;
    border-radius: 6px;
    cursor: pointer;
}

#masthead .top-navigation .account-container .account-menu-toggle:after {
    content: "";
    display: block;
    width: 8px;
    height: 5px;
    background-image: url(../images/caret-down.svg);
    background-size: cover;
    position: absolute;
    right: 8px;
    top: 11px;
    cursor: pointer;
}

#masthead .top-navigation .account-container.active .account-menu-toggle {
    cursor: pointer;
}

#masthead .top-navigation .account-container.active .sub-menu {
    display: block;
}

#masthead .top-navigation .account-container.active:after {
    background-image: url(../images/caret-up.svg);
    cursor: pointer;
}

#masthead .top-navigation .account-container.active span {
    cursor: pointer;
}

#masthead .top-navigation li,
#masthead .top-navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#masthead .top-navigation li {
    display: inline-block;
    margin-left: 48px;
}

#masthead .top-navigation li:first-child {
    margin-left: 0 !important;
}

#masthead .top-navigation a {
    font-family: Source Sans Pro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #005596;
    text-decoration: underline;
}

#masthead .top-navigation #sub-navigation {
    float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

#masthead .top-navigation .location {
    position: relative;
    top: 2px;
    left: -10px;
    width: 13.9px;
    float: left;
}

#masthead .top-navigation .search {
    position: relative;
    width: 18px;
    top: .5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

#masthead .top-navigation .sub-menu {
    z-index: 99;
    display: none;
    position: absolute;
    width: 300px;
    background: #fff;
    border: 1px solid #dee0e5;
}

#masthead .top-navigation .sub-menu li,
#masthead .top-navigation .sub-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: none;
}

#masthead .top-navigation .sub-menu li {
    width: 100%;
}

#masthead .top-navigation .sub-menu a {
    width: 100%;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #dee0e5;
    text-decoration: none;
}

#masthead .main-navigation {
    z-index: 1;
    float: right;
    width: 91%;
}

#masthead .main-navigation li,
#masthead .main-navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#masthead .main-navigation li {
    z-index: 2;
    background: #fff;
    border: 1px solid #dee0e5;
    box-sizing: border-box;
    border-radius: 6px;
    display: inline-block;
    margin-left: 13px;
}

#masthead .main-navigation li:first-child {
    margin-left: 0 !important;
}

#masthead .main-navigation li.open {
    border: 1px solid #4690f7;
}

#masthead .main-navigation li.open .sub-menu a {
    border-radius: 0;
    background: #fff;
}

#masthead .main-navigation li.open .sub-menu a:hover {
    background: #fafafa;
}

#masthead .main-navigation li.open>a {
    background: #fafafa;
    border-radius: 6px !important;
}

#masthead .main-navigation li.open>a:after {
    background-image: url(../images/caret-up.svg) !important;
}

#masthead .main-navigation li a,
#masthead .main-navigation li a:hover {
    font-family: Source Sans Pro, sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding: 11px 13px;
    border-radius: 6px;
    color: #2f3c4f;
    text-decoration: none;
}

#masthead .main-navigation li.menu-item-has-children {
    position: relative;
}

#masthead .main-navigation li.menu-item-has-children a {
    padding-right: 38px;
}

#masthead .main-navigation li.menu-item-has-children>a:after {
    content: "";
    display: block;
    width: 8px;
    height: 5px;
    background-image: url(../images/caret-down.svg);
    background-size: cover;
    position: absolute;
    right: 14px;
    top: 22px;
}

#masthead .main-navigation #primary-menu {
    float: right;
}

#masthead .main-navigation .sub-menu {
    display: none;
    position: absolute;
    top: 60px;
    width: 300px;
    border: 1px solid #dee0e5;
    border-radius: 6px;
    overflow: hidden;
    z-index: 999;
}

#masthead .main-navigation .sub-menu li,
#masthead .main-navigation .sub-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: none;
}

#masthead .main-navigation .sub-menu li {
    width: 100%;
}

#masthead .main-navigation .sub-menu a {
    width: 100%;
    display: block;
    padding: 10.5px 13px;
    border-bottom: 1px solid #dee0e5;
    text-decoration: none;
    background: #fff;
}

#masthead .main-navigation .sub-menu a:hover {
    background: #fafafa !important;
}

#masthead .main-navigation .sub-menu li:last-child>a {
    border-bottom: none;
}

#masthead .main-navigation .menu-item-has-children:hover a {
    background: #fafafa;
}

@media screen and (min-width:991px) {
    #masthead .mobile-navigation[style] {
        display: none !important;
    }

}

#masthead .mobile-navigation::-webkit-scrollbar {
    display: none;
}

#masthead .mobile-navigation {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background: #fafafa;
    padding: 20px 16px;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 73px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    height: auto;
    overflow: scroll;
}

#masthead .mobile-navigation li,
#masthead .mobile-navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: auto;
    max-height: unset;
}

#masthead .mobile-navigation li {
    display: block;
    background: #fff;
    border: 1px solid #dee0e5;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 10px;
}

#masthead .mobile-navigation li.open>a:after {
    background-image: url(../images/caret-up.svg) !important;
}

#masthead .mobile-navigation li.menu-item-has-children {
    position: relative;
}

#masthead .mobile-navigation li.menu-item-has-children>a:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    background-image: url(../images/caret-down.svg);
    background-size: cover;
    position: absolute;
    right: 14px;
    top: 25px;
}

#masthead .mobile-navigation a {
    color: #2f3c4f;
    padding: 11px 15px;
    font-size: 18px;
    font-weight: 600;
    display: block;
    text-decoration: none;
}

#masthead .mobile-navigation .sub-menu {
    display: none;
}

#masthead .mobile-navigation .sub-menu li {
    border-top: 1px solid #dee0e5;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-radius: 0;
    margin-bottom: 0;
}

#masthead .mobile-navigation .sub-menu li a {
    font-weight: 400;
}

#wpadminbar {
    overflow: hidden;
}

@media screen and (max-width:992px) {
    body.admin-bar {
        padding-top: 0;
    }

    body.admin-bar #masthead {
        top: 0 !important;
    }

    #masthead {
        height: 73px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
    }

    #masthead .site-branding {
        width: 50px;
        position: relative;
        float: left;
    }

    #masthead .main-navigation,
    #masthead .top-navigation {
        display: none;
    }

    #masthead #mobile-header {
        display: -ms-flexbox;
        display: flex;
        float: right;
    }

    #masthead #mobile-header #utility-links-mobile {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        display: -ms-flexbox;
        display: flex;
        margin-right: 2rem;
    }

    #masthead #mobile-header #utility-links-mobile li {
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #masthead #mobile-header #utility-links-mobile li a {
        position: relative;
        display: -ms-flexbox;
        display: flex;
    }

    #masthead #mobile-header #utility-links-mobile li a .account-mobile-icon {
        display: block;
        width: 27px;
        height: 27px;
        background-size: cover;
        margin: 0;
        background-image: url(../images/account-icon-blue.svg);
    }

    #masthead #mobile-header #utility-links-mobile .account-container .sub-menu {
        margin-top: 10px;
        position: absolute;
        width: auto;
        border: 1px solid #dee0e5;
        border-radius: 6px;
        overflow: hidden;
        z-index: 999;
        margin-left: -6px;
        max-width: 150px;
    }

    #masthead #mobile-header #utility-links-mobile .account-container .sub-menu .account-link a {
        width: 100%;
        border-bottom: 1px solid #dee0e5;
        text-decoration: none;
        font-family: Source Sans Pro, sans-serif;
        font-size: 16px;
        font-weight: 600;
        display: block;
        padding: 11px 13px;
        border-radius: 6px;
        color: #2f3c4f;
    }

    #masthead #mobile-header #utility-links-mobile .account-container .sub-menu .account-link a:hover {
        background: #fafafa;
    }

    #masthead #mobile-header #hamburger {
        display: block;
        padding: 12px;
        border: 1px solid #dee0e5;
        border-radius: 6px;
        width: 44px;
        height: 44px;
        float: right;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    #masthead #mobile-header #hamburger img {
        margin: auto;
        width: 16px;
    }

}

.heading--ofbf-navbar {
    background-color: #005596 !important;
}

.white-logo {
    -moz-filter: brightness(0) invert(1);
    -o-filter: gbrightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.heading--ofbf-navbar {
    color: #fff;
    background-color: #4b872d;
    font-weight: 400;
}


/* ### Layout - Navigation ### */

.navbar,
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl,
.navbar .container-xs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.headroom--not-top.headroom--pinned~.sidebar-offcanvas {
    top: 50px;
}

.headroom--not-top.headroom--unpinned~.sidebar-offcanvas {
    top: 0;
}

.headroom--pinned .headroom--top~.sidebar-offcanvas {
    top: 149px;
}

@media(max-width:767px) {
    .headroom--pinned .headroom--top~.sidebar-offcanvas {
        top: 96px !important;
    }

}

.breadcrumbs-wrap {
    background: #005596;
    padding: 19px 65px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    max-width: 100vw;
    margin-right: -50vw;
}

@media screen and (max-width:992px) {
    .breadcrumbs-wrap {
        padding: 13px 36px;
    }

}

@media screen and (max-width:414px) {
    .breadcrumbs-wrap {
        display: -ms-flexbox;
        display: flex;
        left: unset !important;
        -ms-flex-wrap: nowrap;
        margin-left: -16px !important;
        margin-right: -16px !important;
        padding: 10px 21px 8px;
        right: unset !important;
    }

}

.breadcrumbs-wrap::-webkit-scrollbar {
    display: none;
}

.breadcrumbs-wrap #breadcrumbs {
    width: 100%;
}

.breadcrumbs-wrap #breadcrumbs li {
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.breadcrumbs-wrap #breadcrumbs li a {
    white-space: nowrap;
}

@media screen and (max-width:992px) {
    .breadcrumbs-wrap #breadcrumbs li a {
        margin-bottom: 0;
    }

}

@media screen and (max-width:480px) {
    .breadcrumbs-wrap #breadcrumbs li a {
        margin-bottom: 2px;
    }

}

.breadcrumbs-wrap #breadcrumbs li:first-child a {
    padding-left: 34px;
}

.breadcrumbs-wrap #breadcrumbs li:first-child a:before {
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    background-image: url(../images/home-icon.svg);
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 16px;
}

.breadcrumbs-wrap #breadcrumbs li:last-child a:after {
    display: none;
}

@media screen and (max-width:992px) {
    .breadcrumbs-wrap #breadcrumbs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        overflow-x: scroll;
        --webkit-overflow-scrolling: touch;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }

    .breadcrumbs-wrap #breadcrumbs::-webkit-scrollbar {
        display: none;
    }

    .breadcrumbs-wrap #breadcrumbs span[typeof="v:Breadcrumb"] {
        display: -ms-flexbox;
        display: flex;
    }

}

.breadcrumbs-wrap #breadcrumbs a {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-decoration: none;
    padding: 6px 16px;
    background: #1a66a1;
    border: 2px solid #1a66a1;
    border-radius: 100px;
    margin-right: 16px;
    letter-spacing: .64px;
    letter-spacing: .04rem;
}

.breadcrumbs-wrap #breadcrumbs a:hover {
    color: #fff !important;
    text-decoration: underline;
}

@media screen and (max-width:992px) {
    .breadcrumbs-wrap #breadcrumbs a {
        display: inline-block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 20px;
        margin-bottom: 4px;
    }

}

.breadcrumbs-wrap #breadcrumbs a:after {
    content: "";
    display: block;
    width: 8px;
    height: 12px;
    background-image: url(../images/caret-right-white.svg);
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -16px;
}

.breadcrumbs-wrap #breadcrumbs .breadcrumb_last {
    padding: 6px 16px;
    background: #005596;
    border: 2px solid #1a66a1;
    color: #fff;
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .64px;
    letter-spacing: .04rem;
    line-height: 14px;
}

@media screen and (max-width:992px) {
    .breadcrumbs-wrap #breadcrumbs .breadcrumb_last {
        display: inline-block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

}

.navigation>a.newer,
.navigation>a.older {
    display: none;
}

@media(max-width:767px) {
    #nav-detail {
        height: 46px;
    }

}

@media screen and (min-width:1113px) {
    #sticky-nav {
        display: none;
    }

}

@media screen and (max-width:1112px) {
    #sticky-nav {
        display: block;
        height: 100px;
        width: 100%;
        background-color: #005596;
        color: #fff;
        position: fixed;
        z-index: 1999;
        bottom: 0;
        margin-bottom: -20px;
        left: 0;
    }

    #sticky-nav .inner-container {
        padding: 13px 41px 0;
    }

    #sticky-nav .inner-container .row {
        margin: 0 auto !important;
        width: 278px;
        max-width: 278px;
    }

}

@media screen and (max-width:1112px)and (max-width:320px) {
    #sticky-nav .inner-container .row {
        width: unset;
        max-width: unset;
    }

}

@media screen and (max-width:1112px) {
    #sticky-nav .inner-container .row .col-3 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #sticky-nav .inner-container .row .col-3 a {
        color: unset;
        text-decoration: none;
    }

    #sticky-nav .inner-container .row .col-3 a .icon {
        display: block;
        width: 30px;
        height: 30px;
        background-size: cover;
        margin: 0 auto 6px;
    }

    #sticky-nav .inner-container .row .col-3 a .county-icon {
        background-image: url(../images/county-icon-white.svg);
    }

    #sticky-nav .inner-container .row .col-3 a .join-icon {
        background-image: url(../images/join-icon-white.svg);
    }

    #sticky-nav .inner-container .row .col-3 a .account-icon {
        background-image: url(../images/account-icon-white.svg);
    }

    #sticky-nav .inner-container .row .col-3 a .search-icon {
        background-image: url(../images/search-icon-white.svg);
    }

    #sticky-nav .inner-container .row .col-3 a p {
        text-align: center;
        color: #fff !important;
        margin: 0;
    }

}

.navbar-bg {
    background-color: #4b872d;
}

#nav-detail-1,
#nav-detail-2 {
    display: block;
}

.navbar {
    border-bottom: none;
}

.navbar .btn-group {
    margin-right: -22px;
}

.row-offcanvas {
    height: 100%;
    background-color: #eee;
    position: relative;
    z-index: 80;
}

.sidebar.navbar-ofbf .nav {
    width: 100%;
}

.sidebar.navbar-ofbf .dropdown,
.sidebar.navbar-ofbf .dropdown-menu {
    display: block;
    float: none;
    width: 100%;
    position: relative;
}

.sidebar.navbar-ofbf .dropdown>a {
    display: block;
    text-decoration: none;
    color: #fff;
}

.sidebar.navbar-ofbf .dropdown>a b {
    display: none;
}

.sidebar.navbar-ofbf .dropdown span {
    opacity: 1;
}

.sidebar.navbar-ofbf .dropdown>span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

#overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 100;
    opacity: 0;
}

#overlay.active {
    opacity: .7;
}

.nav-btn-group {
    padding: 8px;
}


/* ### Layout - Footer ### */

.site-footer {
    background: #005596;
}

.site-footer * {
    color: #fff !important;
    font-family: Source Sans Pro, sans-serif;
}

.site-footer li,
.site-footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.site-footer li {
    font-size: 14px;
    margin-bottom: 8px;
}

.site-footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.site-footer .footer-inner.desktop {
    max-width: 1391px;
    width: 100%;
    padding: 64px;
    margin: 0 auto;
}

.site-footer .footer-inner.mobile {
    display: none;
}

.site-footer .foot-row {
    width: 100%;
}

.site-footer .foot-row:after {
    content: "";
    display: block;
    clear: both;
}

.site-footer .disclaimer {
    margin-top: 74px;
}

.site-footer .disclaimer p {
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    margin: 0;
}

.site-footer .footer-branding {
    width: 124px;
    float: left;
}

.site-footer .foot-col-container {
    width: 743px;
    float: right;
}

.site-footer .foot-col {
    width: 25%;
    float: left;
}

.site-footer .foot-col a {
    text-decoration: none;
}

.site-footer .foot-col a:hover {
    text-decoration: underline;
}

.site-footer #footer-sm,
.site-footer #footer-sm li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.site-footer #footer-sm li {
    display: inline-block;
    width: 15%;
    padding: 5px;
}

.site-footer .mobile-footer-branding {
    padding: 50px 0;
    text-align: center;
}

.site-footer .mobile-footer-branding img {
    max-width: 124px;
    margin: 0 auto;
}

.site-footer .mobile-foot-row {
    padding: 0 20px;
}

.site-footer .mobile-foot-row.disclaimer {
    text-align: center;
    margin-top: 0;
    padding-bottom: 48px;
}

@media screen and (max-width:1112px) {
    .footer-inner.desktop {
        display: none;
    }

    .footer-inner.mobile {
        display: block !important;
        padding-bottom: 100px;
    }

}

.footer-mobile-sm-new li {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: .16px;
    letter-spacing: .01rem;
}

.footer-mobile-sm-new h6 {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 1.44px;
    letter-spacing: .09rem;
}

@media screen and (min-width:667px) {
    #mobile-social-icons {
        padding: 0 25%;
    }

}

@media screen and (min-width:992px) {
    #mobile-social-icons {
        padding: 0 30%;
    }

}

@media screen and (min-width:1112px) {
    .site-footer .footer-inner.desktop {
        padding-bottom: 80px;
    }

}

@media screen and (max-width:1112px) {
    .footer-mobile-sm-new img {
        max-width: 35px;
    }

    .footer-mobile-sm-new .col-2 {
        max-width: 60px;
    }

}

.footer-disclaimer,
.footer-link,
.paragraph,
.primary-font-regular,
h3,
h5,
p {
    font-weight: 400;
}

.footer-link {
    font-size: 14px;
    line-height: 20px;
}

.footer-disclaimer {
    font-size: 10px;
    line-height: 16px;
}



/* ######### Components ######### */

/* ### Components - Accessibility ### */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.visually-hidden {
    position: absolute;
    left: -999em;
    top: -999em;
}


/* ### Components - Slick Carousel ### */

.slick-loading .slick-list {
    background: #fff 50% no-repeat;
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    border: none;
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25;
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "←";
}

[dir=rtl] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "→";
}

[dir=rtl] .slick-next:before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

#quote-card .slick-dots {
    display:none;
    /* position: absolute;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    top: 20px;
    left: 26%  */
}

@media screen and (max-width:1439px) {
    #quote-card .slick-dots {
        left: 305px;
    }

}

@media screen and (max-width:1311px) {
    #quote-card .slick-dots {
        left: 197px;
    }

}

@media screen and (max-width:1038px) {
    #quote-card .slick-dots {
        left: 156px;
    }

}

@media screen and (max-width:950px) {
    #quote-card .slick-dots {
        left: 0;
        right: 0;
        display: block;
        margin: 0 auto;
        text-align: center;
        top: 186px;
    }

}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.slick-dots li:first-child {
    margin-left: 0;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 8px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-size: 33px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .35;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.slick-list,
.slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.circle {
    width: 60px;
    height: 60px;
    border: 1px solid #dee0e5;
    box-sizing: border-box;
    border-radius: 100px;
    position: absolute;
    overflow: hidden;
    background: #fff;
}

.circle .arrow-left,
.circle .arrow-right {
    position: absolute;
    border: solid #4690f7;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    border-radius: 2px;
    top: 22px;
    left: 24px;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.circle .arrow-right {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-radius: 2px;
    top: 22px;
    left: 19px;
}

.circle:hover {
    background: #fafafa;
    cursor: pointer;
}

.circle:active {
    border: 2px solid #4690f7;
    background: #fafafa;
}

.circle,
.circle span {
    border-radius: 50%;
}


/* ### Components - Buttons ### */

button.primary-btn {
    padding: 14px;
}

.primary-btn {
   border: none;
    border-radius: 6px;
    background: #005596;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2rem;
    padding: 1rem;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 1.25rem 3rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    border-radius: .3rem;
}

.btn.text-start {
    text-align: left;
}

.btn.text-end {
    text-align: right;
}

.btn {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.button-text-sm {
    font-size: 24px;
    font-size: 1.5rem;
}

.button-text-sm-padded {
    padding: 9px 6px;
}

.btn-primary.disabled,
.primary-btn.disabled,
a#change-password-finish.disabled {
    opacity: .5;
}

.btn-primary:hover,
.primary-btn:hover,
a#change-password-finish:hover {
    color: #fff;
    background: #0072c9 !important;
    text-decoration: none;
}

.secondary-btn {
    padding: 13px;
    color: #2f3c4f;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    border: 1px solid #dee0e5;
    border-radius: 6px;
    background: #fff;
    text-decoration: none;
}

.secondary-btn.disabled {
    opacity: .5;
}

.secondary-btn:hover {
    text-decoration: none;
    color: #2f3c4f;
    border: 1px solid #4690f7;
    background: #fafafa !important;
}

@media(max-width:767px) {
    .btn-xs-block {
        width: 100%;
        display: block;
    }

}

.member-benefit-btn.primary-btn {
    border: none;
    border-radius: 6px;
    background: #005596;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2rem;
    padding: .75rem;
}

.btn-xs-block {
    width: auto;
    display: inline-block;
}

.btn__scroll-to-top {
    position: fixed;
    bottom: -50px;
    right: 20px;
    z-index: 10000;
    cursor: pointer;
    width: 48px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    border: 1px solid #777;
}

.btn__scroll-to-top.show {
    bottom: 20px;
}

.btn-transparent {
    background-color: transparent;
}


/* ### Components - Forms ### */

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: 0;
}

.form-control,
.input-group,
.input-group.form-control,
.input-group .form-control,
input {
    border-radius: 0;
}

input[type=search] {
    border-radius: 0 !important;
}

label {
    font-weight: 400;
}

.has-error {
    background-color: #dda8a7;
    padding: 15px;
}

.has-warning {
    background-color: #f9f1cb;
    padding: 15px;
}

.no-js .ajax-ui,
.process-errors .ajax-ui {
    display: none;
}

.no-js button[type=submit],
.process-errors button[type=submit] {
    width: 100%;
}

form .form-text-field.form-control {
    border-radius: 6px;
    position: relative;
    height: 46px;
    color: #2f3c4f;
}

form .form-text-field.form-control:-ms-input-placeholder {
    color: #b6bbc1;
    opacity: 1;
}

form .form-text-field.form-control::placeholder {
    color: #b6bbc1;
    opacity: 1;
}

form .form-text-field.form-control:hover {
    background: #fafafa;
}

form .form-text-field.form-control:focus {
    border: 2px solid #4690f7;
    background: #fafafa;
    box-shadow: none;
    color: #2f3c4f;
}

form .invalid-feedback {
    color: #f74646;
    font-size: 12px;
    line-height: 30px;
    border: 2px solid #f74646;
}

form .form-icon-container {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

form .form-icon-container .form-text-field.form-control {
    padding: 14px 14px 14px 46px;
}

form .form-icon-container .icon {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 14px;
}

form label {
    font-weight: 700;
    text-align: left;
    display: block;
}

form legend {
    padding: 20px;
    position: relative;
    top: 40px;
    margin-bottom: 60px;
    background-color: #36a6e6;
    color: #fff;
    font-size: 2em;
    text-align: center;
}

label.error {
    color: #a94442;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
}

.control-label {
    height: 53px;
    padding: 10px 1pc;
    font-size: 23px;
    line-height: 1.3333333;
}

.form-control-static {
    line-height: inherit;
}

.form-horizontal  {
    margin: 0 auto 20px;
}

.form-horizontal :last-child {
    margin-bottom: 20px;
}

.form-horizontal .control-label,
.form-horizontal .form-control-static {
    line-height: 32px;
}

.total>.row:not(:last-child) {
    margin-bottom: 16px;
}

.alert ul li {
    margin-bottom: 12px;
}

.alert ul li:last-of-type {
    margin-bottom: 0;
}

form label>span {
    margin-left: 4px;
}

@media(max-width:767px) {
    form legend {
        font-size: 1.5em;
    }

}

@media(max-width:992px) {
    form div[class^=col] {
        margin-top: 0;
    }

}

.total hr {
    margin-bottom: 0;
    border-color: #ccc;
}


/* ### Components - Contact Forms ### */

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea {
    max-width: 100%;
}


/* ### Components - Content and Metadata ### */

.entry-author-meta {
    padding: 12px;
}

.entry-author-meta time {
    vertical-align: top;
}

.entry-content,
.entry-meta,
.entry-summary {
    padding: 26px;
}

article span[itemprop=datePublished] {
    vertical-align: top;
}

.sidebar-container article .entry-author-meta,
.sidebar-container article footer {
    display: none;
}

.sidebar-container article.small figure {
    width: 33%;
    float: left;
}

.sidebar-container article.small h1 {
    background-color: #fff;
    color: #333;
    margin-left: 33%;
    padding: 10px;
    font-size: 14px;
}

aside article header h1,
footer article header h1 {
    padding: 14px 18px;
}

article .byline {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: fit-content;
}

article .byline .author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

footer.entry-meta .post_tags a.post-tag {
    color: #fff;
}

footer.entry-meta {
    text-align: right;
    background-color: #f9f9f9;
}

footer.entry-meta a,
footer.entry-meta button {
    color: #777;
}

footer.entry-meta .footer-share,
footer.entry-meta a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

footer.entry-meta .footer-share .circle,
footer.entry-meta a .circle {
    border: unset;
    box-sizing: unset;
    border-radius: 50%;
    position: unset;
    overflow: unset;
    margin-top: unset !important;
}

.mce-content-body {
    background-color: #fff !important;
    width: 706px;
    padding: 26px;
}

body.wp-autoresize {
    padding: 20px !important;
}
/*
.ofbf-altai-portal .content-container,
.wysiwyg .content-container {
    max-width: 860px;
    margin: 3rem auto 5rem;
}

@media screen and (max-width:414px) {
    .ofbf-altai-portal .content-container,
    .wysiwyg .content-container {
        margin: 60px 0;
    }

}

.ofbf-altai-portal .content-container iframe,
.wysiwyg .content-container iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.ofbf-altai-portal .content-container p:last-child,
.wysiwyg .content-container p:last-child {
    margin: 0;
}

.ofbf-altai-portal .content-container a:active,
.ofbf-altai-portal .content-container a:hover,
.wysiwyg .content-container a:active,
.wysiwyg .content-container a:hover {
    color: #0072c9 !important;
}

.ofbf-altai-portal .content-container a.primary-btn,
.wysiwyg .content-container a.primary-btn {
    display: inline-block;
    margin-bottom: 20px;
}

.ofbf-altai-portal .content-container a.primary-btn:active,
.ofbf-altai-portal .content-container a.primary-btn:hover,
.wysiwyg .content-container a.primary-btn:active,
.wysiwyg .content-container a.primary-btn:hover {
    color: #fff !important;
}

.ofbf-altai-portal .altai-component .col-md-6,
.wysiwyg .altai-component .col-md-6 {
    margin: 0 auto;
} */

#wysiwyg-static-one .content-container,
#wysiwyg-static-two .content-container {
    margin: 30px auto;
}

@media screen and (max-width:1024px) {
    #wysiwyg-static-one .content-container,
    #wysiwyg-static-two .content-container {
        margin: 100px auto;
    }

}

article .author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.author-avatar img,
.entry-author-meta img {
    border-radius: 50%;
}

.author-avatar {
    margin-right: 13px;
}


/* ### Components - Related Content ### */

.related-articles h1,
.yarpp-related h1,
aside h1 {
    font-size: 1.4em !important;
    line-height: 1.35em;
}

.related-articles h2,
.yarpp-related h2,
aside h2 {
    font-size: 1.3em;
    line-height: 1.35em;
}

.related-articles h3,
.yarpp-related h3,
aside h3 {
    font-size: 1.2em;
    line-height: 1.35em;
}

.related-articles h4,
.yarpp-related h4,
aside h4 {
    font-size: 1em;
    line-height: 1.75em;
}

.related-articles h5,
.yarpp-related h5,
aside h5 {
    font-size: .75em;
    line-height: 1.75em;
}

.related-articles h6,
.yarpp-related h6,
aside h6 {
    font-size: .6em;
    line-height: 1.75em;
}

.yarpp-related-none {
    display: none;
}


/* ### Components - Images and Galleries ### */

.alignleft {
    float: left;
    margin: .5em 1em .5em 0;
}

.alignright {
    float: right;
    margin: .5em 0 .5em 1em;
}

img.aligncenter,
img.alignleft,
img.alignright {
    /* width: unset; */
    clear: both;
}

img.aligncenter {
    margin: 0 auto;
    display: block;
}

.image-wrapper {
    background-color: #fff;
    width: 100%;
    text-align: center;
}

.ratio_16-9 {
    padding-bottom: 56.25% !important;
    height: 0;
    position: relative;
}

.ratio_16-9 img {
    height: 100%;
}

.image-wrapper.ratio_16-9 img,
.image-wrapper img {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.image-wrapper img {
    height: 100%;
    width: auto;
}

.default-logo-thumb {
    width: 36px;
    height: 36px;
    background-image: url(../images/default-logo-thumbs-03.png);
    background-size: 108px 36px;
}

.default-logo-thumb-ofbf {
    background-position: 0 0;
}

.default-logo-thumb-our-ohio {
    background-position: -36px 0;
}

.default-logo-thumb-town-hall-ohio {
    background-position: 36px 0;
}

figure.alignleft {
    float: left;
    margin-right: 26px;
}

figure.alignright {
    float: right;
    margin-left: 26px;
}

#full-width-image {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width:834px) {
    #full-width-image {
        margin-top: 100px;
        margin-bottom: 100px;
    }

}

#full-width-image img {
    width: 862px;
    height: auto;
    margin: 0 auto;
}

@media screen and (max-width:834px) {
    #full-width-image img {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }

}

#full-width-image.county-image {
    margin: 20px 0 !important;
}

.page-img img {
        height: auto;
}

.image-gallery {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
}

.image-gallery #gallery-left {
    top: 208px;
    top: 13rem;
    right: unset;
    bottom: unset;
    left: 0;
    margin-left: -30px;
}

.image-gallery #gallery-right {
    top: 208px;
    top: 13rem;
    right: 0;
    bottom: unset;
    left: unset;
    margin-right: -30px;
}

.image-gallery .caption-container {
    display: block;
    background-color: #efefef;
    padding: 20px;
}

.image-gallery .caption-container p {
    color: #3c3c3c;
    margin: 0;
}

.gallery img[data-mce-selected]:focus {
    outline: none;
}

.gallery a {
    cursor: default;
}

.gallery {
    margin: auto -6px;
    padding: 6px 0;
    line-height: 1;
    overflow-x: hidden;
}

.ie7 .gallery,
.ie8 .gallery {
    margin: auto;
}

.gallery .gallery-item {
    float: left;
    margin: 0;
    text-align: center;
    padding: 6px;
    box-sizing: border-box;
}

.ie7 .gallery .gallery-item,
.ie8 .gallery .gallery-item {
    padding: 6px 0;
}

.gallery .gallery-caption,
.gallery .gallery-icon {
    margin: 0;
}

.gallery .gallery-caption {
    font-size: 13px;
    margin: 4px 0;
    display: none;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.333%;
}

.ie7 .gallery-columns-3 .gallery-item,
.ie8 .gallery-columns-3 .gallery-item {
    width: 33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.665%;
}

.gallery-columns-7 .gallery-item {
    width: 14.285%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.111%;
}

.gallery img {
    max-width: 100%;
    height: auto;
    border: none;
    padding: 0;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption img {
    height: auto;
}

.wp-caption-dd {
    display: block;
    width: 100%;
    height: auto;
    font-size: inherit;
    background-color: #f5f5f5;
    vertical-align: middle;
    line-height: inherit;
    margin-bottom: 18px !important;
}

.aligncenter {
    margin: 0 auto;
}

.wp-caption.alignleft {
    margin-right: 26px;
}

.wp-caption.alignright {
    margin-left: 26px;
}

.carousel--dark .image-wrapper {
    background-color: #000;
}

.padding-bottom-bg-image-hack {
    height: 0;
    position: relative;
}

.gray-scale {
    filter: grayscale(100%);
    filter: url(#greyscale);
    filter: gray;
}

figcaption {
    background-color: #ddd;
    padding: 10px;
}

#pinchzoom {
    overflow: hidden;
    margin: 0 20px 20px;
}


/* ### Components - Video and Embeds ### */

.youtube-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fb-page,
.fb_iframe_widget {
    min-width: 100%;
    width: 100% !important;
    min-height: 500px;
    overflow: hidden;
    text-align: center;
}

@media(max-width:991px) {
    .fb-iframe_widget,
    .fb-page {
        min-width: 360px;
        width: 360px;
        max-width: 360px;
        margin: 0 auto;
    }

}

.fb_iframe_widget>span {
    vertical-align: top !important;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    height: 0;
}

.video-container--16x9 {
    padding-bottom: 56.25%;
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grassblade_iframe,
.post iframe {
    max-width: 100%;
}


/* ### Components - Bootstrap Carousel ### */

.carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0 5% 30px;
    text-shadow: 0 0 5px #000;
    background-color: transparent;
}

.carousel-caption:after {
    content: "";
    background-image: linear-gradient(0deg, #000 0, rgba(0, 1, 0, .0001));
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.carousel-caption p {
    font-size: 24px;
}

.carousel-indicators {
    bottom: -10px;
}

.carousel-indicators li {
    cursor: pointer;
    border-color: #fff;
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel--dark .carousel-indicators li {
    border-color: #fff;
}

.carousel--dark .carousel-indicators .active {
    background-color: #fff;
}

@media(max-width:767px) {
    .carousel-caption {
        position: static;
        background-color: #fafafa;
        color: #333;
        padding-top: 16px;
        text-shadow: none;
    }

    .carousel-caption p {
        font-size: 1.1em;
    }

    .carousel-indicators {
        bottom: -10px;
    }

    .carousel-indicators li {
        border-color: #333;
    }

    .carousel-indicators .active {
        background-color: #333;
    }

}


/* ### Components - Tabs and Accordions ### */

.tab-content {
    margin-top: 0;
}

#get-involved-tabs {
    position: static;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-right: auto;
}

.nav-tabs {
    border-color: #e6e6e6;
}

.nav-tabs>li {
    width: 32%;
    margin-right: 2%;
    text-align: center;
}

.nav-tabs>li:last-child {
    margin-right: 0;
}

.nav-tabs>li.active>a {
    color: #333 !important;
}

.nav-tabs li a {
    border-bottom: none;
    width: 100%;
}

.fixed-tabs {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding-right: 0;
    z-index: 20;
}

.fixed-tabs+div {
    margin-top: 53px;
}

.tab-content>.tab-pane.flex-container-sm.active .btn-xs-block {
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(max-width:767px) {
    .nav-tabs>li {
        width: auto;
    }

    .tab-content>.tab-pane.flex-container-sm.active {
        margin-top: 0;
        display: block;
    }

    .tab-content>.tab-pane.flex-container-sm.active .btn-xs-block {
        width: auto;
    }

}

@media(min-width:992px) {
    .tab-content {
        margin-top: 20px;
    }

}

.panel-heading .toggle {
    position: relative;
}

.panel-heading .toggle:after {
    font-family: Glyphicons Halflings;
    content: "";
    position: absolute;
    color: #fff;
    right: 10px;
}

.panel-body {
    padding: 30px 15px;
}


/* ### Components - Modals and Tooltips ### */

.tooltip {
    pointer-events: none;
}

body.modal-open {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal {
    z-index: 9040;
}

.modal-header--primary {
    background-color: #36a6e6;
    color: #fff;
}

.modal-header--primary .btn-close {
    color: #fff;
    opacity: 1 !important;
}


/* ### Components - Pagination and Tags ### */

.pagination {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 20px;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.pagination .nav-links a {
    min-width: 20px;
    display: inline-block;
}

.pagination .next,
.pagination .prev {
    margin-left: 35px;
}

.tags-links a {
    background: #fff;
    padding: 10px;
    border: 1px solid #dee0e5;
    text-decoration: none;
    border-radius: 100px;
}

.tags-links a:hover {
    border: 1px solid #4690f7;
}

.tags-links a.active {
    background: #4690f7;
    color: #fff;
}

section.tags {
    max-width: 860px;
}

#filter-tags,
#tags {
    max-width: 860px;
    margin: 121px auto;
}

@media screen and (max-width:834px) {
    #filter-tags,
    #tags {
        margin-bottom: 100px;
    }

}

#filter-tags h6,
#tags h6 {
    padding-bottom: 20px;
}

#filter-tags a,
#tags a {
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px 14px;
    background: #005596;
    color: #fff;
}

#filter-tags a:hover,
#tags a:hover {
    color: #fff !important;
    background: #0072c9 !important;
    text-decoration: none;
}


/* ### Components - Social Sharing and Icons ### */

.icon span:first-child {
    height: 32px !important;
    width: 32px !important;
    line-height: 32px !important;
}

.addthis-icon {
    background-color: #fc6d4c !important;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjUuMDcgMTMuNzRoLTYuNzExdi02LjcxaC00LjQ2OXY2LjcxaC02LjcxdjQuNDdoNi43MXY2LjcxaDQuNDY5di02LjcxaDYuNzExeiIvPjwvc3ZnPg==) !important;
}

.icon-24 span:first-child {
    height: 24px !important;
    width: 24px !important;
    line-height: 24px !important;
}

.addthis-icon__24 {
    background-size: 24px 24px !important;
}

.fb-page blockquote {
    border: 0;
}

#fb-root {
    display: none;
}

footer.loop .addthis_toolbox {
    margin: 8px 6px 0 0 !important;
}

.addthis_toolbox * {
    box-sizing: content-box !important;
}

.social-actions {
    margin: 20px 0;
}

.social-actions:first-child {
    margin: 0 0 20px -4px;
}

.addthis_toolbox a:first-child {
    padding-left: 0;
}

.addthis_counter.addthis_bubble_style {
    margin-right: 6px;
}

.addthis_24x24_style .addthis_counter.addthis_bubble_style {
    background-repeat: no-repeat;
    background-position: 0 -80px !important;
    height: 20px;
    margin-top: 13px;
    width: 41px !important;
    line-height: 24px;
    padding: 0 !important;
}

.addthis_24x24_style .addthis_counter.addthis_bubble_style:hover {
    background-position: -41px -80px !important;
}

.addthis_24x24_style .addthis_counter.addthis_bubble_style a.addthis_button_expanded {
    background: 0 0;
    font-size: inherit;
    line-height: inherit;
    height: 24px;
    margin: -2px 0 0 4px;
    font-weight: 400;
    width: 35px !important;
    padding: 0 !important;
}

.addthis_bubble_bg {
    background-image: url("data:image/gif;base64,R0lGODlhUgBkAKIEAOrq6sLCwoWFhf///////wAAAAAAAAAAACH5BAEAAAQALAAAAABSAGQAAAP/SLoa/jDKSetkOGsdwPhgKI5kaYpAsK1sd75wPKZsjQVyrpuq7eO7YLDnqwGFyBixuDomn6UlkwOtkqTTm3ULwmYXTi7U+3WJreSp+VxNF9fs8ZcBjz/dRo8dPSfU90l4TXqAcn1/hTuCLYSJQ31gjY45i3mTipB0kpcnlTZhnDyZdKFKo2ClMJ5GqS+rLa2dpw2xorOgtR+vg7kou7y9AzSzYBbGx8gRxAwCzc7P0NHS09TSywoCm60AAsvZwSDcxALgId2z5OUf56fp6uyj7uXwmfLg9JD2wfh9+r38X76pGwBwisCBBYscRFhP2718Dh/OWThwXb+IEidi/New+SKIhD4ozmu3sRVIhSVLnVRYcWXIluNgopPZjmY8m/VwQlQnblxKRz29VRtKtCg0YsmSOsBgtGmzNz9zDCMgEkpQWGyI+KuyElebBVuhdI2jNc5JRF+pRtUBEu3XqlYSum0DNy6jPQHqcrVEVq2ds2spYQssY2xWsGZ/9MWW+NNiqo35cpmqV8jVFkqTMXVqlEnmz1I4i4Y3twplwjqCehVTthC71VxaA3qdSPYe2oVs/0WVG7HrBqgx+f1deouKylsEFDeOPPlyNM3tPpcTXSzw2oMT4QakOzJs475n8+Ye/vZ4vOV30+rN+Pf1PacBXQWdefPopgQSAAA7");
}

.addthis_bubble_bg.addthis_24x24_bubble_styles {
    margin-top: 13px;
    color: #000;
    font-weight: 400;
}

.addthis_bubble_bg-32 {
    height: 32px;
    width: 62px !important;
    line-height: 32px;
    padding: 0 0 0 6px;
    background-repeat: no-repeat;
    background-position: 0 0 !important;
}

.addthis_button_facebook_like {
    overflow: hidden;
    height: 22px;
    padding-top: 0 !important;
    margin-top: 1px;
}

footer.loop .addthis_toolbox.addthis_24x24_style {
    margin-top: 0 !important;
}

.addthis_24x24_style a,
.addthis_24x24_white_style a {
    padding: 11px 4px !important;
}

.addthis_24x24_style a.addthis_button_compact,
.addthis_24x24_white_style a.addthis_button_compact {
    padding-right: 2px !important;
}

.addthis_24x24_style .at4-icon,
.addthis_24x24_white_style .at4-icon,
.at-24x24 {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-size: 24px !important;
}

.social-actions {
    line-height: 32px;
}

.social-action__count {
    position: relative;
    top: -3px;
    font-size: 15px;
}

.addthis-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M25.07 13.74h-6.711V7.03H13.89v6.71H7.18v4.47h6.71v6.71h4.469v-6.71h6.711z'/%3E%3C/svg%3E");
}

.addthis-icon__24 {
    background-size: 24px 24px;
}

@media(max-width:500px) {
    footer.loop .pull-right {
        float: none !important;
    }

    footer.loop .addthis_toolbox {
        position: relative;
        left: 7px;
    }

    footer.loop .addthis_button_facebook_like {
        display: inline-block;
        float: left;
        padding-bottom: 0 !important;
        margin-top: 1px;
        margin-left: 6px;
    }

    .addthis_button_facebook_like {
        float: left;
        clear: both;
        margin-left: 0 !important;
    }

}

.icon span:first-child {
    overflow: hidden;
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    float: left;
}

.icon-24-styles {
    height: 24px !important;
    width: 24px !important;
    line-height: 24px !important;
}

.at300bs {
    margin-right: 6px;
}


/* ### Components - jQuery UI Slider ### */

/* Jquery UI  */
.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 4px;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    /* background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; */
    font-weight: 400;
    color: #555;
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #999;
    /* background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; */
    font-weight: 400;
    color: #212121;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    /* background: #fff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; */
    font-weight: 400;
    color: #212121;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    /* background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; */
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    /* background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; */
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}


/* ### Components - Tables and DataTables ### */

table.feature-comparison tr th {
    width: auto;
}

table.feature-comparison tr th.col-60 {
    width: 60%;
}

table.feature-comparison>thead>tr>th {
    vertical-align: middle;
    border-bottom: 0;
}

table.feature-comparison>thead>tr>th p {
    font-size: 1.1em;
}

table.feature-comparison>tbody+tbody {
    margin-top: 0;
}

table.feature-comparison tr.visible-xs td:last-child {
    font-size: 1.1em;
}

table.feature-comparison .asterisk {
    position: absolute;
    top: 0;
    left: 24px;
    font-size: .4em;
}

table.feature-comparison>tbody>tr>td,
table.feature-comparison>tbody>tr>th,
table.feature-comparison>tfoot>tr>td,
table.feature-comparison>tfoot>tr>th,
table.feature-comparison>thead>tr>td,
table.feature-comparison>thead>tr>th {
    vertical-align: middle;
}

table .borderless tbody tr td,
table .borderless tbody tr th,
table .borderless thead tr th {
    border: none;
}

.table-hover>tbody>tr.no-hover:hover {
    background-color: inherit !important;
}

@media screen and (max-width:768px) {
    table.feature-comparison td:first-child,
    table.feature-comparison th:first-child {
        display: none;
    }

}

.table-one-line-data td,
.table-one-line-data th {
    white-space: nowrap;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dt-buttons {
    padding: 10px;
}

.dataTables_wrapper .sorting:hover {
    background-color: rgba(54, 166, 230, .16);
}

ul.dt-button-collection.dropdown-menu {
    box-shadow: 0 3px 5px 3px #aaa;
}

table.dataTable thead .sorting:after {
    opacity: .1 !important;
}


/* ### Components - Quotes and Testimonials ### */

#quote-card {
    margin: 84px 0 20px;
    position: relative;
}

#quote-card #quote-left {
    right: unset;
    left: 45px;
    top: 134px;
}

@media screen and (max-width:1440px) {
    #quote-card #quote-left {
        left: 8px;
    }

}

@media screen and (max-width:1311px) {
    #quote-card #quote-left {
        display: none !important;
    }

}

#quote-card #quote-right {
    left: unset;
    top: 134px;
    right: 45px;
}

@media screen and (max-width:1440px) {
    #quote-card #quote-right {
        right: 8px;
    }

}

@media screen and (max-width:1311px) {
    #quote-card #quote-right {
        display: none !important;
    }

}

#quote-card .inner-content {
    padding: 0 135px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width:1440px) {
    #quote-card .inner-content {
        padding: 0 98px;
    }

}

@media screen and (max-width:1311px) {
    #quote-card .inner-content {
        padding: 0;
    }

}

@media screen and (max-width:950px) {
    #quote-card .inner-content {
        border: 1px solid #efefef;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

}

@media screen and (min-width:951px) {
    #quote-card .inner-content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

}

#quote-card .inner-content .quote-img {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    min-height:380px;
}

#quote-card .inner-content .quote-img a {
    position: absolute;
    bottom: 40px;
    left: 40px;
    text-decoration: none;
}

@media screen and (max-width:1311px) {
    #quote-card .inner-content .quote-img {
        width: 470px;
    }

}

@media screen and (max-width:1038px) {
    #quote-card .inner-content .quote-img {
        width: 382px;
    }

}

#quote-card .inner-content .quote-img img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

@media screen and (max-width:950px) {
    #quote-card .inner-content .quote-img {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 0;
        padding-bottom: 67%;
        overflow: hidden;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        position: relative;
    }

}

#quote-card .inner-content .quote-content {
    width: 510px;
    margin: 3rem 0rem 3rem 2.5rem;
    padding-bottom: 50px;
    /* background-image: url(../images/quotation.svg); */
    background-repeat: no-repeat;
}

#quote-card .inner-content .quote-content h5 {
    font-size: 22px;
    line-height: 30px;
}

@media screen and (max-width:1311px) {
    #quote-card .inner-content .quote-content {
        margin-left: 30px;
        width: 467px;
    }

}

@media screen and (max-width:950px) {
    #quote-card .inner-content .quote-content {
        background-position: top;
        width: 100%;
        margin: 30px;
        padding: 0;
        background-size: 40.8px 34px;
    }

}

#quote-card .inner-content .quote-content h5 {
    padding-top: 1rem;
    white-space: break-spaces;
}

@media(max-width:950px) {
    #quote-card .inner-content .quote-content h5 {
        padding-top: 54px;
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 20px;
        white-space: unset;
        text-align: center;
    }

}

#quote-card .inner-content .quote-content .author-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
}

@media screen and (max-width:950px) {
    #quote-card .inner-content .quote-content .author-content {
        display: block;
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        margin: 30px auto 0;
    }

}

#quote-card .inner-content .quote-content .author-content .author-avatar {
    width: 64px;
    height: 64px;
    background: #f2f2f2;
    border: 1px solid #efefef;
    border-radius: 35px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width:950px) {
    #quote-card .inner-content .quote-content .author-content .author-avatar {
        margin: 0 auto 10px;
    }

}

#quote-card .inner-content .quote-content .author-content .author-avatar .inner-avatar {
    width: 52px;
    height: 52px;
    display: block;
}

#quote-card .inner-content .quote-content .author-content .author-info {
    margin-left: 20px;
}

@media screen and (max-width:950px) {
    #quote-card .inner-content .quote-content .author-content .author-info {
        margin: 0;
        text-align: center;
    }

}

#quote-card .inner-content .quote-content .author-content .author-info h6,
#quote-card .inner-content .quote-content .author-content .author-info p {
    margin: 0;
}

#quote-card .inner-content .quote-content a {
    position: relative;
    display: block;
    width: 124px;
    text-decoration: none;
    margin: 20px auto 30px;
}

@media(min-width:951px) {
    #quote-card .inner-content .quote-content a {
        display: none;
    }

}


/* ### Components - Advertisements ### */

#advertisement-one-column {
    margin: 60px auto;
    max-width: 814px;
}

#advertisement-one-column .ad-container {
    margin: 0 auto;
}

@media(max-width:1112px) {
    #advertisement-one-column .ad-container {
        max-width: unset;
        width: 100%;
    }

}

#advertisement-one-column .ad-container .paid-ad-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: .3px;
    color: #3f3f3f;
    margin-bottom: 10px;
}

#advertisement-two-column {
    margin: 60px auto;
    max-width: 814px;
}

@media screen and (max-width:960px) {
    #advertisement-two-column {
        max-width: unset;
    }

}

#advertisement-two-column .paid-ad-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: .3px;
    color: #3f3f3f;
    margin-bottom: 10px;
}

#advertisement-two-column .ad-container {
    margin: 0 auto;
    max-width: 389px;
}

@media screen and (max-width:1365px) {
    #advertisement-two-column .ad-container {
        margin-bottom: 36px;
    }

}

@media screen and (max-width:960px) {
    #advertisement-two-column .ad-container {
        max-width: unset;
    }

}

@media screen and (max-width:667px) {
    #advertisement-two-column .ad-container {
        margin: 0 auto 20px;
        max-width: 256px;
    }

    #advertisement-two-column .ad-container img {
        width: 256px;
        max-width: 256px;
    }

}

#advertisement-three-column {
    margin: 60px auto;
    max-width: 925px;
}

#advertisement-three-column p.paid-ad-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: .3px;
    color: #3f3f3f;
    margin-bottom: 10px;
}

#advertisement-three-column .ad-container img {
    max-width: 255px;
    width: 255px;
}

@media screen and (max-width:1024px) {
    #advertisement-three-column .ad-container {
        width: 255px;
        margin: 0 auto 20px;
    }

}

@media screen and (max-width:834px) {
    #advertisement-three-column .ad-container,
    #advertisement-three-column .ad-container img {
        width: 100%;
        max-width: unset;
    }

}

@media screen and (max-width:667px) {
    #advertisement-three-column .ad-container {
        margin: 0 auto 20px;
        max-width: 256px;
    }

    #advertisement-three-column .ad-container img {
        width: 256px;
        max-width: 256px;
    }

}

.ad-container img {
    height: auto;
}


/* ### Components - Headlines and Banners ### */

.heading--ofbf-brand {
    color: #005596;
    border-bottom: 2px solid #b61d22;
    font-weight: 700;
}

.section-padding-large section .container-element--full-width {
    margin-left: -20px;
    margin-right: -20px;
}

.container-element--full-width,
.styled-headline {
    margin-left: -15px;
    margin-right: -15px;
}

.styled-headline {
    padding: 20px 10px;
}

.section-padding-large .no-pad-left .styled-headline {
    margin-left: 0;
}

.section-padding-large .no-pad-right .styled-headline {
    margin-right: 0;
}

.gutter-margin-overflow,
.section-padding-large .styled-headline {
    margin-left: -15px;
    margin-right: -15px;
}

.header-unstyled,
.headline-unstyled {
    background-color: transparent !important;
}

.headline-unstyled {
    padding: 0;
    color: #333;
}


/* ### Components - Cards and Callouts ### */

.blue-bg-box {
    background: #c9e8ff;
    border: 2px solid #63bbff;
    padding: 10px 15px;
    border-radius: 6px;
}

.card--with-padding {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    padding: 26px;
}

.card--with-no-top-padding {
    padding-top: 0;
}

@media screen and (max-width:768px) {
    .callout__cta-container.flex-item {
        -ms-flex-direction: row;
        flex-direction: row;
    }

}

#secondary-nav {
    margin-top: 80px;
}

#secondary-nav h3 {
    color: #005596;
    margin-bottom: 40px;
}

#secondary-nav .row div[class^=col-] {
    padding: 0 18px 36px;
}

@media screen and (max-width:414px) {
    #secondary-nav .row div[class^=col-] {
        padding-bottom: 20px;
    }

}

#secondary-nav a:not(.inner-link) {
    text-decoration: none;
}

#secondary-nav a:after {
    content: " pseudo element";
    opacity: 0;
}

#secondary-nav a:hover:after {
    opacity: 1;
}

#secondary-nav .secondary-card {
    height: 100%;
    border-radius: 6px;
    padding: 30px 30px 45px;
    position: relative;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
    margin-top: -8px;
}

#secondary-nav .secondary-card a.overlay-link {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: -9999px;
    z-index: 1000;
}

#secondary-nav .secondary-card .secondary-card-icon-container {
    padding: 22px;
    background-color: #fff;
    width: 76px;
    border-radius: 6px;
    margin-bottom: 20px;
}

#secondary-nav .secondary-card .secondary-card-icon-container .secondary-card-icon {
    display: block;
    width: 32px;
    height: 32px;
    background-size: cover;
    background-color: #fff;
}

#secondary-nav .secondary-card .secondary-card-icon-container .ml-3px {
    margin-left: 3px;
}

#secondary-nav .secondary-card .secondary-card-icon-container .ml-5px {
    margin-left: 5px;
}

#secondary-nav .secondary-card h4,
#secondary-nav .secondary-card p {
    color: #2f3c4f;
    text-decoration: none;
}

#secondary-nav .secondary-card a.inner-link {
    position: absolute;
    bottom: 27px;
}

#secondary-nav .card-border-home {
    display: block;
    height: 8px;
    width: 100%;
    border-top-left-radius: 6px;
    z-index: 999;
    position: relative;
    border-top-right-radius: 6px;
}

#secondary-nav .secondary-card.blue-card {
    background: #f0f5f9;
}

#secondary-nav .secondary-card.blue-card .secondary-card-icon-container .secondary-card-icon {
    background-image: url(../images/about.svg);
}

@media screen and (min-width:1366px) {
    #secondary-nav .secondary-card.blue-card:hover {
        border-left: 2px solid #005596;
        border-bottom: 2px solid #005596;
        border-right: 2px solid #005596;
    }

}

#secondary-nav #blue-card-border {
    background: #005596;
}

#secondary-nav .secondary-card.purple-card {
    background: #f5f2f4;
}

#secondary-nav .secondary-card.purple-card .secondary-card-icon-container .secondary-card-icon {
    background-image: url(../images/advocacy2.svg);
}

@media screen and (min-width:1366px) {
    #secondary-nav .secondary-card.purple-card:hover {
        border-left: 2px solid #5b244b;
        border-bottom: 2px solid #5b244b;
        border-right: 2px solid #5b244b;
    }

}

#secondary-nav #purple-card-border {
    background: #5b244b;
}

#secondary-nav .secondary-card.green-card {
    background: #f5f8f3;
}

#secondary-nav .secondary-card.green-card .secondary-card-icon-container .secondary-card-icon {
    background-image: url(../images/membership.svg);
}

@media screen and (min-width:1366px) {
    #secondary-nav .secondary-card.green-card:hover {
        border-left: 2px solid #5a843a;
        border-bottom: 2px solid #5a843a;
        border-right: 2px solid #5a843a;
    }

}

#secondary-nav #green-card-border {
    background: #5a843a;
}

#secondary-nav .secondary-card.red-card {
    background: #fcf1f4;
}

#secondary-nav .secondary-card.red-card .secondary-card-icon-container .secondary-card-icon {
    background-image: url(../images/involved.svg);
}

@media screen and (min-width:1366px) {
    #secondary-nav .secondary-card.red-card:hover {
        border-left: 2px solid #d31245;
        border-bottom: 2px solid #d31245;
        border-right: 2px solid #d31245;
    }

}

#secondary-nav #red-card-border {
    background: #d31245;
}

#secondary-nav .secondary-card.orange-card {
    background: #fdf6f3;
}

#secondary-nav .secondary-card.orange-card .secondary-card-icon-container .secondary-card-icon {
    background-image: url(../images/foundation2.svg);
}

@media screen and (min-width:1366px) {
    #secondary-nav .secondary-card.orange-card:hover {
        border-left: 2px solid #d9693b;
        border-bottom: 2px solid #d9693b;
        border-right: 2px solid #d9693b;
    }

}

#secondary-nav #orange-card-border {
    background: #d9693b;
}

#secondary-nav .secondary-card.grey-card {
    background: #f7f7f7;
}

#secondary-nav .secondary-card.grey-card .secondary-card-icon-container .secondary-card-icon {
    background-image: url(../images/county.svg);
}

@media screen and (min-width:1366px) {
    #secondary-nav .secondary-card.grey-card:hover {
        border-left: 2px solid #777;
        border-bottom: 2px solid #777;
        border-right: 2px solid #777;
    }

}

#secondary-nav #grey-card-border {
    background: #777;
}

@media screen and (min-width:735px) {
    .secondary-card h4 {
        min-height: 64px;
        line-height: 1.2;
    }

}

#sub-section {
    background-color: #fff;
    padding-top: 40px;
}

#sub-section h3 {
    color: #005596;
    margin: 0;
}

#sub-section .sub-section--cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -64px;
    margin-right: -64px;
    padding-top: 40px;
}

@media screen and (max-width:746px) {
    #sub-section .sub-section--cards {
        margin-left: -36px;
        margin-right: -36px;
    }

}

#sub-section .sub-section--cards .left-desktop {
    padding: 0 17.5px 0 64px;
}

#sub-section .sub-section--cards .right-desktop {
    padding: 0 64px 0 17.5px;
}

@media screen and (max-width:736px) {
    #sub-section .sub-section--cards .left-desktop,
    #sub-section .sub-section--cards .right-desktop {
        padding: 0 36px;
    }

}

#sub-section .sub-section--cards div[class^=col-] {
    margin-bottom: 36px;
}

#sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner {
    padding: 30px;
    border: 1px solid #dee0e5;
    border-radius: 10px;
    min-height: 208px;
    position: relative;
}

@media screen and (max-width:1024px) {
    #sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner {
        min-height: 236px;
    }

}

@media screen and (max-width:768px) {
    #sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner {
        padding: 22px;
    }

}

#sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner h4 {
    color: #2f3c4f;
    padding-bottom: 20px;
    margin: 0;
}

#sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner p {
    color: #6e6e72;
}

@media screen and (max-width:736px) {
    #sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner p {
        margin: 0;
        padding-bottom: 17px;
    }

}

#sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner a {
    display: -ms-flexbox;
    display: flex;
    bottom: 30px;
}

#sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner a.wrapped-link {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: -9999px;
    z-index: 1000;
}

#sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner:hover {
    box-shadow: 10px 10px 60px rgba(0, 0, 0, .1);
    cursor: pointer;
}

#sub-section .sub-section--cards div[class^=col-] .sub-section--cards--inner:active {
    border: 2px solid #4690f7;
    box-shadow: none;
}

@media screen and (max-width:736px) {
    #sub-section .sub-section--cards .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

}

.signup.callout h1,
.signup.callout h2,
.signup.callout h3,
.signup.callout h4,
.signup.callout h5,
.signup.callout h6 {
    background-color: #005596;
}

.signup .callout {
    margin-bottom: 32px;
}

.callout--nested {
    background-color: #f9f9f9;
}

.callout--horizontal header {
    float: left;
    width: 30%;
}

.callout--horizontal header+div {
    float: right;
    width: 70%;
}

@media screen and (max-width:768px) {
    .callout.callout--nested {
        background-color: #fff;
    }

    .callout.callout--nested .card-padding {
        padding: 0;
    }

    .callout.callout--nested .callout__cta-container {
        margin-bottom: 52px;
    }

    .callout.callout--nested .callout__cta-container>div {
        margin-top: 0;
    }

    .callout.callout--nested header {
        margin-left: -26px;
        margin-right: -26px;
        margin-bottom: 26px;
    }

    .callout--horizontal header,
    .callout--horizontal header+div {
        float: none;
        width: auto;
    }

}

@media screen and (max-width:991px) {
    .card-padding.md-pad-16 {
        padding-top: 26px !important;
    }

}

.container.card h1 {
    margin-top: 0;
}

.card {
    background-color: #fff;
}

.card h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.card header h1 {
    padding: 26px;
    color: #fff;
}

.card p:last-child {
    margin-bottom: 0;
}

.card--info .colored-bg {
    padding: 7px;
}

.card--info h4 {
    font-size: 1.1em;
}

.card--info p {
    padding: 20px 28px;
}

.card--default-heading header h1 {
    color: #333;
}

.card__heading {
    margin-left: -26px;
    margin-right: -26px;
    padding: 20px;
    color: #fff;
}

.card-margin {
    margin-bottom: 32px;
}

.card-padding {
    padding: 26px;
}

.card-padding-top {
    padding-top: 26px;
}

.card-padding-bottom {
    padding-bottom: 26px;
}

.card-padding-left {
    padding-left: 26px;
}

.card-padding-right {
    padding-right: 26px;
}

.card-border {
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
}

.container.card {
    padding: 20px;
}

.callout a.btn {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 16px;
}

.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout h6 {
    color: #fff;
    margin: 0;
    padding: 26px;
}

.callout h2 {
    font-size: 1.4em;
}

.callout--no-color h1,
.callout--no-color h2,
.callout--no-color h3,
.callout--no-color h4,
.callout--no-color h5,
.callout--no-color h6 {
    color: #333;
    background-color: #fff !important;
}

.callout.card--with-padding {
    margin-top: 15px;
    margin-bottom: 15px;
}

.callout.card--with-padding header {
    margin-top: -26px;
    margin-left: -26px;
    margin-right: -26px;
}

.callout.card--with-padding header+div {
    margin-top: 26px;
}

.callout__cta-container.flex-item {
    -ms-flex-direction: column;
    flex-direction: column;
}

.full-color-bg-margin-padding-switch {
    margin-left: -26px;
    margin-right: -26px;
    padding: 26px;
}


/* ### Components - Loading and Animation ### */

.process-errors .invisible {
    visibility: visible;
    opacity: 1 !important;
}

.invalid {
    animation: d .5s linear;
}

@keyframes d {

    8%,
    41% {
        -webkit-transform: translateX(-10px);
    }

    25%,
    58% {
        -webkit-transform: translateX(10px);
    }

    75% {
        -webkit-transform: translateX(-5px);
    }

    92% {
        -webkit-transform: translateX(5px);
    }

    0%,
    to {
        -webkit-transform: translateX(0);
    }
}

@keyframes e {
    0% {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.scale-up {
    animation: e .33s ease-out;
}

.loader {
    opacity: 0;
    display: block;
    position: absolute;
    z-index: 10;
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
}

.loader--is-loading {
    opacity: 1;
    background: transparent url(../images/ajax-loader-transparent.gif) 50% no-repeat;
}

.animating {
    pointer-events: none;
}


/* ### Components - Scroll to Top ### */

#scroll-to-top {
    width: 60px;
    height: 60px;
    border: 1px solid #dee0e5;
    border-radius: 100px;
    display: inline-block;
    position: fixed;
    background: #005596;
    bottom: 30px;
    right: 30px;
    z-index: 9998;
    cursor: pointer;
    transition: background-color .3s, opacity .3s, visibility .3s;
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width:992px) {
    #scroll-to-top {
        width: 50px;
        height: 50px;
        bottom: 15%;
        right: 2%;
    }

}

#scroll-to-top .arrow-up {
    position: absolute;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    border-radius: 2px;
    top: 24px;
    left: 21px;
}

@media screen and (max-width:992px) {
    #scroll-to-top .arrow-up {
        top: 20px;
        left: 16px;
    }

}

#scroll-to-top.show {
    opacity: 1;
    visibility: visible;
}



/* ######### Page Specific ######### */

/* ### Page Specific - Pages ### */

@media screen and (min-width:568px) {
    .page-template-page-blank .container {
        padding: 0 10px;
    }

    .page-template-page-blank #breadcrumbs.container {
        padding: 0 64px;
    }

}

@media(max-width:992px) {
    .container .page-header>div {
        margin-top: 0;
    }

}

article#level-one #header .header-inner,
article#level-two #header .header-inner,
article#static #header .header-inner,
article.ofbf_member_benefits #header .header-inner {
    padding: 60px 0;
}

@media screen and (max-width:834px) {
    article#level-one #header .header-inner,
    article#level-two #header .header-inner,
    article#static #header .header-inner,
    article.ofbf_member_benefits #header .header-inner {
        padding: 26px 0 81px;
    }

}

article#level-one #header .header-inner .custom-row,
article#level-two #header .header-inner .custom-row,
article#static #header .header-inner .custom-row,
article.ofbf_member_benefits #header .header-inner .custom-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -32px;
    margin-left: -32px;
    padding: 0 32px;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width:1366px) {
    article#level-one #header .header-inner .custom-row,
    article#level-two #header .header-inner .custom-row,
    article#static #header .header-inner .custom-row,
    article.ofbf_member_benefits #header .header-inner .custom-row {
        margin-left: -64px;
        margin-right: -64px;
    }

}

@media screen and (max-width:1112px) {
    article#level-one #header .header-inner .custom-row,
    article#level-two #header .header-inner .custom-row,
    article#static #header .header-inner .custom-row,
    article.ofbf_member_benefits #header .header-inner .custom-row {
        padding: 0;
        margin-left: unset;
        margin-right: unset;
    }

}

@media screen and (max-width:1024px) {
    article#level-one #header .header-inner .custom-row,
    article#level-two #header .header-inner .custom-row,
    article#static #header .header-inner .custom-row,
    article.ofbf_member_benefits #header .header-inner .custom-row {
        padding: 0;
        margin-left: -36px;
        margin-right: -36px;
    }

}

@media screen and (max-width:834px) {
    article#level-one #header .header-inner .custom-row,
    article#level-two #header .header-inner .custom-row,
    article#static #header .header-inner .custom-row,
    article.ofbf_member_benefits #header .header-inner .custom-row {
        margin: 0;
    }

}

article#level-one #header .header-inner .custom-row .col-6-desktop,
article#level-two #header .header-inner .custom-row .col-6-desktop,
article#static #header .header-inner .custom-row .col-6-desktop,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 32px;
}

article#level-one #header .header-inner .custom-row .col-6-desktop h1,
article#level-two #header .header-inner .custom-row .col-6-desktop h1,
article#static #header .header-inner .custom-row .col-6-desktop h1,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop h1 {
    color: #005596;
}

@media screen and (max-width:834px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop h1,
    article#level-two #header .header-inner .custom-row .col-6-desktop h1,
    article#static #header .header-inner .custom-row .col-6-desktop h1,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop h1 {
        margin-top: 40px;
    }

}

article#level-one #header .header-inner .custom-row .col-6-desktop h2,
article#level-two #header .header-inner .custom-row .col-6-desktop h2,
article#static #header .header-inner .custom-row .col-6-desktop h2,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop h2 {
    color: #111;
}

article#level-one #header .header-inner .custom-row .col-6-desktop h1,
article#level-one #header .header-inner .custom-row .col-6-desktop h2,
article#level-two #header .header-inner .custom-row .col-6-desktop h1,
article#level-two #header .header-inner .custom-row .col-6-desktop h2,
article#static #header .header-inner .custom-row .col-6-desktop h1,
article#static #header .header-inner .custom-row .col-6-desktop h2,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop h1,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop h2 {
    margin-bottom: 10px;
    min-height: unset;
}

article#level-one #header .header-inner .custom-row .col-6-desktop p,
article#level-two #header .header-inner .custom-row .col-6-desktop p,
article#static #header .header-inner .custom-row .col-6-desktop p,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop p {
    margin: 0;
}

article#level-one #header .header-inner .custom-row .col-6-desktop .page-img,
article#level-two #header .header-inner .custom-row .col-6-desktop .page-img,
article#static #header .header-inner .custom-row .col-6-desktop .page-img,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop .page-img {
    width: auto;
    height: 360px;
    background-size: cover;
    background-position: 50%;
}

@media screen and (max-width:1680px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop .page-img,
    article#level-two #header .header-inner .custom-row .col-6-desktop .page-img,
    article#static #header .header-inner .custom-row .col-6-desktop .page-img,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop .page-img {
        width: 624px;
    }

}

@media screen and (max-width:1366px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop .page-img,
    article#level-two #header .header-inner .custom-row .col-6-desktop .page-img,
    article#static #header .header-inner .custom-row .col-6-desktop .page-img,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop .page-img {
        width: unset;
    }

}

@media screen and (max-width:834px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop .page-img,
    article#level-two #header .header-inner .custom-row .col-6-desktop .page-img,
    article#static #header .header-inner .custom-row .col-6-desktop .page-img,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop .page-img {
        height: 300px;
    }

    article#level-one #header .header-inner .custom-row .col-6-desktop .page-img--16x9,
    article#level-two #header .header-inner .custom-row .col-6-desktop .page-img--16x9,
    article#static #header .header-inner .custom-row .col-6-desktop .page-img--16x9,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop .page-img--16x9 {
        height: auto;
    }

}

article#level-one #header .header-inner .custom-row .col-6-desktop #podcast-img,
article#level-two #header .header-inner .custom-row .col-6-desktop #podcast-img,
article#static #header .header-inner .custom-row .col-6-desktop #podcast-img,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop #podcast-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}

article#level-one #header .header-inner .custom-row .col-6-desktop .addthis_sharing_toolbox,
article#level-two #header .header-inner .custom-row .col-6-desktop .addthis_sharing_toolbox,
article#static #header .header-inner .custom-row .col-6-desktop .addthis_sharing_toolbox,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop .addthis_sharing_toolbox {
    padding-top: 21px;
}

article#level-one #header .header-inner .custom-row .col-6-desktop:first-child,
article#level-two #header .header-inner .custom-row .col-6-desktop:first-child,
article#static #header .header-inner .custom-row .col-6-desktop:first-child,
article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop:first-child {
    max-width: 592px;
}

@media screen and (max-width:1680px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop:first-child,
    article#level-two #header .header-inner .custom-row .col-6-desktop:first-child,
    article#static #header .header-inner .custom-row .col-6-desktop:first-child,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop:first-child {
        max-width: 623.5px;
    }

}

@media screen and (max-width:1366px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop:first-child,
    article#level-two #header .header-inner .custom-row .col-6-desktop:first-child,
    article#static #header .header-inner .custom-row .col-6-desktop:first-child,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop:first-child {
        max-width: unset;
    }

}

@media screen and (max-width:1024px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop:first-child,
    article#level-two #header .header-inner .custom-row .col-6-desktop:first-child,
    article#static #header .header-inner .custom-row .col-6-desktop:first-child,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop:first-child {
        padding: 0 32px 0 36px;
    }

}

@media screen and (max-width:834px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop:first-child,
    article#level-two #header .header-inner .custom-row .col-6-desktop:first-child,
    article#static #header .header-inner .custom-row .col-6-desktop:first-child,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop:first-child {
        padding: unset;
    }

}

@media screen and (max-width:1680px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article#level-two #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article#static #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop:nth-child(2) {
        width: 624px;
    }

}

@media screen and (max-width:1366px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article#level-two #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article#static #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop:nth-child(2) {
        width: unset;
    }

}

@media screen and (max-width:1024px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article#level-two #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article#static #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop:nth-child(2) {
        padding: 0 36px 0 32px;
    }

}

@media screen and (max-width:834px) {
    article#level-one #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article#level-two #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article#static #header .header-inner .custom-row .col-6-desktop:nth-child(2),
    article.ofbf_member_benefits #header .header-inner .custom-row .col-6-desktop:nth-child(2) {
        padding: unset;
    }

    article#level-one #header .header-inner .custom-row .col-12-mobile,
    article#level-two #header .header-inner .custom-row .col-12-mobile,
    article#static #header .header-inner .custom-row .col-12-mobile,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-12-mobile {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    article#level-one #header .header-inner .custom-row .col-12-mobile:first-child,
    article#level-two #header .header-inner .custom-row .col-12-mobile:first-child,
    article#static #header .header-inner .custom-row .col-12-mobile:first-child,
    article.ofbf_member_benefits #header .header-inner .custom-row .col-12-mobile:first-child {
        -ms-flex-order: 2;
        order: 2;
    }

    article#level-one #header .header-inner .custom-row col-12-mobile:nth-child(2),
    article#level-two #header .header-inner .custom-row col-12-mobile:nth-child(2),
    article#static #header .header-inner .custom-row col-12-mobile:nth-child(2),
    article.ofbf_member_benefits #header .header-inner .custom-row col-12-mobile:nth-child(2) {
        -ms-flex-order: 1;
        order: 1;
    }

}

.container .page-header {
    margin: 0;
}

.container .page-header>div {
    margin-top: 26px;
}

.container .page-header>div:first-child {
    margin-top: 0;
}


/* ### Page Specific - Home ### */

#homepage-slider .slick-dots {
    position: absolute;
    top: 270px;
    left: 129px;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

@media screen and (min-width:1441px) {
    #homepage-slider .slick-dots {
        position: absolute;
        left: 20px;
        display: block;
        padding: 0;
        right: 0;
        list-style: none;
        text-align: left;
        max-width: 1440px !important;
        width: 100% !important;
        margin: 0 auto;
        padding: 0 64px;
        left: 0;
    }

}

@media screen and (max-width:1440px) {
    #homepage-slider .slick-dots {
        left: 60px;
    }

}

@media screen and (max-width:1112px) {
    #homepage-slider .slick-dots {
        top: 241px;
    }

}

@media screen and (max-width:834px) {
    #homepage-slider .slick-dots {
        left: 36px;
    }

}

@media screen and (max-width:414px) {
    #homepage-slider .slick-dots {
        left: 10px;
        top: 160px;
    }

}

@media screen and (max-width:992px) {
    .home #masthead .site-branding {
        position: absolute;
        z-index: 9999;
        width: 105px;
        transition: transform .25s;
        -ms-transform-origin: top left;
        transform-origin: top left;
        transition-timing-function: linear;
    }

    .home #masthead .site-branding img {
        width: 100%;
    }

    .home.scrolling #masthead .site-branding {
        -ms-transform: scale(.47);
        transform: scale(.47);
        top: 0;
        -ms-transform-origin: top left;
        transform-origin: top left;
        margin-top: 10px;
    }

    .home.fixed-position #masthead .site-branding {
        width: 49.35px;
        transition: none;
        -ms-transform: scale(1);
        transform: scale(1);
    }

}

.homepage-slider .slide-content .btn-primary,
.homepage-slider .slide-content .primary-btn {
    padding: 13px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
}

.homepage-slider {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
    min-height: 700px;
}

@media screen and (max-width:1112px) {
    .homepage-slider {
        min-height: 550px;
    }

}

@media screen and (max-width:600px) {
    .homepage-slider .slick-dots {
        top: 27%;
    }

}

.homepage-slider .slide-content {
    top: 314px;
    display: block;
    position: absolute;
    width: 47.2%;
    z-index: 99;
}

@media screen and (min-width:1921px) {
    .homepage-slider .slide-content {
        max-width: 680px;
    }

}

@media screen and (max-width:1440px) {
    .homepage-slider .slide-content {
        left: 64px;
        width: 52%;
    }

}

@media screen and (max-width:1112px) {
    .homepage-slider .slide-content {
        width: 64%;
        top: 284px;
    }

}

@media screen and (max-width:905px) {
    .homepage-slider .slide-content {
        width: 71%;
    }

}

@media screen and (max-width:834px) {
    .homepage-slider .slide-content {
        width: 75.3%;
        left: 36px;
    }

}

@media screen and (max-width:736px) {
    .homepage-slider .slide-content {
        width: 90.2%;
    }

}

@media screen and (max-width:600px) {
    .homepage-slider .slide-content {
        top: 42%;
    }

}

@media screen and (max-width:414px) {
    .homepage-slider .slide-content {
        left: 0;
        padding: 0 16px;
        position: absolute;
        width: 100%;
        top: 202px;
    }

}

.homepage-slider .slide-content h1,
.homepage-slider .slide-content h5 {
    color: #fff;
    margin-bottom: 0;
}

.homepage-slider .slide-content h1 {
    padding-bottom: 20px;
}

@media screen and (max-width:1112px) {
    .homepage-slider .slide-content h1 {
        font-size: 42px;
        line-height: 48px;
    }

}

@media screen and (max-width:834px) {
    .homepage-slider .slide-content h1 {
        padding-bottom: 10px;
    }

}

@media screen and (max-width:414px) {
    .homepage-slider .slide-content h1 {
        font-size: 28px;
        line-height: 34px;
    }

}

.homepage-slider .slide-content h5 {
    padding-bottom: 40px;
}

@media screen and (max-width:1112px) {
    .homepage-slider .slide-content h5 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 30px;
    }

}

@media screen and (max-width:414px) {
    .homepage-slider .slide-content h5 {
        font-size: 16px;
        line-height: 28px;
    }

}

.homepage-slider .slide-content .primary-btn,
.homepage-slider .slide-content .secondary-btn {
    padding-left: 27.5px;
    padding-right: 27.5px;
    text-decoration: none;
}

@media screen and (max-width:414px) {
    .homepage-slider .slide-content .primary-btn,
    .homepage-slider .slide-content .secondary-btn {
        display: inline-block;
        margin-bottom: 20px;
        margin-right: 20px;
        text-align: center;
    }

}

.homepage-slider .slide-content .primary-btn {
    margin-right: 10px;
}

.homepage-slider .slide-content .secondary-btn {
    margin-left: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.homepage-slider .slide-content .secondary-btn:hover {
    background: #efefef !important;
}

@media screen and (max-width:1112px) {
    .homepage-slider .slick-track {
        height: 550px;
    }

}

.homepage-slider .slick-track .slick-container {
    position: relative;
    z-index: 1;
}

.homepage-slider .slick-track .slick-container .slick-active {
    min-height: 700px !important;
    height: 700px;
    z-index: 5;
    background-color: gray;
}

.homepage-slider .slick-track .slick-container .slider-img {
    height: 700px;
    width: 100%;
    box-sizing: border-box;
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.homepage-slider .slick-track .slick-container .slider-img img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media screen and (min-width:1920px) {
    .homepage-slider .slick-track .slick-container .slider-img {
        width: 100%;
    }

}

@media screen and (max-width:1112px) {
    .homepage-slider .slick-track .slick-container .slider-img {
        height: 550px;
    }

}

@media screen and (max-width:768px) {
    .homepage-slider .slick-track .slick-container .slider-img img {
        object-position: 10% center;
    }

}

@media screen and (max-width:414px) {
    .homepage-slider .slick-track .slick-container .slider-img {
        height: 550px;
        max-width: unset;
    }

}

.homepage-slider .slick-track .slick-container .gradient-overlay {
    width: 89%;
    display: block;
    position: absolute;
    height: 100%;
    background: linear-gradient(90deg, #2d2d2d, rgba(48, 48, 48, 0));
    background-blend-mode: multiply;
    opacity: .5;
    z-index: 9;
    left: 0;
}

.homepage-slider .slick-track .slick-container iframe {
    display: block;
    margin: 0 auto;
}

@media screen and (max-width:1112px) {
    .homepage-slider .slick-track .slick-container iframe {
        width: 100%;
    }

}

.homepage-slider:not(.slick-initialized) {
    display: block !important;
}

.homepage-slider:not(.slick-initialized) .slick-container,
.homepage-slider:not(.slick-initialized) .slick-container .container .slide-content {
    display: none;
}

.homepage-slider:not(.slick-initialized) .slick-container.slick-active {
    display: block;
}

.circle-left {
    right: 144px;
    z-index: 99;
    bottom: 47px;
}

@media screen and (max-width:1440px) {
    .circle-left {
        right: 85px;
        bottom: 66px;
    }

}

@media screen and (max-width:1112px) {
    .circle-left {
        bottom: 2.5rem;
    }

}

@media screen and (max-width:833px) {
    .circle-left {
        display: none !important;
    }

}

.circle-left:hover {
    background: #efefef;
    cursor: pointer;
}

.circle-right {
    right: 64px;
    z-index: 99;
    bottom: 47px;
}

@media screen and (max-width:1440px) {
    .circle-right {
        right: 5px;
        bottom: 66px;
    }

}

@media screen and (max-width:1112px) {
    .circle-right {
        bottom: 2.5rem;
    }

}

@media screen and (max-width:833px) {
    .circle-right {
        display: none !important;
    }

}

.circle-right:hover {
    background: #efefef;
    cursor: pointer;
}


/* ### Page Specific - Articles ### */

.single-post .wysiwyg .alignleft {
    float: left;
    margin: .5em 1em .5em 0;
    /* width: unset;
    height: unset; */
    clear: both;
}

.post a[data-visited]>header:before {
    top: 6px;
    left: 6px;
    z-index: 10;
    color: #333;
    background-color: #fff;
    padding: 4px 8px;
    opacity: .5;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    content: "viewed";
    text-transform: uppercase;
}

.post header {
    position: relative;
}

.article-small .entry-content,
.article-small .entry-meta,
.sidebar-container article .entry-content,
.sidebar-container article .entry-meta {
    display: none;
}

.article-small h1,
.sidebar-container article h1 {
    font-size: 1em;
    line-height: 1.5em;
}

.post-template-default.single-post h6,
p.nationwide-disclaimer {
    color: #707070 !important;
    font-weight: 400;
    line-height: 1.2 !important;
}

.article-card .article-content h6 {
    font-size: 18px;
    font-size: 1.125rem;
}

p.nationwide-disclaimer {
    font-size: 12px !important;
    font-size: .75rem !important;
}

.article-attachments__heading {
    font-size: 1.2em;
}

article.category-sponsored {
    background-color: #f5f5f5;
    border-radius: 10px;
}

article.category-sponsored>a,
article.category-sponsored>button,
article.category-sponsored>div,
article.category-sponsored footer {
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5;
    border-radius: 10px;
}

article.category-sponsored footer {
    background-color: #f5f5f5;
    border-radius: 0 0 10px 10px;
}

article.category-sponsored footer>div:last-of-type {
    border-radius: 0 0 10px 10px;
}

article.category-sponsored .post-interaction {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

article.category-sponsored .post-interaction:last-child {
    border-radius: 0 0 10px 0;
}

article.category-sponsored .post-interaction:hover:not(.addthis_toolbox) {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}

article.category-sponsored .avatar-default {
    display: none;
}

article#article-details header#header {
    max-width: 720px;
    margin: 5rem auto 0;
    /* margin: 120px auto 0; */
}

@media screen and (max-width:1366px) {
    article#article-details header#header {
    max-width: 720px;
    }

}

@media screen and (max-width:1112px) {
    article#article-details header#header {
        max-width: 771px;
    }

}

@media screen and (max-width:1024px) {
    article#article-details header#header {
        max-width: 705px;
    }

}

@media screen and (max-width:834px) {
    article#article-details header#header {
        max-width: 562px;
        margin: 100px auto 0;
    }

}

@media screen and (max-width:768px) {
    article#article-details header#header {
        max-width: 513px;
    }

}

@media screen and (max-width:736px) {
    article#article-details header#header {
        max-width: 489px;
    }

}

@media screen and (max-width:667px) {
    article#article-details header#header {
        max-width: 595px;
    }

}

@media screen and (max-width:414px) {
    article#article-details header#header {
        margin: 60px auto 0;
    }

}

@media screen and (min-width:1366px) {
    article#article-details header#header .container {
        padding: 0 36px !important;
    }

}

article#article-details header#header .container .header-inner .custom-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -32px;
    margin-left: -32px;
}

@media screen and (max-width:1112px) {
    article#article-details header#header .container .header-inner .custom-row {
        padding: 0;
        margin-left: -16px;
        margin-right: -16px;
    }

}

@media screen and (max-width:1024px) {
    article#article-details header#header .container .header-inner .custom-row {
        padding: 0;
    }

}

@media screen and (max-width:414px) {
    article#article-details header#header .container .header-inner .custom-row {
        margin-left: -16px;
        margin-right: -16px;
    }

}

article#article-details header#header .container .header-inner .custom-row h1,
article#article-details header#header .container .header-inner .custom-row h2 {
    margin: 0;
    padding-bottom: 10px;
}

@media screen and (max-width:414px) {
    article#article-details header#header .container .header-inner .custom-row h2 {
        font-size: 28px;
        line-height: 34px;
    }

}

article#article-details header#header .container .header-inner .custom-row h1.page-title {
    color: #005596;
    min-height: unset;
}

article#article-details header#header .container .header-inner .custom-row .entry-meta {
    padding: 0;
}

article#article-details header#header .container .header-inner .custom-row .entry-meta .posted-on {
    color: #777;
}

article#article-details header#header .container .header-inner .custom-row .entry-meta .pipe {
    color: #dee0e5;
    padding: 0 8px;
    font-size: 20px;
}

article#article-details header#header .container .header-inner .custom-row .entry-meta .byline {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: fit-content;
}

article#article-details header#header .container .header-inner .custom-row .entry-meta .byline .author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.featured-articles .article-content h1,
.featured-articles .article-content h2,
.featured-articles .article-content h3,
.featured-articles .article-content h4,
.featured-articles .article-content h5,
.featured-articles .article-content h6 {
    margin-bottom: 10px !important;
}

.featured-articles .article-content .paragraph,
.featured-articles .article-content p {
    line-height: 1.4;
}

.single-post .wysiwyg .content-container h3 {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 20px 0;
}

.preview p {
    overflow: hidden;
}


/* ### Page Specific - Article Archives and Search ### */

section#article-search h3,
section#search-page h3,
section#tag-category-header h3 {
    color: #005596;
    text-align: center;
    padding: 70px 0 40px;
    margin: 0 0 -43px;
}

@media screen and (max-width:568px) {
    section#article-search h3,
    section#search-page h3,
    section#tag-category-header h3 {
        padding: 50px 0 30px;
    }

}

section#article-search #article-filter-container,
section#search-page #article-filter-container,
section#tag-category-header #article-filter-container {
    background: #fff;
    border: 1px solid #dee0e5;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    max-width: 830px;
    height: 86px;
    position: relative;
    bottom: -43px;
    padding: 20px;
    height: auto;
}

@media(max-width:1112px) {
    section#article-search #article-filter-container,
    section#search-page #article-filter-container,
    section#tag-category-header #article-filter-container {
        width: 100%;
        max-width: unset;
    }

}

section#article-search #article-filter-container .filter-field-container .custom-row,
section#search-page #article-filter-container .filter-field-container .custom-row,
section#tag-category-header #article-filter-container .filter-field-container .custom-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

@media screen and (max-width:568px) {
    section#article-search #article-filter-container .filter-field-container .custom-row,
    section#search-page #article-filter-container .filter-field-container .custom-row,
    section#tag-category-header #article-filter-container .filter-field-container .custom-row {
        margin: 0;
    }

    section#article-search #article-filter-container .filter-field-container .custom-row .col-12,
    section#search-page #article-filter-container .filter-field-container .custom-row .col-12,
    section#tag-category-header #article-filter-container .filter-field-container .custom-row .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

}

@media screen and (min-width:569px) {
    section#article-search #article-filter-container .filter-field-container .custom-row .col-sm-5,
    section#search-page #article-filter-container .filter-field-container .custom-row .col-sm-5,
    section#tag-category-header #article-filter-container .filter-field-container .custom-row .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
        padding-left: 5px;
        padding-right: 5px;
    }

    section#article-search #article-filter-container .filter-field-container .custom-row .col-sm-2,
    section#search-page #article-filter-container .filter-field-container .custom-row .col-sm-2,
    section#tag-category-header #article-filter-container .filter-field-container .custom-row .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 5px;
        padding-right: 5px;
    }

}

section#article-search #article-filter-container .filter-field-container .custom-row #filter-articles-by-tag,
section#article-search #article-filter-container .filter-field-container .custom-row select,
section#search-page #article-filter-container .filter-field-container .custom-row #filter-articles-by-tag,
section#search-page #article-filter-container .filter-field-container .custom-row select,
section#tag-category-header #article-filter-container .filter-field-container .custom-row #filter-articles-by-tag,
section#tag-category-header #article-filter-container .filter-field-container .custom-row select {
    border: 1px solid #dee0e5;
}

section#article-search #article-filter-container .filter-field-container .custom-row select,
section#search-page #article-filter-container .filter-field-container .custom-row select,
section#tag-category-header #article-filter-container .filter-field-container .custom-row select {
    background: #fff;
    border-radius: 7px;
    background-image: url(../images/caret-down.svg);
    background-position: right 14px top 20px;
    -moz-appearance: none;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none;
}

section#article-search #article-filter-container .filter-field-container .custom-row select option,
section#search-page #article-filter-container .filter-field-container .custom-row select option,
section#tag-category-header #article-filter-container .filter-field-container .custom-row select option {
    color: #2f3c4f;
}

section#article-search #article-filter-container .filter-field-container .custom-row select.has-placeholder,
section#search-page #article-filter-container .filter-field-container .custom-row select.has-placeholder,
section#tag-category-header #article-filter-container .filter-field-container .custom-row select.has-placeholder {
    color: #b6bbc1;
}

section#article-search #article-filter-container .filter-field-container .custom-row select:hover,
section#search-page #article-filter-container .filter-field-container .custom-row select:hover,
section#tag-category-header #article-filter-container .filter-field-container .custom-row select:hover {
    background-color: #fafafa;
}

@media screen and (max-width:568px) {
    section#article-search #article-filter-container .filter-field-container .custom-row input.filter-articles-by-tag,
    section#article-search #article-filter-container .filter-field-container .custom-row select,
    section#search-page #article-filter-container .filter-field-container .custom-row input.filter-articles-by-tag,
    section#search-page #article-filter-container .filter-field-container .custom-row select,
    section#tag-category-header #article-filter-container .filter-field-container .custom-row input.filter-articles-by-tag,
    section#tag-category-header #article-filter-container .filter-field-container .custom-row select {
        margin-bottom: 10px;
    }

    section#article-search #article-filter-container .filter-field-container .custom-row #search-submit,
    section#search-page #article-filter-container .filter-field-container .custom-row #search-submit,
    section#tag-category-header #article-filter-container .filter-field-container .custom-row #search-submit {
        margin-top: 10px;
    }

}

#filtered-results {
    padding: 30px 0 120px;
}

#filtered-results .misha_loadmore {
    margin: 4px auto 0;
    padding: 14px 24.5px;
}

@media screen and (max-width:568px) {
    #filtered-results .misha_loadmore {
        margin: 0 auto;
        width: 80%;
        text-align: center;
    }

}

section#tag-category-header .card {
    padding: 19px 30px 30px;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin: 30px 0;
}

section#tag-category-header .card h2 {
    margin: 0 0 7px;
}

section#tag-category-header .card p:nth-child(3) {
    margin: 0 0 17px;
}

#featured-articles,
#filtered-results {
    position: relative;
}

#featured-articles a.all-articles.desktop,
#filtered-results a.all-articles.desktop {
    z-index: 999;
    position: absolute;
    right: 0;
    top: 65px;
}

@media screen and (max-width:567px) {
    #featured-articles a.all-articles.desktop,
    #filtered-results a.all-articles.desktop {
        display: none;
    }

}

#featured-articles h3.section-title,
#filtered-results h3.section-title {
    padding: 64px 0 56px;
    color: #005596;
    margin: 0;
}

@media screen and (max-width:834px) {
    #featured-articles h3.section-title,
    #filtered-results h3.section-title {
        padding-bottom: 40px;
    }

}

@media screen and (max-width:414px) {
    #featured-articles h3.section-title,
    #filtered-results h3.section-title {
        font-size: 28px;
        line-height: 34px;
    }

}

#featured-articles div[class^=col-],
#filtered-results div[class^=col-] {
    padding-bottom: 36px;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width:768px) {
    #featured-articles .col-sm-12,
    #filtered-results .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

}

@media screen and (min-width:769px) {
    #featured-articles .col-md-6,
    #filtered-results .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

}

#featured-articles .article-card,
#filtered-results .article-card {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 30px;
    width: 100%;
}

@media screen and (max-width:1320px) {
    #featured-articles .article-card,
    #filtered-results .article-card {
        display: block;
        padding: 20px;
    }

}

@media screen and (max-width:568px) {
    #featured-articles .article-card,
    #filtered-results .article-card {
        display: block;
        padding: 20px;
    }

}

#featured-articles .article-card .article-img,
#filtered-results .article-card .article-img {
    float: left;
    width: 162px;
    height: 162px;
}

@media screen and (max-width:1320px) {
    #featured-articles .article-card .article-img,
    #filtered-results .article-card .article-img {
        display: block;
        width: 100%;
        height: unset;
    }

}

@media screen and (max-width:568px) {
    #featured-articles .article-card .article-img,
    #filtered-results .article-card .article-img {
        display: block;
        width: 100%;
        height: unset;
    }

}

#featured-articles .article-card .article-img img.desktop,
#filtered-results .article-card .article-img img.desktop {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    object-position: center center;
}

@media screen and (max-width:1320px) {
    #featured-articles .article-card .article-img img.desktop,
    #filtered-results .article-card .article-img img.desktop {
        display: none;
    }

}

@media screen and (max-width:768px) {
    #featured-articles .article-card .article-img img.desktop,
    #filtered-results .article-card .article-img img.desktop {
        display: block;
    }

}

@media screen and (max-width:568px) {
    #featured-articles .article-card .article-img img.desktop,
    #filtered-results .article-card .article-img img.desktop {
        display: none;
    }

}

@media screen and (min-width:1321px) {
    #featured-articles .article-card .article-img img.mobile,
    #filtered-results .article-card .article-img img.mobile {
        display: none;
    }

}

@media screen and (max-width:1320px) {
    #featured-articles .article-card .article-img img.mobile,
    #filtered-results .article-card .article-img img.mobile {
        display: block;
        width: 100%;
        height: auto;
    }

}

@media screen and (max-width:768px) {
    #featured-articles .article-card .article-img img.mobile,
    #filtered-results .article-card .article-img img.mobile {
        display: none;
    }

}

@media screen and (max-width:568px) {
    #featured-articles .article-card .article-img img.mobile,
    #filtered-results .article-card .article-img img.mobile {
        display: block;
        width: 100%;
        height: auto;
    }

}

#featured-articles .article-card .article-content,
#filtered-results .article-card .article-content {
    margin-left: 30px;
    float: left;
    width: 338px;
}

@media screen and (max-width:1320px) {
    #featured-articles .article-card .article-content,
    #filtered-results .article-card .article-content {
        width: 100%;
        float: unset;
        margin: 0;
        clear: left;
        padding-top: 20px;
    }

}

@media screen and (max-width:568px) {
    #featured-articles .article-card .article-content,
    #filtered-results .article-card .article-content {
        width: 100%;
        float: unset;
        margin: 0;
        clear: left;
        padding-top: 20px;
    }

}

#featured-articles .article-card .article-content h6,
#featured-articles .article-card .article-content p,
#filtered-results .article-card .article-content h6,
#filtered-results .article-card .article-content p {
    margin: 0;
}

@media screen and (max-width:1200px) {
    #featured-articles .article-card .article-content p:nth-child(3),
    #filtered-results .article-card .article-content p:nth-child(3) {
        padding-top: 10px;
    }

}

@media screen and (max-width:768px) {
    #featured-articles .article-card .article-content p:nth-child(3),
    #filtered-results .article-card .article-content p:nth-child(3) {
        padding-top: unset;
    }

}

@media screen and (max-width:568px) {
    #featured-articles .article-card .article-content p:nth-child(3),
    #filtered-results .article-card .article-content p:nth-child(3) {
        padding-top: 10px;
    }

}

#featured-articles .article-card .article-content a.article-link,
#filtered-results .article-card .article-content a.article-link {
    margin-top: 10px;
    width: 104px;
    display: block;
}

@media screen and (max-width:1200px) {
    #featured-articles .article-card .article-content a.article-link,
    #filtered-results .article-card .article-content a.article-link {
        margin-top: 17px;
    }

}

@media screen and (max-width:768px) {
    #featured-articles .article-card .article-content a.article-link,
    #filtered-results .article-card .article-content a.article-link {
        margin-top: 10px;
        width: 104px;
        display: block;
    }

}

@media screen and (max-width:568px) {
    #featured-articles .article-card .article-content a.article-link,
    #filtered-results .article-card .article-content a.article-link {
        margin-top: 17px;
    }

}

@media screen and (max-width:567px) {
    #featured-articles .article-card .article-content a.article-link,
    #filtered-results .article-card .article-content a.article-link {
        width: 100%;
        text-align: center;
    }

}

#featured-articles .article-card .article-content a:not(.article-link):hover,
#filtered-results .article-card .article-content a:not(.article-link):hover {
    color: #0072c9;
}

#featured-articles a.all-articles.mobile,
#filtered-results a.all-articles.mobile {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

@media screen and (min-width:568px) {
    #featured-articles a.all-articles.mobile,
    #filtered-results a.all-articles.mobile {
        display: none;
    }

}

.no-results {
    padding: 0 18px;
}

#content .archive-header,
header.archive-header {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    margin-bottom: 32px;
    padding: 26px;
    margin-top: 64px;
    display: block;
}

#content .archive-header a.btn,
header.archive-header a.btn {
    text-decoration: none;
    margin-bottom: 8px;
    margin-right: 8px;
    color: #000 !important;
    background-color: #ececec;
    border-color: #ececec;
}

#content .archive-header a.btn:hover,
header.archive-header a.btn:hover {
    color: #000 !important;
    background-color: #d3d3d3;
    border-color: #d3d3d3;
}

#content .archive-header h1 {
    font-size: 1.75em;
    margin: 0;
    background-color: #fff;
    color: #333;
}

#content .archive-header h3 {
    padding-bottom: 15px;
}

#author-header h2 {
    padding: 0;
}

#author-header .archive-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

#author-header .archive-meta .author-avatar {
    margin-right: 0;
}

@media screen and (max-width:480px) {
    #author-header .archive-meta .author-avatar {
        margin-right: 15px;
    }

}

#author-header .archive-meta .author-avatar img {
    width: 75%;
}

@media screen and (max-width:480px) {
    #author-header .archive-meta .author-avatar img {
        width: 100%;
    }

}

#author-header .archive-meta .author-bio {
    margin: 0;
    font-size: 1.1em;
}

.archive-header-styles {
    margin-top: 0;
    margin-bottom: 32px;
}

.archive-header-styles h1 {
    font-size: 1.75em;
    margin: 0;
    background-color: #fff;
    color: #333;
}

.archive-header-styles .archive-meta {
    margin-top: 26px;
}


/* ### Page Specific - Events ### */

/* Single-event details. Theme-owned styles work with or without Events Manager CSS.
   Scope layout rules to the direct header so embedded event lists retain their layout. */
#event-details .em-view-container[data-view="event"] {
    position: relative;
}

#event-details .em-event-single {
    /* --font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    --font-size: 16px;
    --line-height: 20px;
    --default-color: #666;
    --meta-color: #787878;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    font-family: var(--font-family) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #212121 !important;
    background: transparent !important;
}

#event-details .em-event-single *,
#event-details .em-event-single *::before,
#event-details .em-event-single *::after {
    box-sizing: border-box;
}

#event-details .em-event-single > section {
    margin: 2rem 0;
    padding: 0;
}

#event-details .em-event-single > .em-item-header {
    display: block;
    width: 100%;
    color: #666;
    background: transparent;
}

#event-details .em-event-single > .em-item-header > .em-item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
}

#event-details .em-event-single > .em-item-header .em-item-meta-column {
    flex: 1 1 290px;
    min-width: 0;
    margin: 0;
    padding: 0;
}

#event-details .em-event-single > .em-item-header .em-item-meta-column > section {
    margin: 0 0 40px;
    padding: 0;
}

#event-details .em-event-single > .em-item-header h3 {
    margin: 0 0 20px !important;
    padding: 0;
    font-size: 26px !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase;
    color: #666;
}

#event-details .em-event-single > .em-item-header .em-item-meta-line {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    margin: 0 0 10px;
    padding: 0;
    line-height: 22px;
    overflow-wrap: anywhere;
}

#event-details .em-event-single > .em-item-header .em-event-location {
    line-height: 24px !important;
}

#event-details .em-event-single > .em-item-header .em-item-meta-line a {
    color: #787878 !important;
    font-weight: 600;
    font-style: italic !important;
    text-decoration: underline dotted #787878 1px !important;
    text-underline-offset: 3px;
}

#event-details .em-event-single > .em-item-header .em-item-taxonomy ul,
#event-details .em-event-single > .em-item-header .em-item-taxonomy li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#event-details .em-event-single > .em-item-header .em-item-taxonomy li {
    margin-right: 5px !important;
}

/* Inline SVGs keep the metadata icons independent of plugin assets and variables. */
#event-details .em-event-single .em-icon {
    display: inline-block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0 15px -4px 0;
    padding: 0;
    font-size: 20px;
    line-height: 22px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}

#event-details .em-event-single .em-icon-calendar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23787878' stroke-width='1.25'%3E%3Crect x='3' y='5' width='18' height='16' rx='1'/%3E%3Cpath d='M7 2v6m10-6v6M3 10h18M7 14h2m2 0h2m2 0h2M7 17h2m2 0h2m2 0h2'/%3E%3C/svg%3E") !important;
}

#event-details .em-event-single .em-icon-clock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23787878' stroke-width='1.25'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") !important;
}

#event-details .em-event-single .em-icon-location {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23787878' stroke-width='1.25'%3E%3Cpath d='M19 9c0 5-7 12-7 12S5 14 5 9a7 7 0 1 1 14 0Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") !important;
}

#event-details .em-event-single .em-icon-at {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23787878' stroke-width='1.25'%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='M15.5 8.5v6a2 2 0 0 0 4 0V12a7.5 7.5 0 1 0-3 6'/%3E%3C/svg%3E") !important;
}

#event-details .em-event-single .em-icon-category {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23787878' stroke-width='1.25'%3E%3Cpath d='M3 5h7l2 3h9v12H3Z'/%3E%3C/svg%3E") !important;
}

#event-details .em-event-single .em-icon-tag {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23787878' stroke-width='1.25'%3E%3Cpath d='M6 3h12v18l-6-4-6 4Z'/%3E%3C/svg%3E") !important;
}

#event-details .em-event-single .em-icon-ticket {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23787878' stroke-width='1.25'%3E%3Cpath d='M3 5h18v5a2 2 0 0 0 0 4v5H3v-5a2 2 0 0 0 0-4Z'/%3E%3Cpath d='M15 5v14' stroke-dasharray='2 2'/%3E%3C/svg%3E") !important;
}

#event-details .em-event-single .em-icon-cross-circle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a32c2c' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 8 8 8m0-8-8 8'/%3E%3C/svg%3E") !important;
}

#event-details .em-event-single > .em-item-header :is(button.input, a.button.input) {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
    height: 38px !important;
    margin: 15px 0 0 !important;
    padding: 0 20px !important;
    border: 1px solid #bbb !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #555 !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 38px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer;
}

#event-details .em-event-single > .em-item-header button.em-event-add-to-calendar {
    padding-right: 40px !important;
}

#event-details .em-event-single .em-item-header :is(button.input, a.button.input) .em-icon {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
    margin: 0;
    background-size: 18px;
}

#event-details .em-event-single button.em-event-add-to-calendar::after {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 7px;
    height: 7px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    content: "";
    transform: rotate(45deg);
}

#event-details .em-event-single button.em-event-add-to-calendar[aria-expanded="true"]::after {
    top: 17px;
    transform: rotate(225deg);
}

#event-details .em-event-single > .em-item-header :is(button.input, a.button.input):hover {
    border-color: #666 !important;
    color: #222 !important;
}

#event-details .em-event-single :is(button, a):focus-visible {
    outline: 2px solid #005596 !important;
    outline-offset: 3px;
}

/* Events Manager moves the calendar links into this popup when its JS opens it. */
#event-details .em-event-single .em-tooltip-ddm-content {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

#event-details .em-add-to-calendar-tooltip .tippy-box {
    position: relative;
    width: 100%;
    padding: 6px;
    border: 1px solid #ccd3d8;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 4px 14px rgb(0 8 16 / 8%);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

#event-details .em-add-to-calendar-tooltip .tippy-box[data-state="hidden"] {
    visibility: hidden;
}

#event-details .em-add-to-calendar-tooltip .tippy-content {
    padding: 0;
}

#event-details .em-add-to-calendar-tooltip .tippy-arrow {
    display: none;
}

#event-details .em-add-to-calendar-tooltip .em-event-add-to-calendar-content a {
    display: block;
    width: 100%;
    padding: 8px 10px !important;
    background: transparent !important;
    color: #333 !important;
    text-decoration: none !important;
}

#event-details .em-add-to-calendar-tooltip .em-event-add-to-calendar-content a:is(:hover, :focus-visible) {
    background: #f3f3f3 !important;
    outline: 2px solid #005596;
    outline-offset: -2px;
}

#event-details .em-event-single > .em-event-location .em-location-map-container {
    width: 100%;
    aspect-ratio: 2 / 1;
}

#event-details .em-event-single > .em-event-location :is(.em-location-map, .em-location-map-content) {
    width: 100%;
    height: 100%;
}

#event-details .em-event-single > .em-event-location :is(.em-loading-maps, .em-location-map-404) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    border: 1px dashed #d0d0d0;
    background: #fafafa;
    color: #888;
    text-align: center;
}

#event-details .em-event-single > .em-event-location .em-loading-maps > span {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.3;
    color: #aaa;
}

#event-details .em-event-single > .em-event-location .em-loading-maps svg {
    width: 100px;
    max-height: 100px;
}

#event-details .em-event-single > .em-event-content p {
    margin: 0 0 25px !important;
    padding: 0;
    font-size: 16px;
    line-height: 20px !important;
}

#event-details .em-event-single > .em-event-content a {
    color: #005596 !important;
    text-decoration: underline;
}

#event-details .em-event-single > .em-event-bookings > h2 {
    margin: 0 0 20px !important;
    padding: 0;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
}

#event-details .em-event-single > .em-event-cancelled.em-notice {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    padding: 12px 16px;
    border-left: 4px solid #a32c2c;
    background: #fff5f5;
    color: #a32c2c;
}

#event-details .em-event-single > .em-event-cancelled .em-icon {
    margin: 0;
}

#event-details .em-event-single.em-event-cancelled > .em-item-header .em-event-meta-datetime {
    text-decoration: line-through;
}

@media (max-width: 599px) {
    #event-details .em-event-single > .em-item-header .em-item-meta-column {
        flex-basis: 100%;
    }

    #event-details .em-event-single > .em-item-header .em-item-meta-column > section {
        margin-bottom: 30px;
    }

    #event-details .em-event-single > .em-item-header h3 {
        font-size: 22px !important;
    }
}

/* End theme-owned single-event details. */

table.em-calendar td.eventless-today, table.em-calendar td.eventful-today {
    background-color: #dddddd;
}

table.fullcalendar td {
    text-align: left;
    border: 1px solid #c9c9c9;
}

#all-events-header {
    background: #fafafa;
    padding-bottom: 150px;
}

@media screen and (max-width:567px) {
    #all-events-header {
        padding-bottom: 30px;
    }

}

#all-events-header h1 {
    font-weight: 400;
    font-size: 1.8em;
    color: #005596;
}

#all-events-header .ae-title {
    padding-top: 30px;
    margin-bottom: 20px;
}

#all-events-header .ae-cal-wrap {
    background: #fff;
    padding: 20px;
    border: 2px solid #dee0e5;
}

@media screen and (max-width:568px) {
    #all-events-header .ae-cal-wrap {
        padding: 10px;
    }

}

#all-events-header .ae-cal-wrap td,
#all-events-header .ae-cal-wrap th {
    width: 14.28% !important;
    vertical-align: top !important;
}

#all-events-header .ae-cal-wrap li,
#all-events-header .ae-cal-wrap ul {
    padding: 0;
    list-style-type: none;
}

#all-events-header .ae-cal-wrap table {
    table-layout: fixed !important;
}

.events-filters #filter-tags {
    padding-left: 0;
    padding-right: 0;
}

.days-names td {
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    border: 0 !important;
}

.day-cells td {
    padding: 5px;
}

.day-cells td[data-calendar-date] {
    cursor: pointer;
}

.day-cells td[data-calendar-date]:focus-visible {
    outline: 2px solid #005596;
    outline-offset: -2px;
}

.day-cells td.is-selected-day {
    box-shadow: inset 0 0 0 2px #005596;
}

.day-cells td.is-loading-day {
    opacity: .65;
}

.day-cells .cell-inner {
    /* border: 1px solid #dee0e5; */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 4px;
    padding: 5px;
    min-height: 120px;
    position: relative;
}

.day-cells .cell-inner.has-event-pills {
    max-height: 180px;
}

.day-cells .cell-inner:hover {
    /* border: 2px solid #4690f7; */
    padding: 4px;
}

.em-calendar {
    width: 100%;
}

#all-events-header .ofbf-cal-events {
    display: grid;
    flex: 1 1 auto;
    gap: 4px;
    margin-top: 7px;
    min-height: 0;
    max-height: 180px;
    padding-right: 3px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: #9db7c7 transparent;
    scrollbar-width: thin;
}

#all-events-header .ofbf-cal-events::-webkit-scrollbar {
    width: 5px;
}

#all-events-header .ofbf-cal-events::-webkit-scrollbar-track {
    background: transparent;
}

#all-events-header .ofbf-cal-events::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #9db7c7;
}

#all-events-header .ofbf-cal-event-wrap {
    min-width: 0;
    position: relative;
}

#all-events-header .ofbf-cal-event {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    min-width: 0;
    padding: 5px;
    border-radius: 4px;
    background: #eaf4f7;
    color: #005596;
    font-size: 14px;
    line-height: 1.25;
    text-decoration: none;
}

#all-events-header .ofbf-cal-event-preview {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    visibility: hidden;
    width: 230px;
    padding: 12px;
    border: 1px solid #dee0e5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    color: #2f3c4f;
    font-size: 14px;
    line-height: 1.3;
    opacity: 0;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

#all-events-header .ofbf-cal-event-wrap:hover,
#all-events-header .ofbf-cal-event-wrap:focus-within {
    z-index: 1001;
}

#all-events-header .ofbf-cal-event-wrap:hover .ofbf-cal-event-preview,
#all-events-header .ofbf-cal-event-wrap:focus-within .ofbf-cal-event-preview {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

#all-events-header .ofbf-cal-event-preview__title,
#all-events-header .ofbf-cal-event-preview__date,
#all-events-header .ofbf-cal-event-preview__time {
    display: block;
}

#all-events-header .ofbf-cal-event-preview__title {
    margin-bottom: 8px;
    color: #005596;
    font-size: 15px;
}

#all-events-header .ofbf-cal-event-preview__date,
#all-events-header .ofbf-cal-event-preview__time {
    color: #000;
    font-weight: 400;
}

#all-events-header .ofbf-cal-event-preview__time {
    margin-top: 3px;
}

#all-events-header .ofbf-cal-event-preview__link {
    display: inline-block;
    margin-top: 10px;
    color: #005596;
}

#all-events-header .ofbf-cal-event-preview__link:hover,
#all-events-header .ofbf-cal-event-preview__link:focus-visible {
    color: #003f70;
}

#all-events-header .ofbf-cal-event__details {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

#all-events-header .ofbf-cal-event:hover,
#all-events-header .ofbf-cal-event:focus-visible {
    background: #d8ebf2;
    color: #003f70;
    text-decoration: none;
}

#all-events-header .ofbf-cal-event__dot {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ofbf-cal-dot-color, #005596);
}

#all-events-header .ofbf-cal-event__time {
    flex: none;
    white-space: nowrap;
    font-weight: 600;
}

#all-events-header .ofbf-cal-event__title {
    /* min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

#all-events-header .ofbf-cal-more {
    display: block;
    font-size: 10px;
    line-height: 1.25;
}

.cal-day {
    font-size: 16px;
    font-weight: 700;
}

.ofbf-cal-day-heading {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 4px;
}

.ofbf-cal-day-count {
    color: #526170;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.ofbf-cal-day-count::before {
    margin-right: 4px;
    content: "|";
}

.cal-day,
.events-counter {
    display: inline-block;
}

.events-counter {
    width: 100%;
}

.events-counter {
    background: rgba(0, 85, 150, .1);
    padding: 2px;
    margin-top: 10px;
}

.events-counter a {
    font-size: 8px;
    font-weight: 600;
    color: #005596;
    text-decoration: none;
    position: relative;
    top: -3px;
    left: 5px;
}

#post-0 h1.entry-title {
    color: #005596;
    padding-bottom: 40px;
    font-size: 42px;
    line-height: 48px;
    margin-top: 40px;
    font-weight: 400;
}

#post-0 .entry-content {
    padding: 0 0 40px;
}

#post-0 .entry-content h3 {
    display: none;
}

#post-0 .entry-content ul {
    padding-left: 0;
    margin-left: 0;
}

#post-0 .entry-content:after {
    display: block;
    clear: both;
    content: " ";
}

#all-events-header .eventful-pre,
#all-events-header .eventful-post,
#all-events-header .eventless-pre,
#all-events-header .eventless-post {
    background-color: #fff;
    color: #fff;
    opacity: 1;
    border: none !important;
}

#all-events-header .eventful-pre .cell-inner,
#all-events-header .eventful-post .cell-inner,
#all-events-header .eventless-pre .cell-inner,
#all-events-header .eventless-post .cell-inner {
    background-color: #fff;
    color: #fff;
}

#all-events-header .eventful-pre .ofbf-cal-day-heading,
#all-events-header .eventful-pre .ofbf-cal-events,
#all-events-header .eventful-post .ofbf-cal-day-heading,
#all-events-header .eventful-post .ofbf-cal-events,
#all-events-header .eventless-pre .ofbf-cal-day-heading,
#all-events-header .eventless-pre .ofbf-cal-events,
#all-events-header .eventless-post .ofbf-cal-day-heading,
#all-events-header .eventless-post .ofbf-cal-events {
    display: none !important;
}

.cal-separator td {
    padding: 0;
    border: 0 !important;
}

.cal-separator .cal-sep {
    width: 100%;
    border: 0;
}

.em-calnav {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #dee0e5;
    border-radius: 100px;
    text-align: center;
}

.em-calnav img {
    width: 4px;
    height: auto;
    position: relative;
    top: 0;
}

.cal-month {
    width: 200px;
    float: left;
    font-weight: 700;
    font-size: 28px;
}

.cal-nav {
    width: 200px;
    float: right;
    text-align: right;
}

.events-modal {
    position: absolute;
    width: 330px;
    top: 0;
    left: 0;
    display: none;
    background: #fff;
    z-index: 9;
    padding: 20px;
    border: 1px solid #dee0e5;
    border-radius: 6px;
    overflow: hidden scroll;
    height: auto;
    max-height: 330px;
}

@media screen and (max-width:1112px) {
    .events-modal {
        width: 225px;
        left: -75px;
        padding: 15px;
    }

}

@media screen and (max-width:767px) {
    .events-modal {
        width: 185px;
    }

}

.events-modal a.wrapped-link {
    text-decoration: none !important;
}

.events-modal h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #2f3c4f;
}

@media screen and (max-width:767px) {
    .events-modal h5,
    .events-modal h6 {
        margin-bottom: 4px;
    }

}

.events-modal .col-xl-4 {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.events-modal .col-xl-4:last-child .event-card {
    padding-bottom: 0;
}

.events-modal .event-date {
    font-size: 16px;
    color: #000;
    line-height: 20px;
    font-weight: 400;
}

@media screen and (max-width:1112px) {
    .events-modal .event-date {
        font-size: 15px;
    }

}

.events-modal .event-card {
    padding-bottom: 20px;
}

.events-modal .event-card .event-content {
    padding-top: 15px;
}

.events-column .col-xl-4 {
    width: 100% !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: none !important;
}

.events-column .event-image-wrapper {
    display: none;
}

.events-column .event-card {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #efefef;
    margin-bottom: .5rem;
}

.events-column .event-card a.wrapped-link {
    text-decoration: none;
}

.events-column .event-card .event-image {
    display: none;
}

.events-column .event-card h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.15;
    color: #005596;
    margin: 0 0 12px;
}

.events-column .event-card h6 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.events-column__list.is-loading {
    opacity: .65;
}

.events-column__restore {
    display: inline-block;
    margin: -4px 0 12px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #005596;
    font-size: 13px;
    line-height: 1.3;
    text-decoration: underline;
    cursor: pointer;
}

.events-column__restore[hidden] {
    display: none !important;
}

.events-column__restore:hover,
.events-column__restore:focus-visible {
    color: #003f70;
}

.events-column .calendar-sidebar-event__date,
.events-column .calendar-sidebar-event__time {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
}

.events-column .calendar-sidebar-event__time {
    margin-top: 3px;
}

.events-column .calendar-sidebar-event__link {
    display: inline-block;
    margin-top: 12px;
}

.events-column .calendar-sidebar-event__calendar-links {
    display: grid;
    gap: 4px;
    margin-top: 12px;
    padding-top: 9px;
    border-top: 1px solid #e6e9ec;
}

.events-column .calendar-sidebar-event__calendar-links a {
    width: fit-content;
    color: #005596;
    font-size: 11px;
    line-height: 1.35;
    text-decoration: underline;
}

.events-column .calendar-sidebar-event__calendar-links a:hover,
.events-column .calendar-sidebar-event__calendar-links a:focus-visible {
    color: #003f70;
}

.events-column .calendar-sidebar-events__empty,
.events-column .calendar-sidebar-events__status {
    margin: 0;
}

.events-filters-wrap {
    background: #fff;
    border: 1px solid #dee0e5;
    border-radius: 10px;
    padding: 20px;
    margin-top: -50px;
}

@media screen and (max-width:1112px) {
    .events-filters-wrap {
        padding: 10px;
    }

}

@media screen and (max-width:567px) {
    .events-filters-wrap {
        background: unset;
        border: none;
        padding-left: -15px !important;
        padding-right: -15px !important;
        border-radius: unset;
    }

    .events-filters-wrap .filter-field-container {
        background: #fff;
        border: 1px solid #dee0e5;
        border-radius: 10px;
        padding: 10px;
    }

}

.events-filters-wrap .filter-field-container .custom-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

@media screen and (max-width:568px) {
    .events-filters-wrap .filter-field-container .custom-row {
        margin: 0;
    }

    .events-filters-wrap .filter-field-container .custom-row .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

}

@media screen and (min-width:569px) {
    .events-filters-wrap .filter-field-container .custom-row .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .events-filters-wrap .filter-field-container .custom-row .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 5px;
        padding-right: 5px;
    }

}

.events-filters-wrap .filter-field-container .custom-row .col-sm-6 #filter-articles-by-tag,
.events-filters-wrap .filter-field-container .custom-row .col-sm-6 select,
.events-filters-wrap .filter-field-container .custom-row .col-2 #filter-articles-by-tag,
.events-filters-wrap .filter-field-container .custom-row .col-12 select {
    border: 1px solid #dee0e5;
}

.events-filters-wrap .filter-field-container .custom-row .col-sm-6 select,
.events-filters-wrap .filter-field-container .custom-row .col-12 select {
    background: #fff;
    border-radius: 7px;
    background-image: url(../images/caret-down.svg);
    background-position: right 14px top 20px;
    -moz-appearance: none;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none;
}

.events-filters-wrap .filter-field-container .custom-row .col-sm-6 select option,
.events-filters-wrap .filter-field-container .custom-row .col-12 select option {
    color: #2f3c4f;
}

.events-filters-wrap .filter-field-container .custom-row .col-sm-6 select.has-placeholder,
.events-filters-wrap .filter-field-container .custom-row .col-12 select.has-placeholder {
    color: #b6bbc1;
}

.events-filters-wrap .filter-field-container .custom-row .col-sm-6 select:hover,
.events-filters-wrap .filter-field-container .custom-row .col-12 select:hover {
    background-color: #fafafa;
}

@media screen and (max-width:568px) {
    .events-filters-wrap .filter-field-container .custom-row .col-sm-6 input.filter-articles-by-tag,
    .events-filters-wrap .filter-field-container .custom-row .col-sm-6 select,
    .events-filters-wrap .filter-field-container .custom-row .col-12 input.filter-articles-by-tag,
    .events-filters-wrap .filter-field-container .custom-row .col-12 select {
        margin-bottom: 10px;
    }

}

.events-filters-wrap .filter-field-container #search-submit,
.filter-months-wrapper {
    margin-top: 20px;
}

.filter-months-wrapper .filter-months {
    text-align: center;
    width: 7.69%;
    display: inline-block;
    text-decoration: none;
    color: #2f3c4f;
    background: #fff;
    padding: 7px;
    border: 1px solid #dee0e5;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
    max-height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.filter-months-wrapper .filter-months:last-child {
    margin: 0;
}

.filter-months-wrapper .filter-months.active {
    border-color: #4690f7;
    background: #005596;
    color: #fff;
}

.filter-months-wrapper .filter-months input {
    visibility: hidden;
    -webkit-appearance: none;
    appearance: none;
}

.filter-months-wrapper .filter-months input:hover {
    border-color: #4690f7;
}

.filter-months-wrapper .filter-months label {
    margin-bottom: 0;
    text-align: center;
    margin-left: -3px;
    cursor: pointer;
    font-weight: 600;
}

@media screen and (max-width:1112px) {
    .filter-months-wrapper .custom-col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        padding-right: 3px;
        padding-left: 3px;
        margin-bottom: 6px;
    }

    .filter-months-wrapper .custom-col-12 .filter-months.all {
        width: 100%;
        height: 46px;
        max-height: unset;
    }

    .filter-months-wrapper .custom-col-2 {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
        position: relative;
        width: 100%;
        padding-right: 3px;
        padding-left: 3px;
        margin-bottom: 6px;
    }

    .filter-months-wrapper .custom-col-2 .filter-months {
        width: 100%;
        height: 46px;
        max-height: unset;
    }

    .filter-months-wrapper.row {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .events-column {
        display: none;
    }

    .calendar-column {
        max-width: 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }

}

@media screen and (max-width:567px) {
    .calendar-column {
        display: none;
    }

}

.single-event .event-categories {
    margin-left: 0;
    padding-left: 0;
}

.single-event .event-categories li {
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
}

.single-event .event-categories li a {
    display: inline-block;
    background: #fff;
    padding: 10px;
    text-decoration: none;
    border-radius: 100px;
    background: #005596;
    color: #fff;
}

.single-event .event-categories li a:active,
.single-event .event-categories li a:hover {
    color: #fff !important;
    background: #0072c9 !important;
    text-decoration: none;
}

@media screen and (min-width:1113px) {
    #desktop.filter-months-wrapper {
        display: -ms-flexbox !important;
        display: flex !important;
    }

}

@media screen and (max-width:1112px) {
    #desktop.filter-months-wrapper {
        display: none !important;
    }

}

@media screen and (min-width:1113px) {
    #mobile.filter-months-wrapper {
        display: none !important;
    }

}

@media screen and (max-width:1112px) {
    #mobile.filter-months-wrapper {
        display: -ms-flexbox !important;
        display: flex !important;
    }

}

@media screen and (min-width:768px) {
    #all-events-header h1 {
        font-size: 2.375em;
    }

    #all-events-header .ae-title {
        padding-top: 70px;
        margin-bottom: 30px;
    }

}

.event-image-wrapper {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    object-position: center center;
}

#featured-events,
#filtered-events,
#future-events,
#related-events {
    margin: 110px 0 120px;
    position: relative;
}

#featured-events a.all-events.desktop,
#filtered-events a.all-events.desktop,
#future-events a.all-events.desktop,
#related-events a.all-events.desktop {
    z-index: 999;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width:567px) {
    #featured-events a.all-events.desktop,
    #filtered-events a.all-events.desktop,
    #future-events a.all-events.desktop,
    #related-events a.all-events.desktop {
        display: none;
    }

}

#featured-events h3,
#filtered-events h3,
#future-events h3,
#related-events h3 {
    color: #005596;
    padding-bottom: 40px;
}

#featured-events .event-card,
#filtered-events .event-card,
#future-events .event-card,
#related-events .event-card {
    border-radius: 10px;
    border: 1px solid #efefef;
    /* Leave room for the margin inside each stretched event column. */
    height: calc(100% - 20px);
    margin-bottom: 20px;
}

@media screen and (max-width:1364px) {
    #featured-events .event-card,
    #filtered-events .event-card,
    #future-events .event-card,
    #related-events .event-card {
        height: calc(100% - 36px);
        margin-bottom: 36px;
    }

}

#featured-events .event-card img,
#filtered-events .event-card img,
#future-events .event-card img,
#related-events .event-card img {
    position: absolute;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
}

#featured-events .event-card .event-content,
#filtered-events .event-card .event-content,
#future-events .event-card .event-content,
#related-events .event-card .event-content {
    padding: 21px;
}

#featured-events .event-card .event-content a.wrapped-link,
#filtered-events .event-card .event-content a.wrapped-link,
#future-events .event-card .event-content a.wrapped-link,
#related-events .event-card .event-content a.wrapped-link {
    text-decoration: none;
}

#featured-events .event-card .event-content a.wrapped-link h6,
#filtered-events .event-card .event-content a.wrapped-link h6,
#future-events .event-card .event-content a.wrapped-link h6,
#related-events .event-card .event-content a.wrapped-link h6 {
    color: #d31245;
    margin: 0;
    padding-bottom: 6px;
}

#featured-events .event-card .event-content a.wrapped-link h5,
#filtered-events .event-card .event-content a.wrapped-link h5,
#future-events .event-card .event-content a.wrapped-link h5,
#related-events .event-card .event-content a.wrapped-link h5 {
    margin: 0;
    color: #2f3c4f;
}

#featured-events .event-card .event-content a.wrapped-link p,
#filtered-events .event-card .event-content a.wrapped-link p,
#future-events .event-card .event-content a.wrapped-link p,
#related-events .event-card .event-content a.wrapped-link p {
    margin: 0;
}

#featured-events .event-card .event-content a.wrapped-link p:nth-child(4),
#filtered-events .event-card .event-content a.wrapped-link p:nth-child(4),
#future-events .event-card .event-content a.wrapped-link p:nth-child(4),
#related-events .event-card .event-content a.wrapped-link p:nth-child(4) {
    padding-top: 6px;
    padding-bottom: 21px;
    color: #2f3c4f;
}

#featured-events .event-card .event-content a,
#filtered-events .event-card .event-content a,
#future-events .event-card .event-content a,
#related-events .event-card .event-content a {
    line-height: 35px;
}

#featured-events a.all-events.mobile,
#filtered-events a.all-events.mobile,
#future-events a.all-events.mobile,
#related-events a.all-events.mobile {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

@media screen and (min-width:568px) {
    #featured-events a.all-events.mobile,
    #filtered-events a.all-events.mobile,
    #future-events a.all-events.mobile,
    #related-events a.all-events.mobile {
        display: none;
    }

}

#filtered-events,
#future-events {
    margin: 110px auto 120px !important;
}

#filtered-events .col-xl-4.col-md-12.col-sm-12.col-12 {
    margin-bottom: 20px;
}

#filtered-events>div>div {
    margin-bottom: 30px;
}

@media screen and (min-width:567px)and (max-width:734px) {
    #featured-events .row>:nth-child(3),
    #filtered-events .row>:nth-child(3),
    #future-events .row>:nth-child(3),
    #related-events .row>:nth-child(3) {
        display: none;
    }

}

@media screen and (max-width:566px) {
    #featured-events .row>*,
    #filtered-events .row>*,
    #future-events .row>*,
    #related-events .row>* {
        margin-bottom: 30px;
    }

    /* Single-column cards use the existing column margin for their row gap. */
    #featured-events .event-card,
    #filtered-events .event-card,
    #future-events .event-card,
    #related-events .event-card {
        height: auto;
        margin-bottom: 0;
    }

}

article#event-details header#header {
    max-width: 860px;
    margin: 5rem auto 0;
}

@media screen and (max-width:1366px) {
    article#event-details header#header {
    max-width: 720px;
    }

}

@media screen and (max-width:1112px) {
    article#event-details header#header {
        max-width: 771px;
    }

}

@media screen and (max-width:1024px) {
    article#event-details header#header {
        max-width: 705px;
    }

}

@media screen and (max-width:834px) {
    article#event-details header#header {
        max-width: 562px;
        margin: 100px auto 0;
    }

}

@media screen and (max-width:768px) {
    article#event-details header#header {
        max-width: 513px;
    }

}

@media screen and (max-width:736px) {
    article#event-details header#header {
        max-width: 489px;
    }

}

@media screen and (max-width:667px) {
    article#event-details header#header {
        max-width: 595px;
    }

}

@media screen and (max-width:414px) {
    article#event-details header#header {
        margin: 60px auto 0;
    }

}

@media screen and (min-width:1366px) {
    article#event-details header#header .container {
        padding: 0 36px !important;
    }

}

article#event-details header#header .container .header-inner .custom-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -32px;
    margin-left: -32px;
}

@media screen and (max-width:1112px) {
    article#event-details header#header .container .header-inner .custom-row {
        padding: 0;
        margin-left: -16px;
        margin-right: -16px;
    }

}

@media screen and (max-width:1024px) {
    article#event-details header#header .container .header-inner .custom-row {
        padding: 0;
    }

}

@media screen and (max-width:414px) {
    article#event-details header#header .container .header-inner .custom-row {
        margin-left: -16px;
        margin-right: -16px;
    }

}

article#event-details header#header .container .header-inner .custom-row h1 {
    margin: 0;
    padding-bottom: 10px;
}

article#event-details header#header .container .header-inner .custom-row h2 {
    padding-bottom: 1rem;
    margin: 0;
}

@media screen and (max-width:414px) {
    article#event-details header#header .container .header-inner .custom-row h2 {
        font-size: 28px;
        line-height: 34px;
    }

}

article#event-details header#header .container .header-inner .custom-row h1.page-title {
    color: #d31245;
}

article#event-details header#header .container .header-inner .custom-row h5 {
    color: #535353;
}

article#event-details header#header .container .header-inner .custom-row .calendar-btn-container {
    padding: 1rem 0;
}

article#event-details header#header .container .header-inner .custom-row .calendar-btn-container a.secondary-btn {
    margin-right: 10px;
}

@media screen and (max-width:414px) {
    article#event-details header#header .container .header-inner .custom-row .calendar-btn-container a.secondary-btn {
        width: 100%;
        margin-bottom: 15px;
        display: block;
        text-align: center;
    }

}

article#event-details header#header .container .header-inner .custom-row .entry-meta {
    padding: 5px 0;
    margin-bottom:1rem;
}

article#event-details header#header .container .header-inner .custom-row .entry-meta .posted-on {
    color: #777;
}

article#event-details header#header .container .header-inner .custom-row .entry-meta .posted-on p {
    margin: 0;
}

article#event-details header#header .container .header-inner .custom-row .entry-meta .pipe {
    color: #dee0e5;
    padding: 0 8px;
    font-size: 20px;
}

article#event-details #wysiwyg .content-container {
    margin-bottom: 70px;
}

article#event-details #tags {
    margin: 0 auto 70px;
}

.location span[itemprop=datePublished] {
    vertical-align: top;
}

@media(min-width:992px) {
    .calendar-events__event-inline-list {
        margin-top: 20px;
    }

}

article#event-details .wysiwyg .content-container h4 {
    padding: 60px 0 30px;
}

article#event-details .wysiwyg .content-container button {
    margin-top: 30px;
}


/* ### Page Specific - Recipes ### */

#content\ ofbf-recipe-single p:empty,
.site-content--recipes p:empty {
    display: none;
}

@media screen and (max-width:992px) {
    #content\ ofbf-recipe-single,
    .site-content--recipes {
        margin-left: -36px;
        margin-right: -36px;
    }

    #content\ ofbf-recipe-single article header.entry-header h1.entry-title,
    .site-content--recipes article header.entry-header h1.entry-title {
        font-size: 2.5em;
        font-weight: 500;
    }

}

@media screen and (max-width:480px) {
    #content\ ofbf-recipe-single,
    .site-content--recipes {
        margin-left: -15px;
        margin-right: -15px;
    }

    #content\ ofbf-recipe-single header.archive-header,
    .site-content--recipes header.archive-header {
        margin-top: 32px;
    }

    #content\ ofbf-recipe-single header.archive-header h3,
    .site-content--recipes header.archive-header h3 {
        font-size: 1.6rem;
    }

    #content\ ofbf-recipe-single header.archive-header a.btn.em-filter,
    .site-content--recipes header.archive-header a.btn.em-filter {
        padding: 10px 14px;
    }

    #content\ ofbf-recipe-single article header.entry-header h1.entry-title,
    .site-content--recipes article header.entry-header h1.entry-title {
        font-size: 2em;
        line-height: 1.4em;
    }

    #content\ ofbf-recipe-single article .entry-content p,
    .site-content--recipes article .entry-content p {
        font-size: 1.15em;
        line-height: 1.7em;
    }

}

#content\ ofbf-recipe-single {
    margin: 0 auto;
    max-width: 65%;
}

@media screen and (max-width:992px) {
    #content\ ofbf-recipe-single {
        max-width: 95%;
    }

}

@media screen and (max-width:480px) {
    #content\ ofbf-recipe-single {
        max-width: 100%;
    }

}

#content\ ofbf-recipe-single .social-actions button.footer-share {
    display: none;
}

article.ofbf_recipes {
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    margin-bottom: 32px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

article.ofbf_recipes header h1 {
    padding: 17px;
    color: #fff;
}

article.ofbf_recipes .entry-author-meta {
    padding: 12px;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 5px;
}

article.ofbf_recipes .entry-author-meta time {
    margin-left: 5px;
    line-height: 38px;
}

article.ofbf_recipes .entry-author-meta .default-logo-thumb-our-ohio {
    background-position: -36px 0;
    background-image: url(../images/default-logo-thumbs-07.png) !important;
    background-size: cover;
    float: right;
}

article.ofbf_recipes a {
    text-decoration: none;
}

article.ofbf_recipes footer.loop {
    text-align: right;
    background-color: #f9f9f9;
}

article.ofbf_recipes footer.loop a,
article.ofbf_recipes footer.loop button {
    color: #777 !important;
}

article.ofbf_recipes footer.loop .footer-share,
article.ofbf_recipes footer.loop a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

article.ofbf_recipes footer.loop .footer-share .circle,
article.ofbf_recipes footer.loop a .circle {
    border: unset;
    box-sizing: unset;
    border-radius: 50%;
    position: unset;
    overflow: unset;
    margin-top: unset !important;
}

article.ofbf_recipes .author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

article.ofbf_recipes .author .category-lifestyle a:not(.navbar a),
article.ofbf_recipes .author .category-our-ohio a:not(.navbar a),
article.ofbf_recipes .author .related-articles .type-ofbf_recipes a:not(.navbar a) {
    color: #e8612a;
}

article.ofbf_recipes .author img {
    border-radius: 50%;
    width: 36px;
    max-width: unset;
    height: 36px;
}

article.ofbf_recipes:first-child {
    margin-top: 64px;
}

.type-ofbf_recipes h1 {
    background-color: #e8612a;
    transition: background-color .35s ease-out;
}

.type-ofbf_recipes a:not(.navbar a) {
    color: #005596;
    font-weight: 600;
}

ul.ingredients {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 40px;
}

.ofbf-recipes-servings,
.ofbf-recipes-timing dd:first-of-type,
.ofbf-recipes-timing dt:first-of-type {
    font-weight: 700;
    font-size: 1.1em;
}

@media screen and (min-width:56.25em) {
    .site-content--recipes {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .site-content--recipes>a {
        display: none;
    }

    .site-content--recipes .archive-header {
        width: 100%;
    }

    .site-content--recipes article.ofbf_recipes {
        position: relative;
        -ms-flex: 0 0 calc(25% - 20px);
        flex: 0 0 calc(25% - 20px);
        margin: 0 9px 25px;
    }

    .site-content--recipes article.ofbf_recipes header h1 {
        height: 78px;
        font-size: 1.125rem;
        line-height: 1.2;
    }

    .site-content--recipes article.ofbf_recipes footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

}

.site-content--recipes {
    max-width: 1312px !important;
}


/* ### Page Specific - What's in Season ### */

/* What's in season bootsrap 3 stuff */
.whats-in-season__wrapper {
    padding: 0;
    text-align: center;
}

.whats-in-season__sorter {
    padding: 20px;
}

.wis-season-details-wrapper {
    opacity: 1;
    font-size: .85em;
    height: 26px;
    overflow: hidden;
}

.wis-season-details-wrapper:hover {
    opacity: 1;
}

.wis-season-details-wrapper .wis-season-details-seasons li {
    float: left;
    pointer-events: none;
}

.wis-season-details-wrapper .wis-season-details-seasons>li {
    width: 33.33333%;
}

.wis-season-details-wrapper .wis-season-details-seasons label {
    pointer-events: none;
    font-weight: 400;
    margin-bottom: 0;
}

.wis-season-details-wrapper .wis-season-details-months li {
    float: left;
    pointer-events: none;
    width: 12.5%;
}

.wis-in-spring {
    color: #fff;
    background-color: #b6d77f;
}

.wis-in-summer {
    color: #fff;
    background-color: #febb64;
}

.wis-in-fall {
    color: #fff;
    background-color: #cd757a;
}

.whats-in-season__article {
    box-sizing: border-box;
    width: 33%;
    min-height: 200px;
}

.whats-in-season__article article {
    margin: 16px;
}

.whats-in-season__article h1 {
    font-size: 1.1em;
    padding: 20px;
}

.whats-in-season__article .wis-in-spring {
    color: #fff;
    background-color: #b6d77f;
}

.whats-in-season__article .wis-in-summer {
    color: #fff;
    background-color: #febb64;
}

.whats-in-season__article .wis-in-fall {
    color: #fff;
    background-color: #cd757a;
}

.whats-in-season__article.vegetable h1 {
    background-color: #239957;
}

.whats-in-season__article.fruit h1 {
    background-color: #cc0657;
}

.whats-in-season__article ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.whats-in-season__article ul li {
    background-color: #eee;
    color: #777;
    width: 12.5%;
    float: left;
}

#wis-filter-months {
    margin-top: 20px;
}

#wis-filter-months .wis-in-spring {
    color: #fff;
    background-color: #b6d77f;
}

#wis-filter-months .wis-in-summer {
    color: #fff;
    background-color: #febb64;
}

#wis-filter-months .wis-in-fall {
    color: #fff;
    background-color: #cd757a;
}

#wis-filter-months ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

#wis-filter-months ul li {
    cursor: pointer;
}

#wis-filter-months .ui-slider .ui-slider-handle,
#wis-filter-months .ui-slider .ui-slider-range {
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
}

#wis-filter-months #wis-slider {
    width: 88%;
    margin: 0 auto;
}

#wis-filter-months .ui-slider-range {
    display: none;
    border: 0;
    top: -34px;
    height: 36px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}

#wis-filter-months .ui-widget-content {
    border: none;
}

#wis-filter-months .ui-state-hover,
#wis-filter-months .ui-widget-content {
    background: none;
    background-color: transparent;
}

#wis-filter-months .ui-slider-handle {
    width: 14.5%;
    margin-left: -7.25%;
    box-shadow: 0 0 2px #333;
}

#wis-filter-months .ui-slider-handle:hover {
    box-shadow: 0 0 4px #333;
    cursor: -moz-grab;
}

#wis-filter-months .ui-slider-handle:active {
    cursor: -moz-grabbing;
}

#wis-filter-months .ui-state-default,
#wis-filter-months .ui-widget-content .ui-state-default,
#wis-filter-months .ui-widget-header .ui-state-default {
    background: none;
    background-color: transparent;
    border-width: 4px;
    height: 40px;
    border-color: #ececec;
    top: -36px;
    border-radius: 0;
}

#wis-filter-months.fixed {
    position: fixed;
    bottom: 0;
    z-index: 200;
    width: 100%;
    background-color: #fff;
    left: 0;
}

@media(max-width:992px) {
    .whats-in-season__article {
        width: 50%;
    }

}

@media(max-width:480px) {
    .whats-in-season__article {
        width: 100%;
    }

}

#whats-in-season-page h1 {
    font-weight: 500;
    font-size: 45px;
    margin-bottom: 0;
    font-family: source sans pro;
    line-height: 60.75px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    margin: 0 15px;
}

#whats-in-season-page .row {
    margin-left: -15px;
    margin-right: -15px;
}

#whats-in-season-page .row .col-12 p {
    margin: 0 15px 16px;
    font-family: Source Sans Pro;
    font-size: 16px;
    color: #212529;
}

#whats-in-season-page .row .col-12 p img {
    width: 1074px;
}

#whats-in-season-page .card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    padding: 20px !important;
}

#whats-in-season-page .whats-in-season__sorter .btn.active,
#whats-in-season-page .whats-in-season__sorter .btn:active {
    color: #000 !important;
    background-color: #d3d3d3;
    border-color: #d3d3d3;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .13);
}

#whats-in-season-page .whats-in-season__sorter .btn {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.7777778;
    border-radius: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .25s ease-out, background-color .25s ease-out, border-color .25s ease-out;
}

#whats-in-season-page .whats-in-season__sorter .w-100 {
    display: block;
    width: 100%;
}

#whats-in-season-page .whats-in-season__sorter .btn-ofbf-default,
#whats-in-season-page .whats-in-season__sorter .btn-wis-fruit,
#whats-in-season-page .whats-in-season__sorter .btn-wis-vegetable {
    color: #000 !important;
    background-color: #ececec;
    border-color: #ececec;
}

#whats-in-season-page .whats-in-season__sorter .btn-ofbf-default:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#whats-in-season-page .whats-in-season__sorter .btn-wis-fruit.active,
#whats-in-season-page .whats-in-season__sorter .btn-wis-fruit:active,
#whats-in-season-page .whats-in-season__sorter .btn-wis-fruit:focus,
#whats-in-season-page .whats-in-season__sorter .btn-wis-fruit:hover,
#whats-in-season-page .whats-in-season__sorter .open .dropdown-toggle.btn-wis-fruit {
    color: #fff !important;
    background-color: #cc0657;
    border-color: #cc0657;
}

#whats-in-season-page .whats-in-season__sorter .btn-wis-vegetable.active,
#whats-in-season-page .whats-in-season__sorter .btn-wis-vegetable:active,
#whats-in-season-page .whats-in-season__sorter .btn-wis-vegetable:focus,
#whats-in-season-page .whats-in-season__sorter .btn-wis-vegetable:hover,
#whats-in-season-page .whats-in-season__sorter .open .dropdown-toggle.btn-wis-vegetable {
    color: #fff !important;
    background-color: #239957;
    border-color: #239957;
}

#whats-in-season-page .whats-in-season__sorter .input-group {
    border-radius: 0;
    position: relative;
    display: table;
    border-collapse: separate;
}

#whats-in-season-page .whats-in-season__sorter .input-group input#wis-sort-by-input-text {
    border-radius: 0;
    display: cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 46px;
    padding: 6px 12px;
    line-height: 1.7777778;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
    font-family: source sans pro;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}

#whats-in-season-page .whats-in-season__sorter .input-group .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

@media(min-width:992px) {
    #whats-in-season-page .whats-in-season__sorter #wis-filter-months .col-md-12 {
        width: 100%;
        float: left;
    }

}

#whats-in-season-page .whats-in-season__sorter #wis-filter-months ul li {
    float: left;
    width: 12.5%;
    transition: opacity .25s ease-out;
    cursor: pointer;
    line-height: 32px;
}

#whats-in-season-page .whats-in-season__wrapper {
    padding: 0 !important;
}

#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article {
    box-sizing: border-box;
    width: 33%;
    min-height: 200px;
}

@media screen and (max-width:992px) {
    #whats-in-season-page .whats-in-season__wrapper .whats-in-season__article {
        width: 50%;
    }

}

@media screen and (max-width:480px) {
    #whats-in-season-page .whats-in-season__wrapper .whats-in-season__article {
        width: 100%;
    }

}

#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article article {
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    margin-bottom: 32px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article article h1 {
    transition: background-color .35s ease-out;
    font-size: 19.8px;
    font-weight: 500;
    line-height: 26.73px;
    font-family: source sans pro;
    padding: 20px;
    color: #fff;
    margin: 0;
}

#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article article .fruit .ofbf_whats_in_season h1,
#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article article .fruit.type-ofbf_whats_in_season h1 {
    background-color: #cc0657;
}

#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article article .wis-season-details-wrapper {
    transition: opacity .25s ease-out;
    opacity: 1;
    font-size: 15.3px;
    height: 26px;
}

#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article article .wis-season-details-wrapper .wis-season-details {
    transition: transform .25s ease-out;
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article article .wis-season-details-wrapper .wis-season-details .wis-season-details-months,
#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article article .wis-season-details-wrapper .wis-season-details .wis-season-details-seasons {
    line-height: 27.2px;
    position: absolute;
    top: 0;
}

#whats-in-season-page .whats-in-season__wrapper .whats-in-season__article article .wis-season-details-wrapper .wis-season-details .wis-season-details-months {
    display: none;
}

/* Other what's in season code for bootstrap */
#whats-in-season-single .row .content-area #content {
    max-width: 860px;
    margin: 120px auto 175px;
}

@media screen and (max-width:414px) {
    #whats-in-season-single .row .content-area #content {
        margin: 60px 0;
    }

}

#whats-in-season-single .row .content-area #content article {
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    margin-bottom: 32px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#whats-in-season-single .row .content-area #content article .entry-author-meta {
    padding: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

#whats-in-season-single .row .content-area #content article .entry-author-meta span[itemprop=datePublished] {
    margin-left: 5px;
    min-height: 29px;
}

#whats-in-season-single .row .content-area #content article .entry-author-meta a.author {
    white-space: nowrap;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
    min-height: 36px;
}

#whats-in-season-single .row .content-area #content article .entry-author-meta .default-logo-thumb {
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 2;
    order: 2;
    width: 36px;
    height: 36px;
    background-image: url(../images/default-logo-thumbs-07.png);
    background-size: 144px;
}

#whats-in-season-single .row .content-area #content article header.entry-header h1 {
    color: #fff;
    margin: 0;
    padding: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color .35s ease-out;
    font-family: Source Sans Pro;
    line-height: 60.75px;
    font-size: 45px;
    font-weight: 500;
}

#whats-in-season-single .row .content-area #content article header.entry-header h1.entry-title:first-child {
    margin-top: 0;
}

#whats-in-season-single .row .content-area #content article #wis-filter-months ul li {
    float: left;
    background-color: #eee;
    color: #777;
    width: 12.5%;
    transition: opacity .25s ease-out;
    cursor: pointer;
}

#whats-in-season-single .row .content-area #content article #wis-filter-months ul li.wis-in-summer {
    color: #fff;
    background-color: #febb64;
}

#whats-in-season-single .row .content-area #content article #wis-filter-months ul li.wis-in-fall {
    color: #fff;
    background-color: #cd757a;
}

#whats-in-season-single .row .content-area #content article .clearfix.social-actions:first-child,
#whats-in-season-single .row .content-area #content article footer.entry-meta {
    display: none;
}

#whats-in-season-single .row .content-area #content article.fruit header {
    background-color: #cc0657 !important;
}

#whats-in-season-single .row .content-area #content article.fruit .entry-author-meta a.author {
    color: #cc0657 !important;
}

#whats-in-season-single .row .content-area #content article.vegetable header {
    background-color: #239957 !important;
}

#whats-in-season-single .row .content-area #content article.vegetable .entry-author-meta a.author {
    color: #239957 !important;
}

#whats-in-season-single .row .content-area #content .author-avatar img,
#whats-in-season-single .row .content-area #content .entry-author-meta img {
    width: 36px;
    height: 36px;
    height: unset;
}


/* ### Page Specific - County Pages ### */

#all-counties-header {
    background: #fafafa;
    padding: 0 0 70px;
}

#all-counties-header h1 {
    margin-top: 70px;
    font-weight: 400;
    color: #005596;
}

.county-nav-outer {
    width: 100%;
    text-align: center;
    margin-top: -40px;
    margin-bottom: 50px;
}

.county-nav-list {
    background: #fff;
    border: 1px solid #dee0e5;
    padding: 21px 20px;
    margin: 0 auto;
    border-radius: 10px;
    display: inline-block;
}

@media screen and (max-width:1200px) {
    .county-nav-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        --webkit-overflow-scrolling: touch;
    }

    .county-nav-list::-webkit-scrollbar {
        display: none;
    }

    .county-nav-list:after {
        content: "";
        display: block;
        min-width: 20px;
        width: 20px;
    }

}

.county-nav-list .county-nav {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10.3px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.county-nav-list .county-nav a {
    text-decoration: none;
}

.county-nav-list .county-nav:last-child {
    margin: 0;
}

.county-nav-list .county-nav a {
    border: 1px solid #dee0e5;
    border-radius: 100px;
    background: #fff;
    padding: 8px 14px;
}

.county-nav-list .county-nav a:hover {
    color: #fff;
    background: #0072c9 !important;
    text-decoration: none;
}

.county-nav-list .county-nav.active a {
    border: none;
    background: #005596;
    color: #fff;
    border: 1px solid #0072c9;
}

.county-section {
    width: 100%;
}

.county-section h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
}

.county-section ul {
    margin-bottom: 40px !important;
}

.county-section li,
.county-section ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.county-section li {
    border: 1px solid #dee0e5;
    padding: 14px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative;
}

.county-section li a {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #005596;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.county-section li:after {
    display: block;
    content: "";
    width: 7px;
    height: 15px;
    background-image: url(../images/caret-right-dark.svg);
    background-size: cover;
    position: absolute;
    top: 22.5px;
    right: 22.5px;
}

.county-section li:hover {
    background: #fafafa;
    text-decoration: none;
}

.county-section li:active {
    border: 2px solid #4690f7;
}

.county-info-alt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 999;
    width: 100%;
    margin-bottom: 30px;
    max-width: 830px;
}

@media screen and (max-width:1112px) {
    .county-info-alt {
        display: block;
        margin-bottom: 25px;
    }

    .county-info-alt>a,
    .county-info-alt>h1 {
        margin-left: 20px !important;
        margin-right: 20px;
    }

}

.county-info-alt a.county-specific-title {
    margin-left: auto;
}

.county-info-alt h1.county-specific-title {
    color: #212529;
}

@media screen and (max-width:1112px) {
    .county-info-alt h1.county-specific-title {
        margin-bottom: 20px;
    }

}

#facebook {
    display: block;
    background-image: url(../images/facebook.svg);
    width: 32px;
    height: 32px;
    background-size: cover;
}

#county-info {
    max-width: 830px;
    margin: 20px auto 70px;
    box-shadow: 20px 20px 80px rgba(0, 0, 0, .15);
    padding-right: 18px;
    padding-left: 18px;
    box-sizing: content-box;
    background: #fff;
}

#county-info .item {
    padding: 10px 5px;
}

#county-info .item h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

#county-info .item p {
    margin-bottom: 0;
}

#county-info hr {
    height: 1px;
    border-color: #dee0e5;
    margin: 10px -20px;
}

#county-info .details {
    padding: 10px 20px;
    z-index: 1;
    background: #fff;
    border-top-left-radius: 6px;
}

#county-info .details .contact-info h5 {
    margin-bottom: 10px;
}

#county-info .details .contact-info a {
    margin: 7px 0;
    display: block;
}

#county-info .form {
    background-color: #fafafc;
    padding: 20px;
    border-top-right-radius: 6px;
}

#county-info .form h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

#county-info .form input {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #dee0e5;
    border-radius: 3px;
    padding: 9px 14px;
    font-size: 16px;
    margin: 5px 0;
    background-color: #fff;
    width: 100%;
}

#county-info .form input:-ms-input-placeholder {
    color: #b6bbc1;
}

#county-info .form input::placeholder {
    color: #b6bbc1;
}

#county-info .form input[type=submit] {
    max-width: 120px;
    font-weight: 600;
}

#county-info .form textarea {
    width: 100%;
    margin: 5px 0;
    -webkit-appearance: none;
    appearance: none;
    border-style: solid;
    border-color: #dee0e5;
    border-radius: 3px;
    padding: 9px 14px;
    height: 172px;
}

#county-info .form textarea:-ms-input-placeholder {
    color: #b6bbc1;
}

#county-info .form textarea::placeholder {
    color: #b6bbc1;
}

#county-nav {
    max-width: 1137px;
    margin: 20px auto;
    border: 1px solid #dee0e5;
    border-radius: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
}

#county-nav .scrollable {
    padding: 20px;
    white-space: nowrap;
}

#county-nav .scrollable a {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #dee0e5;
    border-radius: 25px;
    font-size: 16px;
    line-height: 18px;
    margin-right: 10px;
    min-width: 37px;
    height: 36px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
}

#county-nav::-webkit-scrollbar {
    display: none;
}

#county-email-form-submitted .modal-backdrop {
    opacity: .3;
}

#county-email-form-submitted .modal-dialog {
    z-index: 9999;
}

@media screen and (max-width:1024px) {
    #county-email-form-submitted .modal-dialog {
        top: 25%;
    }

}

#ohio-svg-map {
    position: relative;
    max-height: 700px;
    overflow: hidden;
}

#ohio-svg-map path {
    cursor: pointer;
}

#ohio-svg-map svg {
    width: 100%;
    max-width: 670px;
    max-height: 740px;
}

#tip {
    position: absolute;
}

.tooltip--county-name {
    font-size: 1.3em;
}

.tooltip--link a {
    margin-top: 13px;
}

.county-selection-list__item {
    margin-bottom: 1px;
}

.county-selection-list__divider {
    padding: 6px 12px;
}

.county-selection__sorter {
    padding: 20px;
}

.county-selection__article {
    box-sizing: border-box;
    width: 33%;
}

.county-selection__article article {
    margin: 16px;
}

.county-selection__article h1 {
    font-size: 1.5em;
    background-color: #621d4d;
}

.county-selection__article .entry-content,
.county-selection__article footer {
    display: none;
}

.county-selection__article-divider {
    min-height: 0;
    background-color: #4b872d;
    color: #fff;
    font-size: 1.5em;
    padding: 13px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.county-selection__quick-select button {
    margin: 1px;
    min-width: 48px;
    min-height: 48px;
}

@media(max-width:992px) {
    .county-selection__article {
        width: 50%;
    }

}

@media(max-width:480px) {
    .county-selection__article {
        width: 100%;
    }

}


/* ### Page Specific - Member Benefits Archives ### */

.page-template-page-ofbf_member_benefits.page-template-page-ofbf_member_benefits-php article.ofbf_member_benefits {
    box-sizing: content-box;
    background-color: #f0f5f9;
    border: 1px solid #ddd;
    padding: 0;
    margin-bottom: 32px;
    border-radius: 5px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: 36px;
}

.page-template-page-ofbf_member_benefits.page-template-page-ofbf_member_benefits-php article.ofbf_member_benefits h1 {
    padding: 13px 15px;
    color: #005596;
    background: #f0f5f9;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1rem;
    min-height: 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.member-benefits__sorter .active {
    color: #fff !important;
    background: #005596 !important;
}

.member-benefits__sorter .input-group .form-control {
    height: calc(1.5em + .75rem + 10px);
}

.member-benefits__sorter .input-group .input-group-btn .primary-btn {
    margin-left: 5px;
    padding: 10px 14px;
    height: calc(1.5em + .75rem + 10px);
}

.member-benefits__article article {
    margin: 16px;
}

.member-benefits__article h1 {
    font-size: 1.5em;
}

.member-benefits__article .entry-content,
.member-benefits__article footer {
    display: none;
}

.member-benefits__article-divider {
    color: #fff;
    font-size: 1.5em;
    margin-top: 46px;
    text-align: left;
    margin-left: 20px;
}

.member-benefits__article-divider span {
    border-radius: 5px;
    display: block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.member-benefits__article-divider span.hidden {
    display: none;
}

.member-benefits__article {
    box-sizing: border-box;
    width: 20%;
    min-height: 200px;
}

.member-benefits__article article {
    margin: 10px;
}

.member-benefits__article h1 {
    font-size: 1.2em;
    line-height: 1;
}

.member-benefits__article .edit-link,
.member-benefits__article .entry-content,
.member-benefits__article footer {
    display: none;
}

.member-benefits__article-divider {
    min-height: 0;
    margin-top: 26px;
    margin-bottom: 16px;
    margin-left: 0;
    width: 100%;
}

.member-benefits__article-divider span {
    padding: 13px;
    background-color: #005596;
}

@media(max-width:992px) {
    .member-benefits__article {
        width: 50%;
    }

}

@media(max-width:480px) {
    .member-benefits__article {
        width: 100%;
    }

}


/* ### Page Specific - Member Benefits ### */

span#ofbf-benefit-content {
    min-height: 300px;
}

@media screen and (max-width:992px) {
    span#ofbf-benefit-content {
        padding-bottom: 15px;
    }

}

@media screen and (max-width:480px) {
    span#ofbf-benefit-content {
        max-width: 480px;
    }

}

.single-ofbf_member_benefits .site-content {
    margin: 0 auto 30px;
    max-width: 85%;
}

@media screen and (max-width:992px) {
    .single-ofbf_member_benefits .site-content {
        max-width: 100%;
    }

}

.single-ofbf_member_benefits .site-content article header.entry-header {
    margin-left: -26px;
    margin-right: -26px;
}

.single-ofbf_member_benefits .site-content article header.entry-header .image-wrapper {
    padding-bottom: 35% !important;
    height: 0;
    position: relative;
}

@media screen and (max-width:480px) {
    .single-ofbf_member_benefits .site-content article header.entry-header .image-wrapper {
        padding-bottom: 50% !important;
    }

}

.single-ofbf_member_benefits .site-content article .entry-content {
    padding: 26px 0;
}

.single-ofbf_member_benefits .site-content article .entry-content span h4 {
    font-size: unset;
    line-height: unset;
}

@media screen and (max-width:480px) {
    .single-ofbf_member_benefits .site-content article .entry-content span ul {
        padding-left: 25px;
    }

}

.single-ofbf_member_benefits .site-content article footer.entry-meta .post_tags {
    text-align: left;
}

.single-ofbf_member_benefits .member-benefits__article h1 {
    font-size: 1.5em;
}

.single-ofbf_member_benefits .member-benefits__article .entry-content,
.single-ofbf_member_benefits .member-benefits__article footer {
    display: none;
}

.single-ofbf_member_benefits .member-benefits__article-divider {
    color: #fff;
    font-size: 1.5em;
    margin-top: 46px;
    text-align: left;
    margin-left: 20px;
}

.single-ofbf_member_benefits .member-benefits__article-divider span {
    border-radius: 5px;
}

.single-ofbf_member_benefits footer.entry-meta {
    text-align: right;
    background-color: #f9f9f9;
}

.single-ofbf_member_benefits footer.entry-meta a,
.single-ofbf_member_benefits footer.entry-meta button {
    color: #777;
}

.single-ofbf_member_benefits footer.entry-meta .footer-share,
.single-ofbf_member_benefits footer.entry-meta a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.single-ofbf_member_benefits footer.entry-meta .footer-share .circle,
.single-ofbf_member_benefits footer.entry-meta a .circle {
    border: unset;
    box-sizing: unset;
    border-radius: 50%;
    position: unset;
    overflow: unset;
    margin-top: unset !important;
}

.single-ofbf_member_benefits .partner-info {
    background-color: #fff;
}

.single-ofbf_member_benefits .gutter-sizer {
    width: 14%;
}

.single-ofbf_member_benefits .container.card h1 {
    margin-top: 0;
}

.single-ofbf_member_benefits .member-benefits__wrapper {
    padding: 0;
    text-align: center;
}

.single-ofbf_member_benefits .member-benefits__sorter {
    padding: 20px;
}

.single-ofbf_member_benefits .member-benefits__article {
    box-sizing: border-box;
    width: 20%;
    min-height: 200px;
}

.single-ofbf_member_benefits .member-benefits__article article {
    margin: 10px;
}

.single-ofbf_member_benefits .member-benefits__article h1 {
    font-size: 1.2em;
    line-height: 1;
}

.single-ofbf_member_benefits .member-benefits__article .edit-link,
.single-ofbf_member_benefits .member-benefits__article .entry-content,
.single-ofbf_member_benefits .member-benefits__article footer {
    display: none;
}

.single-ofbf_member_benefits .member-benefits__article-divider {
    min-height: 0;
    margin-top: 26px;
    margin-bottom: 16px;
    margin-left: 10px;
    width: 100%;
}

.single-ofbf_member_benefits .member-benefits__article-divider span {
    padding: 13px;
    background-color: #005596;
}

@media(max-width:992px) {
    .single-ofbf_member_benefits .member-benefits__article {
        width: 50%;
    }

}

@media(max-width:480px) {
    .single-ofbf_member_benefits .member-benefits__article {
        width: 100%;
    }

}

.single-ofbf_member_benefits .single-ofbf_member_benefits .site-content {
    margin: 0 auto;
    max-width: 85%;
}

@media screen and (max-width:992px) {
    .single-ofbf_member_benefits .single-ofbf_member_benefits .site-content {
        max-width: 100%;
    }

}

.single-ofbf_member_benefits .single-ofbf_member_benefits .site-content article .entry-content {
    padding: 26px 0;
}

.single-ofbf_member_benefits .single-ofbf_member_benefits .site-content article .entry-content span h4 {
    font-size: unset;
    line-height: unset;
}

@media screen and (max-width:480px) {
    .single-ofbf_member_benefits .single-ofbf_member_benefits .site-content article .entry-content span ul {
        padding-left: 25px;
    }

}

@media screen and (max-width:992px) {
    .single-ofbf_member_benefits .single-ofbf_member_benefits .site-content article .entry-content .partner-info a.btn {
        font-size: 14px;
    }

}

.single-ofbf_member_benefits .single-ofbf_member_benefits .site-content article footer.entry-meta {
    margin-bottom: 48px;
    margin-bottom: 3rem;
}

.single-ofbf_member_benefits .single-ofbf_member_benefits .site-content article footer.entry-meta .post_tags {
    text-align: left;
}

.feature-comparison--member-benefits__sub-head {
    background-color: #4db0e9;
    color: #fff;
}


/* ### Page Specific - Scholarships and Grants ### */

.site-main--grants .entry-header {
    display: none;
}

.site-main--grants .page-header.card.card--with-padding .entry-header {
    display: block;
}

.site-main--grants .page-header.card.card--with-padding header h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
}

@media screen and (min-width:1113px) {
    .site-main--grants .col-lg-4 {
        max-width: 50%;
    }

    .site-main--grants .page-header.card.card--with-padding header .row {
        margin-left: 0;
    }

}

.post-type-archive-ofbf_scholarship {
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    margin-bottom: 32px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.post-type-archive-ofbf_scholarship p,
.post-type-archive-ofbf_scholarship strong {
    color: #333;
}

.post-type-archive-ofbf_scholarship strong,
.post-type-archive-ofbf_scholarship strong>p {
    font-weight: 700;
}

.type-ofbf_scholarship {
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    margin-bottom: 32px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.type-ofbf_scholarship a header h1 {
    padding: 26px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    line-height: 1.35em;
    background-color: #621d4d;
    transition: background-color .35s ease-out;
}

#scholarship-filter-modal {
    z-index: 9999;
    display: block;
    max-width: 650px;
    position: fixed;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50vh;
    left: 50vw;
    border: 1px solid #efefef;
    height: auto;
    max-height: 100%;
    bottom: auto;
    right: auto;
    border-radius: 4px;
    padding: 0;
    display: none;
}

#scholarship-filter-modal .modal-backdrop {
    z-index: auto !important;
}

#scholarship-filter-modal .modal-header .btn-close {
    position: absolute;
    right: 12px;
    top: 5px;
    font-size: 32px;
}

.gform_wrapper .ofbf-scholarship-video-review .get-started input[type=checkbox] {
    width: 20px !important;
    height: 20px;
    float: left;
    margin-right: 6px;
    margin-top: 3px !important;
}

.gform_wrapper .ofbf-scholarship-video-review .get-started .gfield_checkbox li {
    width: 100%;
}

.gform_wrapper .ofbf-scholarship-video-review .gform_footer {
    position: sticky;
    bottom: 0;
    background-color: #fff;
}

.gform_wrapper .ofbf-scholarship-video-review .video-container {
    background-color: #000;
}

.gform_wrapper .ofbf-scholarship-video-review h3.gform_title {
    font-size: 2em !important;
}

.gform_wrapper .ofbf-scholarship-video-review h2.gsection_title {
    font-size: 1.5em !important;
    margin-top: 50px !important;
}

.gform_wrapper .ofbf-scholarship-video-review .gfield_checkbox li,
.gform_wrapper .ofbf-scholarship-video-review .gfield_radio li {
    display: inline-block;
    width: 50px;
}

.gform_wrapper .ofbf-scholarship-video-review .gfield_checkbox input,
.gform_wrapper .ofbf-scholarship-video-review .gfield_radio input {
    display: block;
    cursor: pointer;
}

.gform_wrapper .ofbf-scholarship-video-review .gfield_checkbox label,
.gform_wrapper .ofbf-scholarship-video-review .gfield_radio label {
    width: 100%;
}

@media screen and (max-width:480px) {
    #ofbf-scholarship--header {
        font-size: 32px;
        line-height: 40px;
    }

}

.post-type-archive-ofbf_scholarship .post-search .btn {
    margin: 4px;
}

.post-type-archive-ofbf_scholarship .post-search .w-100 {
    margin: 0 0 4px;
}

.post-type-archive-ofbf_scholarship .post-search input[type=checkbox] {
    cursor: pointer;
}

.post-type-archive-ofbf_scholarship .post-search label {
    font-size: .8em;
}

.post-type-archive-ofbf_scholarship .modal {
    z-index: 2000;
}

@media(min-width:480px) {
    .post-type-archive-ofbf_scholarship .post-search label {
        font-size: 1em;
    }

}

@media(min-width:768px) {
    .post-type-archive-ofbf_scholarship .post-search label {
        font-size: .9em;
    }

}

@media(min-width:1200px) {
    .post-type-archive-ofbf_scholarship .post-search label {
        font-size: .8em;
    }

}


/* ### Page Specific - Staff ### */

.staff-divider__main {
    background-color: #005596;
    padding: 12px;
    color: #fff;
    text-align: center;
}

h3.staff-divider__main {
    font-size: 36px;
}

.site-main--staff {
    max-width: 1170px;
    margin: 0 auto;
}

.site-main--staff h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
}

.site-main--staff .staff-button {
    margin: 10px;
}

.site-main--staff .staff {
    box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(0, 0, 0, .25), 0 2px 6px rgba(0, 0, 0, .14), 0 10px 20px rgba(0, 0, 0, .05);
    text-align: center;
    width: 100%;
}

.site-main--staff .staff-description {
    background-color: #f5f5f5;
    padding: 0 10px;
}

.site-main--staff .staff-description__name {
    margin: -4px -10px 0;
    background-color: #005596;
    padding: 10px 10px 4px;
    color: #fff;
    font-size: 23px;
    display: block;
    line-height: 1.5;
}

.site-main--staff .staff-description__title {
    font-size: 16px;
    margin: -4px -10px 0;
    background-color: #005596;
    padding: 0 10px 10px;
    color: #fff;
    display: block;
    line-height: 1.5;
}

.site-main--staff .staff-description__bio {
    background-color: #fff;
    margin: 0 -10px;
    text-align: left;
    padding: 16px;
    font-size: 16px;
}

.site-main--staff .row {
    width: 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 auto;
}

.site-main--staff .row>.text-center {
    width: 100%;
}

.site-main--staff .text-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.site-main--staff .entry-header {
    display: none;
}

.staff-description__bio-toggle,
.staff-description__email {
    display: block;
    text-align: center;
    margin: 0 auto;
}

@media screen and (min-width:568px) {
    span.staff-description__title {
        min-height: 58px;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    span.staff-description__title .text-nowrap {
        margin-left: 4px;
    }

}

@media screen and (min-width:700px) {
    .site-main--staff .staff-button {
        margin: 50px 10px;
    }

}


/* ### Page Specific - Contact ### */

.site-main--contact {
    padding-top: 20px !important;
}

.site-main--contact .col-12 {
    width: 100%;
}

@media(min-width:768px) {
    .site-main--contact .col-sm-6 {
        width: 50%;
        float: left;
    }

}


/* ### Page Specific - Podcasts ### */

.podcast-listing {
    display: -ms-flexbox;
    display: flex;
    clear: both;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.podcast-listing li {
    margin: 10px 10px 10px 0;
}

.podcast-listing li:first-child {
    margin-left: 0;
}

.single-podcast {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
}

.single-podcast br {
    display: none;
}

.single-podcast>a>img,
.single-podcast>img {
    float: left;
    width: 115px;
    height: 115px;
    margin-right: 10px;
    margin-bottom: 10px;
}


/* ### Page Specific - Membership Dues ### */

#chart-wrap {
    border: 1px solid #efefef;
    margin-top: 50px;
    border-radius: 4px;
    display: none;
}

#mobile-wrap ul {
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    margin: 15px 0;
}

#mobile-wrap article {
    margin: 20px 0;
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}

#mobile-wrap article:last-child {
    border-bottom: 0;
}

#mobile-wrap button {
    color: #005596;
    font-weight: 700;
    font-size: .875em;
    border: 0;
    background-color: transparent;
    padding: 0;
}

#mobile-wrap h2 {
    font-size: 19.2px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    line-height: 1.2;
}

@media screen and (min-width:43.75em) {
    #chart-wrap {
        display: block;
    }

    #mobile-wrap {
        display: none;
    }

}

#chart {
    border: 0;
}

#chart td,
#chart th {
    border: 1px solid #efefef;
}

#chart th {
    background-color: #f0f8ff;
}

#chart th:first-child {
    border-left: 0;
    background-color: #fff;
}

#chart td:last-child,
#chart th {
    border-right: 0;
}

#chart th {
    border-top: 0;
}

#chart td:first-child {
    padding: 5px;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    color: #333;
    border-left: 0;
}

#chart tr:last-child td {
    border-bottom: 0;
}

#chart th {
    padding: 10px 5px;
}

#chart th a {
    margin: 5px;
}

#chart th button {
    color: #005596;
    font-weight: 700;
    font-size: .875em;
    border: 0;
    background-color: transparent;
    padding: 0;
}

.backdrop {
    background: rgba(0, 0, 0, .65);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.dues-modal {
    background-color: #fff;
    width: 80%;
    max-width: 650px;
    position: fixed;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50vh;
    left: 50vw;
    border: 1px solid #efefef;
    height: auto;
    max-height: 100%;
    bottom: auto;
    right: auto;
    border-radius: 4px;
    padding: 0;
    display: none;
}

.dues-modal[open] {
    display: block;
}

.dues-modal::-webkit-backdrop {
    background: rgba(0, 0, 0, .65);
}

.dues-modal::backdrop {
    background: rgba(0, 0, 0, .65);
}

.dues-modal__letter-nav {
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 700;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    text-transform: uppercase;
    padding: 10px 15px;
    background-color: #f0f8ff;
}

.dues-modal__letter-nav:first-child {
    border-top: 0;
}

.dues-modal__letter-section {
    padding: 15px;
}

.dues-modal__close {
    position: absolute;
    right: 7px;
    top: 3px;
    text-indent: -999em;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    overflow: hidden;
    outline: none;
    border: none;
    background: none;
}

.dues-modal__close:focus {
    box-shadow: 0 0 0 1pt #005596;
    outline: 0;
}

.dues-modal__close:hover {
    background-color: #eee;
}

.dues-modal__close-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.dues-modal__close-inner:after,
.dues-modal__close-inner:before {
    content: " ";
    width: 18px;
    height: 3px;
    position: absolute;
    top: 48%;
    left: 30%;
    background-color: #000;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.dues-modal__close-inner:after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dues-modal__close-inner:before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.dues-modal__nav {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 45px 15px 11px;
    margin: 0 auto;
}

@media screen and (max-width:1200px) {
    .dues-modal__nav {
        padding: 45px 20px 11px;
    }

}

.dues-modal__nav-inner {
    background: #fff;
    border: 1px solid #dee0e5;
    padding: 10px 20px;
    margin: 0 auto;
    border-radius: 10px;
}

@media screen and (max-width:1200px) {
    .dues-modal__nav-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        --webkit-overflow-scrolling: touch;
    }

    .dues-modal__nav-inner::-webkit-scrollbar {
        display: none;
    }

}

.dues-modal__nav-inner-button {
    color: #005596;
    padding: 0;
    border: 0;
    text-transform: uppercase;
    margin: 2px;
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dee0e5;
    border-radius: 50%;
    background: #fff;
    font-size: 1em;
    font-weight: 500;
}

.dues-modal__nav-inner-button:focus {
    outline: 0;
    box-shadow: 0 0 0 1pt #005596;
}

.dues-modal__nav-inner-button:hover {
    color: #005596;
}

.dues-modal__inner-wrap {
    height: 100%;
    overflow: hidden;
    max-height: 100%;
    position: relative;
}

.dues-modal__fixed-content {
    height: 170px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #efefef;
}

@media screen and (max-width:992px) {
    .dues-modal__fixed-content {
        height: 130px;
    }

}

@media screen and (max-width:1200px) {
    .dues-modal__fixed-content {
        height: 128px;
    }

}

.dues-modal__fixed-content--hidden {
    height: 0;
}

.dues-modal__scroll-content {
    height: auto;
    max-height: calc(90vh - 100px);
    z-index: 1;
    position: relative;
    overflow: auto;
}

.junior-membership {
    padding-top: 25px;
    padding-bottom: 20px;
    text-align: center;
}

.junior-membership p {
    margin: 0;
}

@media screen and (max-width:480px) {
    .junior-membership {
        padding-top: 45px;
    }

}

#membership-dues-chart.membership-dues-chart .container .row img {
    width: 80%;
}


/* ### Page Specific - Membership Marketing ### */

table.feature-comparison--member-benefits thead {
    background-color: #36a6e6;
    color: #fff;
}

table.feature-comparison--member-benefits tr.visible-xs td:last-child {
    font-size: 1.1em;
}

#benefits-of-membership header h4,
#benefits-of-membership header h5,
#benefits-of-membership header h6 {
    color: #2f5f7d;
}

.nationwide__background {
    background-color: #d3e4f4;
}

.active-member h1 {
    margin-bottom: 0;
    background-color: #36a6e6;
    color: #fff;
    text-align: center;
}

.active-member .bg-active-member-green {
    background-color: #aebc21;
    color: #fff;
}

.active-member .bg-active-member-green h2,
.active-member .bg-active-member-green h3,
.active-member .bg-active-member-green h4,
.active-member .bg-active-member-green h5,
.active-member .bg-active-member-green h6 {
    color: #fff;
}

.active-member .bg-active-member-pale-green {
    background-color: #e6eac3;
}

.active-member .info-block--active-member {
    background-color: #e6eac3;
    color: #333;
}

.active-member .info-block--active-member h4 {
    margin-top: 0;
    color: #2f5f7d;
}

.active-member .member-savings h4 {
    color: #fff;
}

.active-member .trusted-insights {
    background-color: #e6eac3;
    position: relative;
}

.active-member .trusted-insights img {
    position: absolute;
    box-shadow: 1px 1px 5px #333;
    width: 50%;
}

.active-member .trusted-insights img:first-of-type {
    top: 34px;
    left: 28px;
    width: 50%;
    z-index: 10;
}

.active-member .trusted-insights img:nth-of-type(2) {
    top: 30px;
    right: 15px;
    z-index: 9;
}

/* This section has a weird setupt o call from the  */
.img-dc-steps {
    background: transparent url(../images/dc-steps.jpg) no-repeat 30% 50%;
    background-size: cover;
}

.img-active-member-collage-1 {
    background: transparent url(../images/active-collage.jpg) no-repeat;
    background-size: cover;
}

.img-member-savings-collage {
    background: transparent url(../images/member-savings-collage-family2.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.img-ofbf-active-member {
    background: transparent url(../images/ofbf-active-member.jpg) no-repeat 50% 50%;
    background-size: cover;
}

@media screen and (min-width:1200px) {
    #community-connection h4,
    #involvement-opportunities h4 {
        margin-bottom: 16px !important;
    }

    #community-connection h4 {
        margin-top: 16px !important;
    }

}

@media screen and (max-width:1199px) {
    .active-member .trusted-insights img:first-of-type {
        width: 50%;
        top: 34px;
        left: 28px;
    }

    .active-member .trusted-insights img:nth-of-type(2) {
        width: 50%;
        top: 23px;
        right: 12px;
    }

}

@media screen and (max-width:991px) {
    .active-member .trusted-insights img:first-of-type {
        top: 64px;
        left: 22px;
        width: 65%;
    }

    .active-member .trusted-insights img:nth-of-type(2) {
        top: 30px;
        right: 2px;
        width: 55%;
    }

}

@media screen and (max-width:767px) {
    .active-member .trusted-insights>div:first-child {
        padding-bottom: 63.333333% !important;
        height: 0;
        position: relative;
    }

    .active-member .trusted-insights img:first-of-type {
        width: 40%;
        top: 6px;
        left: 40px;
    }

    .active-member .trusted-insights img:nth-of-type(2) {
        width: 40%;
        top: 15px;
        right: 10%;
    }

}

.bg-active-member-pale-green blockquote {
    color: #2f5f7d;
    border-left: none;
}

.bg-active-member-pale-green blockquote .help-block {
    color: #3d7ba2;
}

.young-active-member .img-inspecting-crops {
    background: transparent url(../images/two-guys-examining-crops.jpg) no-repeat;
    background-size: cover;
    height: 0;
    position: relative;
    padding-bottom: 50%;
}

.young-active-member .circle {
    background-color: #2f5f7d;
    height: 280px;
    width: 280px;
    margin: 0 auto;
    line-height: 280px;
    font-weight: 700;
    color: #fff;
}

.young-active-member .growing-01,
.young-active-member .growing-02 {
    position: relative;
    box-shadow: 1px 1px 5px #333;
}

.young-active-member .growing-01 {
    left: 20px;
    top: 20px;
    z-index: 5;
}

.young-active-member .growing-02 {
    right: 20px;
    top: 15px;
}

@media screen and (min-width:1200px) {
    .young-active-member .img-inspecting-crops {
        padding-bottom: 50%;
    }

}

@media screen and (max-width:991px) {
    .young-active-member .img-inspecting-crops {
        padding-bottom: 80%;
    }

}

.community-member .img-community-member {
    background: transparent url(../images/community-member-woman-with-horse.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.community-member .img-berry-picking {
    background: transparent url(../images/community-member-06.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.community-member .img-healthy-water-ohio-discussion {
    background: transparent url(../images/community-member-04.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.community-member .img-rural-farmland-blue-sky {
    background: transparent url(../images/rural-farmland-blue-sky.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.community-member .img-smiling-family {
    background: transparent url(../images/community-member-05.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.community-member .img-dinner-on-the-farm {
    background: transparent url(../images/community-member-09.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 20% !important;
}

.community-member .img-picking-out-produce {
    background: transparent url(../images/community-member-08.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 20% !important;
}

.community-member .img-couple-in-front-of-bar {
    background: transparent url(../images/community-member-07.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 20% !important;
}

.community-member .callout-bg {
    background-color: #fdd376;
}

.community-member #more-benefits,
.community-member .callout-bg h4 {
    color: #2f5f7d;
}

.community-member .card-padding.md-pad-16 {
    padding: 26px;
}

#what-does-your-membership-support p:last-child {
    margin-bottom: 0;
}

@media screen and (min-width:1200px) {
    .img-berry-picking {
        padding-bottom: 113%;
    }

}

@media screen and (max-width:1199px) {
    .img-berry-picking {
        padding-bottom: 144%;
    }

}

@media screen and (max-width:991px) {
    .img-berry-picking {
        padding-bottom: 174%;
    }

}

@media screen and (max-width:767px) {
    .img-berry-picking {
        padding-bottom: 118%;
    }

}

.our-ohio-supporter .great-vibes {
    font-family: Great Vibes, cursive;
    font-weight: 400;
}

.our-ohio-supporter h1 {
    margin-bottom: 0;
    background-color: #36a6e6;
    color: #fff;
    text-align: center;
}

.our-ohio-supporter #mission.nationwide__background,
.our-ohio-supporter h2,
.our-ohio-supporter h3,
.our-ohio-supporter h4,
.our-ohio-supporter h5,
.our-ohio-supporter h6 {
    color: #2f5f7d;
}

.our-ohio-supporter .our-ohio-logo {
    width: 25%;
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.our-ohio-supporter .callout-bg {
    background-color: #fdd376;
}

.our-ohio-supporter img.shadow {
    box-shadow: 1px 1px 5px #333;
}

.our-ohio-supporter .callout-img-01 {
    position: relative;
    left: 18px;
    z-index: 10;
}

.our-ohio-supporter .callout-img-02 {
    position: relative;
    right: 15px;
}

.our-ohio-supporter .callout-2 {
    background-color: #2f5f7d;
    color: #fff;
}

.our-ohio-supporter .callout-2 .bg-white {
    color: #333;
}

.our-ohio-supporter .callout-2 .bg-white h2,
.our-ohio-supporter .callout-2 .bg-white h3,
.our-ohio-supporter .callout-2 .bg-white h4,
.our-ohio-supporter .callout-2 .bg-white h5,
.our-ohio-supporter .callout-2 .bg-white h6 {
    color: #2f5f7d;
}

.our-ohio-supporter .callout-2 h2,
.our-ohio-supporter .callout-2 h3,
.our-ohio-supporter .callout-2 h4,
.our-ohio-supporter .callout-2 h5,
.our-ohio-supporter .callout-2 h6 {
    color: #fff;
}

.our-ohio-supporter .callout-text {
    color: #2f5f7d;
}

.our-ohio-supporter .img-benefit-magazine-01 {
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    position: relative;
    left: 30px;
    top: -20px;
}

.our-ohio-supporter .img-benefit-magazine-02 {
    position: relative;
    z-index: 5;
    top: -30px;
}

.our-ohio-supporter .img-benefit-magazine-03 {
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    position: relative;
    right: 30px;
    top: -20px;
}

.our-ohio-supporter .img-our-ohio-tv-crew {
    background: transparent url(../images/our-ohio-tv-crew.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 56.8% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter .img-dinner-on-the-farm {
    background: transparent url(../images/community-member-09.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 20% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter .img-couple-with-veggies {
    background: transparent url(../images/our-ohio-supporter-01.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 20% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter .img-pork-chop-dinner {
    background: transparent url(../images/pork-chop-dinner.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 20% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter .img-pickle-canning {
    background: transparent url(../images/pickles-ready-for-canning.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 20% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter .img-adult-farm-tour {
    background: transparent url(../images/adults-touring-farm.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 20% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter .img-smiling-family {
    background: transparent url(../images/community-member-05.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 70% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter .img-produce-for-sale {
    background: transparent url(../images/produce-for-sale.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 40% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter .img-ohio-barn-tall {
    background: transparent url(../images/ohio-barn-tall.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 48% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter .img-couple-eating-at-farm {
    background: transparent url(../images/couple-eating-at-farm.jpg) no-repeat 50% 70%;
    background-size: cover;
    padding-bottom: 51% !important;
    height: 0;
    position: relative;
}

.our-ohio-supporter #overview ul {
    color: #2f5f7d;
    font-weight: 700;
}

@media screen and (min-width:1200px) {
    .our-ohio-supporter .img-dinner-on-the-farm {
        padding-bottom: 21% !important;
    }

    .our-ohio-supporter .img-couple-with-veggies {
        padding-bottom: 26% !important;
        background-position: 70% 20%;
    }

    .our-ohio-supporter .img-smiling-family {
        padding-bottom: 62% !important;
    }

}

@media screen and (max-width:1199px) {
    .our-ohio-supporter .img-dinner-on-the-farm {
        padding-bottom: 25% !important;
    }

    .our-ohio-supporter .img-couple-with-veggies {
        padding-bottom: 35% !important;
    }

    .our-ohio-supporter .img-produce-for-sale {
        padding-bottom: 60% !important;
    }

    .our-ohio-supporter .img-ohio-barn-tall {
        padding-bottom: 52% !important;
    }

    .our-ohio-supporter .img-smiling-family {
        padding-bottom: 82% !important;
    }

    .our-ohio-supporter .img-our-ohio-tv-crew {
        padding-bottom: 47% !important;
    }

    .our-ohio-supporter #overview ul .font-large {
        font-size: 1.6em;
        line-height: 1.7em;
    }

    .our-ohio-supporter #overview ul .font-xxlarge {
        font-size: 2.3em;
        line-height: 1.7em;
    }

}

@media screen and (max-width:991px) {
    .our-ohio-supporter .img-dinner-on-the-farm {
        padding-bottom: 35% !important;
    }

    .our-ohio-supporter .img-couple-with-veggies {
        padding-bottom: 62% !important;
        background-position: 80% 50%;
    }

    .our-ohio-supporter .img-produce-for-sale {
        padding-bottom: 118% !important;
    }

    .our-ohio-supporter .img-smiling-family {
        padding-bottom: 91% !important;
    }

    .our-ohio-supporter .img-ohio-barn-tall {
        padding-bottom: 75% !important;
    }

    .our-ohio-supporter .img-our-ohio-tv-crew {
        padding-bottom: 51.2% !important;
    }

    .our-ohio-supporter #overview ul .font-large {
        font-size: 1.5em;
        line-height: 1.7em;
    }

    .our-ohio-supporter #overview ul .font-xxlarge {
        font-size: 2.3em;
        line-height: 1.7em;
    }

}

@media screen and (max-width:767px) {
    .our-ohio-supporter .img-dinner-on-the-farm {
        padding-bottom: 64% !important;
    }

    .our-ohio-supporter .img-couple-with-veggies {
        padding-bottom: 78% !important;
    }

    .our-ohio-supporter .img-produce-for-sale {
        padding-bottom: 40% !important;
        background-position: 50% 100%;
    }

    .our-ohio-supporter .img-smiling-family {
        padding-bottom: 70% !important;
    }

    .our-ohio-supporter .img-ohio-barn-tall {
        padding-bottom: 57% !important;
        background-position: 50% 70%;
    }

    .our-ohio-supporter .img-ohio-barn-tall ul {
        font-size: 1.1em;
        text-indent: 1.1em;
    }

    .our-ohio-supporter .img-our-ohio-tv-crew {
        padding-bottom: 62% !important;
    }

}

.color-active-member-green {
    color: #aebc21;
}


/* ### Page Specific - Group Membership ### */

.img-food-packing {
    background: transparent url(../images/group-membership/group-membership-01a.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 100%;
    height: 0;
    position: relative;
}

.img-cows {
    background: transparent url(../images/group-membership/group-membership-banner-b-01.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.img-cows,
.img-salsa {
    padding-bottom: 20% !important;
    height: 0;
    position: relative;
}

.img-salsa {
    background: transparent url(../images/group-membership/group-membership-banner-b-02.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.img-store-checkout-line {
    background: transparent url(../images/group-membership/group-membership-banner-b-03.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.img-farm-equipment,
.img-store-checkout-line {
    padding-bottom: 20% !important;
    height: 0;
    position: relative;
}

.img-farm-equipment {
    background: transparent url(../images/group-membership/group-membership-banner-b-04.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.img-farm-field {
    background: transparent url(../images/group-membership/group-membership-hero-01b.jpg) no-repeat 50% 50% !important;
    background-size: cover;
    padding-bottom: 70%;
    height: 0;
    position: relative;
}

.img-cabbage-belt {
    background: transparent url(../images/group-membership/group-membership-banner-a-01.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.img-cabbage-belt,
.img-crop-spray {
    padding-bottom: 20% !important;
    height: 0;
    position: relative;
}

.img-crop-spray {
    background: transparent url(../images/group-membership/group-membership-banner-a-02.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.img-machine-pack {
    background: transparent url(../images/group-membership/group-membership-banner-a-03.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.img-aerial-view,
.img-machine-pack {
    padding-bottom: 20% !important;
    height: 0;
    position: relative;
}

.img-aerial-view {
    background: transparent url(../images/group-membership/group-membership-banner-a-04.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.group-membership h2 {
    font-weight: 700;
}

.group-membership .bg1 {
    background-color: #afbc21;
}

.group-membership .bg2 {
    background-color: #ebefcf;
}

.group-membership .bg3 {
    background-color: #d4d98f;
}

.group-membership .bg4 {
    background-color: #2f607d;
}

.group-membership .color1 {
    color: #ebefcf;
}

.group-membership .color2 {
    color: #2f607d;
}

.group-membership .color3 {
    color: #afbc21;
}

.group-membership .headline-position-offset1 {
    position: relative;
    top: -84px;
}

.group-membership .headline-position-offset2 {
    position: relative;
    top: 80px;
}

.group-membership .headline-letter-position1 {
    position: relative;
    left: -11px;
}

.group-membership .headline-position1 {
    position: relative;
    top: -40px;
}

.group-membership .headline-letter-spacing-adjustment1 {
    letter-spacing: -2px;
}

.group-membership .headline-letter-spacing-adjustment2 {
    letter-spacing: -7px;
}

.group-membership .stack0 {
    position: relative;
    z-index: 0;
}

.group-membership .stack1 {
    position: relative;
    z-index: 1;
}

.group-membership .stack2 {
    position: relative;
    z-index: 10;
}

.group-membership .text-overlay {
    position: relative;
    font-weight: 700;
    font-size: 1em;
}

.group-membership .text-overlay__quote {
    font-size: 1em;
}

.group-membership .text-shadow1 {
    text-shadow: 1px 1px 4px #000;
}

.group-membership .bullet-color1 li {
    color: #b22725;
}

.group-membership .bullet-color1 li span {
    color: #333;
}

.group-membership .bullet-color1--white li span {
    color: #fff;
}

.group-membership #get-involved h2,
.group-membership #get-involved h2 span {
    position: relative;
}

.group-membership #what h1 {
    letter-spacing: -3px;
}

.group-membership #what h1:first-letter {
    letter-spacing: -7px;
}

.group-membership #testimonials h1 .font-impact {
    line-height: 1.1em;
}

.group-membership #testimonials blockquote {
    border-color: #afbc21;
}

.group-membership dl dt {
    line-height: 1.25em;
    margin-bottom: 12px;
    color: #2f607d;
}

.group-membership dl dd {
    margin-bottom: 24px;
}

table.feature-comparison--group-membership .heading1 {
    background-color: #2f607d;
    color: #fff;
}

table.feature-comparison--group-membership .heading2 {
    background-color: #77787b;
    color: #fff;
}

table.feature-comparison--group-membership .heading3,
table.feature-comparison--group-membership .heading3:hover {
    background-color: #afbc21;
}

table.feature-comparison--group-membership tr.visible-xs td:last-child {
    font-size: 1.1em;
}

table.feature-comparison--group-membership td:first-child,
table.feature-comparison--group-membership th:first-child {
    padding-left: 20px;
}

table.feature-comparison--group-membership .visible-xs td:first-child {
    display: none;
}

table.feature-comparison--group-membership {
    table-layout: auto;
}

table.feature-comparison--group-membership td:first-child,
table.feature-comparison--group-membership th:first-child {
    text-align: left;
}

table.feature-comparison--group-membership .visible-xs {
    display: table-row;
}

table.feature-comparison--group-membership td:first-child,
table.feature-comparison--group-membership th:first-child {
    display: none;
}

table.feature-comparison--group-membership tr th {
    width: 33%;
}

table.feature-comparison--group-membership th.visible-xs td:first-child,
table.feature-comparison--group-membership tr.visible-xs td:first-child {
    display: table-cell;
}

table.feature-comparison--group-membership th.visible-xs td.hidden-xs,
table.feature-comparison--group-membership tr.visible-xs td.hidden-xs {
    display: none;
}

table.feature-comparison--group-membership td:first-child,
table.feature-comparison--group-membership th:first-child {
    text-align: center;
    padding-left: 8px;
}

.group-membership-feature-company-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto;
}

.group-membership-feature-company {
    background-color: #fff;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center;
    -ms-grid-column-align: center;
    -ms-grid-row-align: center;
}

.group-membership-feature-company:hover {
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.group-membership-feature-company:nth-child(1n) {
    -ms-grid-column: 1;
}

.group-membership-feature-company:nth-child(2n) {
    -ms-grid-column: 2;
}

.group-membership-feature-company__link {
    display: block;
    padding: 20px;
}

.group-membership-feature-company:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.group-membership-feature-company:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.group-membership-feature-company:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.group-membership-feature-company:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

.group-membership-feature-company:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.group-membership-feature-company:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}

.group-membership-feature-company:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}

.group-membership-feature-company:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
}

.group-membership-feature-company:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.group-membership-feature-company:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}

.group-membership-feature-company:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.group-membership-feature-company:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
}

.group-membership-feature-company:nth-child(13) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
}

.group-membership-feature-company:nth-child(14) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
}

.group-membership-feature-company:nth-child(15) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
}

.group-membership-feature-company:nth-child(16) {
    -ms-grid-row: 4;
    -ms-grid-column: 4;
}

.group-membership-feature-company:nth-child(17) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.group-membership-feature-company:nth-child(18) {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
}

.group-membership-feature-company:nth-child(19) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.group-membership-feature-company:nth-child(20) {
    -ms-grid-row: 5;
    -ms-grid-column: 4;
}

.group-membership-feature-company:nth-child(21) {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
}

.group-membership-feature-company:nth-child(22) {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
}

.group-membership-feature-company:nth-child(23) {
    -ms-grid-row: 6;
    -ms-grid-column: 3;
}

.group-membership-feature-company:nth-child(24) {
    -ms-grid-row: 6;
    -ms-grid-column: 4;
}

.group-membership-feature-company:nth-child(25) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}

.group-membership-feature-company:nth-child(26) {
    -ms-grid-row: 7;
    -ms-grid-column: 2;
}

.group-membership-feature-company:nth-child(27) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
}

.group-membership-feature-company:nth-child(28) {
    -ms-grid-row: 7;
    -ms-grid-column: 4;
}

.group-membership-feature-company:nth-child(29) {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
}

.group-membership-feature-company:nth-child(30) {
    -ms-grid-row: 8;
    -ms-grid-column: 2;
}

.group-membership-feature-company:nth-child(31) {
    -ms-grid-row: 8;
    -ms-grid-column: 3;
}

.group-membership-feature-company:nth-child(32) {
    -ms-grid-row: 8;
    -ms-grid-column: 4;
}

@media screen and (max-width:400px) {
    .group-membership .text-overlay__quote,
    .group-membership .text-overlay__quote-credit {
        font-size: .75em;
    }

}

@media screen and (max-width:480px) {
    .group-membership h1 .font-impact {
        font-size: 1em;
        letter-spacing: -2px;
    }

    .group-membership h1 .font-pt-sans {
        font-size: .7em;
        letter-spacing: -1px;
    }

    .group-membership .headline-letter-spacing-adjustment2 {
        letter-spacing: -6px;
    }

    .group-membership .headline-position-offset1 {
        top: -40px;
    }

    .group-membership .headline-position-offset2 {
        top: 39px;
    }

    .group-membership .headline-position1 {
        top: -22px;
    }

    .group-membership .headline-letter-position1 {
        left: -3px;
    }

    .group-membership .text-overlay {
        font-size: 1.25em;
        top: 25px;
    }

    .group-membership #get-involved h2 .font-xxlarge {
        top: -12px;
        font-size: 1.9em;
    }

    .group-membership #what h1:first-letter {
        letter-spacing: -5px;
    }

    .group-membership #what h1.font-xxlarge {
        font-size: 1.5em;
        letter-spacing: -2px;
        line-height: 1.5em;
    }

    .group-membership .img-farm-field {
        padding-bottom: 210%;
    }

    .img-food-packing {
        padding-bottom: 70%;
    }

}

@media screen and (min-width:480px) {
    .group-membership-feature-company-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
    }

    .group-membership h1 .font-impact {
        font-size: 1.45em;
        letter-spacing: -4px;
    }

    .group-membership h1 .font-pt-sans {
        font-size: .8em;
        letter-spacing: -1px;
    }

    .group-membership .headline-letter-position1 {
        left: -7px;
    }

    .group-membership .headline-position-offset1 {
        top: -64px;
    }

    .group-membership .headline-position-offset2 {
        top: 69px;
    }

    .group-membership .headline-position1 {
        top: -40px;
    }

    .group-membership h2.headline-position1 {
        top: -28px;
    }

    .group-membership .text-overlay {
        top: 60px;
        font-size: .9em;
    }

    .group-membership #get-involved h2 .font-xxlarge {
        top: 0;
        font-size: 2.3em;
    }

    .group-membership .img-farm-field {
        padding-bottom: 110%;
    }

    table.feature-comparison--group-membership td:first-child,
    table.feature-comparison--group-membership th:first-child {
        text-align: center;
    }

    .img-food-packing {
        padding-bottom: 70%;
    }

}

@media screen and (min-width:768px) {
    .group-membership h1 .font-impact {
        font-size: 1.7em;
        letter-spacing: -4px;
    }

    .group-membership h1 .font-pt-sans {
        font-size: .9em;
        letter-spacing: -1px;
    }

    .group-membership #details h1 .font-impact {
        font-size: 1.5em;
    }

    .group-membership .headline-position-offset1 {
        top: -74px;
    }

    .group-membership .headline-position-offset2 {
        top: 75px;
    }

    .group-membership h2.headline-position1 {
        top: -40px;
    }

    .group-membership #get-involved h2 .font-xxlarge {
        top: 0;
        font-size: 2.5em;
    }

    .group-membership .img-farm-field {
        padding-bottom: 70%;
    }

    table.feature-comparison--group-membership .visible-xs {
        display: table-row;
    }

    table.feature-comparison--group-membership td:first-child,
    table.feature-comparison--group-membership th:first-child {
        display: none;
    }

    table.feature-comparison--group-membership td.visible-sm,
    table.feature-comparison--group-membership th.visible-sm {
        display: none !important;
    }

    .img-food-packing {
        padding-bottom: 237%;
    }

}

@media screen and (min-width:992px) {
    .group-membership h1 .font-impact {
        font-size: 1.7em;
        letter-spacing: -4px;
    }

    .group-membership h1 .font-pt-sans {
        font-size: .9em;
        letter-spacing: -1px;
    }

    .group-membership .headline-position-offset2 {
        top: 81px;
    }

    .group-membership .headline-position1 {
        top: -44px;
    }

    .group-membership .text-overlay {
        top: 60px;
        font-size: 1.2em;
    }

    .group-membership #get-involved h2 .font-xxlarge {
        font-size: 2.5em;
    }

    table.feature-comparison--group-membership {
        table-layout: fixed;
    }

    table.feature-comparison--group-membership td:first-child,
    table.feature-comparison--group-membership th:first-child {
        display: table-cell;
    }

    table.feature-comparison--group-membership td.visible-sm,
    table.feature-comparison--group-membership th.visible-sm {
        display: table-cell !important;
    }

    table.feature-comparison--group-membership td:first-child,
    table.feature-comparison--group-membership th:first-child {
        text-align: left;
    }

    .img-food-packing {
        padding-bottom: 143.2%;
    }

}

@media screen and (min-width:1200px) {
    .group-membership .text-overlay__quote {
        font-size: 1.2em;
    }

    .group-membership .text-overlay {
        top: 110px;
    }

    .group-membership #get-involved h2 .font-xxlarge {
        font-size: 2.75em;
    }

    .img-food-packing {
        padding-bottom: 110.5%;
    }

}

.group-membership {
    margin-top: 40px;
}

.group-membership p:empty {
    display: none;
}

.group-membership a.btn {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    transition: background-color .25s ease-out, color .25s ease-out;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.7777778;
    border-radius: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.group-membership .headline-position-offset1 div h1 {
    font-size: 45px;
    font-weight: 500;
    line-height: 60.75px;
    font-family: Source Sans Pro;
}

@media screen and (min-width:992px) {
    .group-membership .headline-position-offset1 div h1 {
        top: 76px;
    }

}

@media screen and (min-width:480px) {
    .group-membership .headline-position-offset1 div h1 span.headline-letter-spacing-adjustment1 {
        font-size: .8em;
        letter-spacing: -1px;
    }

}

@media screen and (min-width:768px) {
    .group-membership .headline-position-offset1 div h1 span.headline-letter-spacing-adjustment1 {
        font-size: .9em;
        letter-spacing: -1px;
    }

}

@media screen and (min-width:992px) {
    .group-membership .headline-position-offset1 div h1 span.headline-letter-spacing-adjustment1 {
        font-size: .9em;
        letter-spacing: -1px;
    }

}

@media screen and (min-width:480px) {
    .group-membership .headline-position-offset1 div h1 span.headline-letter-spacing-adjustment2 {
        font-size: 1.45em;
        letter-spacing: -4px;
    }

}

@media screen and (min-width:768px) {
    .group-membership .headline-position-offset1 div h1 span.headline-letter-spacing-adjustment2 {
        font-size: 1.7em;
        letter-spacing: -4px;
    }

}

@media screen and (min-width:992px) {
    .group-membership .headline-position-offset1 div h1 span.headline-letter-spacing-adjustment2 {
        font-size: 1.7em;
        letter-spacing: -4px;
    }

}

.group-membership .img-farm-field {
    background: transparent url(../images/group-membership/group-membership-hero-01b.jpg) no-repeat !important;
    background-size: cover !important;
    background-position-x: 50% !important;
    background-position-y: 50% !important;
}

.group-membership .img-farm-field .text-overlay p {
    font-family: Source Sans Pro;
    font-weight: 700;
    font-style: italic;
    font-size: 25.92px;
    line-height: 46.08px;
}

.group-membership .img-farm-field .text-overlay p.text-overlay__quote-credit {
    font-style: normal;
}

.group-membership section#become-a-group-member .stack2 {
    z-index: 1;
}

.group-membership section#become-a-group-member .stack1 {
    z-index: -1;
}

.group-membership section#what h1 {
    font-size: 2.75em;
    line-height: 1.6em;
    font-family: coda caption, sans-serif;
    font-weight: 600;
}

.group-membership section#details ul li {
    font-size: 18px;
    line-height: 32px;
}

.group-membership section#companies .group-membership-feature-company-wrapper .group-membership-feature-company a:hover {
    transition: background-color .25s ease-out, color .25s ease-out;
}

.group-membership #testimonials blockquote {
    padding: 16px 32px;
    margin: 0 0 32px;
    font-size: 22.5px;
    border-left: 5px solid #afbc21;
    font-weight: 400;
    line-height: 40px;
}

.group-membership #testimonials blockquote p {
    font-size: 22.5px;
}

.group-membership #benefits {
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
}

.group-membership #benefits h1 {
    font-size: 2.5em;
    line-height: 1.35em;
}

.group-membership #benefits div {
    margin-left: -15px;
    margin-right: -15px;
}

#become-a-group-member>div>div.row.stack2>div {
    padding: 0;
}

#become-a-group-member>div>div.row.stack2>div>div.row {
    margin: 0;
}


/* ### Page Specific - Donations ### */

.donate a {
    min-width: 50%;
}

.ofbf-form .donation__frequency label {
    padding-left: 0;
    padding-right: 0;
}

.ofbf-form .donation__logo {
    max-height: 100px;
    width: auto;
}

.ofbf-form .donation-details input[type=radio] {
    visibility: hidden;
    position: absolute;
}

.centennial__iframe {
    position: relative;
    width: 90%;
    top: 5%;
    height: 90%;
    max-height: 540px;
    background-color: #fff;
    border: 1px solid #444;
    box-shadow: 0 0 18px 2px #444;
}

.centennial__iframe-wrapper {
    margin: 0 auto;
    text-align: center;
    border: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    background-color: rgba(0, 0, 0, .5);
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    transform: translateZ(0);
}

.centennial__iframe-close {
    text-align: right;
    font-family: sans-serif;
    right: 4vw;
    vertical-align: top;
    top: 4vh;
    position: fixed;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 26px;
    padding: 14px;
    line-height: 14px;
    border-radius: 3px;
    z-index: 10;
    box-shadow: 0 0 18px 2px #444;
}

#donation-form {
    max-width: 500px;
    margin: 0 auto;
}

@media screen and (max-width:480px) {
    #ofbf-form-donation .btn-group-justified>.btn,
    .btn-group-justified>.btn-group {
        display: block;
        width: 100%;
    }

}

#donation-form header {
    width: 100%;
}

#donation-form header h1 {
    background-color: #36a6e6;
    color: #fff;
    padding: 20px !important;
}

#donation-form form label {
    font-size: 1.2em;
}

#donation-form form  {
    margin-bottom: 32px;
    margin-bottom: 2rem;
}

#donation-form form  .btn-group {
    width: 100%;
}

#donation-form form  .btn-group .btn {
    border-radius: 0;
    border-left: 1px solid #ababab;
    border-top: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
    font-size: 16px;
}

#donation-form form  .btn-group .btn:last-child {
    border-right: 1px solid #ababab;
}

#donation-form form  .btn-group .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

#donation-form form  .btn-group .btn-success.active,
#donation-form form  .btn-group .btn-success.focus,
#donation-form form  .btn-group .btn-success:active,
#donation-form form  .btn-group .btn-success:focus,
#donation-form form  .btn-group .btn-success:hover,
#donation-form form  .btn-group .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

#donation-form form .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

#donation-form form .btn-group-justified>.btn-group .btn {
    width: 100%;
}

#donation-form form .btn-group-justified>.btn,
#donation-form form .btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}


/* ### Page Specific - Membership Pages (CRM API PAGES) ### */

a#change-password-finish {
    padding: 13px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    border: none;
    border-radius: 6px;
    background: #005596;
    color: #fff;
    text-decoration: none;
}

a#change-password-finish:hover {
    color: #fff !important;
}

.sign-in header {
    padding: 0 !important;
    border-bottom: 0 !important;
    margin-top: 0 !important;
    width: 100%;
    margin-bottom: 32px !important;
}

.ofbf-multi-step-form form,
.sign-in form {
    position: relative;
    overflow: hidden;
}

.ofbf-multi-step-form form .divider,
.sign-in form .divider {
    background-color: #4db0e9;
    color: #fff;
}

.ofbf-multi-step-form form .progress,
.sign-in form .progress {
    margin-bottom: 0;
}

.ofbf-multi-step-form form .total hr,
.sign-in form .total hr {
    margin-bottom: 1em;
}

.ofbf-multi-step-form form fieldset,
.sign-in form fieldset {
    position: absolute;
    width: 100%;
}

.no-js .ofbf-multi-step-form form,
.no-js .sign-in form,
.process-errors .ofbf-multi-step-form form,
.process-errors .sign-in form {
    overflow: visible;
}

.no-js .ofbf-multi-step-form form fieldset,
.no-js .sign-in form fieldset,
.process-errors .ofbf-multi-step-form form fieldset,
.process-errors .sign-in form fieldset {
    position: relative;
}

#profile-form .has-error .help-block,
#profile-form .has-error .help-block {
    display: none;
}

#content .sign-in .archive-header h1 {
    background-color: #36a6e6;
    color: #fff;
    padding: 20px !important;
    margin-left: -26px;
    margin-right: -26px;
    margin-top: -26px;
}

#content .ofbf-form .archive-header {
    margin-bottom: 0;
}

#content .ofbf-form .archive-header h1 {
    background-color: #36a6e6;
    color: #fff;
    padding: 20px !important;
}

#content .ofbf-form fieldset>div {
    padding: 13px 26px;
}

#content .ofbf-form fieldset:last-of-type :last-child {
    margin-bottom: 15px;
}

#content .ofbf-form  {
    margin-bottom: 2px;
}

.ofbf-form--renew .ui-step-helper {
    display: none;
}

.ofbf-form--renew .total:first-child {
    margin-top: 16px !important;
}

#content .ofbf-form :last-child {
    margin-top: 0;
}

@media(max-width:767px) {
    .birth-date-group .birth-month__wrapper.no-pad-right {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .birth-date-group .birth-day__wrapper {
        padding-left: 15px !important;
        padding-right: 0 !important;
    }

    .birth-date-group .birth-year__wrapper {
        padding-left: 0 !important;
        padding-right: 15px !important;
    }

}

.ofbf-form--register .popover {
    width: 95% !important;
    max-width: 95% !important;
    left: 3% !important;
}

.ofbf-form--register .popover>.arrow {
    left: 90% !important;
    top: -10px !important;
}

.ofbf-form--register .popover.bottom>.arrow:after {
    border-bottom-color: #f7f7f7;
}

.receipt {
    background-color: #f5f5f5;
}

.receipt__total {
    background-color: #eee;
}

.setting-option {
    padding: 15px 0 7px;
    background-color: #fcfcfc;
    border: 1px solid #eee;
    margin: 0;
}

.setting-option--expandable .setting-option__label {
    cursor: pointer;
    position: relative;
    margin-left: 16px;
}

.setting-option--expandable .setting-option__label:before {
    position: absolute;
    left: -16px;
    content: "▶";
    transition: transform .25s ease-out;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
}

.setting-option--expandable .setting-option__details {
    margin: 8px 0 0 16px;
    transition: max-height .25s ease-out;
    overflow: hidden;
    max-height: 0;
}

.setting-option--expandable.open .setting-option__details {
    max-height: 240px;
}

.setting-option--expandable.open .setting-option__label:before {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.setting-option__label {
    font-size: 22px;
    padding: 2px 4px 0 0;
}

.setting-option__details {
    color: #999;
}

@media screen and (max-width:992px) {
    .setting-option--expandable.open .setting-option__details {
        max-height: 250px;
    }

}

@media screen and (max-width:768px) {
    .setting-option--expandable.open .setting-option__details {
        max-height: 320px;
    }

}

@media screen and (max-width:480px) {
    .setting-option>.col-12 {
        padding: 0;
    }

    .setting-option__toggle-button label {
        font-size: 16px;
    }

    .setting-option--expandable.open .setting-option__details {
        max-height: 420px;
    }

    .setting-option {
        background-color: #fff;
        border: none;
    }

}

.altai-component .panel-heading,
.btn-primary.btn-heading {
    font-family: Source Sans Pro, sans-serif;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    background: #005596 !important;
}

.altai-component .panel-body {
    padding: 62.5px 25px !important;
}

form#altai-form-login p {
    margin-bottom: 36px !important;
}

#altai-form-login>div {
    margin-bottom: 40px;
}

#altai-form-create>div.actions.clearfix>ul>li:first-child>a,
#altai-form-join button,
#altai-form-login button,
#step-0>div.clearfix>a,
#step-1>div.clearfix>a {
    padding: 13px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    border: none;
    border-radius: 6px;
    background: #005596;
    color: #fff;
    text-decoration: none;
}

#altai-form-create>div.actions.clearfix>ul>li:first-child>a.disabled,
#altai-form-join button.disabled,
#altai-form-login button.disabled,
#step-0>div.clearfix>a.disabled,
#step-1>div.clearfix>a.disabled {
    opacity: .5;
}

#altai-form-create>div.actions.clearfix>ul>li:first-child>a:hover,
#altai-form-join button:hover,
#altai-form-login button:hover,
#step-0>div.clearfix>a:hover,
#step-1>div.clearfix>a:hover {
    color: #fff !important;
    background: #0072c9 !important;
    text-decoration: none;
}

#step-0>div.clearfix>a,
#step-1>div.clearfix>a {
    color: #fff;
}

#altai-form-login a.btn-link:active,
#altai-form-login a.btn-link:hover,
.altai-component a:active,
.altai-component a:hover {
    color: #0072c9;
}

.altai-component p {
    font-family: Source Sans Pro, sans-serif;
}

#altai-standardPortal .mat-card {
    border: 1px solid #dee0e5;
    box-shadow: none !important;
}

#altai-standardPortal .mat-card .mat-card-header {
    background: #005596 !important;
}

#altai-standardPortal .mat-card .mat-card-header .mat-card-title {
    font-family: Source Sans Pro, sans-serif;
    font-size: 28px !important;
    line-height: 34px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

#altai-standardPortal .mat-raised-button {
    padding: 13px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    border: none;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    background: #005596 !important;
}

#altai-standardPortal .mat-checkbox-background {
    background: #005596 !important;
}

.altai-scope .container-fluid .panel-default .panel-heading,
.altai-scope .container-lg .panel-default .panel-heading,
.altai-scope .container-md .panel-default .panel-heading,
.altai-scope .container-sm .panel-default .panel-heading,
.altai-scope .container-xl .panel-default .panel-heading,
.altai-scope .container-xs .panel-default .panel-heading {
    font-family: Source Sans Pro, sans-serif;
    font-size: 28px !important;
    line-height: 34px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background-color: #005596;
    border-color: transparent !important;
}

.altai-scope .panel-body {
    padding: 19px 0 !important;
}

.altai-scope #btn-search {
    padding: 13px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    border: none;
    border-radius: 6px !important;
    color: #fff;
    text-decoration: none;
    background: #005596 !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    opacity: 1;
    font-family: Source Sans Pro, sans-serif;
    margin-top: 20px;
}

.altai-scope #invoice-no-search {
    margin-bottom: 20px;
}

.altai-scope #receiptSection .section-container {
    padding: 0;
    font-family: Source Sans Pro !important;
}

#ofbf-altai-portal .content-container {
    margin: 20px auto 135px;
}

#ofbf-altai-portal .content-container #altai-standardPortal #altai-webform-container li.nav-item.ofbf-webform-tab {
    min-width: 150px;
}


/* ### Page Specific - Agricultural Safety ### */

#ag-safety p {
    font-size: 1.15em;
    line-height: 1.7em;
}

#ag-safety small.help-block {
    color: #ccc;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 100%;
}

#ag-safety #ag-head-container.category-issues h1 {
    background-color: #005596;
    padding: 20px;
    margin-top: 0;
    font-size: 2.5em;
    line-height: 1.35em;
    font-weight: 500;
    margin-bottom: 16px;
}

#ag-safety #ag-head-container.category-issues h2 {
    font-size: 2.2em;
    line-height: 1.35em;
    margin-top: 32px;
    font-weight: 500;
}

#ag-safety #ag-head-container.category-issues h3 {
    font-size: 23px;
    margin-top: 16px;
    margin-bottom: 16px;
}

#ag-safety #ag-head-container.category-issues img {
    width: 96px;
}

#ag-safety h3#h3-header-text-bold {
    font-size: 1.7em;
    line-height: 1.35em;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 16px;
}

#ag-safety #three-across-grid article {
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    border-bottom-width: 3px;
    margin-bottom: 32px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#ag-safety #three-across-grid article header.entry-header h1 {
    background-color: #005596;
    margin: 0;
    color: #fff;
    padding: 26px;
    font-weight: 500;
    line-height: 1.35em;
    font-size: 1.7em;
}

#ag-safety #yellow-blue-cards .alert-heading {
    font-size: 23px;
}

#ag-safety #yellow-blue-cards a.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.7777778;
    border-radius: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

#ag-safety #yellow-blue-cards a.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
}

#ag-safety #yellow-blue-cards a.btn-primary {
    background-color: #428bca;
    border-color: #357ebd;
}

#ag-safety #brought-to-you-by-images img:first-child {
    width: 80px;
}

#ag-safety #brought-to-you-by-images img:nth-child(2) {
    width: unset;
}

@media screen and (max-width:992px) {
    #ag-safety {
        margin-left: -64px;
        margin-right: -64px;
    }

}

@media screen and (max-width:480px) {
    #ag-safety {
        margin-left: -15px;
        margin-right: -15px;
    }

    #ag-safety #ag-head-container.category-issues h1 {
        margin-left: -36px;
        margin-right: -36px;
        font-size: 2em;
    }

    #ag-safety #ag-head-container.category-issues h2 {
        font-size: 1.7em;
    }

    #ag-safety h3#h3-header-text-bold {
        font-size: 1.3rem;
    }

    #ag-safety #three-across-grid {
        display: block;
    }

    #ag-safety #brought-to-you-by-images img:nth-child(2) {
        width: unset;
    }

}


/* ### Page Specific - Privacy and Terms ### */

#terms-and-conditions {
    min-width: 960px;
    width: 960px;
    margin: 0 auto;
}

@media screen and (max-width:1024px) {
    #terms-and-conditions {
        width: auto;
        min-width: 0;
    }

}

@media screen and (max-width:992px) {
    #terms-and-conditions {
        margin-left: -36px;
        margin-right: -36px;
        margin-top: 16px;
        width: unset;
        min-width: unset;
    }

}

@media screen and (max-width:480px) {
    #terms-and-conditions {
        margin-left: -15px;
        margin-right: -15px;
    }

}


/* ### Page Specific - 404 ### */

.error-404 {
    min-height: 400px;
}

#main.card.error-404 {
    background-color: #fff;
    margin-top: 0;
}



/* ######### Utilities ######### */

/* ### Utilities - Spacing ### */

.my16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

@media(max-width:991px) {
    .margin-separate-big {
        margin-top: 0;
        margin-bottom: 0;
    }

}

@media(max-width:767px) {
    .xs-no-pad {
        padding: 0;
    }

}

.margin-replace-card-padding {
    margin: -26px -26px 26px !important;
}

.children-div-margin-bottom-large>div {
    margin-bottom: 50px;
}

.margin-20 {
    margin: 20px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb16 {
    margin-bottom: 16px !important;
}

.mt_6 {
    margin-top: -6px !important;
}

.mt16 {
    margin-top: 16px !important;
}

.mt14 {
    margin-top: 14px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb76 {
    margin-bottom: 76px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt16 {
    padding-top: 16px !important;
}

.pt48 {
    padding-top: 48px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.section-padding-large section {
    padding: 24px 20px;
}

.mr6 {
    margin-right: 6px;
}

.mb20 {
    margin-bottom: 20px;
}

.vertical-spacer-32 {
    margin-top: 32px;
    display: block;
}

.rowMarginOverride {
    padding: 0 15px;
}

.margin-separate-big {
    margin-top: 40px;
    margin-bottom: 40px;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-pad-left {
    padding-left: 0 !important;
}

.no-pad-right {
    padding-right: 0 !important;
}

.no-pad-top {
    padding-top: 0 !important;
}

.no-pad-bottom {
    padding-bottom: 0 !important;
}

.pad-sides-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pad-sides-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.mr10 {
    margin-right: 10px !important;
}


/* ### Utilities - Display and Position ### */

.js-is-hidden {
    display: none !important;
}

.hidden {
    display: none;
}

.hide {
    display: none !important;
}

.max-width100 {
    max-width: 100%;
}

.overflow-hidden {
    overflow: hidden;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.min-width-50 {
    min-width: 50%;
}

.no-radius {
    border-radius: 0 !important;
}

.opaque {
    opacity: 1;
}

.transparent {
    opacity: 0;
}

.stretch {
    max-width: 100%;
    width: 100%;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.valign-top {
    vertical-align: top;
}

.valign-middle {
    vertical-align: middle;
}

.valign-bottom {
    vertical-align: bottom;
}

.block {
    display: block;
}

.iblock,
.inline-block {
    display: inline-block;
}

.border-gray {
    border: 1px solid #ccc;
}

.border-none {
    border: none !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.semi-transparent {
    opacity: .5;
}

.semi-transparent:hover {
    opacity: 1;
}

.full-width {
    width: 100%;
}

.width-70-percent {
    width: 70%;
}

.width-20-percent {
    width: 20%;
}

.width-25-percent {
    width: 25%;
}



/* ######### Overrides ######### */

/* ### Overrides - Browser Compatibility ### */

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}


/* ### Overrides - Cascade Dependencies ### */

/* These rules retain their original precedence across categories. Review their usage before consolidating. */

/* Source category: Typography - Headings and Basic. */
a:active,
a:hover {
    color: #0072c9;
}

@media screen and (min-width:320px) {
    /* Source category: Layout - Grid. */
    .container {
        padding: 0 16px;
    }

}

@media screen and (min-width:568px) {
    /* Source category: Layout - Grid. */
    .container {
        padding: 0 36px;
    }

}

@media screen and (min-width:1366px) {
    /* Source category: Layout - Grid. */
    .container {
        padding: 0 64px !important;
    }

}

/* Source category: Typography - Headings and Basic. */
a,
a:active,
a:hover,
a b,
a b:active,
a b:hover,
a em,
a em:active,
a em:hover,
a i,
a i:active,
a i:hover,
a strong,
a strong:active,
a strong:hover {
    color: #005596;
    text-decoration: none;
}

/* Source category: Typography - Headings and Basic. */
a b p,
a b strong,
a em p,
a em strong,
a i p,
a i strong,
a p,
a strong,
a strong p,
a strong strong {
    color: #333;
}

/* Source category: Page Specific - Member Benefits Archives. */
.member-benefits__sorter {
    padding: 20px !important;
}

/* Source category: Page Specific - Member Benefits Archives. */
.member-benefits__wrapper {
    padding: 0;
    text-align: center;
}

/* Source category: Page Specific - Member Benefits Archives. */
.member-benefits__sorter {
    padding: 20px;
}

/* Source category: Page Specific - County Pages. */
.county-selection__wrapper {
    padding: 0;
    text-align: center;
}

/* Source category: Components - Social Sharing and Icons. */
.addthis_toolbox a {
    color: #000;
}

/* Source category: Components - Tables and DataTables. */
table.feature-comparison {
    table-layout: fixed;
}

/* Source category: Components - Tables and DataTables. */
table.feature-comparison .visible-xs {
    display: none;
}

@media screen and (max-width:768px) {
    /* Source category: Components - Tables and DataTables. */
    table.feature-comparison {
        table-layout: auto;
    }

    /* Source category: Components - Tables and DataTables. */
    table.feature-comparison .visible-xs {
        display: table-row;
    }

}

/* Source category: Page Specific - Membership Pages (CRM API PAGES). */
#altai-form-login a.btn-link,
.altai-component a {
    text-decoration: none !important;
    color: #005596;
    font-weight: 600;
    padding: 0;
    margin-top: 16px !important;
    margin-top: 1rem !important;
}

/* Source category: Components - jQuery UI Slider. */
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555;
    text-decoration: none;
}

/* Source category: Components - jQuery UI Slider. */
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
}

/* Source category: Components - jQuery UI Slider. */
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

/* Source category: Components - jQuery UI Slider. */
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

/* Source category: Components - jQuery UI Slider. */
.ui-state-error-text,
.ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error-text,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}



/* ######### Responsive Adjustments ######### */

/* ### Responsive Adjustments - Print ### */

@media print {
    .site-title,
    body {
        color: #000;
    }

    .entry-meta,
    .entry-meta a {
        color: #444;
    }

    .entry-content {
        padding: 0 !important;
    }

    .entry-author-meta {
        display: none !important;
    }

    .entry-title,
    header h1 {
        margin: 0 !important;
        padding: 0 !important;
    }

    .comment-author .fn,
    .comment-reply-link,
    .comment-reply-login {
        color: #333;
    }

    .addthis_toolbox {
        display: none !important;
    }

    #main>header {
        display: none;
    }

    #main {
        margin-top: 0 !important;
    }

    .edit-link,
    .footer,
    .nav-detail-2,
    .nav-detail-3,
    .navbar,
    .navbar-fixed-top,
    .sidebar,
    .sidebar-offcanvas,
    aside,
    footer {
        display: none !important;
    }

    .hentry {
        border: 0;
    }

    .image-wrapper,
    .image-wrapper.ratio_16-9 img {
        text-align: left;
        max-height: 200px !important;
        margin: 0;
        margin-bottom: 30px;
    }

    .ratio_16-9 {
        padding-bottom: 200px !important;
    }

}

/* ######### Overrides - Template Styles ######### */

/* Template styles centralized 2026-10-09. */
/* Each section names the original file; the commented originals remain there. */
/* :where() restricts page scope without increasing selector specificity. */

/* ### Overrides - 404.php ### */
/* Source: 404.php */
:where(body.ofbf-template-404) .gsc-control-wrapper-cse  {
    max-width: 800px;
    margin:0 auto;
}

:where(body.ofbf-template-404) .gs-webResult div.gs-visibleUrl-breadcrumb, :where(body.ofbf-template-404) .gs-visibleUrl.gs-visibleUrl-breadcrumb  {
    display: none;
}

:where(body.ofbf-template-404) section#article-search h3, :where(body.ofbf-template-404) section#search-page h3, :where(body.ofbf-template-404) section#tag-category-header h3, :where(body.ofbf-template-404) h3  {
    padding:20px 0;
    margin:0;
}

:where(body.ofbf-template-404) a.gs-title  {
    margin-right: 104px;
}

:where(body.ofbf-template-404) .gs-image-box  {
    transform: translateY(-23px);
}

:where(body.ofbf-template-404) .gs-webResult.gs-result a.gs-title:visited, :where(body.ofbf-template-404) .gs-webResult.gs-result a.gs-title:visited b, :where(body.ofbf-template-404) .gs-imageResult a.gs-title:visited, :where(body.ofbf-template-404) .gs-imageResult a.gs-title:visited b, :where(body.ofbf-template-404) .gcsc-find-more-on-google-magnifier, :where(body.ofbf-template-404) .gcsc-find-more-on-google, :where(body.ofbf-template-404) .gs-webResult.gs-result a.gs-title:link, :where(body.ofbf-template-404) .gs-webResult.gs-result a.gs-title:link b, :where(body.ofbf-template-404) .gs-imageResult a.gs-title:link, :where(body.ofbf-template-404) .gs-imageResult a.gs-title:link b  {
    color:#005596;
}

:where(body.ofbf-template-404) .gsc-results .gsc-cursor-box .gsc-cursor-page  {
    color:#2f3c4f;
}

:where(body.ofbf-template-404) .gsc-cursor-current-page  {
    font-weight: bold;
}

:where(body.ofbf-template-404) .gsc-search-button-v2, :where(body.ofbf-template-404) .gsc-search-button-v2:hover, :where(body.ofbf-template-404) .gsc-search-button-v2:focus  {
    background-color: #005596;
}

/* Controls when no image available.  */
:where(body.ofbf-template-404) .gs-webResult.gs-result  {
    background: url(../images/ofbf-logo.svg) no-repeat;
    background-position: 97% 0px;
    background-size: auto 70px;
    min-height: 80px;
}

:where(body.ofbf-template-404) .gs-webResult.gs-result .gsc-table-result  {
    margin-right:104px;
}

/* End backup image control.  */
:where(body.ofbf-template-404) .gs-webResult.gs-result:has(.gs-image-box)  {
    background:none;
}

:where(body.ofbf-template-404) .gs-webResult.gs-result:has(.gs-image-box) .gsc-table-result  {
    margin-left: 0;
}

/* ### Overrides - functions-ofbf-forms.php ### */
/* Source: functions/functions-ofbf-forms.php */
/* This helper belongs to the generated form selects, across forms pages. */
.hidethis:where(.custom_multiple_selects)  {
    position: absolute;
    top: -10000px;
}

/* ### Overrides - header.php ### */
/* Source: header.php */
/* Original block 1. */
:where(body.ofbf-standard-layout) .account-menu-toggle.mobile  {
    display: inline-flex;
    /* Align items in a row */
    align-items: center;
    /* Center vertically */
    padding: 8px 12px;
    /* Adjust padding as needed */
    border: 1px solid #dee0e5;
    /* Change border color as needed */
    border-radius: 4px;
    /* Rounded corners */
    text-decoration: none;
    /* Remove underline */
    color: inherit;
    /* Use inherited text color or specify a color */
}

:where(body.ofbf-standard-layout) .caret  {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    /* Change color as needed */
    margin-bottom: 3px;
}

/* Original block 2. */
:where(body.ofbf-standard-layout) .wysiwyg .sharethis-inline-share-buttons  {
    display: none !important;
}

:where(body.ofbf-standard-layout) #quote-card  {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

/* ### Overrides - page.php ### */
/* Source: page.php */
:where(body.ofbf-template-page) .repeater-block  {
    color: #005596;
    display: flex;
    padding: 20px;
    width:calc(100% + 40px);
    margin-left: -20px;
}

:where(body.ofbf-template-page) .repeater-block--preheader  {
    font-size:.875rem;
    font-weight: bold;
    line-height: 1 !important;
    text-transform: uppercase;
}

:where(body.ofbf-template-page) .repeater-block--header  {
    font-size:28px !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
    color: #000;
}

:where(body.ofbf-template-page) .repeater-block a  {
    margin: 0 6px;
    display: inline-block;
}

:where(body.ofbf-template-page) .repeater-block a:first-child  {
    margin-left: 0;
}

:where(body.ofbf-template-page) .repeater-block--left  {
    background-color: white;
}

:where(body.ofbf-template-page) .repeater-block--right  {
    background-color: #f0f5f9;
    justify-content: center;
    margin-left: calc((0px - (100vw - 1311px)/2));
    width:100vw;
}

:where(body.ofbf-template-page) .repeater-block__copy  {
    margin:20px 0;
    line-height: 1 !important;
    color:#212529;
}

:where(body.ofbf-template-page) .repeater-block__copy p  {
    margin: 3px 0;
}

:where(body.ofbf-template-page) .repeater-block__copy-and-ctas  {
    width:50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 656px;
}

:where(body.ofbf-template-page) .repeater-block__img  {
    width: 50%;
    overflow: hidden;
    max-width: 656px;
}

:where(body.ofbf-template-page) .repeater-block__copy-and-ctas--left  {
    order:1;
}

:where(body.ofbf-template-page) .repeater-block__copy-and-ctas--right  {
    order:2;
    padding-left: 40px;
}

:where(body.ofbf-template-page) .repeater-block__img--left  {
    order:2;
}

:where(body.ofbf-template-page) .repeater-block__img--right  {
    order:1;
}

:where(body.ofbf-template-page) .repeater-block__img-wrap  {
    aspect-ratio: 16/9;
    overflow: hidden;
}

:where(body.ofbf-template-page) .repeater-block__img img  {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

:where(body.ofbf-template-page) .repeater-block .sharethis-inline-share-buttons  {
    margin: 20px 0 !important;
}

@media screen and (max-width:1366px)  {
    :where(body.ofbf-template-page) .repeater-block--right  {
        margin-left: -50px;
    }
}

@media screen and (max-width:900px)  {
    :where(body.ofbf-template-page) .repeater-block__copy-and-ctas  {
        width: 70%;
    }
    :where(body.ofbf-template-page) .repeater-block__img  {
        width: 30%;
    }
}

@media screen and (max-width:567px)  {
    :where(body.ofbf-template-page) .repeater-block  {
        display: flex;
        flex-direction: column;
    }
    :where(body.ofbf-template-page) .repeater-block__copy-and-ctas  {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px;
        width:100%;
        order:2;
    }
    :where(body.ofbf-template-page) .repeater-block__img  {
        width: 100%;
        order:1;
        margin-bottom: 20px;
    }
    :where(body.ofbf-template-page) .repeater-block--right  {
        margin-left: -30px;
        padding:20px 33px;
    }
}

/* ### Overrides - cart-renew-api.php ### */
/* Source: templates/cart-renew-api.php */
:where(body.ofbf-template-cart-renew-api) .section-header  {
    background-color: #004990;
    color: #fff;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 30px;
}

:where(body.ofbf-template-cart-renew-api) .membership-card  {
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 25px;
    overflow: hidden;
    background: #fff;
}

:where(body.ofbf-template-cart-renew-api) .card-header  {
    background-color: #f6f9fc;
    padding: 12px 20px;
    font-size: 2.00rem;
    font-weight: 600;
    color: #222;
    padding-top: 0px;
    padding-bottom: 0px;
}

:where(body.ofbf-template-cart-renew-api) .card-body  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

:where(body.ofbf-template-cart-renew-api) .product-section  {
    flex: 1 1 70%;
    padding: 0 20px;
    max-width: 1000px;
}

:where(body.ofbf-template-cart-renew-api) .sidebar-section  {
    flex: 0 0 180px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

:where(body.ofbf-template-cart-renew-api) .sidebar-inner  {
    width: 200px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px)  {
    :where(body.ofbf-template-cart-renew-api) .sidebar-inner  {
        width: 250px;
    }
}

:where(body.ofbf-template-cart-renew-api) .price-grid-header  {
    display: flex;
    justify-content: space-between;
    font-weight: 100;
    border-bottom: 1.5px solid #919396ff;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

:where(body.ofbf-template-cart-renew-api) .price-row  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid #eee;
}

:where(body.ofbf-template-cart-renew-api) .addon-label  {
    display: inline-block;
    margin-left: 6px;
    font-size: 18px;
    margin-bottom:0px;
}

:where(body.ofbf-template-cart-renew-api) .strike  {
    text-decoration: line-through;
    color: #aaa;
}

:where(body.ofbf-template-cart-renew-api) .due-today  {
    font-size: 1.75rem;
    font-weight: 700;
    color: #004990;
    margin-top: 0px;
    margin-bottom: 0px;
}

:where(body.ofbf-template-cart-renew-api) .btn-select  {
    display: inline-block;
    background-color: #004990;
    color: #fff !important;
    border-radius: 5px;
    padding: 8px 18px;
    font-weight: 600;
    margin-top: 8px;
    transition: background 0.2s;
    text-decoration: none;
}

:where(body.ofbf-template-cart-renew-api) .btn-select:hover  {
    background-color: #01356b;
}

:where(body.ofbf-template-cart-renew-api) .footer-section  {
    background-color: #f6f6f6;
    text-align: center;
    font-size: 0.9rem;
    color: #555;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 768px)  {
    :where(body.ofbf-template-cart-renew-api) .card-body  {
        flex-direction: column;
    }
    :where(body.ofbf-template-cart-renew-api) .product-section, :where(body.ofbf-template-cart-renew-api) .sidebar-section  {
        flex: 1 1 100%;
    }
    :where(body.ofbf-template-cart-renew-api) .sidebar-section  {
        border-top: 0px solid #eee;
        margin-top: 10px;
    }
    :where(body.ofbf-template-cart-renew-api) .due-today  {
        font-size: 1.5rem;
    }
}

/* ### Overrides - single-ofbf-county-page.php ### */
/* Source: templates/counties/single-ofbf-county-page.php */
:where(body.ofbf-template-single-ofbf-county-page) #sendMessagemobile  {
    display: none !important;
}

:where(body.ofbf-template-single-ofbf-county-page) .side-box  {
    padding: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding-bottom: 0;
}

:where(body.ofbf-template-single-ofbf-county-page) .side-box > *:last-child  {
    margin-bottom: 10px;
}

:where(body.ofbf-template-single-ofbf-county-page) .side-box ul  {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

:where(body.ofbf-template-single-ofbf-county-page) .send-message  {
    margin-bottom: 15px;
    padding: 20px;
    display: none;
}

:where(body.ofbf-template-single-ofbf-county-page) section  {
    margin-bottom: 30px;
}

:where(body.ofbf-template-single-ofbf-county-page) .form--disabled  {
    pointer-events:none
}

:where(body.ofbf-template-single-ofbf-county-page) .county-blog-header  {
    font-size: 24px;
    color: #005596;
    font-weight: bold;
    line-height: 1.2;
}

/* .no-gutters {
margin-right: 0 !important;
margin-left: 0 !important;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0 !important;
padding-left: 0 !important;
} */

/* UNUSED CSS (2026-10-02): col-gap helper; no markup or script references.
.col-gap {
margin-right: 25px;
}
*/
:where(body.ofbf-template-single-ofbf-county-page) .button-with-icon  {
    align-items: center;
    padding: 3px 15px;
    background-color: #0d6efd;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    min-height: 44px;
    display: flex;
    align-items: center;
}

:where(body.ofbf-template-single-ofbf-county-page) .button-with-icon img  {
    width: 30px;
    height: 30px;
}

:where(body.ofbf-template-single-ofbf-county-page) .button-with-icon:hover  {
    background-color: #0056b3;
    /* Change to your desired hover background color */
    color: #ffffff;
    /* Change to your desired hover text color */
}

:where(body.ofbf-template-single-ofbf-county-page) .square  {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    /* 1:1 Aspect Ratio */
    overflow: hidden;
}

:where(body.ofbf-template-single-ofbf-county-page) .square img  {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures the image covers the entire area */
    transform: translate(-50%, -50%);
    /* Centers the image */
}

:where(body.ofbf-template-single-ofbf-county-page) .form input  {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #dee0e5;
    border-radius: 3px;
    padding: 9px 14px;
    font-size: 16px;
    margin: 5px 0;
    background-color: #fff;
    width: 100%
}

:where(body.ofbf-template-single-ofbf-county-page) .form textarea  {
    width: 100%;
    margin: 5px 0;
    -webkit-appearance: none;
    appearance: none;
    border-style: solid;
    border-color: #dee0e5;
    border-radius: 3px;
    padding: 9px 14px;
    height: 172px
}

:where(body.ofbf-template-single-ofbf-county-page) .form input[type=button]  {
    font-weight: bold;
}

:where(body.ofbf-template-single-ofbf-county-page) .county-about-header  {
    background-color: #eeeeee;
    padding: 10px;
}

:where(body.ofbf-template-single-ofbf-county-page) .county-about-header__buttons  {
    display: flex;
    align-items:center;
}

:where(body.ofbf-template-single-ofbf-county-page) .county-about-header span, :where(body.ofbf-template-single-ofbf-county-page) .county-about-header__button  {
    margin-left: 15px;
}

:where(body.ofbf-template-single-ofbf-county-page) .county-about-header__button:has(img)  {
    text-indent: -999em;
    padding:3px 9px;
    font-size: 0;
}

:where(body.ofbf-template-single-ofbf-county-page) .event-image-wrapper  {
    border-radius: 0;
}

:where(body.ofbf-template-single-ofbf-county-page) .event-image  {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    object-position: center center;
    object-position: center center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

:where(body.ofbf-template-single-ofbf-county-page) .county-blog-header + .container-fluid  {
    margin-left: -12px;
}

:where(body.ofbf-template-single-ofbf-county-page) .col-8 .buy-local, :where(body.ofbf-template-single-ofbf-county-page) .col-8 .partners  {
    display: none;
}

@media screen and (max-width:48rem)  {
    :where(body.ofbf-template-single-ofbf-county-page) .send-message .county-blog-header  {
        background: transparent;
        color:#005596;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .send-message .county-blog-header::after  {
        display: none;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .col-4 .buy-local, :where(body.ofbf-template-single-ofbf-county-page) .col-4 .partners  {
        display: none;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .col-8 .buy-local, :where(body.ofbf-template-single-ofbf-county-page) .col-8 .partners  {
        display: block;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-blog-header  {
        position: relative;
        padding-right: 20px;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-blog-header:after  {
        display: block;
        content: ' ';
        position: absolute;
        top:calc(50% - 8px);
        right: 12px;
        border:2px solid white;
        width: 12px;
        height: 12px;
        transform: scaleX(1.2) rotate(-45deg) ;
        border-top:0;
        border-right: 0;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-blog-header[data-expanded="true"]:after  {
        border-bottom:0;
        border-left: 0;
        border-top:2px solid white;
        border-right: 2px solid white;
        top:calc(50% - 1px);
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-blog-header + .container-fluid, :where(body.ofbf-template-single-ofbf-county-page) .county-blog-header + .side-box  {
        height: 0;
        overflow: hidden;
        padding:0;
        margin:0;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-blog-header[data-expanded="true"] + .container-fluid  {
        margin-top: 1rem;
        height: auto;
        overflow: visible;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-blog-header[data-expanded="true"] + .side-box  {
        padding: 15px;
        margin-bottom: 15px;
        margin-top: 5px;
        padding-bottom: 0;
        height: auto;
    }
    :where(body.ofbf-template-single-ofbf-county-page) #sendMessagemobile[style]  {
        display: block !important;
    }
    :where(body.ofbf-template-single-ofbf-county-page) #sendMessagedesktop  {
        display: none !important;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-blog-header + .container-fluid  {
        margin-left: 0;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .side-box  {
        margin-top: 0;
        margin-bottom: 1rem;
    }
    :where(body.ofbf-template-single-ofbf-county-page) section  {
        margin-bottom: 1rem;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-about-header  {
        padding:15px;
        padding-top: 0;
    }
    :where(body.ofbf-template-single-ofbf-county-page) h2.county-blog-header, :where(body.ofbf-template-single-ofbf-county-page) .county-blog-header  {
        background-color: #005596;
        color:white;
        padding: 8px;
        display: block;
        margin-bottom: 0;
    }
    :where(body.ofbf-template-single-ofbf-county-page) #scholarships .col-4  {
        width: 100%;
        max-width: none;
        flex:0 0 100%;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-about-header  {
        flex-wrap: wrap;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .county-about-header__buttons  {
        margin-left: -15px;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .row--main  {
        flex-wrap: wrap;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .row--main > *  {
        width: 100%;
        flex:1 0 100%;
        max-width: none;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .col-4  {
        order:1;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .col-8  {
        order:2;
        display: flex;
        flex-direction: column;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .container-fluid .square  {
        display: none;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .container-fluid .btn.secondary-btn  {
        display: block;
    }
    :where(body.ofbf-template-single-ofbf-county-page) .center-mobile  {
        text-align: center;
    }
}

/* ### Overrides - single-event.php ### */
/* Source: templates/events/single-event.php */
/* The related-event markup marks cards for the current event. */
:where(body.ofbf-template-single-event) [data-post-id]:where([data-ofbf-current-event="true"])  {
    display: none;
}

/* ### Overrides - archive-ofbf_member_benefits.php ### */
/* Source: templates/member-benefits/archive-ofbf_member_benefits.php */
:where(body.ofbf-template-archive-ofbf_member_benefits) .ofbf_member_benefits .image-wrapper  {
}

:where(body.ofbf-template-archive-ofbf_member_benefits) .container.rest-of-site  {
    width:100%;
    max-width:none;
    padding:0 !important;
}

:where(body.ofbf-template-archive-ofbf_member_benefits) .gradient-overlay  {
    display: block;
    position: absolute;
    height: 100%;
    background: linear-gradient(90deg,#2d2d2d 0%,rgba(48,48,48,0) 100%);
    background-blend-mode: multiply;
    opacity: .5;
    z-index: 9;
    left: 0;
}

:where(body.ofbf-template-archive-ofbf_member_benefits) h1.page-title  {
    font-size: 54px;
    margin-bottom: 10px;
    line-height: 1;
    text-transform: none;
}

@media screen and (max-width:58.75rem)  {
    :where(body.ofbf-template-archive-ofbf_member_benefits) h2.page-title  {
        font-size:1.5rem;
    }
    :where(body.ofbf-template-archive-ofbf_member_benefits) h1.page-title  {
        font-size:2rem;
    }
}

:where(body.ofbf-template-archive-ofbf_member_benefits) .header-grid  {
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    grid-template-rows: auto;
}

@media screen and (max-width:54.375rem)  {
    :where(body.ofbf-template-archive-ofbf_member_benefits) .header-grid  {
        grid-template-columns: 1fr;
        grid-gap: 0;
        grid-row-gap: 20px;
    }
}

:where(body.ofbf-template-archive-ofbf_member_benefits) .benefit-grid  {
    display:grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 50px;
    grid-row-gap: 0px;
}

@media screen and (max-width:46.875rem)  {
    :where(body.ofbf-template-archive-ofbf_member_benefits) .benefit-grid  {
        grid-column-gap: 25px;
        grid-template-columns: repeat(2, 1fr);
    }
    :where(body.ofbf-template-archive-ofbf_member_benefits) .slide-content  {
        max-width: 100% !important;
    }
}

:where(body.ofbf-template-archive-ofbf_member_benefits) .container.header  {
    position:relative;
    z-index:3;
    padding:64px !important;
    min-height:700px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    align-content:center;
}

@media screen and (max-width:30rem)  {
    :where(body.ofbf-template-archive-ofbf_member_benefits) .header.container  {
        padding:30px !important;
    }
    :where(body.ofbf-template-archive-ofbf_member_benefits) .benefit-grid  {
        grid-column-gap: 0;
        grid-template-columns: 1fr;
    }
}

:where(body.ofbf-template-archive-ofbf_member_benefits) #featured-articles a.all-articles.desktop, :where(body.ofbf-template-archive-ofbf_member_benefits) #filtered-results a.all-articles.desktop  {
    right:50px !important;
}

@media screen and (min-width:1366px)  {
    :where(body.ofbf-template-archive-ofbf_member_benefits) #featured-articles a.all-articles.desktop, :where(body.ofbf-template-archive-ofbf_member_benefits) #filtered-results a.all-articles.desktop  {
        right:calc((100vw - 1440px)/2 + 60px) !important;
    }
}

/* ### Overrides - page-helpdesk-embed.php ### */
/* Source: templates/page-helpdesk-embed.php */
html:where(.ofbf-template-page-helpdesk-embed), body:where(.ofbf-template-page-helpdesk-embed)  {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

:where(body.ofbf-template-page-helpdesk-embed) .ofbf-helpdesk-embed  {
    display: block;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    border: 0;
}

/* ### Overrides - page-membership-card.php ### */
/* Source: templates/page-membership-card.php */
/* Original block 1 (already inactive). */
/* Already commented out in the template; keep this copy disabled. */
@media not all  {
    :where(body.ofbf-template-page-membership-card) .rounded-container  {
        border: 1px solid #dee0e5;
        /* Border color */
        padding: 20px;
        /* Padding inside the container */
        background-color: #ffffff;
        /* Light background color */
    }
    :where(body.ofbf-template-page-membership-card) .custom-image  {
        width: 100px;
        /* Set image width to 50% of the column */
        height: auto;
        /* Maintain aspect ratio */
    }
    :where(body.ofbf-template-page-membership-card) .text-20  {
        font-size: 20px;
    }
    :where(body.ofbf-template-page-membership-card) .text-16  {
        font-size: 16px;
    }
    :where(body.ofbf-template-page-membership-card) .text-22  {
        font-size: 22px;
    }
}

/* Keep the card content in normal flow so wrapped county details stay clear. */
:where(body.ofbf-template-page-membership-card) .business-card  {
    width: 100%;
    max-width: 525px;
    margin-inline: auto;
    border: 1px solid #005596 !important;
    border-radius: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 16px;
    background-image: linear-gradient(to right, #f0f0f0, #ffffff);
    box-shadow: 5px 5px 5px 2px #cccccc;
}

:where(body.ofbf-template-page-membership-card) .membership-card-preview {
    padding-top: 40px;
}

:where(body.ofbf-template-page-membership-card) .membership-card-print {
    margin-top: 24px;
    text-align: center;
}

@media screen and (max-width: 1299.98px) {
    :where(body.ofbf-template-page-membership-card) .ofbf-form-container > .col.d-none {
        display: none !important;
    }

    :where(body.ofbf-template-page-membership-card) .ofbf-form-container > .col-sm-12 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}

:where(body.ofbf-template-page-membership-card) .header-business-card  {
    grid-column: 1 / -1;
    background-color: #005596;
    color: white;
    text-align: center;
    padding: 8px 12px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    border-bottom: 1px solid #005596 !important;
    font-family: Arial, Helvetica;
}

:where(body.ofbf-template-page-membership-card) .member-info  {
    grid-column: 1 / -1;
    min-width: 0;
    padding: 12px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    overflow-wrap: anywhere;
    font-family: Arial, Helvetica;
}

:where(body.ofbf-template-page-membership-card) .member-name {
    font-size: 20px;
    font-weight: bold;
}

:where(body.ofbf-template-page-membership-card) .member-expiry {
    font-size: 18px;
}

:where(body.ofbf-template-page-membership-card) .member-id  {
    display: inline-block;
    max-width: 100%;
    padding: 4px 12px;
    border-top: 1px solid #005596;
    border-bottom: 1px solid #005596;
    border-image: linear-gradient(to right, transparent, #005596,#005596,#005596,  #005596,  #005596, transparent) 1;
    font-size: clamp(24px, 5vw, 30px);
    letter-spacing: .2em;
    line-height: 1.2;
    font-family: Arial, Helvetica;
}

:where(body.ofbf-template-page-membership-card) .footer-business-card  {
    min-width: 0;
    align-self: end;
    margin: 0 0 16px 20px;
    font-size: 16px;
    text-align: left;
    overflow-wrap: anywhere;
    font-family: Arial, Helvetica;
}

:where(body.ofbf-template-page-membership-card) .footer-business-card > div:not(:first-child) {
    font-size: 15px;
}

:where(body.ofbf-template-page-membership-card) .svg-business-card-logo  {
    align-self: end;
    width: clamp(64px, 18vw, 90px);
    margin: 0 20px 16px 0;
    aspect-ratio: 1;
}

:where(body.ofbf-template-page-membership-card) .svg-business-card-logo img {
    display: block;
    width: 100%;
    height: auto;
}

@media print {
    body:where(.ofbf-template-page-membership-card) {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    :where(body.ofbf-template-page-membership-card) .ofbf-form-container > .col.d-none {
        display: none !important;
    }

    :where(body.ofbf-template-page-membership-card) .header-business-card {
        background-color: #005596 !important;
        color: white !important;
    }

    :where(body.ofbf-template-page-membership-card) .business-card {
        break-inside: avoid;
    }
}

/* ### Overrides - page-pay.php ### */
/* Source: templates/page-pay.php */
/* PHP adds capability classes to the body before the header renders. */
:where(body.ofbf-template-page-pay) .div-SetEmail, :where(body.ofbf-template-page-pay) .div-SetPassword, :where(body.ofbf-template-page-pay) .div-PasswordNote, :where(body.ofbf-template-page-pay) #AccountInvoiceAccess  {
    display: none;
}

:where(body.ofbf-template-page-pay.ofbf-can-set-email) #AccountInvoiceAccess, :where(body.ofbf-template-page-pay.ofbf-can-set-email) .div-SetEmail  {
    display: block;
}

:where(body.ofbf-template-page-pay.ofbf-can-set-password) #AccountInvoiceAccess, :where(body.ofbf-template-page-pay.ofbf-can-set-password) .div-PasswordNote, :where(body.ofbf-template-page-pay.ofbf-can-set-password) .div-SetPassword  {
    display: block;
}

/* ### Overrides - page-receipt.php ### */
/* Source: templates/page-receipt.php */
:where(body.ofbf-template-page-receipt) .ofbf-form  {
    border: none;
}

/* ### Overrides - page-search.php ### */
/* Source: templates/page-search.php */
:where(body.ofbf-template-page-search) .gsc-control-wrapper-cse  {
    /*  max-width: 800px; */
    margin:0 auto;
}

:where(body.ofbf-template-page-search) form.gsc-search-box, :where(body.ofbf-template-page-search) .gsc-wrapper, :where(body.ofbf-template-page-search) .gsc-above-wrapper-area  {
    max-width: 100% !important;
}

:where(body.ofbf-template-page-search) .gs-webResult div.gs-visibleUrl-breadcrumb, :where(body.ofbf-template-page-search) .gs-visibleUrl.gs-visibleUrl-breadcrumb  {
    display: none;
}

:where(body.ofbf-template-page-search) section#article-search h3, :where(body.ofbf-template-page-search) section#search-page h3, :where(body.ofbf-template-page-search) section#tag-category-header h3, :where(body.ofbf-template-page-search) h3  {
    padding:20px 0;
    margin:0;
}

:where(body.ofbf-template-page-search) a.gs-title  {
    margin-right: 104px;
}

:where(body.ofbf-template-page-search) .gs-image-box  {
    transform: translateY(-23px);
}

:where(body.ofbf-template-page-search) .gs-webResult.gs-result a.gs-title:visited, :where(body.ofbf-template-page-search) .gs-webResult.gs-result a.gs-title:visited b, :where(body.ofbf-template-page-search) .gs-imageResult a.gs-title:visited, :where(body.ofbf-template-page-search) .gs-imageResult a.gs-title:visited b, :where(body.ofbf-template-page-search) .gcsc-find-more-on-google-magnifier, :where(body.ofbf-template-page-search) .gcsc-find-more-on-google, :where(body.ofbf-template-page-search) .gs-webResult.gs-result a.gs-title:link, :where(body.ofbf-template-page-search) .gs-webResult.gs-result a.gs-title:link b, :where(body.ofbf-template-page-search) .gs-imageResult a.gs-title:link, :where(body.ofbf-template-page-search) .gs-imageResult a.gs-title:link b  {
    color:#005596;
}

:where(body.ofbf-template-page-search) .gsc-results .gsc-cursor-box .gsc-cursor-page  {
    color:#2f3c4f;
}

:where(body.ofbf-template-page-search) .gsc-cursor-current-page  {
    font-weight: bold;
}

:where(body.ofbf-template-page-search) .gsc-search-button-v2, :where(body.ofbf-template-page-search) .gsc-search-button-v2:hover, :where(body.ofbf-template-page-search) .gsc-search-button-v2:focus  {
    background-color: #005596;
}

/* Controls when no image available.  */
:where(body.ofbf-template-page-search) .gs-webResult.gs-result  {
    background: url(../images/ofbf-logo.svg) no-repeat;
    background-position: 100% 0px;
    background-size: auto 100px;
    min-height: 100px;
}

:where(body.ofbf-template-page-search) .gs-webResult.gs-result .gsc-table-result  {
    margin-right:104px;
}

:where(body.ofbf-template-page-search) .gs-title  {
    margin-right:104px !important;
}

/* End backup image control.  */
:where(body.ofbf-template-page-search) .gs-webResult.gs-result:has(.gs-image-box)  {
    background:none;
}

:where(body.ofbf-template-page-search) .gs-webResult.gs-result:has(.gs-image-box) .gsc-table-result  {
    margin-left: 0;
}

:where(body.ofbf-template-page-search) .search-page  {
    min-height:400px;
}

/* ### Overrides - content-default-county.php ### */
/* Source: templates/partials/content-default-county.php */
/* Retained as a reusable helper for any caller of this county fragment. */
.form--disabled  {
    pointer-events:none
}

/* ### Overrides - reports-styles.php ### */
/* Source: templates/reports/reports-styles.php */
:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header  {
    display: flex;
    margin: 60px 0;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header__half  {
    flex:1 0 50%;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header__half--copy  {
    padding-right: 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header__subheadline  {
    font-size: .875rem;
    line-height: 1.2;
    text-transform: uppercase;
    color:#005596;
    width: 100%;
    flex:0 0 100%;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header__headline  {
    font-size: 2.625rem;
    line-height: 1.2;
    width: 100%;
    flex:0 0 100%;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header__body  {
    width: 100%;
    flex:0 0 100%;
    line-height: 1.2;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .site-main--single-report .wysiwyg  {
    margin: 60px auto;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .other-reports  {
    padding:60px;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header__img  {
    overflow: hidden;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header__img img  {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) #featured-articles h2.section-title  {
    color: #005596;
    margin: 0;
    font-weight: 400;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .section-description  {
    color: #005596;
    margin-bottom: 50px;
}

:where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .article-card__title  {
    font-size: 1.125rem;
    line-height: 1.2;
}

@media screen and (max-width: 767px)  {
    :where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header  {
        margin: 20px 0;
        flex-wrap: wrap;
    }
    :where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header__half  {
        flex: 0 0 100%;
        order:1;
        margin-bottom: 20px;
    }
    :where(body:is(.ofbf-template-archive-reports, .ofbf-template-single-reports)) .single-report-header__half--copy  {
        order:2;
    }
}

/* ### Overrides - archive-ofbf_scholarship.php ### */
/* Source: templates/scholarships/archive-ofbf_scholarship.php */
:where(body.ofbf-template-archive-ofbf_scholarship) .type-ofbf_scholarship a header h1  {
    font-size:1.125rem;
    background-color: #005596;
    padding:13px;
}

.post-type-archive-ofbf_scholarship:where(.ofbf-template-archive-ofbf_scholarship) .ofbf_scholarship .entry-content  {
    padding:10px 13px 0px 13px
}

:where(body.ofbf-template-archive-ofbf_scholarship) #content .col-lg-4:nth-child(3n+1)  {
    clear:both;
}

:where(body.ofbf-template-archive-ofbf_scholarship) #content .secondary-btn.misha_loadmore:before  {
    display: block;
    content:' ';
    clear:both;
    width:100%;
    height:1px;
}

/* ### Overrides - archive-staff.php ### */
/* Source: templates/staff/archive-staff.php */
:where(body.ofbf-template-archive-staff) .staff-description__bio ul  {
    padding:12px;
    margin-bottom: 0;
}

:where(body.ofbf-template-archive-staff) .staff-description__email  {
    display: block;
    padding:4px;
}

:where(body.ofbf-template-archive-staff) .staff img  {
    aspect-ratio: 343/457;
    display: block;
}

@media screen and (min-width:43.75rem)  {
    :where(body.ofbf-template-archive-staff) .site-main--staff .staff-button  {
        margin:10px !important
    }
}

/* ### Overrides - page-staff.php ### */
/* Source: templates/staff/page-staff.php */
:where(body.ofbf-template-page-staff) .staff-description__bio ul  {
    padding:12px;
    margin-bottom: 0;
}

:where(body.ofbf-template-page-staff) .staff-description__email  {
    display: block;
    padding:4px;
}

:where(body.ofbf-template-page-staff) .staff img  {
    aspect-ratio: 343/457;
    display: block;
}

@media screen and (min-width:43.75rem)  {
    :where(body.ofbf-template-page-staff) .site-main--staff .staff-button  {
        margin:10px !important
    }
}
/* ### Overrides - actions.php ### */
/* Source: functions/actions.php */
/* The former !is_page() sharing adjustments apply only to non-page theme views. */
/* addthis switched to svg icons and does not provide a 24 pixel sized icon. force it. */
:where(body.ofbf-standard-layout:not(.page)) .social-actions button.footer-share{
	margin-top:-1px;
}
:where(body.ofbf-standard-layout:not(.page)) a.addthis_button_facebook_like.at300b{
	margin-top:2px;
}
:where(body.ofbf-standard-layout:not(.page)) .addthis_counter.addthis_bubble_style.ofbf_addthis_override{
	margin-top:2px !important;
	height:22px !important;
	width:37px !important;
	background-position: 0 -80px !important;
}
:where(body.ofbf-standard-layout:not(.page)) .addthis_counter.addthis_bubble_style.ofbf_addthis_override:hover{
	background-position:-41px -80px !important;
}
:where(body.ofbf-standard-layout:not(.page)) .addthis_counter.addthis_bubble_style a.addthis_button_expanded{
	line-height:20px !important;
	width:37px !important;
	font-size:15px !important;
}
:where(body.ofbf-standard-layout:not(.page)) footer.loop .addthis_toolbox{
	margin-top:11px !important;
}

/* ######### END Template Overrides ######### */