/* Normalize */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/*CSS Variables*/
:root {
    /* colors - general */
    --color-primary: #ffffff;
    --color-secondary: #c00;
    --color-tertiary: #2461aa;
    /* colors - backgrounds */
    --color-bg-primary: rgba(255,255,255,1);
    --color-bg-secondary: rgba(238,238,238,1);
    /* colors - texts */
    --color-text-primary: rgba(0, 0, 0,1);
    --color-text-secondary: rgba(255,255,255,1);
    /* borders and shadows */
    --color-border-primary: #c00;
    --border-size: 1px;
    --border-radius: 4px;
    --drop-shadow: 1px 3px 14px rgba(0,0,0,.4);
    /* fonts */ 
    --font-family-primary: Arial, Helvetica, sans-serif; /* body copy */
    --font-size-primary: 18px;
    --font-lineheight-primary: 1.5em;
    /* spacing */
    --gutter-xs: 10px;
    --gutter-sm: 20px;
    --gutter-md: 40px;
    --gutter-lg: 80px;
    --gutter-xl: 120px;
}
@media only screen and (max-width: 863px){
    :root {
        --font-size-primary: 16px;
    }
}


/*
    FontAwesome Pseudo Icons - https://fontawesome.com/docs/web/add-icons/pseudo-elements
    ------------------------
    **Use for all pseudo targets
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    **Specify per icon
        font: var(--fa-font-solid);
        font: var(--fa-font-regular);
        font: var(--fa-font-light);
        font: var(--fa-font-thin);
        font: var(--fa-font-sharp-solid);
        font: var(--fa-font-sharp-regular);
        font: var(--fa-font-sharp-light);
        font: var(--fa-font-brands);
        content: "\f000";
*/

/* Typography */
body,
button,
input,
select,
optgroup,
textarea {
    color: var(--color-text-primary);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-primary);
    line-height: var(--font-lineheight-primary);
}
h1, h2, h3, h4, h5, h6 {
    color: var(--color-text-primary);
    clear: both;
    line-height: initial;
}
h1 {
	font-size: 34px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 22px;color:#2461aa;
}
body.single-post article.post h1.entry-title,
body.archive h1.page-title{
  color: var(--color-primary);
  font-size: 42px;
  font-weight: 700;
  line-height: 60px;
  margin: 0 0 20px 0;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 863px){
    body.single-post article.post h1.entry-title,
    body.archive h1.page-title{
        font-size: 22px;
        line-height: 30px;
    }
}

h2 {
  color: var(--color-tertiary);
  font-weight: 700;
  margin: 0 auto;
  font-size: 34px;
  line-height: 34px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-tertiary);
  margin-bottom: 20px;
}
.sub_menu_nav h3 {
  color: #000000;
  margin: 0;
}
.sub_menu_nav h3.frame_shapes {
  margin-top: 20px;
}
p {
	margin-bottom: 1.5em;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
.wp-block-quote {
    margin:0 0 40px 0;
}
.wp-block-quote cite {
    font-weight:bold;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: var(--color-bg-tertiary);
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted var(--color-text-primary);
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}

/*FontAwesom Icons*/
.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* Elements */
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior:
    see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: var(--color-bg-primary);
}
hr {
	background-color: var(--color-bg-tertiary);
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {
    margin: 0 0 1em 1em;
    padding: 0 0 1em 1em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto;
	max-width: 100%;
}
figure {
	margin: 1em 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
.content ul, 
.content ol, 
.content li, 
.content p {
  padding-bottom: 15px;
  margin: 0;
  font-size:16px;
  line-height:24px;
  word-wrap:break-word;
}
/*Buttons-primary*/
.button:not(li):not(.wp-block-button),
.wp-block-button__link,
li.button > a,
input[type="submit"] {
    cursor:pointer;
	  display: inline-block;
    background: var(--color-secondary);
    border-radius: var(--border-radius);
    color: var(--color-primary)!important;
    padding: 10px 30px !important;
	text-decoration: none;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
}
/*Buttons-secondary*/
.button-secondary:not(li):not(.wp-block-button),
.button-secondary > .wp-block-button__link,
li.button-secondary > a,
input[type="submit"].button-secondary {
    cursor:pointer;
	display: inline-block;
    background: var(--color-bg-primary);
    /* border-radius: var(--border-radius)!important; */
    border: var(--border-size) solid var(--color-tertiary)!important;
    color: var(--color-tertiary) !important;
    padding: 10px 30px !important;
	text-decoration: none;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
}
.button-secondary:not(li):not(.wp-block-button):hover,
.button-secondary > .wp-block-button__link:hover,
li.button-secondary > a:hover,
input[type="submit"].button-secondary:hover {
    /* background-color: var(--color-tertiary-20); */
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}

/* Forms */
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: var(--color-primary);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
input[type="file"],
textarea {
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: var(--border-radius);
    padding: 10px;
    max-width: 100%;
    -webkit-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus {
	color: #111;
}
select {
	border: 1px solid var(--color-border-primary);
    padding: 10px;
    border-radius: var(--border-radius);
}
textarea {
	padding: 10px;
	width: 100%;
}

/*Search Form*/
.searchForm-trigger {
    background-color: var(--color-secondary);
    border-radius: 9999px;
    box-sizing: border-box;
    color: var(--color-text-secondary);
    display: inline-block;
    height: 45px;
    margin: 0 10px 0 0;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 45px;
}
.searchForm-trigger:hover,
.searchForm-trigger:focus{
    color:var(--color-text-secondary);
    background-color:var(--color-secondary-80);
}
.searchForm-trigger > i {
    font-size: 20px;
}
.search-form {
    max-width: 500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search-form > label {
    display: inline-block;
    margin: 0 -5px 0 0;
    vertical-align: top;
    width: 60%;
}
.search-form .search-field {
    width: 100%;
}
.search-form > .search-submit {
    flex:1;
	margin-left: 15px;
}

/* Accessibility*/
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
#content[tabindex="-1"]:focus {
    outline: 0; /* Do not show the outline on the skip link target. */
}

/* Widgets */
.widget {
    margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */
}
.widget select {
	max-width: 100%;
}

/* Links */
a {
	color: var(--color-secondary);
}
a:visited {
	color: var(--color-secondary);
}
a:hover, a:focus, a:active {
	color: var(--color-secondary);
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}
.post-edit-link,
a.post-edit-link:visited {
    background-color: var(--color-secondary);
    border-radius: var(--border-radius);
    color: var(--color-primary);
    display: inline-block;
    font-size:13px;
    margin: 20px 0;
    padding: 8px 20px;
    text-decoration: none;
    text-transform:uppercase;
    font-weight:700;
}
.post-edit-link:hover {
    background-color: var(--color-secondary);
}
/* HERE - This is where the header css was */
/*Page Banner*/
.pageBanner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10%;
}
@media only screen and (min-width:1280px) {
    .pageBanner {
        height: 250px;
        padding: 0px;
    }
}

/* Content */
.container {
    margin: 0 auto;
    width: 100%;
    max-width:1000px;
}
@media only screen and (max-width:1020px) {
  .container {
    padding: 0 20px;
  }
}
.content .container {
    align-items: stretch;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto;
    max-width:1000px;
}
@media only screen and (max-width: 863px){
    .content .container {
        margin:0 auto 20px auto;
    }
}
.content .main,
.content aside {
    flex: 0 0 100%;
    width:100%;
}
.content .main {
    order:1;
}
body.archive header.page-header .breadcrumbs,
.content .main .header .breadcrumbs{
	font-size:12px;
	line-height:20px;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	text-align:right;
}
@media only screen and (max-width: 863px){
	body.archive header.page-header .breadcrumbs,
    .content .main .header .breadcrumbs{
		background:#def;
        border-bottom:1px solid #ddd;
        line-height:16px;
        font-size:11px;
        padding:7px 0 7px 10px;
        margin:0 -20px 5px -20px;
        width:auto;
        height:auto;
        text-align:left;
	}
}

body.archive header.page-header .breadcrumbs a,
.content .main .header .breadcrumbs a{
	color: #c00;
    text-decoration: underline;
}
body.archive header.page-header h1,
.content .main .header h1{
    color: #2461aa;
    font-size: 34px;
    line-height: 40px;
    margin: 20px 0 30px 0;
	position:relative;
    font-weight:normal;
}
@media only screen and (max-width: 863px){
	body.archive header.page-header h1,
	.content .main .header h1{
		font-size:30px;
		line-height:40px;
	}
}
.content aside {
    order:2;
}
@media only screen and (min-width:768px) {
    .content aside + .main {
        flex: 0 0 68%;
        order: 2;
    }
    .content main {
        flex: 0 0 100%;
        width: 100%;
    }
    .content aside {
        order: 1;
        flex:0 0 29%;
        width: 29%;
    }
}
/*Social*/
.social a {
    color:var(--color-text-secondary);
    display:inline-block;
    font-size:30px;
    margin:0 5px;
}

/*Comment and Post Navigation*/
.comment-navigation,
.posts-navigation,
.post-navigation {
	margin:20px 0;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: right;
	width: 50%;
}
@media only screen and (max-width: 863px){
    .post-navigation .nav-links{
        flex-wrap:wrap;
    }
    .post-navigation .nav-previous,
    .post-navigation .nav-next{
        width:100%;
    }
    .post-navigation .nav-previous{
        margin:0 0 20px 0;
    }
}
.nav-next a,
.nav-previous a {
    border:none;
    display: inline-block;
    padding: 5px 0px;
    text-decoration: none;
    color: var(--color-secondary);
    position:relative;
}
.nav-next a:hover,
.nav-previous a:hover {
  color: var(--color-tertiary);
}
.nav-next a::after,
.nav-previous a::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: .3s ease-in-out;
}
.nav-next a::after {
    content: "\f105";
    font:var(--fa-font-solid);
    margin:0 0 0 10px;
    
}
.nav-next a:hover::after {
    margin:0 -10px 0 20px;
}
.nav-previous a::before {
    content: "\f104";
    font:var(--fa-font-solid);
    margin:0 10px 0 0;
}
.nav-previous a:hover::before {
    margin:0 20px 0 -10px;
}

/*Comment List*/
.comment-list {
    display:inline-block;
    margin:20px 0;
    padding:0px;
    width:100%;
}
.comment-list ol.children {
    margin:0;
    padding:0 0 0 20px;
}
.comment-body {
    border:1px solid #ddd;
    border-radius:4px;
    display:inline-block;
    margin:5px 0;
    padding: 20px;
    width:100%;
}
.comment-metadata > * {
    margin:0 10px 0 0;
}

/*Comment Form*/
.comment-form label {
    display:block;
}

/*Widget Menu*/
aside .widget_nav_menu {

}
aside .widget_nav_menu a {
    padding: var(--gutter-sm) var(--gutter-md);
}
aside .widget_nav_menu ul.menu {
    
}
/*level 2*/
aside .widget_nav_menu ul.menu .sub-menu {
    
}
/*level 3*/
aside .widget_nav_menu ul.menu .sub-menu .submenu {
    
}

/* Posts and pages*/
.sticky {
	display: block;
}
.post,
.page {
	margin: 0;
}
.updated:not(.published) {
	display: none;
}
.entry-footer {
    padding: 20px 0 0 0;
}
.entry-footer > span {
    margin:0 10px 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.post-thumbnail {
    display:block;
    margin:20px 0 0 0;
}

/*Blog Feed*/
.blogFeed .post {
    margin:0 0 4em 0;
}

/* Comments */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*FancyBox Overrides*/
.fancybox-thumbs__list a:before {
	border: 6px solid var(--color-primary)!important;
}

/* Infinite scroll */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .footer {
	display: block;
}

/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
embed,
iframe,
object {
	max-width: 100%;
}
.custom-logo-link img {
	display: block;
}

.wp-block-image{margin:0 0 30px 0;}

/* Captions */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}

/*Post Thumbnail*/
.post-thumbnail img {
    display:block;
    min-width:100%;
}

/*Block Columns*/
.wp-block-columns {
    margin-bottom: 0px;
}
.wp-block-columns .wp-block-column {
    margin-bottom: 28px;
}
/*temporary fix for broken window of sizes on responsive*/
@media only screen and (min-width:600px) and (max-width:781px) {
    .wp-block-columns .wp-block-column {
        flex-basis: calc(50% - 16px)!important;
    }
}

/*Block Cover Links*/
.cover-link {
    padding:0px;
    align-items: stretch;
}
.cover-link .wp-block-cover__inner-container {
    display: flex;
}
.cover-link .wp-block-cover__inner-container p {
    display: flex;
    margin: 0px;
    flex: 0 0 100%;
}
.cover-link .wp-block-cover__inner-container p a {
    color: var(--color-text-secondary);
    /* background-color: var(--color-primary-50); */
    flex: 0 0 100%;
    display: flex; 
    align-items: center;   
    justify-content: center;
    text-decoration: none;
    text-shadow: 1px 2px 12px var(--drop-shadow);
}

/*Staff Boxes*/
.staffBoxes .wp-block-column {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0,0,0,.15);
    margin-bottom: 20px !important;
    overflow: hidden;
}
.staffBoxes .wp-block-image {
    margin:0 0 1em 0;
}
.staffBoxes .wp-block-button {
    text-align:center;
}

/*FAQs*/
.schema-faq {
    margin:0px auto;
    max-width:700px;
}
.schema-faq-section {
    background-color: #fff;
    border-radius: 4px;
    border:1px solid #ccc;
    border-left: 10px solid #ccc;
    margin: 0 0 10px 0;
    font-size: 15px;
    overflow: hidden;
}
.schema-faq-section:nth-child(4n+1) {
   border-color: #999;
}
.schema-faq-section:nth-child(4n+2) {
   border-color: #777;
}
.schema-faq-section:nth-child(4n+3) {
   border-color: #555;
}
.schema-faq-section:nth-child(4n+4) {
   border-color: #333;
}
.schema-faq-question {
    cursor:pointer;
    display:block;
    padding:8px 35px 8px 15px;
    position:relative;
}
.schema-faq-question:after,
.schema-faq-question-open:after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.schema-faq-question:after {
    font: var(--fa-font-solid);
    content: "\f105";
    margin:-10px 5px 0 0;
    height:20px;
    line-height:20px;
    width:10px;
    position:absolute;
    right:5px;
    top:50%;
}
.schema-faq-question-open:after {
    font:var(--fa-font-solid);
    content: "\f107";
    margin: -5px 0 0 0;
    height: 10px;
    line-height: 10px;
    width: 20px;
    position: absolute;
    right: 0px;
    top: 50%;
}
.schema-faq-question:hover,
.schema-faq-question-open {
    background-color:var(--color-bg-tertiary);
}
.schema-faq-answer {
    display: none;
    margin: 0px;
    padding: 10px 15px;
}

/*Block Spacer*/
.wp-block-spacer {
    position: relative;
    z-index: -1;
}

/*START: Tribe Events CSS - move back to /tribe-events/tribe-events.css when bug is fixed...*/
#tribe-bar-views-toggle {
    color:var(--color-text-primary)!important;
}
.tribe-events-list-widget .tribe-list-widget {
    padding:0px;
}
.tribe-events-list-widget .tribe-events-list-widget-events {
    border-radius:var(--border-radius);
    background-color:var(--color-bg-tertiary);
    padding:10px!important;
    border:1px solid var(--color-border-primary);
    margin:5px 0;
}
/*END*/

/*Login Shortcode*/
#loginform {
    background-color: var(--color-bg-tertiary);
    border-radius: var(--border-radius);
    clear: both;
    display: inline-block;
    margin: 20px 0;
    max-width: 100%;
    padding: 0 20px;
    width: 500px;
}
#loginform label {
    display:block;
    font-weight:700;
    margin:0 0 5px 0;
}
#loginform #user_pass,
#loginform #user_login {
    padding:8px 10px;
    width:100%;
}
/* Header Start - HERE */

#header{
    height:auto;
    width:100%;
    position:relative
}
#header a {
	color: var(--color-primary);
}
#header a:visited {
	color: var(--color-primary);
}

#header #covid_messaging{
    background:#fff6b2;
    box-sizing:border-box;
    font-size:14px;
    width:100%;
    line-height:20px;
    text-align:center;
    padding:7px 20px;
    display:none
}
#header #covid_messaging .inner{
    width:990px;
    margin:0 auto
}
#header #covid_messaging .inner a{
    color:#000
}
#header #covid_messaging .inner i.fa-times{
    cursor:pointer;
    float:right;
    font-size:16px;
    line-height:20px
}
#header #covid_messaging .inner br{
    display:none
}
@media only screen and (max-width: 863px){
    #header #covid_messaging .inner br{
        display:inline
    }
}
#header .redbar{
    display:none
}
#header .searchform{
    display:none
}
@media only screen and (max-width: 863px){
    #header .redbar{
        display:block;
        height:48px;
        background:#0076BC;
        background:-webkit-gradient(linear, left bottom, left top, color-stop(.3, #0076BC), color-stop(1, #00AEEF));
        background:-moz-linear-gradient(center bottom, #0076BC 30%, #00AEEF 100%);
        background:-ms-linear-gradient(center bottom, #0076BC 30%, #00AEEF 100%);
        border:solid #357FBF;
        border-width:1px 0
    }
    #header .logo{
        display:block;
        text-indent:-99999px;
        float:left;
        margin:5px 0 0 10px
    }
    #header .logo h1{
        margin:0
    }
    #header .logo a{
        display:block;
        height:40px;
        background:url("https://www.contactsamerica.com/siteimages/main-sprite.png") -40px 0 no-repeat;
        width:100px
    }
    #header .nav{
        height:49px;
        margin:0;
        list-style:none;
        float:right
    }
    #header .nav li{
        border-right:none;
        height:49px;
        line-height:34px;
        float:left;
        margin:0;
        padding:0
    }
    #header .nav li a{
        color:#fff;
        display:block;
        text-align:center;
        text-decoration:none;
        padding:0 6px;
        font-size:12px;
        font-weight:bold;
        cursor:pointer
    }
    #header .nav li a .icon{
        background:url("https://www.contactsamerica.com/siteimages/nav-icon-sprite.png") 0 0 no-repeat;
        display:block;
        height:30px;
        width:30px;
        margin:1px auto 0 auto;
        line-height:30px
    }
    #header .nav li a .text{
        display:block;
        height:14px;
        line-height:14px;
        font-size:12px
    }
    #header .nav li.last{
        border:none
    }
    #header .nav li.last a{
        padding:0 3px
    }
    #header .nav li.myaccount a .icon{
        background-position:-30px 0
    }
    #header .nav li.login a .icon{
        background-position:-60px 0
    }
    #header .nav li.reorder a .icon{
        background-position:-90px 0
    }
    #header .nav li.cart a .icon{
        background-position:-120px 0;
        width:40px
    }
    #header .nav li.cart .count{
        display:none
    }
    #header .nav li.cart.full a .icon{
        background-position:-160px 0;
        width:40px;
        line-height:27px;
        font-size:11px
    }
    #header #terms{
        display:flex;
        margin:10px 10px 0 10px;
        height:46px;
        position:relative;
        column-gap:10px
    }
    #header #terms .clear{
        display:none
    }
    #header .nav li.active{
        background:#c00
    }
    #header .nav li.cart.full a .icon{
        color:#c00
    }
}
@media only screen and (max-width: 863px) and screen and (max-width:340px){
    #header .nav li a{
        padding:0 3px
    }
}
@media screen and (max-width:340px){
    #header .nav li a{
        padding:0 3px
    }
}
#header #top_bar{
    background:#2461aa;
    padding:0;
    position:relative
}
@media only screen and (max-width: 863px){
    #header #top_bar{
        display:none
    }
}
#header #top_bar .phone_number{
    font-size:14px;
    float:left;
    line-height:30px;
    color:#ffffff;
}
#header #top_bar .phone_number a{
    text-decoration:none
}
#header #top_bar #badges{
    float:left;
    height:30px;
    margin:0 0 0 30px;
    width:auto
}
#header #top_bar #badges .badge{
    float:left;
    font-size:12px;
    margin:0 15px 0 0
}
#header #top_bar #badges .badge .icon{
    height:30px;
    float:left;
    margin:0 5px 0 0;
    width:18px
}
#header #top_bar #badges .badge .text{
    color:#c00;
    float:left;
    font-size:12px;
    line-height:30px;
    text-align:left
}
#header #top_bar #badges .badge .text a#live_chat_link{
    display:none
}
#header #top_bar #badges .badge .text a#live_chat_link:hover{
    color:#2461aa
}
#header #top_bar #badges .badge .text a#live_chat_link.active{
    display:inline
}
#header #top_bar #badges .badge.money_back .icon{
    background:url('/siteimages/icons/svg/money-back-dark.svg') 0 4px no-repeat transparent;
    width:20px
}
#header #top_bar #badges .badge.returns .icon{
    background:url('/siteimages/icons/svg/hassle-free-returns-dark.svg') 0 4px no-repeat transparent
}
#header #top_bar #badges .badge.service{
    margin:0
}
#header #top_bar #badges .badge.service .icon{
    background:url('/siteimages/icons/svg/24-7-service-dark.svg') 0 4px no-repeat transparent
}
#header #top_bar #badges .badge.fancy{
    color:#c00
}
#header #top_bar #badges.logged_in{
    margin:0 0 0 10px
}
#header #top_bar .halloween_banner{
    margin:0 auto;
    text-indent:-9999px;
    padding:0;
    line-height:18px;
    list-style:none;
    margin:0;
    position:absolute;
    left:280px;
    top:0;
    z-index:30
}
#header #top_bar .halloween_banner a{
    display:block
}
#header #top_bar .halloween_banner a img{
    display:block
}
#header #top_bar .super_nav{
    float:right;
    line-height:30px;
    list-style:none;
    margin:0;
    padding:0;
}
#header #top_bar .super_nav li{
    font-size:14px;
    float:left;
    margin:0;
    padding:0
}
#header #top_bar .super_nav li>a{
    display:block;
    text-decoration:none;
    padding:0 10px;
    position:relative;
    line-height:30px;
    z-index:30
}
#header #top_bar .super_nav li>a i.fa{
    font-size:20px;
    line-height:28px
}
#header #top_bar .super_nav li>a .count{
    background:#fff;
    border:1px solid #c00;
    border-radius:10px;
    color:#c00;
    display:block;
    font-size:11px;
    position:absolute;
    top:2px;
    right:0;
    width:14px;
    height:14px;
    line-height:15px;
    margin:0;
    text-align:center
}
#header #top_bar .super_nav li.login .sign_in{
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 3px 18px -3px rgba(0,0,0,0.2);
    display:none;
    font-size:13px;
    list-style:none;
    margin:0;
    padding:10px;
    position:absolute;
    right:0;
    text-align:left;
    top:100%;
    z-index:31
}
#header #top_bar .super_nav li.login .sign_in ul.form{
    list-style:none;
    margin:0
}
#header #top_bar .super_nav li.login .sign_in ul.form li{
    float:none;
    font-size:16px;
    line-height:20px;
    margin:0 0 10px 0
}
#header #top_bar .super_nav li.login .sign_in ul.form li .label{
    margin:0 0 2px 0
}
#header #top_bar .super_nav li.login .sign_in ul.form li .field{
    border:none;
    flex-direction:column;
    row-gap:5px
}
#header #top_bar .super_nav li.login .sign_in ul.form li .field input{
    background:#fff;
    border:1px solid #999;
    width:100%;
    font-size:16px;
    height:28px;
    line-height:28px;
    padding:0 0 0 10px
}
#header #top_bar .super_nav li.login .sign_in ul.form li .field .displayerror{
    background:#FFE6E6;
    border:1px solid #900;
    box-sizing:border-box;
    display:none;
    font-size:13px;
    line-height:20px;
    margin:-1px 0 0 0;
    padding:5px 10px;
    width:100%
}
#header #top_bar .super_nav li.my_account{
    position:relative
}
#header #top_bar .super_nav li.my_account a{
    display:inline-block;
    padding:0 10px 0 0
}
#header #top_bar .super_nav li.my_account a i.fa{
    font-size:16px;
    margin:0 0 0 5px
}
#header #top_bar .super_nav li.my_account ul{
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 3px 18px -3px rgba(0,0,0,0.2);
    display:none;
    font-size:13px;
    list-style:none;
    margin:0;
    position:absolute;
    right:0;
    text-align:left;
    top:100%;
    z-index:31;
    padding:0;
}
#header #top_bar .super_nav li.my_account ul li{
    float:none
}
#header #top_bar .super_nav li.my_account ul li a{
    color:#c00;
    display:block;
    font-weight:normal;
    line-height:30px;
    padding:0 15px;
    white-space:nowrap
}
#header #top_bar .super_nav li.my_account ul li a:hover{
    background:#eee
}
#header #top_bar .super_nav li.my_account .welcome{
    display:none
}
#header #top_bar .super_nav li.my_account:hover ul{
    display:block
}
#header #top_bar .super_nav li.view_cart a{
    padding:0 0 0 15px
}
#header #top_bar .super_nav li.view_cart a i.fa{
    display:block;
    float:left;
    font-size:23px;
    margin:0 10px 0 0
}
#header #top_bar .super_nav li.view_cart a .label{
    display:block;
    line-height:30px;
    float:left
}
#header #top_bar .super_nav li.view_cart a .count{
    right:28px
}
#header #top_bar .super_nav li.view_cart a::after{
    content:'\0020';
    clear:both;
    display:block;
    float:none;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0;
    margin:0;
    padding:0
}
#header #top_bar .super_nav li.favorites .fa-heart{
    font-weight:normal
}
#header #top_bar .super_nav li.phone a{
    display:inline;
    text-decoration:none;
    padding:0;
    margin:0
}
#header #main_bar{
    background:#fff;
    padding:10px 0;
    position:relative
}
@media only screen and (max-width: 863px){
    #header #main_bar{
        display:none
    }
}
#header #main_bar #logo{
    float:left;
    height:auto;
    margin:0 20px 0 0;
    text-indent:-9999px;
    width:auto
}
#header #main_bar #logo a{
    width:253px;
    background:url('https://www.contactsamerica.com/siteimages/logos/main-logo.png') 0 center no-repeat;
    background-size:contain;
    display:block;
    height:50px;
    text-align:left;
    text-indent:-9999px
}
#header #main_bar #badges{
    float:left;
    height:auto;
    width:auto;
    padding:10px 0;
}
#header #main_bar #badges .badge{
    float:left;
    font-size:13px;
    margin:0 20px 0 0
}
#header #main_bar #badges .badge .icon{
    height:28px;
    float:left;
    margin:0 5px 0 0;
    width:28px
}
#header #main_bar #badges .badge .text{
    float:left;
    line-height:14px;
    text-align:left;
    color:#2461aa;
}
#header #main_bar #badges .badge .text strong{
    display:block
}
#header #main_bar #badges .badge .text a#live_chat_link{
    display:none
}
#header #main_bar #badges .badge .text a#live_chat_link.active{
    display:inline
}
#header #main_bar #badges .badge.money_back .icon{
    background:url('https://www.contactsamerica.com/siteimages/icons/svg/money-back.svg') 0 0 no-repeat transparent
}
#header #main_bar #badges .badge.returns .icon{
    background:url('https://www.contactsamerica.com/siteimages/icons/svg/hassle-free-returns.svg') 0 0 no-repeat transparent
}
#header #main_bar #badges .badge.service{
    margin:0;
}
#header #main_bar #badges .badge.service .icon{
    background:url('https://www.contactsamerica.com/siteimages/icons/svg/24-7-service.svg') 0 0 no-repeat transparent
}
#header #main_bar #badges .badge.fancy{
    color:#dfdfeb
}
#header #main_bar #main_nav{
    float:left
}
#header #main_bar #main_nav ul{
    list-style:none;
    margin:5px 0
}
#header #main_bar #main_nav ul li{
    display:block;
    float:left;
    line-height:40px;
    position:relative;
    padding:0;
    width:170px
}
#header #main_bar #main_nav ul li a{
    border-radius:4px;
    display:block;
    color:#fff;
    font-size:16px;
    padding:0 10px;
    text-decoration:none;
    transition:.3s ease-out
}
#header #main_bar #main_nav ul li a:hover{
    background:rgba(255,255,255,0.15);
    transition:.3s ease-out
}
#header #main_bar #main_nav ul li .tail{
    border-top:none;
    border-left:10px solid transparent;
    border-bottom:10px solid #27aaed;
    border-right:10px solid transparent;
    display:none;
    margin:0 0 0 -10px;
    position:absolute;
    bottom:-15px;
    left:50%
}
#header #main_bar #main_nav ul li.active{
    font-weight:bold
}
#header #main_bar #main_nav ul li.active a{
    background:rgba(255,255,255,0.2)
}
#header #main_bar #main_nav ul li.active .tail{
    display:block
}
#header #main_bar #main_nav ul::after{
    content:'\0020';
    clear:both;
    display:block;
    float:none;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0;
    margin:0;
    padding:0
}

#header #sub_bar{
    background:#27aaed;
    box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)
}
@media only screen and (max-width: 863px){
    #header #sub_bar{
        display:none
    }
}
#header #sub_bar .sub_nav{
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    text-align:left
}
#header #sub_bar .sub_nav::after{
    clear:both;
    content:" ";
    display:block
}
#header #sub_bar .sub_nav li{
    display:inline-block;
    line-height:20px;
    margin:0 20px 0 0;
    padding:0
}

#header #sub_bar .sub_nav li#lenses_menu:hover .sub_menu{
    display:block;
}
#header #sub_bar .sub_nav li#brand_menu:hover .sub_menu{
    display:block;
}

#header #sub_bar .sub_nav li#brand_menu .sub_menu ul.brand_list li a:hover .product_list{
    display:block;
}
#header #sub_bar .sub_nav li a.top_menu{
    display:block;
    font-size:16px;
    padding:10px 20px;
    text-decoration:none
}
#header #sub_bar .sub_nav li a.top_menu:hover{
    background:#dd4a5b;
    background:rgba(255,255,255,0.25)
}
#header #sub_bar .sub_nav li a.top_menu i.fa{
    margin:0 0 0 10px
}
#header #sub_bar .sub_nav li .sub_menu{
    background:#fff;
    box-shadow:3px 3px 10px 0 rgba(0,0,0,0.3);
    box-sizing:border-box;
    display:none;
    left:0;
    padding:0;
    position:absolute;
    top:100%;
    width:auto;
    z-index:31;
    text-align:left
}
#header #sub_bar .sub_nav li .sub_menu .tail{
    border-top:none;
    border-right:10px solid transparent;
    border-bottom:10px solid #fff;
    border-left:10px solid transparent;
    left:122px;
    margin:0;
    position:absolute;
    top:-10px;
    width:0
}
#header #sub_bar .sub_nav li .sub_menu ul{
    list-style:none
}
#header #sub_bar .sub_nav li .sub_menu ul li{
    float:none;
    display:block
}
#header #sub_bar .sub_nav li .sub_menu ul.text_list{
    height:390px;
    list-style:none;
    margin:10px 0;
    overflow-y:scroll;
    padding:0;
    position:relative
}
#header #sub_bar .sub_nav li .sub_menu ul.text_list li{
    border:none;
    font-size:13px;
    line-height:30px;
    margin:0;
    width:auto
}
#header #sub_bar .sub_nav li .sub_menu ul.text_list li a{
    border:none;
    color:#333;
    display:block;
    height:30px;
    margin:0;
    padding:0 10px;
    text-decoration:none;
    white-space:nowrap;
    width:auto
}
#header #sub_bar .sub_nav li .sub_menu ul.text_list.selected,#header #sub_bar .sub_nav li .sub_menu ul.text_list a:hover{
    background:#f7f7f7
}
#header #sub_bar .sub_nav li .sub_menu ul.lenses_menu{
    left:276px
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_list{
    position:relative;
    margin:0;
    z-index:32;
    padding:0;
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_list li{
    border-right:1px solid #ddd;
    font-size:14px;
    line-height:30px;
    margin:0;
    padding:0;
    width:195px
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_list li::after{
    content:'\0020';
    clear:both;
    display:block;
    float:none;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0;
    margin:0;
    padding:0
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_list li a{
    color:#333;
    display:block;
    height:30px;
    padding:0 20px 0 10px;
    margin:0;
    text-decoration:none;
    width:auto
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_list li a i.fa{
    display:block;
    float:right;
    height:30px;
    line-height:30px;
    margin:0 0 0 20px
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_list li.active>a,#header #sub_bar .sub_nav li .sub_menu ul.brand_list li a:hover{
    background:#f7f7f7
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_list li ul{
    background:#fff;
    box-shadow:3px 3px 10px 0 rgba(0,0,0,0.3);
    display:none;
    height:100%;
    left:170px;
    overflow:auto;
    padding:0;
    position:absolute;
    top:0;
    width:auto
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_list li ul li{
    border:none;
    font-size:13px;
    line-height:30px;
    margin:0;
    width:auto
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_list li ul li a{
    border:none;
    height:30px;
    margin:0;
    white-space:nowrap
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_logos{
    list-style:none;
    margin:0
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_logos li{
    float:left;
    font-size:13px;
    margin:0;
    white-space:nowrap;
    width:10%;
    text-transform:none
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_logos li a{
    display:block;
    height:53px;
    padding:8px 9px 8px 8px
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_logos li a img{
    display:block;
    width:100%;
    height:auto
}
#header #sub_bar .sub_nav li .sub_menu ul.brand_logos::after{
    content:'\0020';
    clear:both;
    display:block;
    float:none;
    overflow:hidden;
    visibility:hidden;
    width:0;
    height:0;
    margin:0;
    padding:0
}
#header #sub_bar .sub_nav li .sub_menu ul.product_list{
    background:#fff;
    box-shadow:3px 3px 10px rgba(0,0,0,0.3);
    box-sizing:border-box;
    display:none;
    height:100%;
    left:170px;
    overflow:auto;
    padding:0;
    position:absolute;
    top:0;
    width:auto
}
#header #sub_bar .sub_nav li .sub_menu ul.product_list li{
    border:none;
    font-size:13px;
    line-height:30px;
    margin:0;
    width:100%
}
#header #sub_bar .sub_nav li .sub_menu ul.product_list li a{
    border:none;
    color:#333;
    display:block;
    height:30px;
    margin:0;
    padding:0 20px 0 10px;
    text-decoration:none;
    width:auto;
    white-space:nowrap
}
#header #sub_bar .sub_nav li .sub_menu ul.product_list li a:hover{
    background:#f7f7f7;
    color:#2461aa
}
#header #sub_bar .sub_nav li .sub_menu .all_brands{
    display:block;
    line-height:30px;
    float:right
}
#header #sub_bar .sub_nav li .sub_menu.full_width{
    width:100%;
    padding:10px
}
#header #sub_bar .sub_nav li#lenses_menu .sub_menu{
    left:0
}
#header #sub_bar .sub_nav li#lenses_menu .sub_menu .tail{
    left:137px
}
#header #sub_bar .sub_nav li#brand_menu .sub_menu{
    left:194px
}
#header #sub_bar .sub_nav li#brand_menu .sub_menu .tail{
    left:75px
}
#header #sub_bar .sub_nav li.brand_logo_menu .sub_menu .tail{
    left:576px
}
#header #sub_bar .sub_nav li.sales a{
    color:#c00
}
#header #sub_bar .sub_nav#site_sunglasses li.brand_logo_menu .sub_menu .tail{
    left:498px
}
#terms input.text{
    background:#fff;
    border:1px solid #999;
    border-radius:5px;
    color:#333;
    font-size:14px;
    padding:0 2%;
    width:96%;
    height:40px
}
#session-status{
    background:#333;
    border-bottom:1px solid #000;
    color:#fff;
    height:48px;
    font-size:12px;
    line-height:24px
}
#session-status .signed_in_as,#session-status .pricing_strategy{
    float:left
}
#session-status .csr{
    float:right
}


/* Header End */

/* Secondary Blog Navigation Start */
.blog-menu-container {
  width: 100%;
  border-bottom: 1px solid var(--color-primary);
  padding: 10px 0px;
  margin: 0px;
  background-color: var(--color-bg-primary);
  display: none;
}
.blog-menu-container ul{
  display: flex;
  justify-content:center;
  align-items: center;
  list-style-type: none;
  padding: 0; 
  margin: 0;
}
.blog-menu-container ul li {
  padding: 10px 20px;margin:0 20px;
}
.blog-menu-container ul li a {
  text-decoration: none;
  padding: 10px;
  color: #555555;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.blog-menu-container ul li a:after{
  display:none;
}
.blog-menu-container ul li:hover a{
  color: var(--color-primary);
}
.blog-menu-container ul li:hover a:after{
  content: "";
  position: absolute;
  display: block;
  bottom: 5px;
  height: 1px;
  width: 50px;
  border-bottom: 2px solid #FFCC22;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 864px) {
  .blog-menu-container {
    display: block;
  }
}
/* Secondary Blog Navigation End */

/* Secondary Blog Navigation MOBILE Start */
.mobile-blog-menu{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 20px 20px;
  background-color: var(--color-bg-primary);
  border-bottom:1px solid var(--color-primary);
}
.mobile-blog-menu .title{
  font-family: 700;
  font-size: 30px;
}
.mobile-blog-menu .title em{
    font-style: normal;
    font-weight: bold;
    color: var(--color-primary);
}

.mobile-blog-menu #mobile_blog_nav_icon{
  font-size: 30px;
}

@media only screen and (min-width: 864px) {
  .mobile-blog-menu{
    display: none;
  }
}
/* Secondary Blog Navigation MOBILE End */
/* Mobile Navigation Start */

/* Menus and Nav Panel */
ul.menu {
  list-style:none;
  margin:0px;
  padding:0px;
}
#navPanel {
  -moz-transform: translatex(28em);
  -webkit-transform: translatex(28em);
  -ms-transform: translatex(28em);
  transform: translatex(28em);
  -moz-transition: -moz-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  background: var(--color-bg-primary);
  color: var(--color-primary);
  height: 100%;
  max-width: 90%;
  width: 28em;
  padding: 0px;
  z-index: 10010;
}
#navPanel i.fas {
        font-size: 30px;
        position:absolute;
        top:10px;
        right:10px;
        width:40px;
        height:40px;
        color:#999;
        text-align:center;
        line-height:40px;
        z-index:10;
        
}
#navPanel.visible {
-moz-transform: translatex(0);
-webkit-transform: translatex(0);
-ms-transform: translatex(0);
transform: translatex(0);
box-shadow: var(--drop-shadow);
visibility: visible;
}
#navPanel a {
  color: var(--color-tertiary);
}
#navPanel > ul {
  list-style:none;
  margin:0px;
  margin-top:60px;
  padding:0px;
  z-index:9;
}
#navPanel > ul > li:first-child > a { /*make room for close button*/
  padding-right:60px;
}
#navPanel ul li {
  position:relative;
}
#navPanel > ul > li.button > a {
  margin: 10px;
}
#navPanel > ul > li > a {
  display:block;
  padding:var(--gutter-sm) var(--gutter-lg) var(--gutter-sm) var(--gutter-md);
  text-decoration:none;
  font-size: 25px;
}
#navPanel .sub-menu {
  display:none;
  list-style:none;
  margin:0;
  padding:0px;
}
#navPanel .sub-menu a {
  display:block;
  text-decoration:none;
}
/*sub level 1*/
#navPanel > ul > li > .sub-menu > li > a {
  padding: var(--gutter-xs);
  padding-left: var(--gutter-lg);
}
/*sub level 2*/
#navPanel > ul > li > .sub-menu > li > ul > li > a {
  padding: var(--gutter-xs);
  padding-left: var(--gutter-xl);
}/*add more sub levels here in same format if needed*/
@media (min-width:768px) {
  #navPanel a {
      transition-property: all;
      transition-timing-function: ease-in-out;
      transition-duration: .2s;
      transform: scale(0.95);
  }
  #navPanel li:not(.button) a:hover {
      transform: scale(1);
      color: var(--color-primary);
  }
}
/* Mobile Navigation End */
/* Footer blog section Start */
.blog-footer {
  background-color:#27aaed;
  padding: 60px 0px;
}

.blog-footer .container{
  display: flex;
  gap: 40px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog-footer .container .blog-footer-column.branding,
.blog-footer .container .blog-footer-column.featured-posts,
.blog-footer .container .blog-footer-column.pop-categories { flex: 100% 1 1; padding: 0;}
.blog-footer h2{

  /* font-weight: 700; */
  padding-bottom: 0px;
}
.blog-footer .blog-footer-column h2 {
  color: var(--color-primary);
  border-bottom: none;
  font-size: 25px;
  font-weight: 400;
}
.blog-footer .blog-footer-column h2 strong {
  color: var(--color-primary);
  font-weight: 700;
  position: relative;
}
.blog-footer .container .blog-footer-column.branding p { text-align: left; margin-top: 0px;}

.blog-footer .container .blog-footer-column.branding img{
  max-width: 290px;
}
.blog-footer .blog-footer-column.featured-posts ul{
  list-style: none;
  margin: 0px;
  padding:0px;
}
.blog-footer .blog-footer-column.featured-posts a{
  text-decoration: none;
}
.blog-footer .blog-footer-column.featured-posts li{
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
}
.blog-footer .blog-footer-column.featured-posts img{
  flex: 100px 0 0 ;
  height: 70px;
  object-fit: cover;
}
.blog-footer .blog-footer-column.featured-posts li h4{
  color: var(--color-primary);
  margin: 0;
  font-weight: 500;
}
.blog-footer .blog-footer-column.featured-posts li:hover h4{
  color: var(--color-primary);
}

.blog-footer .container .blog-footer-column.pop-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-footer .container .blog-footer-column.pop-categories a{
  display: flex;
  justify-content: space-between;
  color: var(--color-primary);
  text-decoration: none;
}
.blog-footer .container .blog-footer-column.pop-categories a:hover{
  color: var(--color-primary);
}
.blog-footer .container .blog-footer-column.pop-categories a p {
  margin: 0; 
  padding: 0;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .blog-footer .container{
        gap: 100px;
    } 
  .blog-footer .container .blog-footer-column.branding { flex: 100% 1 1; padding-top: 0;}
  .blog-footer .container .blog-footer-column.featured-posts { flex: 43% 1 1; }
  .blog-footer .container .blog-footer-column.pop-categories { flex: 23% 1 1; max-width:420px;}
}

@media only screen and (min-width: 1040px) {
  .blog-footer .container{
    flex-wrap: nowrap;
  }
  .blog-footer .container .blog-footer-column.branding {
    flex: 30% 1 1;
    padding-top: 10px;
  }

}
/* Footer blog section End */

/* Footer Start */

@media only screen and (max-width: 863px){
    #footer{
        display:none
    }
}
#footer #top_footer{
    background:rgba(36,97,170,0.15);
    color:#333;
    text-align:left;
    padding:20px 0 30px 0;
    margin:0
}
#footer #top_footer .shop_nav{
    padding:20px 0 0 0;
    margin:10px 0 0 0;
    position:relative;
    z-index:8
}
#footer #top_footer .shop_nav ul.nav{
    list-style:none;
    margin:0;
    width:100%;
    height:242px
}
#footer #top_footer .shop_nav ul.nav li{
    width:150px
}
#footer #top_footer .shop_nav ul.nav li .heading{
    cursor:pointer;
    color:#333;
    display:block;
    font-size:14px;
    line-height:40px;
    height:40px;
    padding:0 10px;
    position:relative;
    z-index:50
}
#footer #top_footer .shop_nav ul.nav li .heading .arrow{
    border:1px solid #ccc;
    display:none;
    height:20px;
    width:20px;
    background:#f7f7f7;
    position:absolute;
    left:140px;
    top:8px;
    z-index:51;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
#footer #top_footer .shop_nav ul.nav li .heading .arrow_cover{
    display:none;
    height:40px;
    width:20px;
    background:#f7f7f7;
    position:absolute;
    left:151px;
    top:0;
    z-index:52
}
#footer #top_footer .shop_nav ul.nav li .sub_menu{
    background:#f7f7f7;
    border:1px solid #ccc;
    display:none;
    padding:20px 15px;
    position:absolute;
    top:0;
    left:150px;
    width:818px;
    height:220px
}
#footer #top_footer .shop_nav ul.nav li .sub_menu .list{
    width:23%;
    margin:0 1%;
    float:left
}
#footer #top_footer .shop_nav ul.nav li .sub_menu .list h4{
    color:#333;
    font-size:12px;
    margin:0 0 5px 0;
    text-transform:uppercase
}
#footer #top_footer .shop_nav ul.nav li .sub_menu .list ul{
    list-style:none;
    margin:0
}
#footer #top_footer .shop_nav ul.nav li .sub_menu .list ul li{
    float:none;
    line-height:14px;
    font-size:12px;
    padding:3px 0;
    margin:0;
    width:auto
}
#footer #top_footer .shop_nav ul.nav li .sub_menu .list ul li a{
    color:#333;
    display:block;
    padding:0;
    text-decoration:none
}
#footer #top_footer .shop_nav ul.nav li .sub_menu .list ul li a:hover{
    text-decoration:underline
}
#footer #top_footer .shop_nav ul.nav li.active .heading{
    font-weight:bold
}
#footer #top_footer .shop_nav ul.nav li.active .heading .arrow,#footer #top_footer .shop_nav ul.nav li.active .heading .arrow_cover,#footer #top_footer .shop_nav ul.nav li.active .sub_menu{
    display:block
}
#footer #top_footer .faq_nav h5{
    color:#333;
    font-size:18px;
    margin:0 0 5px 0;
    font-weight:normal;
}
#footer #top_footer .faq_nav h5 a{
    color:#333;
    text-decoration:none
}
#footer #top_footer .faq_nav ul{
    font-size:14px;
    float:left;
    list-style:none;
    margin:0 3% 0 0
}
#footer #top_footer .faq_nav ul li{
    line-height:24px;
    padding:4px 0;
}
#footer #top_footer .faq_nav ul li .fa-angle-right{
    display:inline-block;
    font-size:14px;
    margin:0 3px 0 0;
}
#footer #top_footer .faq_nav ul li a{
    color:#333;
    text-decoration:none
}
#footer #top_footer .faq_nav ul.col_1{
    width:35%;
    padding:0;
}
#footer #top_footer .faq_nav ul.col_2{
    width:35%;
    padding:0;
}
#footer #top_footer .faq_nav ul.col_3{
    margin:0;
    width:24%;
    padding:0;
}
#footer #top_footer .faq_nav.with_shop_nav{
    margin:20px 0 0 0
}
#footer #main_footer{
    background:#2461aa;
    padding:30px 0
}
#footer #main_footer #footer_nav{
    list-style:none;
    float:left;
    margin:4px 0 0 0;
    padding:0;
}
#footer #main_footer #footer_nav li{
    border-right:1px solid #fff;
    display:block;
    font-size:14px;
    float:left;
    line-height:18px;
    padding:4px 0;
}
#footer #main_footer #footer_nav li a{
    color:#fff;
    display:block;
    padding:0 10px;
    text-decoration:none
}
#footer #main_footer #footer_nav li:last-child{
    border:none
}
#footer #main_footer .badge{
    background:url("https://www.contactsamerica.com/design/images/badges/payment-options-badge-white.png") 0 0 no-repeat;
    float:right;
    width:174px;
    height:57px
}
#footer #main_footer #footer_logo{
    background:url("https://www.contactsamerica.com/siteimages/logos/footer-logo.png") center center no-repeat;
    width:205px;
    height:22px;
    padding:30px 0;
    margin:0 auto
}
#footer #main_footer #legal p{
    color:#fff;
    font-size:12px;
    text-align:center
}
#footer #main_footer #legal a{
    color:#fff;
    text-decoration:none
}
#mobile_footer{
    display:none
}
@media only screen and (max-width: 863px){
    #mobile_footer{
        background:#ddd;
        border:none;
        display:block;
        float:left;
        width:100%;
        text-align:center
    }
    #mobile_footer .phone{
        font-size:16px;
        height:38px;
        line-height:39px;
        text-align:center
    }
    #mobile_footer .nav{
        padding:0;
        margin:0;
        list-style:none
    }
    #mobile_footer .nav a{
        color:#333;
        display:inline-block;
        font-weight:normal;
        font-size:14px;
        height:29px;
        text-decoration:underline;
        line-height:30px;
        padding:0 5px;
        position:relative;
        z-index:50
    }
    #mobile_footer .nav a#chat_now{
        display:none
    }
    #mobile_footer .nav a#chat_now.active{
        display:inline
    }
    #mobile_footer .nav div#chat_now{
        color:#333;
        display:inline-block;
        font-weight:normal;
        font-size:14px;
        height:29px;
        text-decoration:underline;
        line-height:30px;
        position:relative;
        z-index:50
    }
    #mobile_footer .nav div#chat_now div,#mobile_footer .nav div#chat_now div:focus{
        padding:0 5px;
        outline:none
    }
    #mobile_footer .legal{
        display:block;
        width:100%;
        font-size:12px;
        color:#333;
        text-align:center;
        line-height:30px;
        padding:10px 0;
        margin:0
    }
}
iframe[name='google_conversion_frame']{
    height:0 !important;
    width:0 !important;
    line-height:0 !important;
    font-size:0 !important;
    margin-top:-13px;
    float:left
}

/* Company tiles before footer */
.section.brands{ padding:0;margin:30px 0;position:relative;text-align:center; }
@media only screen and (max-width: 863px){
.section.brands{margin:20px -10px 20px -10px; } 
}
.section.brands .brands_list{ display:flex;justify-content:space-between;align-items:center;column-gap:25px;margin:0 30px}
@media only screen and (max-width:1200px){
.section.brands .brands_list{ column-gap:15px; }
}
@media only screen and (max-width: 1020px){
.section.brands .brands_list{ margin:0}
}
@media only screen and (max-width: 863px){
.section.brands .brands_list{ column-gap:10px;overflow-x:auto;overflow-y:hidden;width:100%;margin:0 60px 0 0; }
}
.section.brands .brands_list .brand{
  background:rgba(0,119,221,0.08);border-radius:999px;display:flex;justify-content:center;align-items:center;height:86px;width:-webkit-fill-available;cursor:pointer; }
@media only screen and (max-width:1200px){
.section.brands .brands_list .brand{ height:76px; }
}
@media only screen and (max-width: 1020px){
.section.brands .brands_list .brand{ height:66px; }}
@media only screen and (max-width: 863px){
.section.brands .brands_list .brand{ height:46px;min-width:120px}
}
@media only screen and (max-width: 863px){
.section.brands .brands_list .brand:first-child{ margin:0 0 0 10px; }}
@media only screen and (max-width: 863px){
.section.brands .brands_list .brand:last-child{ margin:0 10px 0 0; }
}
.section.brands .brands_list .brand a{ text-decoration:none;display:contents; }
@media only screen and (max-width:1300px){
.section.brands .brands_list .brand a .brand_logo{ max-height:35px;max-width:120px; }
}
@media only screen and (max-width: 1020px){
.section.brands .brands_list .brand a .brand_logo{ max-height:25px;max-width:100px; } 
}
/* Footer End */

/* Homepage layout tweaks */
.home :where(.wp-block-columns.is-layout-flex) {
  gap: 0;
}
@media only screen and (min-width:781px) {
  .home :where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
  }
}
/* Homepage Blog Listing #1 - Add posts-display1 class to Latest Posts block */
ul.wp-block-latest-posts__list {
	margin: 0;
}
.wp-block-latest-posts.is-grid.posts-display1 {
  display: flex;
  gap: 20px;
}

.wp-block-latest-posts.is-grid.posts-display1 li {
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.posts-display1 a.wp-block-latest-posts__post-title{
	background-color: rgba(0, 0, 0, 0.4);
    transform: translateY(-20px);
    padding: 20px 10px;
    text-align: left;
    color: #fff;
    text-decoration: none;
	font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    position: absolute;
    bottom: -20px;
}
.wp-block-latest-posts.is-grid.posts-display1 li:first-child a.wp-block-latest-posts__post-title{
    font-size: 18px;
    line-height: 22px;
}
.wp-block-latest-posts.is-grid.posts-display1 li:nth-child(2n) a.wp-block-latest-posts__post-title,
.wp-block-latest-posts.is-grid.posts-display1 li:nth-child(3n) a.wp-block-latest-posts__post-title,
.wp-block-latest-posts.is-grid.posts-display1 li:nth-child(4n) a.wp-block-latest-posts__post-title{
  font-size: 18px;
  line-height: 22px;
}
.posts-display1 a {
	height: 300px;
}
.posts-display1 a img {
	border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.posts-display1 li a {
	overflow:hidden;
	min-width:100%;
}
.posts-display1 li a img {
	transform: scale(1);
	transition: all .3s ease-in-out;
	width:100%;
}
.posts-display1 li:hover a img {
	transform: scale(1.1);
}
@media only screen and (min-width:768px) {
  .wp-block-latest-posts.is-grid.posts-display1 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-gap: 5px;
  }
  .wp-block-latest-posts.is-grid.posts-display1 li:first-child { grid-area: 1 / 1 / 4 / 2; }
  .wp-block-latest-posts.is-grid.posts-display1 li:nth-child(2n) { grid-area: 1 / 2 / 2 / 3; max-height: 200px; }
  .wp-block-latest-posts.is-grid.posts-display1 li:nth-child(3n) { grid-area: 2 / 2 / 3 / 3; max-height: 200px; }
  .wp-block-latest-posts.is-grid.posts-display1 li:nth-child(4n) { grid-area: 3 / 2 / 4 / 3; max-height: 200px; }
}

@media only screen and (min-width: 1020px){
  .wp-block-latest-posts.is-grid.posts-display1 li:first-child a.wp-block-latest-posts__post-title{
    font-size: 26px;
    line-height: 32px;
  }
}
/* Homepage Blog Listing #2 - Add posts-display2 class to Query Loop block */
.wp-block-query.posts-display2 ul{
  padding: 0px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wp-block-query.posts-display2 li:nth-child(2n) .wp-block-group__inner-container,
.wp-block-query.posts-display2 li:nth-child(3n) .wp-block-group__inner-container,
.wp-block-query.posts-display2 li:nth-child(4n) .wp-block-group__inner-container{
  display: flex;
  height: 100px;
}
.wp-block-query.posts-display2 li:nth-child(2n) figure,
.wp-block-query.posts-display2 li:nth-child(3n) figure,
.wp-block-query.posts-display2 li:nth-child(4n) figure{
  flex: 30% 1 1;
}
.wp-block-query.posts-display2 li:nth-child(2n) h3,
.wp-block-query.posts-display2 li:nth-child(3n) h3,
.wp-block-query.posts-display2 li:nth-child(4n) h3{
  flex: 70% 1 1;
  margin: 0px;
}
@media only screen and (min-width:768px) {
  .wp-block-query.posts-display2 ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 60px;
  }
  .wp-block-query.posts-display2 li:first-child { grid-area: 1 / 1 / 5 / 2; }
  .wp-block-query.posts-display2 li:nth-child(2n) { grid-area: 1 / 2 / 2 / 3; max-height: 100px; }
  .wp-block-query.posts-display2 li:nth-child(3n) { grid-area: 2 / 2 / 3 / 3; max-height: 100px; }
  .wp-block-query.posts-display2 li:nth-child(4n) { grid-area: 3 / 2 / 4 / 3; max-height: 100px; }
  
  .wp-block-query.posts-display2 li:nth-child(2n) figure,
  .wp-block-query.posts-display2 li:nth-child(3n) figure,
  .wp-block-query.posts-display2 li:nth-child(4n) figure{
    flex: 40% 1 1;
  }
  .wp-block-query.posts-display2 li:nth-child(2n) h3,
  .wp-block-query.posts-display2 li:nth-child(3n) h3,
  .wp-block-query.posts-display2 li:nth-child(4n) h3{
    flex: 60% 1 1;
    margin: 0px;
  }
}
@media only screen and (min-width:980px) {
  .wp-block-query.posts-display2 ul{
    grid-row-gap: 20px;
  }
}
/* ALL images */
.wp-block-query.posts-display2 figure {
  margin: 0;
}
.wp-block-query.posts-display2 figure a{
  height: 100%;
}
.wp-block-query.posts-display2 figure img {
  object-fit: cover;
  height: 100%;
  padding-right: 10px;
}
/* Three right blocks IMAGES */
.wp-block-query.posts-display2 .wp-block-group__inner-container:hover figure img {
  opacity: .8;
}
/* ALL titles */
.wp-block-query.posts-display2 li:first-child h3{
  margin: 0; 
  padding: 20px 0px;
}
.wp-block-query.posts-display2 h3 a {
  text-decoration: none;
  font-weight: 500;
  color: var(--color-text-primary);
}
.wp-block-query.posts-display2 .wp-block-group__inner-container:hover h3 a{
  color: var(--color-primary);
}
.wp-block-query.posts-display2 li:first-child h3 a {
  color: var(--color-primary);
  font-weight: 700;
}
/* Three right blocks TITLES */
.wp-block-query.posts-display2 li:nth-child(2n) h3 a,
.wp-block-query.posts-display2 li:nth-child(3n) h3 a,
.wp-block-query.posts-display2 li:nth-child(4n) h3 a{
  font-size: 18px;
}
.wp-block-query.posts-display2 li:first-child p.wp-block-post-excerpt__excerpt {
  font-size: 16px;
}
.wp-block-query.posts-display2 li:nth-child(2n) .wp-block-post-excerpt,
.wp-block-query.posts-display2 li:nth-child(3n) .wp-block-post-excerpt,
.wp-block-query.posts-display2 li:nth-child(4n) .wp-block-post-excerpt{
  display:none;
}
/* Homepage Blog Listing #3 - Add posts-display3 class to Query Loop block */
.wp-block-query.posts-display3 ul,
.wp-block-query.posts-display3 figure,
.wp-block-query.posts-display3 h3{
  padding: 0px;
  margin: 0;
}
.wp-block-query.posts-display3 li:hover{
  opacity: .8;
}
.wp-block-query.posts-display3 li:hover h3 a{
  color: var(--color-secondary);
}
.wp-block-query.posts-display3 figure img{
  height: 250px;
  object-fit: cover;
}
.wp-block-query.posts-display3 h3 a{
  padding-top: 10px;
  text-decoration: none;
  font-weight: 500;
  color: var(--color-text-primary);
  transform: all .2s ease-in-out;
}
.wp-block-query.posts-display3 li.wp-block-post {
  margin-bottom: 30px;
}
@media only screen and (min-width:768px) {
  .wp-block-query.posts-display3 figure img{
    height: 160px;
  }
}

/* Individual Post Styling Start */ 
body.single-post article.post .post-thumbnail{
  /* max-width: 50%; */
  margin: 0 0 30px 0; 
}
body.single-post article.post .post-thumbnail img {
  max-height: 500px;
  object-fit: cover;
}
body.single-post article.post h2.wp-block-heading{
  color: var(--color-text-primary);
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  margin: 0 0 20px 0;
  padding: 0px;
}
body.single-post article.post .content p {
  font-size: 16px;
}
/* Individual Post Styling End */

/* Category Pages && 404 Page Start */
body.archive header.page-header,
body.error404 header.page-header{
  margin-bottom: 20px;
}
body.archive .post-results,
body.error404 .post-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 40px; 
}
body.archive .post-tile h2,
body.archive .post-tile h2 a,
body.error404 .post-tile h2,
body.error404 .post-tile h2 a{
  font-size: 21px;
  line-height: 25px;
  color: var(--color-text-primary);
  text-decoration: none;
  border:none;
  padding-bottom: 0px;
}
body.archive .post-tile h2:hover a,
body.error404 .post-tile h2:hover a{
  color: var(--color-secondary);
}
body.archive .post-tile img,
body.error404 .post-tile img {
  object-fit: cover;
  height: 200px;
}
body.archive .post-tile img:hover,
body.error404 .post-tile img:hover {

  opacity: 0.8;
}
body.archive .post-tile .post-excerpt p,
body.error404 .post-tile .post-excerpt p {
  font-size: 16px;
  line-height: 25px;
  color: #363636;
}

/* Category Pages && 404 Page End */

/* Reusable Elements Start */

/* Add class accent-link to a p elment to give it arrow nd underline */
p.accent-link {
  margin:.5em 0;
  display:inline-block;
}
p.accent-link.paragraph-margin{
  margin: .5em 0 1.5em 0 
}
a.accent-link,
.accent-link a{
  text-decoration: none;
  display:flex; 
  align-items:center;
  font-weight: 700;
  padding-top: 30px;
  position: relative;
}
a.accent-link:hover,
.accent-link:hover a{
  color: var(--color-secondary);
}
footer a.accent-link:hover,
footer .accent-link:hover a{
  color: var(--color-secondary);
}
a.accent-link:after,
.accent-link a:after{
  content:"\f105";
  font: var(--fa-font-regular);
  color: var(--color-tertiary);
  padding-left: 10px;
  transition: .3s ease-in-out;
  position: absolute;
  right: -20px;
}
a:hover.accent-link:after,
.accent-link:hover a:after{
  right: -30px;
}

.related-posts{
  margin: 80px 0px 40px 0px;
}
.related-posts a {
  text-decoration: none;
}
.related-posts a h4{
  text-decoration: none;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
}
.related-posts ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 20px;
}
.related-posts ul li{
  display: flex;
  flex-direction: column;
}
.related-posts ul li img{
  object-fit: cover;
  max-height: 100px;
}
.related-posts ul li:hover a h4{
  color: var(--color-secondary);
}
.related-posts ul li:hover img{
  opacity: 0.8;
}
/* Reusable Elements End */
/* CSS Helpers*/
.alignfull {
  margin: 32px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.clear:after {
  content: "";
  display: table;
  clear: both;
}
.hidden {
  opacity: 0;
}
.visible {
  opacity: 1 !important;
}
.section-spacing-bottom {
  margin-bottom: 50px !important;
}

.wp-block-post-template .wp-block-group__inner-container:hover{opacity:.8;}
.wp-block-post-template h3 a{font-weight:500;text-decoration:none;color:var(--color-text-primary);}
.wp-block-post-template .wp-block-group__inner-container:hover h3 a,
.wp-block-post-template h3 a:hover{color:var(--color-secondary);}