﻿/*
Theme Name:   RIHS Theme
Theme URI:    http://rihs.org/rhistheme/
Description:  A child theme of Ixion
Author:       Nathaniel Hilzinger
Author URI:   http://rihs.org
Template:     ixion
Version:      2.0.0
Tags: one-column, right-sidebar, custom-menu, threaded-comments, education, custom-background, custom-colors, custom-header, featured-images, flexible-header, full-width-template, rtl-language-support, theme-options, translation-ready
Text Domain:  RIHSTheme
*/



/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
#Base Styles
# Normalize
# Accessibility
# Alignments
# Clearings
# Typography
# Forms
# Buttons
# Formatting
# Lists
# Tables
# Navigation
# Links
# Layout
  ## Posts
  ## Pages
# Comments
# Widgets
# Infinite scroll
# Media
  ## Galleries
##Custom Styling
#Links
#Footer
#Global Nav & Header
#Home Page
#People Listing pages
#Location Detail Pages
#Article Templates
#Media Queries

--------------------------------------------------------------*/



/* Core Variables */
:root {
--primary-box-bg-color: #e9ebec;
--featured-box-bg-color: lavenderblush;
--core-txt-color: #004b74;
--core-body-text-size: 15px;
}







/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
}

a:active,
a:hover {
outline: 0;
}

abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}

h1 {
font-size: 2em;
margin: 0.67em 0;
}

mark {
background: #ff0;
color: #000;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 12px;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 0;
}

hr {
box-sizing: content-box;
height: 0;
}

pre {
overflow: auto;
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

button {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

legend {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.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;
color: #21759b;
display: block;
font-size: 14px;
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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets:before,
.footer-widgets:after {
content: "";
display: table;
table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets:after {
clear: both;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
-webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
color: #004b74;
font-family: "Cooper Hewitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.875;
}

.site-main {
font-size: 16px;
line-height: 29px;
margin: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Archivo Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
/* font-family: 'Tinos', serif; */
/* font-family: 'Amiri', serif; */

font-weight: 400;
clear: both;
margin: .8em 0;
}

h1 {
font-size: 36px;
line-height: 1.2;
margin: .7em 0;
font-family: 'Tinos', serif;
}

h2 {
font-size: 32px;
line-height: 1.2;
margin: .4em 0;
font-family: 'Tinos', serif;
}

h3 {
font-size: 24px;
margin: .4em 0;
}

h4 {
color: #a5a29d;
font-size: 20px;
letter-spacing: 1px;
}

h5 {
/* color: #a5a29d; */
font-size: 16px;
letter-spacing: 1px;
}

h6 {
color: #a5a29d;
font-size: 14px;
letter-spacing: 1px;
}

p {
margin: 0 0 1.8em;
}

dfn, cite, em, i {
font-style: italic;
}

blockquote {
margin: 0 1.5em;
}

address {
margin: 0 0 1.5em;
}

pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 1.875em;
max-width: 100%;
overflow: auto;
padding: 1.875em;
}

code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
}

abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}

mark, ins {
background: #fff9c0;
text-decoration: none;
}

big {
font-size: 125%;
}

blockquote, q {
quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
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"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
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,
textarea:focus {
color: #111;
}

select {
border: 1px solid #ccc;
}

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"] {
padding: 3px;
}

textarea {
padding-left: 3px;
width: 100%;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
#infinite-handle span {
border: 0;
border-radius: 0;
background: #650942;
box-shadow: none;
color: white;
font-size: 14px;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
line-height: 1;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
transition: 0.3s;
border-radius: 20px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
#infinite-handle span:hover {
background: #c1a01e;
box-shadow: none;
color: #fff;
transition: 0.3s;
text-decoration: none;
}
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,
.button:active,
.button:focus,
#infinite-handle span:active,
#infinite-handle span:focus {
background: #c1a01e;
box-shadow: none;
color: #fff;
text-decoration: none;
}
.button {
display: inline-block;
}
.button:visited {
color: #fff;
}
#infinite-handle {
max-width: 712px;
margin: 0 auto;
}
#infinite-handle span {
float: right;
margin: 0 0 1.6em;
}
#infinite-handle span:after {
display: inline;
content: '\2192';
margin-left: 6px;
}

/*--------------------------------------------------------------
# Formatting
--------------------------------------------------------------*/
hr {
background-color: #eeece8;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.entry-meta span:after,
.entry-footer span:after,
.comment-metadata .edit-link:before {
display: inline-block;
content: ' ';
width: 2px;
height: 0.9em;
margin: 0 10px -1px;
background-color: currentColor;
overflow: hidden;
vertical-align: baseline;
}
.entry-meta span:last-of-type:after,
.entry-footer span:last-of-type:after {
content: "";
display: none;
width: auto;
height: auto;
margin: 0;
}
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
display: inline-block;
padding: 1.2em 1.6em;
background-color: #d7b221;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
letter-spacing: 1px;
text-decoration: none;
text-transform: none;
transition: 0.3s;
width: 100%;
}
.comment-navigation .nav-previous a:hover,
.comment-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
background: #c1a01e;
}
.entry-meta,
.entry-footer,
.comment-list .reply,
.comment-metadata,
.widget_recent_entries .post-date,
.widget_rss .rss-date {
font-family: "Archivo Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-transform: none;
letter-spacing: 1px;
}

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul, ol {
margin: 0 0 1.6em 1.6em;
padding-left: 0;
}

ul {
list-style: square;
}

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;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table {
margin: 0 0 1.5em;
width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation li {
position: relative;
margin: 0;
padding: 0;
}
.main-navigation a {
display: block;
font-weight: bold;
text-decoration: none;
}
.main-navigation a:hover {
color: #a5a29d;
text-decoration: none;
}
.main-navigation ul > li > a {
color: #335687;
font-family: "Archivo Narrow", sans-serif;
/*--------------------------------------------------------------
text-transform: none;
--------------------------------------------------------------*/
letter-spacing: 1px;
}
.main-navigation ul > li.current-menu-item > a,
.main-navigation ul > li.current_page_item > a {
color: #a5a29d;
}
.main-navigation .menu-toggle {
position: absolute;
top: 1.8286em;
right: 1.6em;
background: #650942;
border-width: 0;
font-size: 14px;
box-shadow: none;
text-shadow: none;
border-radius: 0;
width: auto;
padding: .7em 1em;
}
.main-navigation .menu-toggle:before {
content: "\f419";
display: inline-block;
font-family: Genericons;
font-weight: normal;
margin-right: 6px;
position: relative;
top: 1px;
}
.main-navigation .menu-toggle:hover {
border-width: 0;
}
.main-navigation.toggled .menu-toggle:before {
content: "\f406";
}
.main-navigation ul {
display: none;
border: 1px solid #eeece8;
border-top: 3px solid #650942;
width: 100%;
clear: both;
margin: 1.6em 0 0;
padding: 1.6em;
position: relative;
}
.main-navigation ul:before {
/* content: '\f500'; */
display: block;
position: absolute;
top: -18px;
left: 0;
width: 90%;
color: #650942;
font-family: Genericons;
font-size: 16px;
line-height: 1;
text-align: right;
}
.main-navigation.toggled ul {
display: block;
}
.main-navigation ul ul {
margin: 0 0 0 1.6em;
padding: 0;
border: 0;
}
.main-navigation ul ul:before {
display: none;
}
.main-navigation ul ul a {
color: #192930;
font-family: "Archivo Narrow", sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
}
.main-navigation ul ul ul {
margin-left: 3.2em;
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.6em;
overflow: hidden;
}
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
font-size: 16px;
display: flex;
align-items: flex-start;
}
.comment-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
content: '\2190';
margin-right: 6px;
}
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
text-align: right;
}
.comment-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
content: '\2192';
margin-left: 6px;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
color: #d7b221;
text-decoration: underline;
}
a:visited {
color: #d7b221;
}
a:hover, a:focus, a:active {
color: #8499a5;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content a {
word-wrap: break-word;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
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 http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}

body {
background: #f4f6f7;
/* Fallback for when there is no custom background color defined. */
}

.site-content {
max-width: 1090px;
padding: 0 0.4em;
margin: 0 auto;
}
.content-area {
width: 100%;
}
.site-content .widget-area {
overflow: hidden;
width: 100%;
}
.site-footer {
clear: both;
width: 100%;
}

/*--------------------------------------------------------------
## Single Column / No Active Sidebar
--------------------------------------------------------------*/
.no-sidebar .site-main {
margin: 0;
margin-bottom: 45px;
}

.no-sidebar .content-area {
float: none;
margin-left: auto;
margin-right: auto;
}

.no-sidebar .recent-posts-header,
.no-sidebar .entry-meta,
.no-sidebar .hentry,
.no-sidebar .comments-area,
.no-sidebar.singular .entry-title,
.no-sidebar .post-navigation,
.no-sidebar .posts-navigation,
.no-sidebar .page-header {
max-width: 712px;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.6em;
padding: 0 0 1.6em;
border-bottom: 1px solid #eeece8;
}
.post-thumbnail {
margin-bottom: .8em;
}
.singular .post-thumbnail {
margin-bottom: 1.6em;
}

#article-a .post-thumbnail, #lesson-plan .post-thumbnail {
margin-bottom: 0;
}

.entry-title {
margin: 0 0 .8em;
font-size: 20px;
line-height: 1.2;
border-width: 0;
margin-top: 15px;
}
.page-template-front-page .entry-title {
margin-bottom: 0;
}
.singular .entry-title {
margin: 0 0 .8em;
padding-bottom: .8em;
font-size: 36px;
line-height: 1.2;
}
.entry-title a {
color: inherit;
text-decoration: none;
}
.entry-title a:hover {
text-decoration: underline;
}
.featured-content .entry-title a:hover {
text-decoration: none;
}
.featured-content .no-featured-image {
min-height: 120px;
}
.entry-meta {
margin-bottom: .8em;
/* color: #a5a29d; */
}
.entry-date {
font-weight: bold;
}
.entry-footer {
color: #a5a29d;
font-weight: bold;
}
.single .entry-footer {
margin-bottom: 3.2em;
}
.singular .hentry {
border-bottom: 0;
padding-bottom: 0;
}
.page-template-front-page .entry-meta {
margin-bottom: .4em;
}
.posted-on a {
color: inherit;
}
.byline,
.byline:after,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline,
.single .byline:after,
.group-blog .byline:after {
display: inline-block;
}
.more-link {
font-size: 14px;
letter-spacing: 1px;
margin: 1em 0 .8em;
text-transform: none;
width: 100%;
}

/* Author Bio */
.entry-author {
background: #eeece8;
margin: 0 0 3.2em;
padding: 1.2em;
}
.author-avatar {
float: right;
}
.author-avatar img {
display: block;
height: 3em;
width: 3em;
}
.author-heading {
float: left;
max-width: calc(100% - 4.5em);
}
.author-title {
font-family: "Archivo Narrow", sans-serif;
font-size: 14px;
letter-spacing: 1px;
margin: 0;
text-transform: none;
}
.author-name {
clear: both;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0;
margin: 0 0 .8em;
text-transform: none;
}
.author-bio {
clear: both;
margin: 0;
}
.author-link {
display: block;
}

/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/

.testimonials .hentry {
border: 0;
margin: 0 0 1.6em;
position: relative;
}
.testimonial-entry {
margin-bottom: 0 !important;
position: relative;
}
.widget .testimonial-entry:after,
.quote:after {
color: white;
content: "\201D";
font-size: 144px;
font-weight: bold;
display: block;
line-height: 1;
padding: 0;
position: absolute;
bottom: 0;
right: -8px;
z-index: 0;
height: 40px;
}

.widget .testimonial-entry:after {
height: 75px;
}

.testimonial-entry-content {
margin: 0 0 1.6em !important;
}
.widget .testimonial-entry p:first-of-type,
.testimonials .hentry p:first-of-type {
font-weight: bold;
}
.widget .testimonial-entry:not(:first-of-type) {
padding-top: 1em;
}

.testimonials .entry-title,
.widget .testimonial-entry-title {
font-family: "Cooper Hewitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
position: relative;
z-index: 1;
}

.widget .testimonial-entry-content + p {
margin: 0;
padding: 0;
}

.widget .testimonial-entry-title + br {
display: none;
}

.testimonials .entry-title:before {
content: "- ";
}
.testimonials .post-thumbnail,
.widget .testimonial-featured-image img {
float: right;
margin: 0;
position: relative;
z-index: 2;
}
.widget .testimonial-featured-image {
display: none;
}
.testimonials .edit-link {
display: inline-block;
margin-top: .8em;
}
.testimonials .edit-link a,
.testimonials .edit-link a:visited {
color: #d7b221;
}
.testimonials .entry-header {
clear: none;
display: inline-block;
}
.testimonials .entry-meta {
margin: 0;
}
.recent-posts {
position: relative;
}
.recent-posts:after {
border-top: 1px solid #eeece8;
content: "";
width: calc(99.3% + 2.8em);
transform: translateX(-1.4em);
display: block;
margin: 1.6em auto;
height: 0;
}
.recent-posts .hentry:last-of-type {
padding-bottom: 0;
}
.page-header,
.recent-posts-header {
border-bottom: 1px solid #eeece8;
margin: 0 auto 1.6em;
max-width: 1080px;
}
.page-title,
.recent-posts-title {
font-size: 32px;
margin: 0 0 .2em;
clear: none;
display: inline-block;
}
.page-title {
margin: 0 0 .4em;
width: 100%;
}
.more-recent-posts {
color: #a5a29d;
display: inline;
font-weight: bold;
text-transform: none;
font-size: 14px;
letter-spacing: 1px;
}
.more-recent-posts:hover,
.more-recent-posts:visited {
color: #a5a29d;
}
.more-testimonials,
.more-testimonials:visited {
clear: both;
color: #a5a29d;
display: inline-block;
font-weight: bold;
margin: 0 0 1.6em;
text-transform: none;
text-align: right;
font-size: 14px;
letter-spacing: 1px;
width: 100%;
}
.page-template-front-page .site-main > .hentry:first-of-type {
padding-bottom: 0;
}
.page-template-front-page .site-main .hentry:last-of-type {
border-bottom: 0;
}
.meta-nav {
display: inline-block;
font-size: 12px;
margin-left: 6px;
}

/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/
.page-links {
clear: both;
margin: 0 0 1.6em;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.no-comments {
font-style: italic;
opacity: 0.5;
text-align: center;
}
.comment-list {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list ul, .comment-list ol {
list-style: none;
}
.comment-list .avatar {
float: left;
margin-left: -70px;
}
.comment-body {
margin-bottom: 1.6em;
padding-left: 70px;
}
.comment-author {
font-size: 16px;
color: #192930;
margin: 4px 0;
}
.comment-author a {
color: inherit;
}
.comment-author b.fn {
font-weight: 400;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: .8em;
}
.comment-metadata {
color: #a5a29d;
letter-spacing: 1px;
margin-top: -8px;
}
.comment-metadata a {
color: inherit;
}
.comment-metadata .edit-link a {
color: #d7b221;
}
.comment-metadata .edit-link:before {
margin-left: 5px;
}
.comment-content p {
margin: 0 0 .8em;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
#respond {
margin-bottom: 3.2em !important;
}
.comments-title,
#respond h3 {
border-bottom: 1px solid #eeece8;
font-size: 32px;
line-height: 1.2;
margin: 0 0 .8em !important;
padding: 0 0 .8em !important;
}
.comment-form input,
.comment-form textarea {
max-width: 100%;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.6em;
padding: 1.6em;
/* background: #eeece8; */
font-size: 18px;
line-height: 1.4;
}
.widget .textwidget {
overflow: hidden;
}
.widget > ul,
.widget > div > ul {
margin-left: 0;
}
.widget li {
margin: .6em 0;
line-height: 1.4;
}
.widget a {
/* color: #192930; */
}

/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
.widget:not(.widget_text) ul, .widget:not(.widget_text) ol {
list-style: none;
}
.widget-title {
font-size: 24px;
margin: 0 0 .8em;
line-height: 1.1;
}
.search-form-icon:before {
font-size: 20px;
content: '\f400';
position: absolute;
top: 0;
right: 0;
display: inline-block;
width: auto;
height: 100%;
padding: 0 0.8em;
color: #a5a29d;
font-family: Genericons;
font-style: normal;
font-weight: normal;
line-height: 2.5em;
speak: none;
text-decoration: inherit;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.search-form {
position: relative;
}
.search-form .search-field {
box-sizing: border-box;
width: 100%;
height: 3.2em;
padding: 0 1em;
border: 1px solid #a5a29d;
border-radius: 0;
-webkit-appearance: none;
}
.search-form .search-submit {
display: none;
}
.search-form ::-webkit-input-placeholder {
font-size: 14px;
font-family: "Archivo Narrow", sans-serif;
text-transform: none;
}

.widget_calendar thead,
.widget_calendar tbody {
text-align: center;
}
.widget_calendar td#next {
text-align: right;
}

.widget_recent_entries li {
margin-bottom: 1em;
}
.widget_recent_entries .post-date {
display: block;
}

.widget_rss li {
margin-bottom: 1em;
}
.widget_rss .rss-date {
display: block;
}

.jetpack_widget_social_icons a:hover,
.jetpack_widget_social_icons a:focus,
.widget_wpcom_social_media_icons_widget a:hover,
.widget_wpcom_social_media_icons_widget a:focus {
color: #d7b221;
}

.widget .wp-caption-text {
font-size: 0.85em;
}

.footer-widgets {
margin: 0 auto;
max-width: 1200px;
padding: 3.2em 1.4em;
}
.footer-widgets .widget {
/* background: #fff; */
font-size: 16px;
padding: 0;
}
.footer-widgets .widget-area:last-of-type .widget:last-of-type {
margin-bottom: 0;
}
.footer-widgets .widget-title {
/* color: #a5a29d; */
font-size: 14px;
text-transform: none;
letter-spacing: 1px;
}
.footer-widgets .widget-area {
width: 100%;
display: grid;
}
.widget_media_image{
max-width: 130px;
}

/*--------------------------------------------------------------
# Jetpack
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-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 .site-footer {
display: block;
}
.infinite-loader {
float: right;
margin: .15em 0 1.75em;
}

div#jp-relatedposts h3.jp-relatedposts-headline {
color: #a5a29d;
font-size: 16px;
text-transform: none;
letter-spacing: 1px;
}
div#jp-relatedposts h3.jp-relatedposts-headline em:before {
display: none;
}
.jp-relatedposts-post-title {
font-size: 18px;
margin-bottom: .4em !important;
}

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

.site-content .contact-form input[type="radio"],
.site-content .contact-form input[type="checkbox"] {
margin-bottom: 6px;
margin-right: .3em;
vertical-align: middle;
}
.site-content .contact-form label.checkbox,
.site-content .contact-form label.checkbox-multiple,
.site-content .contact-form label.radio {
font-weight: normal;
margin-bottom: 0;
}
.site-content .contact-form label.checkbox,
.site-content .contact-form > div {
margin-bottom: .8em;
}
.site-content .contact-form textarea,
.site-content .contact-form input[type='text'],
.site-content .contact-form input[type='email'],
.site-content .contact-form input[type='url'],
.site-content .contact-form select {
margin-bottom: .4em;
}
.site-content .contact-form .grunion-field-label {
margin-bottom: .2em;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
.wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8em 0;
}
.wp-caption-text {
text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-columns-1 .gallery-item {
margin-left: 0;
margin-right: 0;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item {
padding: 0 0.5em;
margin: 0 0 0.5em;
}
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
padding: 0 0.25em;
margin: 0 0 0.25em;
}

.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
margin-left: -0.5em;
margin-right: -0.5em;
}

.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
margin-left: -0.25em;
margin-right: -0.25em;
}

.gallery-caption {
display: block;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
border-bottom: 1px solid #eeece8;
margin-bottom: 2.4em;
}
.page-template-front-page .site-header {
margin-bottom: 0;
}
.header-overlay {
display: block;
margin: 0 auto 1.6em;
max-width: 1080px;
position: relative;
}
.header-overlay img {
display: block;
}
.callout-button {
margin-top: .8em;
}
/* Specifically for the Customizer */
.callout-button:empty {
display: none;
}
.utility-container {
border-bottom: 1px solid #eeece8;
}
.utility-container:after {
content: '';
display: block;
clear: both;
}
.branding-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
max-width: 1200px;
margin: 0 auto;
min-height: 87px;
padding: 1.6em 1.4em;
text-align: center;
}
.site-branding {
flex: 1 1 auto;
max-width: calc(100% - 7.5em);
}
.site-title {
margin: .21em 0 -.21em;
font-family: "Cooper Hewitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 1;
text-transform: none;
}
.site-title a {
color: inherit;
}
.site-title a:hover {
text-decoration: none;
}
.custom-logo {
max-width: 100%;
max-height: 100px;
width: auto;
height: auto;
}
.site-header .search-form {
position: relative;
float: right;
}
.site-header .search-field {
position: relative;
}
.site-header .search-field:active,
.site-header .search-field:focus {
outline: none;
}
.site-header .search-form-icon:before {
background-color: #fff;
border-left: 1px solid #eeece8;
line-height: 2.3;
padding: 1px 0 0 0;
transition: 0.3s ease;
width: 47px;
text-align: center;
}
.site-header .search-form label {
position: relative;
display: block;
width: 46px;
height: 46px;
}
.site-header .search-form .search-field {
position: absolute;
top: 0;
right: 0;
height: 100%;
border-color: #eeece8;
border-width: 0;
transition: 0.3s ease;
padding-left: 0;
width: 0;
}

.collection-item-wrapper {
padding: 10px;
background-color: #e8e8e8 !important;
}

.check-filters {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(10px,110px));
font-size: 12px;
grid-gap: 10px;
}

.meta-tags {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(20px, 1fr) );
grid-template-rows: repeat( auto-fit, minmax(10px, auto) );
grid-gap: 4px;
}

.meta-tags a{
font-size: 10px;
background-color: #dadada;
border-radius: 5px;
padding: 2px 4px 2px 4px;
max-width: max-content;
height: fit-content;
}

.collection-filter-loop-wrap {
display: grid;
grid-template-columns: auto;
}

.collection-item-wrapper a img{
height: 100%;
width: 100%;
object-fit: cover;
}

#collections_items_index .collection-item-wrapper h2{
font-size: 14px;
}

#collections_items_index.master-index-loop-container {
  grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
  grid-gap: 25px;

}
#collections_items_index.master-index-loop-container p{
text-align: center;
padding: 70px;
background-color: #e8e8e8;
}


.site-header .search-form:hover .search-field,
.site-header .search-field:focus {
width: 300px;
transition: 0.3s ease;
}
.site-header .search-form:hover .search-form-icon:before,
.site-header .search-field:focus + .search-form-icon:before {
transform: translateX(-300px);
transition: 0.3s ease;
}
.site-description-wrapper {
position: relative;
}
body:not(.header-text-hidden).has-description .site-description-wrapper,
.has-cta-button .site-description-wrapper {
padding: 1.6em 1.4em;
}
.site-description {
font-family: "Archivo Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 36px;
font-weight: bold;
line-height: 1.2;
margin: 0;
}
.front-page-wrapper {
border-bottom: 1px solid #eeece8;
margin-bottom: 2.4em;
position: relative;
flex-wrap: wrap;
}

#hpoverlay {
  /* position: absolute;
  top: 330px; */
  background-color: #004b74;
  /* overflow: hidden; */
  z-index: 99;
  padding: 10px 20px 10px 10px;
  display: flex;
  flex-wrap: wrap;
  /* height: 100%; */
  /* transition-property: top;
  transition-duration: 1s;
  transition-delay: 0s; */
}

/* #hpoverlay:hover {
  top: 0px;
} */

#hpoverlay #hpoverlaytext {
  flex-basis: 60%;
  color: #ffffff;
}

#hpoverlay #hpoverlaytext button {
  margin-top: 20px;
}

#hpoverlay figure {
max-width: 400px;
max-height: 400px;
flex-basis: 20%;
margin-right: 30px;
}

#hpoverlay h2, #hpoverlay h3 {
color: #ffffff;
font-size: 24px;
flex-basis: 100%;
margin-bottom: 20px;
text-align: center;
}


.header-text-hidden.no-featured-posts .front-page-wrapper,
.no-featured-posts:not(.has-description) .front-page-wrapper {
border-bottom: 0;
margin-bottom: 0;
}

.featured-content {
max-width: 1200px;
margin: 0 auto 2.4em;
padding: 0 1.4em;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.featured-content .post-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.featured-content .hentry {
background: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
margin-bottom: 1.6em;
}
.featured-content .hentry:last-child {
margin-right: 0;
}
.featured-content .hentry .post-thumbnail {
display: block;
margin-bottom: 0;
opacity: 0.4;
z-index: 1;
transition: all 0.3s ease;
}

.featured-content-overlay-none .featured-content .hentry .post-thumbnail {
opacity: 1.0;
}

.featured-content-overlay-light .featured-content .hentry .post-thumbnail {
opacity: 0.7;
}

.featured-content-overlay-dark .featured-content .hentry .post-thumbnail {
opacity: 0.1;
}

.featured-content .hentry .post-thumbnail img {
display: block;
}
.featured-content .hentry .entry-title {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin: 0;
padding: 0 1.6em;
border-width: 0;
color: #fff;
font-size: 20px;
line-height: 1.2;
text-align: center;
text-transform: none;
letter-spacing: 1.43px;
transform: translateY(-50%);
z-index: 2;
}
.featured-content .hentry:hover .post-thumbnail {
opacity: 0.1;
}
.featured-content .hentry:hover .entry-title {
color: #d7b221;
}

.site-header .jetpack-social-navigation {
float: left;
}
.site-header .jetpack-social-navigation ul {
margin: 0;
}
.site-header .jetpack-social-navigation li {
margin-left: -3px;
}
.site-header .jetpack-social-navigation a {
color: #a5a29d;
}
.site-header .jetpack-social-navigation a:before {
width: auto;
height: auto;
padding: 0.9375em;
border-right: 1px solid #eeece8;
vertical-align: middle;
font-size: 16px;
}
.site-header .jetpack-social-navigation a:hover {
color: #d7b221;
}
.site-footer {
border-top: 1px solid #eeece8;
}
.site-info {
border-top: 1px solid #eeece8;
margin: 0;
padding: 1.6em 1.4em;
color: #a5a29d;
font-family: "Archivo Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
text-transform: none;
}
.site-info a {
color: inherit;
}

.letter-section ul.columns {
    column-width: 30em !important;
    line-height: 2.1em !important;
}

.letter-section ul.columns.max-1-columns {
    column-count: 1;
    max-width: 30em !important;
}

/* Media Queries */

@media screen and (min-width: 37.5em) {
.site-branding {
  max-width: 100%;
}
.main-navigation .menu-toggle {
  display: none;
}
.main-navigation {
  width: auto;
}

.site-content {
padding: 0 1.4em;
}



#rhodi-template .ecs-event-list {
    grid-template-columns: repeat( auto-fill, minmax(190px, 200px) );
}

#rhodi-template h2 {
  margin-bottom: 30px;
}

.letter-section ul.columns.max-1-columns {
    column-count: 2 !important;
    max-width: 19.6em !important;
}



.main-navigation.toggled ul {
  display: flex;
}
.main-navigation ul {
  border: 0;
  padding: 0;
  margin: 0;
  clear: none;
  display: flex;
  width: auto;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.main-navigation ul:before {
  display: none;
}
.main-navigation {
  flex: 1 1 auto;
  position: relative;
}
.main-navigation ul li {
  /* margin-left: 2.4em; */
  padding: .46875em 0;
}
.main-navigation ul ul {
  position: absolute;
  padding: 1.6em 0;
  background-color: #fff;
  border: 1px solid #eeece8;
  border-top: 2px solid #d7b221;
  margin: 0;
  line-height: 1.3;
  z-index: 999;
  left: -999em;
  top: 100%;
}
.main-navigation ul ul li {
  margin: 0;
  padding: .46875em 1.875em;
}
.main-navigation ul ul a {
  font-size: 16px;
  width: 150px;
  text-transform: none;
  letter-spacing: 0;
}
.main-navigation ul ul:before {
  content: '\f500';
  display: block;
  position: absolute;
  top: -1em;
  left: 0;
  width: 100%;
  color: #d7b221;
  font-family: Genericons;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: 50%;
  transform: translateX(-50%);
}
.main-navigation ul ul ul {
  margin: 0;
}
.main-navigation ul ul ul:before {
  display: none;
}
.main-navigation ul ul li:hover > ul {
  left: 100%;
  top: -1.675em;
  transform: translateX(0);
}
.main-navigation ul > li.page_item_has_children > a:after,
.main-navigation ul > li.menu-item-has-children > a:after {
  content: '\f431';
  display: inline-block;
  margin-left: 6px;
  font-family: Genericons;
  vertical-align: bottom;
}
.main-navigation ul ul > li.page_item_has_children > a:after,
.main-navigation ul ul > li.menu-item-has-children > a:after {
  transform: rotate(-90deg);
  position: relative;
  top: -1px;
}

.testimonials .grid-sizer,
.post-type-archive-jetpack-testimonial .testimonials .hentry {
  width: 48.5%;
}
.testimonials .gutter-sizer {
  width: 3%;
}

.featured-content .hentry {
  margin-bottom: 0;
  /* width: 31.5%; */
}
.featured-content .hentry .entry-title {
  font-size: 16px;
}
.featured-content .no-featured-image + .no-featured-image + .no-featured-image {
  min-height: 150px;
}

.site-title {
  clear: none;
    display: inline-block;
    vertical-align: middle;
}
.custom-logo {
  clear: none;
  display: inline-block;
  margin-right: .8em;
  vertical-align: middle;
  }

.more-recent-posts {
  line-height: 3.2;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  max-width: 39%;
}

.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a {
  float: left;
  width: auto;
  max-width: 48%;
}
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
  float: right;
  text-align: right;
  width: auto;
  max-width: 48%;
}



.footer-widgets .widget-area {
  float: left;
}
.footer-widgets .widget-area .widget:last-of-type {
  margin-bottom: 0;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2),
.footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
  width: 48%;
  margin-right: 4%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(2):nth-last-child(1):nth-of-type(2n) {
  margin-right: 0;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3),
.footer-widgets .widget-area:nth-child(2):nth-last-child(2),
.footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
  width: 48%;
  margin-right: 4%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(2):nth-last-child(2):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(3):nth-last-child(1):nth-of-type(2n) {
  margin-right: 0;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(4),
.footer-widgets .widget-area:nth-child(2):nth-last-child(3),
.footer-widgets .widget-area:nth-child(3):nth-last-child(2),
.footer-widgets .widget-area:nth-child(4):nth-last-child(1) {
  width: 48%;
  margin-right: 4%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(4):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(2):nth-last-child(3):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(3):nth-last-child(2):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(4):nth-last-child(1):nth-of-type(2n) {
  margin-right: 0;
}
}
@media screen and ( min-width: 50em ) {

    #hpoverlay {
    position: absolute;
    top: 330px;
    background-color: unset;
    background-image: url('images/rihs-hpoverlay-bg.png');
    overflow: hidden;
    z-index: 99;
    padding: 10px 20px 10px 10px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    transition-property: top;
    transition-duration: 1s;
    transition-delay: 0s;
  }

  #hpoverlay:hover {
    top: 0px;
    /* height: 100%; */
  }
  #hpoverlay #hpoverlaytext {
    flex-basis: 60%;
    color: #ffffff;
  }

  #hpoverlay #hpoverlaytext button {
    margin-top: 20px;
  }

  #hpoverlay figure {
    max-width: 400px;
    max-height: 400px;
    flex-basis: 30%;
    margin-right: 30px;
  }

  #hpoverlay h2, #hpoverlay h3 {
    color: #ffffff;
    font-size: 24px;
    flex-basis: 100%;
    margin-bottom: 20px;
    text-align: left;
  }


.site-content {
  padding: 0 3.75em;
}
.content-area {
  float: left;
  margin: 0 -34% 0 0;
}
.site-main {
  margin: 0 34% 0 0;
}
.site-content .widget-area {
  float: right;
  width: 31%;
}
.page-template-front-page .site-header {
  margin-bottom: 0px;
}
.site-header .jetpack-social-navigation a:before {
  padding: 1.4em;
}

.featured-content {
  padding-left: 3.75em;
  padding-right: 3.75em;
}
.site-description {
  color: #fff;
  font-size: 48px;
}
.site-description-wrapper {
  max-width: 66%;
  z-index: 1;
}
body:not(.header-text-hidden).has-description .site-description-wrapper,
.has-cta-button .site-description-wrapper {
  padding: 2.4em;
}
.branding-container {
  padding-left: 3.75em;
  padding-right: 3.75em;
  display: flex;
  align-items: center;
}
.header-overlay {
  background: #192930;
}
.header-overlay:before {
  background: #192930;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
}
.header-overlay-none .header-overlay:before {
  opacity: 0;
}
.header-overlay-light .header-overlay:before {
  opacity: 0.3;
}
.header-overlay-medium .header-overlay:before {
  opacity: 0.5;
}

.header-overlay img + .site-description-wrapper {
  bottom: 0;
  padding: 0;
  margin: 0 2.4em 2.4em 2.4em;
  position: absolute;
}
.site-header .search-form label {
  width: 61px;
  height: 61px;
}
.site-header .search-form-icon:before {
  line-height: 2.8;
  width: 61px;
}
.site-title {
  font-size: 15px;
  margin: .16em 0 -.16em;
}

#collection-item-single h1 {
  font-size: 30px;
}

#collection-item-single .single-event-header {
  background-color: white;
  margin-bottom: 30px;
}

.entry-author {
  padding: 1.6em;
}

.recent-posts:after {
  display: none;
}
.recent-posts-title,
.page-title {
  font-size: 36px;
}
.more-recent-posts {
  line-height: 3.5;
}

.footer-widgets {
  padding: 3.2em 3.75em;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(2):nth-last-child(1):nth-of-type(2n) {
  margin-right: 4%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(2):nth-last-child(2):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(3):nth-last-child(1):nth-of-type(2n) {
  margin-right: 5%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(4):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(2):nth-last-child(3):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(3):nth-last-child(2):nth-of-type(2n),
.footer-widgets .widget-area:nth-child(4):nth-last-child(1):nth-of-type(2n) {
  margin-right: 6.66667%;
}

.footer-widgets .widget-area:nth-child(1):nth-last-child(2),
.footer-widgets .widget-area:nth-child(2):nth-last-child(1) {
  width: 48%;
  margin-right: 4%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(2):last-of-type,
.footer-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
  margin-right: 0;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3),
.footer-widgets .widget-area:nth-child(2):nth-last-child(2),
.footer-widgets .widget-area:nth-child(3):nth-last-child(1) {
  width: 30%;
  margin-right: 5%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(3):last-of-type,
.footer-widgets .widget-area:nth-child(2):nth-last-child(2):last-of-type,
.footer-widgets .widget-area:nth-child(3):nth-last-child(1):last-of-type {
  margin-right: 0;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(4),
.footer-widgets .widget-area:nth-child(2):nth-last-child(3),
.footer-widgets .widget-area:nth-child(3):nth-last-child(2),
.footer-widgets .widget-area:nth-child(4):nth-last-child(1) {
  width: 20%;
  margin-right: 6.66667%;
}
.footer-widgets .widget-area:nth-child(1):nth-last-child(4):last-of-type,
.footer-widgets .widget-area:nth-child(2):nth-last-child(3):last-of-type,
.footer-widgets .widget-area:nth-child(3):nth-last-child(2):last-of-type,
.footer-widgets .widget-area:nth-child(4):nth-last-child(1):last-of-type {
  margin-right: 0;
}

.site-info {
  padding-left: 3.75em;
  padding-right: 3.75em;
}
}



/*--------------------------------------------------------------
#
# Custom Styling
#
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
color: #335687;
text-decoration: underline;
}
a:visited {
color: #335687;
}
a:hover, a:focus, a:active {
color: #335687;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content a {
word-wrap: break-word;
}

.wp-block-button .wp-block-button__link {
text-transform: none;
}



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

#donor-privacy-statement {
padding: 20px;
width: 90%;
/* margin-left: 5em; */
font-size: 12px;
}

.site-footer {
background: #cfe9ff;
}

.footer-widgets .widget {
/* background: #8c8299; */
font-size: 14px;
padding: 0;
}

.site-footer .widget_media_image {
padding: 5px;
margin-bottom: 20px;
}

#colophon {
/* color: white; */
}

.container {
position: relative;
}

.image {
display: block;
width: 100%;
height: auto;
}

.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #008CBA;
}

.container:hover .overlay {
opacity: 1;
}

.coverlaytext {
color: white;
font-size: 10px;
position: absolute;
top: 40%;
left: 40%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* text-align: center; */
}


/*--------------------------------------------------------------
# Global Navigation and Header
--------------------------------------------------------------*/
/* */
.site-header {
/* background: #335687; */
/* background: white; */
}

.site-title {
/* color: #fff;
*/
color: #335687 !important;
text-transform: none;
display: none;
}

.main-navigation a:hover {
color: #8499a5;
}
.main-navigation ul > li > a {
color: #335687;
font-family: "Archivo Narrow", sans-serif;
}
.main-navigation ul > li.current-menu-item > a,
.main-navigation ul > li.current_page_item > a {
color: #650942;
}

.main-navigation ul > li.current-menu-item,
.main-navigation ul > li.current_page_item {
/* background: white; */
}
.main-navigation ul ul a {
}

.utility-container {
display: none;
}

.main-navigation .menu-toggle {
  position: absolute;
  top: .1em;
  right: .1em;
  background: #004b74;
  border-width: 0;
  font-size: 14px;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  width: auto;
  padding: .7em 1em;
}

.main-navigation .menu-toggle:before {
content: "\f419";
display: inline-block;
font-family: Genericons;
font-weight: normal;
margin-right: 6px;
position: relative;
top: 1px;
}
.main-navigation .menu-toggle:hover {
border-width: 0;
}
.main-navigation.toggled .menu-toggle:before {
content: "\f406";
}
.main-navigation ul {
display: none;
border: 1px solid #eeece8;
border-top: 3px solid #650942;
width: 100%;
clear: both;
margin: 1.6em 0 0;
padding: 1.6em;
position: relative;
}
.main-navigation ul:before {
/* content: '\f500'; */
display: block;
position: absolute;
top: -18px;
left: 0;
width: 90%;
color: #650942;
font-family: Genericons;
font-size: 16px;
line-height: 1;
text-align: right;
}
.main-navigation.toggled ul {
display: block;
}
.main-navigation ul ul {
margin: 0 0 0 .1em;
padding: 0;
border: 0;
}
.main-navigation ul ul:before {
display: none;
}
.main-navigation ul ul a {
color: #192930;
font-family: "Archivo Narrow", sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
}
.main-navigation ul ul ul {
margin-left: .2em;
}

#yellow {
  position: relative;
  width: 50px;
  height: 50px;
  background: url(images/back-page-curl-arrow.png) no-repeat scroll 0% 0%;
  border: 0px none transparent;
  -webkit-transition: 3s;
  /* For Safari 3.1 to 6.0 */
  transition: width 3s, height 3s;
  background-size: contain;
}

.search-submit {
}

.rhodi-sidebar-search {
  display: none;
}

#rhodi-sidebar {
  min-width: 300px;
  margin-bottom: 40px;
}

#yellow:hover {
  border: 0px none transparent;
  width: 200px;
  height: 200px;
}

#yellow:hover #red {
  opacity: 1;
  transition: opacity 0.1s;
}

#red {
  position: absolute;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(243, 243, 243, 0.3) 45%, rgba(221, 221, 221, 0.3) 50%, rgb(170, 170, 170) 50%, rgb(187, 187, 187) 56%, rgb(204, 204, 204) 62%, rgb(243, 243, 243) 80%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%, transparent url(images/page-curl-preview.png) repeat scroll 0% 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: 0px none transparent;
  transition: opacity 0.1s 2.9s;
}

#corner {
  position: absolute;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(243, 243, 243, 0.3) 45%, rgba(221, 221, 221, 0.3) 50%, rgb(170, 170, 170) 50%, rgb(187, 187, 187) 56%, rgb(204, 204, 204) 62%, rgb(243, 243, 243) 80%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%, transparent no-repeat scroll 0% 0%;
  width: 100%;
  height: 100%;
}

.rhodi-curl {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
}

p.directory-alpha-index {
  height: 40px;
  width: 40px;
  background-color: #a3758a;
  text-align: center;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0px;
  padding: 4px;
  text-transform: uppercase;
  text-decoration: none;

}

body#rhodi-zone {
    background: #faf7ea;
}

#rhodi-zone .utility-container {
  display: none;
}

.directory-list a  {
  text-decoration: none;
}

#rhodi-template .directory-list, .directory-list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(40px,40px));
    grid-gap: 5px;
}

.search-field.sidebar-search {
  width: 100%;
}
/*--------------------------------------------------------------
# Flex box basics
--------------------------------------------------------------*/

.flexy {
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
flex-wrap: wrap;
  justify-content: center;
border-bottom: none;

}


/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/

/* ---------- Home Page ----------  */

/* ----- VERSION A -----  */

.front-page-wrapper {
  display: -webkit-flex; /* Safari */
  -webkit-align-items: center; /* Safari 7.0+ */
  display: flex;
  /* flex-wrap: nowrap; */
  justify-content: center;
  border-bottom: none;
  margin-bottom: 20px;
  align-items: center;
  padding: 0px 5px 0px 5px;
}

.header-overlay {
/* height: 407px; */
/* background-image: url("images/HOME-PAGE-COLLAGE-AV2.jpeg"); */
/* background-position: bottom left; */
/* background-attachment: fixed; */
flex: 2 1;
min-width: 400px;
margin: 2px 0 2px 0;
max-height: 390px;
overflow: hidden;
}

.site-description-wrapper {
display: none;

}

.featured-content {
display: grid;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: repeat(2, minmax(130px, auto));
grid-template-columns: 50% 50%;
padding: 0;
justify-content: center;
flex: 1 1 0;
min-width: 400px;
margin: 2px 0 2px 0;
/* background: white; */
z-index: 99;
}

.featured-content .hentry {
  margin-bottom: 0px;
margin-left: 0px;
}

.featured-content .hentry:last-child {
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

/* Jewels */

.featured-content .hentry .entry-title {
text-transform: none;
font-family: "Cooper Hewitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
text-align: end;

}
.featured-content article {
width: 100%;
border: 1px solid #004b74;
margin-left: 0px;
background: var(--primary-box-bg-color);
}

.entry-body.inlist {
display: grid;
grid-template-columns: auto;
grid-gap: 15px;
}

.entry-body.inlist h2{
font-weight: bold;
margin: 0 0 .8em;
font-size: 20px;
line-height: 1.2;
border-width: 0;
margin-left: 0!important;
margin-right: 0!important;
}

.entry-body.inlist img {
/* width: 100%; */
/* height: auto; */
/* max-height: 300px; */
/* object-fit: cover; */
}

#rhodi-template .home-hero-collage {
    display: grid;
    grid-template-columns: repeat(auto-fit,130px);
    grid-template-rows: repeat(2, 1fr);
    grid-auto-rows: 0; /* set height to 0 for autogenerated grid rows */
    overflow-y: hidden; /* hide grid items that overflow */
}
}

.entry-body.inlist .entry-header {
display: grid;
grid-template-columns: auto;
grid-auto-rows: min-content;
}

h1.entry-title.singleart {
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.entry-body.inlist .entry-meta {
margin-left: 0;
margin-right: 0;
}

.entry-body.inlist .entry-meta p{
margin-bottom: 5px;
}


.inlist-wrap {
margin-bottom: 20px;
}

.collection-filter-loop-wrap {
  grid-template-columns: auto;
  grid-gap: 15px;
  margin-top: 30px;

}

/* Home page hero collage
*/
.home-hero-collage {
display: grid;
grid-template-columns: repeat(9,130px);
z-index: 0;

}

#collections-index.home-hero-collage {
overflow: hidden;
}

#journal-index.home-hero-collage {
margin-top: 30px;
margin-bottom: 30px;
width: 100%;
overflow: hidden;

}

h2.wrap-around {
  clear: none;
}

.wrap-around-me {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.tribe-events .tribe-events-header {
    background-color: transparent;

}

.journal-search-field {
  width: 100%;
  margin-bottom: 30px;
}

.taxonomy-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(150px,250px));
  /* grid-template-rows: repeat(auto-fit,minmax(150px,250px)); */
  grid-gap: 10px;
  margin-bottom: 30px;
}

#catalog-list.taxonomy-list {
  grid-template-columns: repeat(auto-fit,minmax(270px,1fr));
  grid-gap: 20px;
  margin-bottom: 30px;
}

#catalog-list.taxonomy-list>a>div{
  padding: 1px 15px 15px 15px;
  transition:all 0.3s ease;
  position: relative;
}


#catalog-list.taxonomy-list>a>div:hover
{
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}

.taxonomy-list div {
  background-color: #e8e8e8;
  width: 100%;
}

.taxonomy-list div span{
  display: none;
}

.featured-content .no-featured-image {
min-height: 120px;
min-width: 200px;
max-width: 250px;
}

.rhodi-template-content-areas {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 30px;
  margin-top: 20px;
}

.list2cols {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px,270px));
grid-gap: 15px;
}


.featured-content {
grid-column-gap: 5px;
grid-row-gap: 5px;
width: 100%;
background-image: url("images/squirell-quad-background.png");
background-color: #f4f6f7;
}

.featured-content .hentry .entry-title {
font-size: 22px;
}

.featured-content .hentry {

}

.loccollapse {
grid-column: 1 / 3;
}

.core-benefits h1 {
text-align: center;
background-color: #650943;
color: white;
padding: 20px 0 20px 0;
margin-bottom: 50px;
}



.core-benefits h1.secondary-sales-heading {
background-color: #387d7a;
color: white;
margin-top: 50px;
}

.core-benefits p {
text-align: center;
}


.tscs {
margin-top: 30px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 10px;
}

.membership-footer {
background-color: white;
padding: 30px;
width: auto;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
}

#membership-and-benefits h5 {
margin-top: -10px;
margin-bottom: 20px;
}

.info-panel.price {
font-size: 25px;
text-align: center;
color:inherit;
position: absolute;
z-index: 99;
top: 0px;
right: 0px;
border-radius: 0px;
}

#membership-and-benefits .standard-module-wrapper {

}

.memberships {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(320px,350px));
grid-gap: 25px;
margin-left: auto;
margin-right: auto;
justify-content: center;
}

#membership-and-benefits .membership-set .standard-module-wrapper:nth-child(1) {
border-top: solid 10px #85cec3;
}
#membership-and-benefits .membership-set .standard-module-wrapper:nth-child(2) {
border-top: solid 10px #de5240;
}
#membership-and-benefits .membership-set .standard-module-wrapper:nth-child(3) {
border-top: solid 10px #f9cc21;
}
#membership-and-benefits .membership-set .standard-module-wrapper:nth-child(4) {
border-top: solid 10px #387d7a;
}
#membership-and-benefits .membership-set .standard-module-wrapper:nth-child(5) {
border-top: solid 10px #f87c85;
}
#membership-and-benefits .membership-set .standard-module-wrapper:nth-child(6) {
border-top: solid 10px #41354d;
}

#membership-and-benefits .master-index-loopinfo-panels ul {
list-style: none;
margin-left: 0px;
}

#membership-and-benefits .master-index-loopinfo-panels ul li {
padding: 15px;
background-color: #eff3f5;
font-size: 15px;
margin-bottom: 10px;
}

.curl {
	width:80px;
	height:80px;
	position: absolute;
	top:0;
	left:0;
	/* background :
		linear-gradient(
			135deg,
			#fff,
			#f3f3f3 45%,
			#ddd 50%,
			#aaa 50%,
			#bbb 56%,
			#ccc 62%,
			#f3f3f3 80%,
			#fff 100%
		); */
  background-image: url("images/page-curl-b.png");
  background-size: contain;
	box-shadow : 0 0 10px rgba(0, 0, 0, .5);
	transition: all .5s ease;
}
.curl:before,
.curl:after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 12.5%;
	bottom: 5.8%;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	box-shadow: 0 12px 15px rgba(0, 0, 0, .3);
	transform: skew(-10deg) rotate(-6deg);
}
.curl:after {
	left: auto;
	right: 5.8%;
	bottom: auto;
	top: 14.16%;
	transform: skew(-15deg) rotate(-84deg);
}

.curl:hover {
	width: 140px;
	height: 140px;
}
.curl:hover:before,
.curl:hover:after {
	box-shadow: 0 24px 30px rgba(0, 0, 0, .3);
}



/* #membership-and-benefits .membership-set .info-panel {
background-color: #d9e6d5 !important;
}

#membership-and-benefits .membership-set .info-panel.more-info-button {
background-color: #c3d8bc !important;
font-weight: bold !important;
}

#membership-and-benefits .membership-set .module-hero-image .image-tag {
background-color: #4b6e50 !important;
} */


#core-benefits-list {
display: grid;
grid-template-columns: repeat(auto-fit,270px);
grid-gap: 15px;
margin: 0px 0px 30px 0px;
margin-left: auto;
margin-right: auto;
justify-content: center;

}

#core-benefits-list li {
list-style: none;
padding: 20px;
font-size: 15px;
background-color: #ffffff;
display: grid;
grid-template-columns: auto;
align-items: center;

}

li.single-product {
list-style: none;
padding: 15px;
display: grid;
grid-template-columns: 50px auto;

}

.zeromarginlist {
margin: 15px;
display: flex;
flex-wrap: wrap;
}

#core-benefits-list li p:first-of-type {
font-size: 30px;
}

#core-benefits-list li p {
margin-bottom: 0px;
}

.featured-content .hentry .post-thumbnail {
display: none;
}
/* .featured-content .hentry .entry-title a:visited {
color: #004b74;
} */

.featured-content .hentry .entry-title a {
color: #004b74;
font-weight: 800;
}

.back-to-link {
  top: 0;
  left: 0;
}

.featured-content article:hover {
  background: #650942;
cursor: pointer;
}


.featured-content article .entry-title a {
transition: all .5s ease-in;
}

.featured-content article:hover .entry-title a {
color: white;
font-size: 23px;
}


/* Home page fact banner */

.impact-facts-container {
display: flex;
background: #d2e9db;
padding: 5px 10px 10px 10px;
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
align-items: center;
  /* width: 95%; */
flex-wrap: wrap;
justify-content: center;

}

#fact1.impact-facts-container {
  background: #eec1c4;
  /* justify-content: start; */
  text-align: left;
  justify-content: center;
  }

#fact3.impact-facts-container {
  /* background: #eec1c4; */
  /* justify-content: start; */
  text-align: left;
  justify-content: center;
  }

#fact1 span {
  font-size: 30px;
  color: #9e2828;
  font-weight: bold;
  }

#fact3 span {
  font-size: 30px;
  color: #650942;
  font-weight: bold;
  }

#fact2.impact-facts-container {
  background: #c2dee9;
  }

#fact3.impact-facts-container {
  /* background: #c2dee9; */
  }

#fact2 .impact-facts-image {
    background-image: url("images/impact-fact-banner-birthday-squirrel.png");
    }

#fact1 .impact-facts-image {
    background-image: url("images/film-reel-flat-icon-01-.png");
    animation: animatedBackground 7s linear infinite;
    background-repeat: repeat-x;
    position: relative;
    /* animation: animateright 1.2s; */
    /* animation-delay: 1s; */
    width: 40%;
    }
#fact3 .impact-facts-image {
    background-image: url("images/college-students-characters-set-vector-9584659.png");
    animation: animatedBackground 12s linear infinite;
    background-repeat: repeat-x;
    position: relative;
    /* animation: animateright 1.2s; */
    /* animation-delay: 1s; */
    width: 40%;
    }
#fact1 .impact-facts-headline {
    text-align: left;

    }
#fact3 .impact-facts-headline {
    text-align: right;

    }


#bicentennial {
display: flex;
flex-flow: column;
flex-wrap: wrap;
}

.impact-facts-container ul li {
list-style-type: none;
}

@keyframes animatedBackground {
  from {
      background-position: 0 0;
  }
  to {
      background-position: 100% 0;
    }
}

.impact-facts-image {
font-size: 100px;
margin: 10px;
color: #9e2828;
background-image: url("images/impact-fact-banner-birthday-squirrel.png");
background-size: contain;
width: 100%;
height: 190px;
padding: 10px 0px 10px 10px;
background-position: center;
background-repeat:no-repeat;
}

.impact-facts-countdown {
line-height: 25px;
font-size: 30px;
min-width: 200px;
margin-top: 15px;
text-align: center;

}

.impact-facts-headline {
/* display: none; */
text-align: center;
line-height: 25px;
font-size: 25px;
max-width: 45%;
}

.impact-facts-headline p {
margin: 0px 0px 0px 0px;
}

.impact-facts-headline strong {
font-size: 110%;
}

.impact-facts-headline p a:hover {
text-decoration: none;
}

.countdown-days {
color: #5F4180;
font-weight: 600;
}

.reds {
background-color: #eec1c4;
}
.reds strong {
color: #650942;
}
.greens {
background-color: #d2e9db;
}
.greens strong {
color: #650942;
}
.blues {
background-color: #c2dee9;
}
.blues strong {
color: #650942;
}

.qgiv-embed-container {
  height: 2440px;
}

.qgiv-embed-form {
  height: 100%;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
    font-size: 16px;
}

.countdown-hours {
color: #6d5c81;
font-weight: 500;
}

.countdown-minutes {
color: #756981;
font-weight: 300;
}

.countdown-seconds {
color: #7b777f;
font-weight: 100;
}

/* Home page event modules */

.ecs-event-list {
display: grid;
margin: 0px 0px 0px 0px;
grid-template-columns: repeat( auto-fit, minmax(190px, 1fr) );
}

.post-other-content .ecs-event-list {
grid-gap: 25px;
}

.post-other-content .ecs-event-list .ecs-event {
    background-color: unset;
    list-style-type: none;
    margin: 0px;
    color: #004b74;
}{
}

.home-page-events-loop {
margin-top: 50px;
margin-bottom: 50px;
}

.ecs-event {
background-color: #c2dee9;
list-style-type: none;
margin: 5px;
/* padding: 15px; */
color: #004b74;
}

.ecs-event H4 a {
color: #004b74;

}


.ecs-event a {
color: white;
text-transform: none;
text-decoration: none;
}

.events-and-programs-heading {
margin-top: 45px;
}

.tribe-event-date-start {

}

/* blue */

.date_thumb {
background: #004b74; /* blue */
/* background: #650942; */ /* maroon */
width: 30%;
color: white;
text-align: center;
position: relative;
top: -5px;
left: 0;
font-size: 15px;
font-weight: bold;
line-height: 1.75em;
padding: 10px 10px 15px 10px;
/* margin-bottom: 2px; */
opacity: 90%;
z-index: 2;
}

.post_type_thumb {
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
  line-height: 1.75em;
  padding: 10px 10px 15px 10px;
  opacity: 90%;
  z-index: 2;
}

/* .box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
} */

div.featured {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}

div.featured span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
div.featured span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
div.featured span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}

.news {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.news span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.news span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.news span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}

.a-lively-experiment {
  position: absolute;
  right: 10px; top: 10px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
  background-image: url("images/admin-ajax-red-border.png");
  background-size: contain;
  background-repeat: no-repeat;}

.press {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.press span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#B6BAC9 0%, #808080 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.press span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #808080;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #808080;
}
.press span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #808080;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #808080;
}

.post-categories {
  list-style: none;
  margin-left: 0px;
  position: relative;
}


.post-single {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 30px;
}

.post-content {
  max-width: 850px;
}

figcaption {
  padding: 10px 0 10px 0px;
  font-size: 12px;
  font-style: italic;
}

.post-content-body {
  padding: 45px 0 45px 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 635px;

}


.ecs-event a img {
object-fit: cover;
  /* height: 170px; */
width: 100%;
position: relative;
z-index: 1;
top: -82px;
margin-bottom: -80px;
}

.day {
font-size: 35px;
font-weight: bold;
}

#job-single tr td:first-of-type {
font-weight: bold;
padding-right: 10px;
}

#job-single td {
vertical-align: top;
valign: top;
}

.tribe-event-date-start , .tribe-event-time, .tribe-event-date-end{
font-size: 12px;
font-weight: normal;
}

.tribe-event-time {
/* display: none; */
}

.search-filter-container {

}
.search-filter-container h6{
  margin-top: 15px;
  margin-bottom: 5px;
}

.search-filter-group {
  display: flex;
  grid-gap: 10px;
  flex-wrap: wrap;
  max-height: 240px;
  overflow: scroll;
}

.ecs-event ul li {

}

.entry-title.summary {
margin-bottom: 0px;
padding: 0px;
margin-top: 15px;
font-size: 18px;
}

.tagcontainer {
  margin-top: 10px;
}

.tribe-events-tooltip .entry-title.summary {
padding: 6px;
}

.tribe-events-tooltip .tribe-events-event-thumb img {
  object-fit: cover;
  width: 100%;
  max-height: 250px;
}

.tribe-events-tooltip.tribe-event-featured .tribe-events-event-thumb {
  padding: 2px 0 8px;
  width: 100%;
}

.single-event-header {
display: grid;
grid-template-columns: auto;
grid-gap: 15px;
background-color: #dae5eb;
margin-bottom: 30px;
}

.single-tribe_events .tribe-events-event-image {
  margin-bottom: 0px;
  text-align: left;
  padding: 15px;
}

.single-tribe_events .tribe-events-event-meta {
  /* background: #fafafa;
  border: 1px solid #eee; */
  margin: 0px 0;
  display: grid;
  grid-template-columns: auto;
}

#single-event-info.info-panels {
display: grid;
grid-gap: 20px;
grid-template-columns: auto;
}

#rhodi.site-branding img {
  height: auto;
  width: 185px;
}



.tribe-events-meta-group {
  min-width: 300px;
  width: auto;
}

#single-event-info .info-panel {
max-width: 300px;
height: fit-content;
}

#venue-map.info-panel {
min-width: 500px;
}

.single-event-map {
margin-top: 30px;
}

article {
  position: relative;
}
/* event categories legend */
.event-categories {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(10px, auto));
font-size: 12px;
grid-gap: 10px;
justify-items: center;
justify-content: center;
width: 30%;
min-width: 340px;
}

.event-category-container {
display: grid;
grid-template-columns: 12px auto;
grid-gap: 3px;
}

.event-category-colorbox {
width: auto;
height: 100%;
}

.event-category-label {
/* width: max-content; */
}

#concert .event-category-label::before {
color: #ace8dc;
content: " \25CF";
}

.tribe-events-calendar-month__events article.cat_concert {
  border-top: 5px solid #ace8dc;
}

#event .event-category-label::before {
content: " \25CF";
color: #faeba6;
}

.tribe-events-calendar-month__events article.cat_event {
border-top: 5px solid #faeba6;
}

#exhibit .event-category-label::before {
color: #b7dbf3;
content: " \25CF";
}

.tribe-events-calendar-month__events article.cat_exhibit {
border-top: 5px solid #b7dbf3;
}

#walking-tour .event-category-label::before {
color: #f8c1ba;
content: " \25CF";
}

.tribe-events .tribe-events-calendar-month__events article.cat_walking-tour {
border-top: 5px solid #f8c1ba;
}

.tribe-events .tribe-events-calendar-month__multiday-event-wrapper article.tribe-events-calendar-month__multiday-event {
  border-top: none !important;
}

.tribe-events article.cat_walking-tour .tribe-events-calendar-month__multiday-event-bar-inner{
  background-color: #f8c1ba !important;
}

.tribe-events article.cat_exhibit .tribe-events-calendar-month__multiday-event-bar-inner {
  background-color: #b7dbf3 !important;
}

.tribe-events article.cat_event .tribe-events-calendar-month__multiday-event-bar-inner {
  background-color: #faeba6 !important;
}

.tribe-events article.cat_concert .tribe-events-calendar-month__multiday-event-bar-inner {
  background-color: #ace8dc !important;
}

#tribe-events-pg-template {
    padding: 40px 5px 20px;
}

.event-category-label::before {
  font-size: 24px;
}

.tribe-events-calendar-month__calendar-event-datetime::before {
  font-size: 18px;
}

.wp-block-image .alignleft {
    float: none;
    margin-right: 1em;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {
    text-align: center;
}

.single-event-content {
/* margin-top: 30px; */
padding: 15px;
}

.duration.time {
margin-bottom: 15px;
}

.ecs-excerpt {
font-size: 12px;
margin-top: 15px;
}

.page-header, .recent-posts-header {
border-bottom: none;
}

.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited {
    color: #335687;
    outline: 0;
    text-decoration: none;
}

.tribe-common .tribe-common-h4 {
    color: #335687;
    font-family: "Archivo Narrow", sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.42;
}

/* Recent Posts grid */

.recent-posts-title {
margin-top: 20px;
margin-bottom: 0px;
font-size: 32px;
}

.more-recent-posts {
/* display: none; */
}

.recent-posts-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, auto));
grid-gap: 40px;
justify-content: start;
}

#hp-loop.recent-posts-container>article, #hp-loop.recent-posts-container article {
  color: #004b74;
  padding: 0px!important;
  max-width: 294px;
  border-bottom: none;
  align-content: start;

    }


.entry-title.home-page-roll {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#first-feature.entry-header h4 {
  font-size: 18px;
}

.entry-meta {
  font-family: "Cooper Hewitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 1px;
}

.recent-posts-container img {
  object-fit: cover;
  width: 100%;
  position: relative;
  /* margin-top: -75px; */
}

.recent-posts-container header {
/* margin: 15px 0px 15px 0px; */
}

.recent-posts-container .entry-meta {
margin: 5px 0px 0px 0px;
font-size: 12px;
}

#front-page-recent-posts {
margin-bottom: 40px;
}

.recent-posts-container>article p {
font-size: 15px;
  }

.recent-posts-tert {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 30px;
}

/* #home-page-post-0featured {
background: lavenderblush;
padding: 25px;
color: white;
flex-basis: 100%
} */

/* #home-page-post-0featured h2 {
font-size: 20px;
} */

/* #home-page-post-0featured img {
height: 275px;
} */

.more-link {
text-transform: none;
}

/* ---------- Max Width corrections for wrappers ----------  */

.uagb-section__wrap .uagb-section__inner-wrap {
max-width: 1080px !important;
}



/*--------------------------------------------------------------
# People Listing Pages
--------------------------------------------------------------*/

/* ---------- People Listing Pages ----------  */

.people-listing-row {

}

.people-listing-row p{

margin-bottom: 10px;

}

.people-listing-thumbnail {

margin-bottom: 0px;
}

#people-index h2 {
margin-top: 30px;
}

/*--------------------------------------------------------------
# Location Detail Pages
--------------------------------------------------------------*/
/* Main page wrapper */
.location-detail {

}

.padded-container {
  padding: 10px;
}

.padded-container .entry-title.summary {
  margin-top: 0px;
}

.home-upcoming-events {
margin: 3em 0px 3em 0px;
}

#badge-panel.info-panel {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(100px, 100px) );
grid-gap: 5px;
}

.location-header {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 10px;

}

.location-name {
width: 100%;

}

.location-name p{
font-size: 15px;

}

.location-address {
-webkit-flex-basis: auto; /* Safari 6.1+ */
flex-basis: auto;
}

.loc_icon {
font-size: 17px;
margin-right: 5px;
}
.location-hours {
-webkit-flex-basis: auto; /* Safari 6.1+ */
flex-basis: auto;
display: flex;
flex-direction: row;
}

.meta-divider {
margin: 0px 10px 0px 10px;
}

.sub-label {

}

.open-status {

}

.location-buy-tickets-button {
background: #650942;
border-radius: 20px;
padding: 0px 10px 0px 10px;
font-size: 14px;
font-weight: bold;
font-family: "Archivo Narrow", sans-serif;
letter-spacing: 1px;
margin-left: 10px;
}

#tickets-panel .location-buy-tickets-button {
margin: 10px 10px 10px 10px;
text-align: center;
max-width: 50%;
}

.location-buy-tickets-button a{
color: white;
text-decoration: none;
}

.post-list {
display: grid;
grid-template-columns: auto auto;
grid-gap: 15px

}

.posts-sidebar {
max-width: 300px;
}

.location-hero {
display: grid;
grid-gap: 2px 2px;
grid-template-columns: auto;

margin: 0px 0px 10px 0px;
/* max-height: 400px; */
}

.location-what-youll-see-here li, .acorn-bullet li{
 list-style: none;
}
.location-what-youll-see-here li:before, .acorn-bullet li:before {
 content: '';
 display: inline-block;
 height: 15px;
 width: 15px;
 background-image: url("images/Acorn-Bullet.png");
 background-size: contain;
 background-repeat: no-repeat;
 margin-right: 10px;
}

.location-hero-image {
/* min-width: 500px; */
}

.location-hero-image img{
/* height: 100%;
width: 100%; */
/* height: 400px; */
object-fit: cover;
height: 100%;
width: 100%;
max-height: 390px;
}

.location-hero-collage {
display: grid;
grid-gap: 0;
grid-row-gap: 0;
grid-template-columns: auto auto auto auto;
align-items: start;
min-height: 0;  /* NEW */
min-width: 0;   /* NEW; needed for Firefox */
/* height: 400px; */
/* min-width: 500px; */
}

.location-hero-collage img:nth-child(9) {
display: none;
}

.location-hero-collage img {
object-fit: cover;
/* height: 100%;
width: 100%; */
/* width: 130px;
height: 130px; */
/* max-width: none; */
/* max-height: 130px; */
/* width: 130px; */
}

/* Base styles for main location detail grid */
.location-main-body {
/* display: grid; */
grid-gap: 20px 5px;
grid-template-columns: auto;

}

.location-content {

}

.location-detail .info-panel {
padding: 10px 25px 15px 25px;
}

.location-description {

}

/* Begin CSS for qGiv Form embeds */

.form-section-title {
  display: none!important;
}

.event-media-container {
    display: none!important;
}

.event-details .user-html-content {
    display: none!important;
}

.field-section {
    border-bottom: none!important;
}

.ui-option-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(320px,350px));
  grid-gap: 25px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

.ui-option-list .ui-option:nth-child(1) {
border-top: solid 10px #85cec3;
}
.ui-option-list .ui-option:nth-child(2) {
border-top: solid 10px #de5240;
}
.ui-option-list .ui-option:nth-child(3) {
border-top: solid 10px #f9cc21;
}
.ui-option-list .ui-option:nth-child(4) {
border-top: solid 10px #387d7a;
}
.ui-option-list .ui-option:nth-child(5) {
border-top: solid 10px #f87c85;
}
.ui-option-list .ui-option:nth-child(6) {
border-top: solid 10px #41354d;
}
.ui-option-list .ui-option:nth-child(7) {
  border-top: solid 10px #85cec3;
}
.ui-option-list .ui-option:nth-child(8) {
  border-top: solid 10px #de5240;
}
.ui-option-list .ui-option:nth-child(9) {
  border-top: solid 10px #f9cc21;
}

/* END CSS for qGiv Form embeds */

.location-what-youll-see-here {

}

.location-what-did-you-know {
background: #e6edf1;
padding: 15px;
}

.location-info-panels {
/* background: var(--primary-box-bg-color); */
/* padding: 10px 10px 10px 10px; */

}

.info-panel {
padding: 15px;
/* border-bottom: solid 1px lightgray; */
font-size: 14px;
background-color: #dae5eb;
margin-bottom: 5px;
border-radius: 3px;
}

.footnote {
font-size: 12px;
font-style: italic;
}

.accessibility-grid {
display: grid;
grid-template-columns: auto 100px 100px 100px 100px 100px;
grid-template-rows: repeat(11, auto);
grid-column-gap: 0px;
grid-row-gap: 10px;
background-color: var(--primary-box-bg-color);
font-size: 12px;
}

.accessibility-grid div{
padding: 5px;
}

.col-reg {
text-align: center;
line-height: normal;

}

.col-a, .row-1 {
font-weight: bold;
line-height: normal;
}

.textwidget #ctct-form-wrapper-0 label {
display: none;
}

#ctct-form-wrapper-0 p {
margin-bottom: 10px;
}

.tribe-events-othermonth .tribe-events-month-event-title {
  -khtml-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.checked {

background-image: url("images/Acorn-Bullet.png");
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
/* background-color: #bbd8e6; */

}

.row-1, .row-3, .row-5, .row-7, .row-9, .row-11 {
background-color: #bbd8e6;
}

#hours-panel em {
float: left;
font-size: 12px;
}

#hours-panel dl {
display: grid;
grid-template-columns: auto auto;
}

#hours-panel dd {
margin-top: 2px;
margin-bottom: 2px;
}

#locdetail hr {
  background-color: #194b74;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
  margin-top: 2.5em;
}

#accessibility-panel dl {
display: grid;
grid-template-columns: auto auto;
}

#accessibility-panel dd {
margin-top: 2px;
margin-bottom: 2px;
}

#accessibility-panel ul {
list-style: none;
display: grid;
grid-template-columns: auto auto;
margin-left: 0px;
}

#accessibility-panel ul li {
padding: 5px;
}

#accessibility-panel .loc_icon {
font-size: 20px;
}

.location-other-info {

}

.filter-bar {
display: grid;
grid-template-columns: 100%;
}
#location-event-list .ecs-event {
/* max-width: 100%; */
}

#location-event-list .ecs-event-list {
display: grid;
grid-template-columns: 100%;
}




#location-event-list .ecs-event h4{
font-size: 16px;
margin: 10px 0 10px 0;
}

/* Dismissable alerts */

.alerts-header {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.alert .inner {
display: block;
padding: 10px;
margin: 6px;
border-radius: 3px;
border: 1px solid rgb(180,180,180);
background-color: rgb(212,212,212);
}

.alert .close {
float: right;
margin: 3px 16px 0px 0px;
cursor: pointer;
}

.alert .inner,.alert .close {
color: rgb(88,88,88);
}

.alert input {
display: none;
}

.alert input:checked ~ * {
animation-name: dismiss,hide;
animation-duration: 300ms;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
animation-delay: 0s,100ms;
}

.alert.error .inner {
border: 1px solid rgb(238,211,215);
background-color: rgb(242,222,222);
}

.alert.error .inner,.alert.error .close {
color: rgb(185,74,72);
}

.alert.success .inner {
border: 1px solid rgb(214,233,198);
background-color: rgb(223,240,216);
}

.alert.success .inner,.alert.success .close {
color: rgb(70,136,71);
}

.alert.info .inner {
border: 1px solid rgb(188,232,241);
background-color: rgb(217,237,247);
}

.alert.info .inner,.alert.info .close {
color: rgb(58,135,173);
}

.alert.warning .inner {
border: 1px solid rgb(251,238,213);
background-color: rgb(252,248,227);
}

.alert.warning .inner,.alert.warning .close {
color: rgb(192,152,83);
}

@keyframes dismiss {
0% {
  opacity: 1;
}
90%, 100% {
  opacity: 0;
  font-size: 0.1px;
  transform: scale(0);
}
}

@keyframes hide {
100% {
  height: 0px;
  width: 0px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
}


/*--------------------------------------------------------------
# Visit Index Page
--------------------------------------------------------------*/
.master-index-loop-container {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
grid-gap: 10px;
/* justify-content: center; */
}

.master-index-loop-container.walking-tour-list {
display: grid;
grid-template-columns: auto;
grid-gap: 25px;
}

.master-index-loop-container.walking-tour-list .standard-module-wrapper {
max-width: 100%;
}

#lesson-plan .master-index-loop-container {
grid-template-columns: repeat( auto-fit, minmax(250px, 280px) );
}


#school-tours-index-page .master-index-loop-container {
grid-template-columns: repeat( auto-fit, minmax(270px, 350px) );
justify-content: center;
}


#master-index-loop-wrap .location-name h1{
font-size: 22px;
/* text-align: center; */
}

#master-index-loop-wrap .location-name h3{
font-size: 20px;
}

#duration-panel {
/* background-color: #7fa08c !important;
padding: 10px !important; */
}

.tagcontainer sup {
margin-top: 15px;
margin-bottom: 0px;
}

.tagcontainer ul {
list-style: none;
margin: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
font-size: 12px;

}

.tagcontainer ul li {
  background-color: #9acce0;
  color: #1a4c74;
  border-radius: 5px;
  margin-right: 2px;
  margin-bottom: 2px;
  text-align: center;
  line-height: 1;
  width: fit-content;
  padding: 3px 5px 3px 5px;
}

.standard-module-wrapper {
/* display: grid;
grid-template-columns: auto; */
position: relative;
padding: 5px 5px 5px 5px;
align-content: start;
background-color: var(--primary-box-bg-color);
height: fit-content;
border-radius: 3px;
max-width: 400px;
}

.location-main-body.standard-module-wrapper {
max-width: none;
}

#tribe-events-content table.tribe-events-calendar {
  border-collapse: collapse;
  clear: both;
  font-size: 12px;
  margin: 12px 0 .6em;
  table-layout: fixed;
  width: 100%;
}

#tribe-events-content .tribe-events-calendar td {
  box-sizing: border-box;
  color: #114b7d;
  font-size: 12px;
  height: auto;
  padding: 0 0 .5em;
  vertical-align: top;
  width: 14.28%;
}

.tribe-bar-disabled {
display: none !important;
}

#lesson-plan .standard-module-wrapper p {
font-size: 14px;
}


#lesson-plan .standard-module-wrapper {
display: grid;
/* grid-template-columns: auto 40%; */
grid-gap: 5px;
/* padding-top: 0; */
max-width: 350px;
}

.featured-sponsor {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(100px, auto) );
justify-content: end;
align-items: center;
grid-gap: 15px;
margin-bottom: 15px;
width: 100%;
}

.featured-sponsor.bug {
margin-bottom: 0px;
margin-top: 10px;
display: grid;
grid-template-columns: repeat( auto-fit, minmax(50px, auto) );
justify-content: center;
align-items: center;
grid-gap: 5px;
}

.featured-sponsor.list {
margin-bottom: 0px;
display: grid;
grid-template-columns: 100%;
justify-content: left;
align-items: start;
grid-row-gap: 15px;
grid-auto-rows: max-content;
}

.sponsor-list-item {
display: grid;
grid-template-columns: max-content max-content;
grid-gap: 15px;
}

.featured-sponsor.bug span {
font-size: 10px;
}

.featured-sponsor.list span {
 font-size: 14px;
}



/* .standard-module-wrapper:after {
position: absolute;
bottom: 0;
right: 0px;
border-bottom: 62px solid red;
border-left: 62px solid transparent;
border-bottom-color: #004b74;
content: "";
} */



#school-tours-index-page .visit-hero {
margin-top: 0px;
}

#master-index-loop-wrap .location-address {
font-size: 14px;
}

#master-index-loop-wrap .master-index-loop-info-panels {
display: grid;
grid-template-columns: auto;
/* margin-top: 15px; */
/* grid-auto-rows: 1fr; */
}

#school-tours-index-page .master-index-loop-info-panels {
grid-template-columns: auto;
}

.module-hero-image {
/* min-width: 500px; */
width: 100%;
/* margin-top: -40px; */
/* max-height: 250px; */
/* object-fit: cover; */
position: relative;
display: inline-block; /* Make the width of box same as image */

}

.walking-tour-list .module-hero-image {
width: auto;
}

.walking-tour-list .standard-module-wrapper {
display: grid;
grid-template-columns: auto;
grid-gap: 15px;
}

.walking-tour-list h5 {
margin-top: 0px;
}

.module-hero-image img{
height: 100%;
width: 100%;
object-fit: cover;
/* max-height: 300px; */
/* max-height: 400px; */
}

.tiled-index-list .wp-block-group__inner-container, .wp-block-columns.tiled-index-list {
display: grid;
grid-template-columns: auto;
grid-gap: 20px;
margin-bottom: 20px;

}

.environmentwarning {
  background-color: red;
  text-align: center;
  color: white;
}

.wp-block-column.tiled-index-item, .wp-block-brad-border-box.tiled-index-item {
padding: 20px;
background-color: #cfe9ff;
position: relative;
transition:all 0.3s ease;

}



.wp-block-column.tiled-index-item::after, .wp-block-brad-border-box.tiled-index-item::after {
  content: ' \2192';
  position: absolute;
  font-size: 45px;
  color: #c0392b;
  padding-right: 15px;
  right: 0;
  bottom: 0;
}

.wp-block-column.tiled-index-item:hover, .wp-block-brad-border-box.tiled-index-item:hover
{
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}


.walking-tour-list .module-hero-image img{
  height: auto;
  width: auto;
  object-fit: none;
  margin-top: 10px;
  /* max-height: 300px; */
  /* max-height: 400px; */
  }

#master-index-loop-wrap.walking-tour-list .master-index-loop-info-panels {
  grid-template-rows: max-content max-content;

}


.module-hero-image .image-tag {
  position: absolute;
  z-index: 999;
  margin: 0 0;
  left: 0;
  top: 0; /* Adjust this value to move the positioned div up and down */
  width: auto; /* Set the width of the positioned div */
  opacity: 90%;
  background-color: #335687;
  padding: 0px 10px 0px 10px;


}
.module-hero-image .image-tag h3{
  color: white;
  opacity: 100%;
  font-size: 14px;
}

.visit-hero-collage {
display: grid;
grid-gap: 0px 0px;
grid-template-columns: fit-content(800px) fit-content(800px) fit-content(800px);
grid-template-rows: min-content min-content min-content;
/* max-height: 390px; */
margin-left: 10px;
/* min-width: 500px; */
/* min-width: 500px; */
}

.visit-hero-collage img {
/* object-fit: contain; */
/* width: 130px; */
}

#master-index-loop-wrap .location-hours {
  display: grid;
  grid-gap: 2px;
  grid-template-columns: auto;
  /* margin: 0px 0px 10px 0px; */
  justify-content: flex-start;
  max-height: 200px;
}

#master-index-loop-wrap .info-panel {
  /* padding: 0px; */
  /* border-bottom: solid 1px lightgray; */
  font-size: 14px;
  /* background: var(--primary-box-bg-color); */
  background-color: #dae5eb;
  padding: 10px;
  /* margin: 2px 2px 2px 2px; */
  /* min-height: 75px; */
  border-radius: 3px;
}

#master-index-loop-wrap .location-address  {
/* text-align: right; */
}

#master-index-loop-wrap .location-address p {
/* text-align: right; */
/* line-height: 10px; */
}

#master-index-loop-wrap .location-tickets-panel {
}

#master-index-loop-wrap .sub-label h3, #master-index-loop-wrap .location-address h3, .sub-label h3 {
font-size: 10px;
font-family: sans-serif;
margin-bottom: 5px;
}

#master-index-loop-wrap .location-buy-tickets-button {
margin-left: 5px;
border-radius: 0px;
text-align: left;
/* font-size: 17px; */
/* width: max-content; */
}

#master-index-loop-wrap .buy-tickets {
/* border: 2px solid #650942;
border-radius: 10px;
padding: 5px 10px 5px 10px;
text-align: center;
color: #650942;
width: fit-content; */
}

#master-index-loop-wrap .buy-tickets a{
color: #650942;
font-weight: bold;
}

#master-index-loop-wrap .visit-index-more-info {
background-color: #335687;
text-align: left;
color: white !important;
/* min-height: 30px; */
}

#master-index-loop-wrap .current-open-status {
font-size: 12px;
position: relative;
z-index: 2;
/* top: 5px;
left: 0px; */
background-color: #335687;
opacity: 90%;
width: max-content;
padding: 10px;
}

#master-index-loop-wrap .current-open-status span {
color: white;
opacity: 100%;
}

.visit-index-more-info a {
color: white !important;
}

.page-header-collage-lockup {
display: grid;
grid-template-columns: auto;
/* max-height: 520px; */
/* overflow: hidden; */
margin-bottom: 30px;
margin-top: 30px;
/* background-color: #87afbf; */
/* color: white; */
}

.master-index-hero-collage {
/* display: flex;
flex-wrap: wrap; */
/* width: 230px;
background-image: url("images/index-hero-animated.png");
background-size: contain;
background-repeat: no-repeat; */
}

.master-index-hero-collage img {
max-height: 250px;
}

.visit-index-title-description {
padding: 0 30px 0 15px;
background-image: url("images/index-hero-flourish.png");
background-repeat: no-repeat;
background-position: right bottom;
}

.location-more-info-link a {
font-size: 14px;
}

.location-more-info-link {
/* position: relative;
right: -78%;
bottom: -26%; */
/* background-color: black;
width: fit-content;
padding: 15px; */
}

/*--------------------------------------------------------------
# Article Templates
--------------------------------------------------------------*/


/* ---------- Article Template Type A ---------- */

/* Flex container for the article hero (Featured image + Post title) */
.outer-article-a-hero-container {
display: grid;
grid-template-columns: auto;
margin-bottom: 30px;
grid-auto-rows: 200px;
overflow: hidden;
}

.outer-article-a-hero-container.hasthumb {
grid-gap: 5px;
grid-auto-rows: max-content;

}

.article-type-a .entry-content {
display: grid;
grid-template-columns: auto;
}

.article-a-body-container {
margin-top: 20px;
}

.sections-container {
display: grid;
grid-template-columns: auto;
grid-gap: 20px;
}

.article-a-section  {
/* display: grid;
grid-template-columns: 1fr 2fr; */
margin-bottom: 15px;
/* grid-gap: 10px; */
}

#lesson-plan .article-a-section  {
grid-template-columns: 1fr;
}


.article-a-section h3 {
margin-bottom: 15px;
/* grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 1; */
}


.article-a-section img {
float: left;
margin: 0 10px 10px 0;
}

#lesson-plan .article-a-section img {
  float: none;
  margin: 0 10px 10px 0;
}

/* Flex container holding the post's featured image */
.article-type-a .post-thumbnail {

  /* width: 100%; */
/* flex-grow: 1; */
  /* overflow: hidden; */
  /* max-height: 300px; */
/* object-fit: cover;
display: grid;
grid-template-columns: auto auto;
margin-bottom: 0px; */

}

.article-type-a .entry-header {
/* display: none; */
}

.home .tagcontainer {
  display: none;
}
.article-type-a .post-thumbnail img {

/* object-fit: contain; */
}

.article-type-a h1.entry-title {
/* font-size: 4.5vw; */
font-weight: normal;
color: white;
border: none;
margin: 0;
padding: 0;
}

.article-type-a-title {

width: 100%;
/* min-width: 500px; */
background: #335687;
padding: 20px 20px 20px 20px;
text-align: right;
background-image: url("images/squirell-box-background-light.png");
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain;
}

.article-type-a-title p {
  color: #ffffff;

}

.on-this-page-box {

}

.accessibility-chart {

}

.accessibility-chart table {


}

.accessibility-chart table thead th {
  padding: 10px 10px 0 10px;
  font-size: 30px;
width: 40px;
text-align: center;
}

.accessibility-chart table td:not(:first-child) {
font-size: 10px;
text-align: center;
padding-top: 0px;
line-height: 11px;
}

.accessibility-chart table td {
padding: 10px;
}

.wp-block-table .has-subtle-pale-blue-background-color {
  background-color: #87afbf;
}

.table-header-labels {
font-size: 10px;
line-height: 10px;
}


.more-info-button {
/* border: 1px solid #004b74; */
/* border-radius: 10px; */
background-color: #d6dce0 !important;
font-weight: bold !important;

}

/*--------------------------------------------------------------
# Calendar Events Pages
--------------------------------------------------------------*/

/* ---------- Calendar events page (/events) ---------- */

.no-sidebar .recent-posts-header,
.no-sidebar .entry-meta,
.no-sidebar .hentry,
.no-sidebar .comments-area,
.no-sidebar.singular .entry-title,
.no-sidebar .post-navigation,
.no-sidebar .posts-navigation,
.no-sidebar .page-header {
max-width: none;
margin-left: auto;
margin-right: auto;
}

.entry-meta div {
  margin: 5px;
}


/*--------------------------------------------------------------
# Membership Pages
--------------------------------------------------------------*/

/* ---------- Memberships/Benefits Page ---------- */

.member-types-grid {

}

.site-header {
/* background: blue; */
}


/* Membership and Support */
.support-index {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
justify-items: center;
grid-gap: 15px;
}

.support-index a {
text-decoration: none;
color: white;
}

.support-box {
background-color: #7b0548;
padding: 15px;
}




/*--------------------------------------------------------------
# Annual Appeal Landing Page
--------------------------------------------------------------*/

.page-id-12154 {
background-color: #ccc9b1;
}

.page-id-12154 #masthead, .page-id-12154 #colophon, .page-id-12154 .entry-header {
display: none;
}

.page-id-12154 .entry-content {
display: grid;
height:95vh;
background-color: black;
}

.green-set .standard-module-wrapper {
background-color: #e3ece2;
}

.green-set .info-panel {
background-color: #d9e6d5 !important;
}

.green-set .info-panel.more-info-button {
background-color: #c3d8bc !important;
font-weight: bold !important;
}

.green-set .module-hero-image .image-tag {
background-color: #4b6e50 !important;
}

.red-set .standard-module-wrapper {
background-color: #f1e7df;
}

.red-set .info-panel {
background-color: #ece4dd !important;
}

.red-set .info-panel.more-info-button {
background-color: #eadace !important;
font-weight: bold !important;
}

.red-set .module-hero-image .image-tag {
background-color: #832626 !important;
}

#list.post-content {
    max-width: 100%;
}

#az-tabs {
  margin-top: 40px;
}


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/


/* Minimum for one column and standard global nav */

@media screen and (min-width: 37.5em) {
.no-sidebar .alignwide {
    width: 100%;
    max-width: 100%;
    margin-left: 1.4em;
    margin-right: 1.4em;
    position: relative;
}

.standard-module-wrapper {
/* display: grid;
grid-template-columns: auto; */
padding: 20px 20px 15px 20px;
align-content: start;
height: fit-content;
border-radius: 3px;
max-width: 400px;
}

.rhodi-template-content-areas {
  margin-top: 40px;
}
.wp-block-image .alignleft {
    float: left;
}

#job-single tr td:first-of-type {
text-align: right;
width: 210px;
}

#single-event-info.info-panels {
grid-template-columns: auto;
}

#yellow {
  width: 100px;
  height: 100px;
}

#yellow:hover {
  width: 400px;
  height: 400px;
}

.tiled-index-list .wp-block-group__inner-container{
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.wp-block-column:not(:first-child) {
    margin-left: 0px;
}

.walking-tour-list .standard-module-wrapper {
grid-template-columns: auto auto auto;
}

.location-buy-tickets-button {
margin-left: 0px;
}

h1.entry-title.singleart {
font-size: 52px;

}

#article-a .post-thumbnail {
width: 300px;
/* display: grid;
grid-template-columns: repeat(9,minmax(130px,130px));
grid-column-gap: 3px;
overflow: hidden;
justify-content: center; */
}



.site-content {
    padding: .4em 1.4em !important;
}

.site-header {
  margin-bottom: 0px;
  border-bottom: 0px none #999;
    padding: 10px 10px 10px 10px;
}

.utility-container {
  display: block;
  position: fixed;
  right: 0px;
  z-index: 1000;
}


.buy-tickets-button {
  background: #650942;
  padding: 5px 10px 5px 10px;
  border-radius: 20px;

}

.buy-tickets-button a {
  color: white !important;

}

.site-content {
  padding: 1.4em;
}

/* Globval Navigation and Header @media for 37.5em */

.site-title {
  font-size: 10px;
  margin: 0;
  color: #fff;
  /* width: 130px; */
  text-transform: none;
}

.branding-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  min-height: 80px;
  padding: .3em .3em;
  text-align: center;
}

.branding-container.rhodi {
  display: grid;
  justify-content: center;
}

.single-tribe_events .tribe-events-meta-group+.tribe-events-meta-group+.tribe-events-meta-group-gmap {
    grid-column-start: 1;
    grid-column-end: 3;
}

.single-tribe_events .tribe-events-event-meta {
    grid-template-columns: auto auto;
}

.site-branding {
  flex: 1 1 auto;
  max-width: calc(100% - 7.5em);
  /* float: left; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#rhodi.site-branding {
    justify-content: center;
    align-items: center;
    max-width: none;
}

.site-branding img {
  height: 70px;
  margin-bottom: 5px;
  margin-right: 0px;

}

#rhodi.site-branding img {
  height: auto;
}

.custom-logo {
  margin-right: 0;
}

.site-branding a {
  margin-right: 0px;
}

#site-navigation {
  padding: 10px 0 0 0;
}

/* 	.main-navigation ul {
justify-content: center;
} */

.main-navigation .menu-toggle {
  display: none;
}
.main-navigation {
  width: auto;
}
.main-navigation.toggled ul {
  display: flex;
}
.main-navigation ul {
  border: 0;
  padding: 0;
  margin: 0;
  clear: none;
  display: flex;
  width: auto;
  justify-content: center;
  flex-wrap: wrap;
}

 .main-navigation.rhodi ul {
  justify-content: center;
}

.main-navigation ul:before {
  display: none;
}
.main-navigation {
  flex: 1 1 auto;
  position: relative;
}




.main-navigation ul li{
  padding: .16875em .46875em;
  padding-left: 20px;
  padding-right: 20px;
  /* margin-left: 1.5em; */

}

.main-navigation ul li:not(:first-child) {
  /* border-left-style: solid;
  border-left-color: #cbd1d6;
  border-left-width: 1px; */
  margin-left: 0;

}

.main-navigation ul ul {
  background-color: #004b74;
  border: 1px solid #ffffff;
    border-top: 4px solid #ffffff;
}

.main-navigation ul ul {
    padding: 1.6em 1.6em 1.6em 1.6em;
    background-color: #fff;
  text-align: center;
    margin: 0;
    line-height: 1.3;
    z-index: 999;
    left: -999em;
    top: 100%;
}

.main-navigation ul ul {
    padding: 1.6em 20px 1.6em 20px;
    background-color: #fff;
    text-align: right;
    margin: 0;
    line-height: 1.3;
    z-index: 999;
    left: -999em;
    top: 100%;
    /* background-image: url("images/squirell-box-background-visit-maroon.png"); */
    background-position: bottom left;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-size: 40%;
}

.visit-first-node ul {
    padding: 1.6em 0px 1.6em 40px;
    /* background-image: url("images/squirell-box-background-visit-maroon.png");
    background-size: 40%; */
}

.membership-first-node ul {
    padding: 1.6em 0px 1.6em 40px;
    /* background-image: url("images/squirell-box-background-membership.png");
    background-size: 40%; */
    /* min-height: 270px; */
}
#menu-item-19 ul {
      padding: 1.6em 0px 1.6em 40px;
      /* background-image: url("images/squirell-box-background-membership.png");
      background-size: 40%; */
      /* min-height: 270px; */

  }

#menu-item-18 ul {
      padding: 1.6em 0px 1.6em 40px;
      /* background-image: url("images/squirell-box-background-membership.png");
      background-size: 40%;
      min-height: 270px; */

  }

#menu-item-134 ul {
      padding: 1.6em 0px 1.6em 40px;
      /* background-image: url("images/squirell-box-background-membership.png");
      background-size: 40%;
      min-height: 270px; */

  }

.main-navigation ul ul li {
  /* border: 4px solid #ffffff; */
}

.main-navigation a:hover {
  color: #87afbf;
  text-decoration: none;
}
.main-navigation ul > li > a {
  font-size: 15px;
  color: #004b74;
  font-family: "Archivo Narrow", sans-serif;
  letter-spacing: 1px;
}

.buy-tickets-button a {
  color: white !important;

}
.main-navigation ul > li.current-menu-item > a,
.main-navigation ul > li.current_page_item > a {
  /* color: #9e2828; */
}

.main-navigation ul > li.current-menu-item,
.main-navigation ul > li.current_page_item {
  /* background: white; */
}

.main-navigation ul > li.page_item_has_children > a:after,
.main-navigation ul > li.menu-item-has-children > a:after {
  display: none;
    }

.main-navigation ul ul li {
  /* 	margin: 0;
  padding: .46875em 1.875em; */
}

.main-navigation ul ul a {
  font-size: 16px;
  width: 150px;
  text-transform: none;
  letter-spacing: 0;
}

.main-navigation ul ul:before {
  display: none;
  /* 	content: '\f500';
  position: absolute;
  top: -1em;
  left: 0;
  width: 100%;
  color: #d7b221;
  font-family: Genericons;
  font-size: 16px;
  line-height: 1;
  text-align: center; */
}

.jetpack-business-hours {
  font-size: 13px;
}

.wp-block-columns {
  margin-bottom: 0px;
}

.site-header {
    /* background: red; */
}

/* ---------- Home Page @media for 37.5em ----------  */

  /* ----- VERSION A @media for 37.5em -----  */

.front-page-wrapper {
    /* align-items: top; */
  justify-content: center;
  /* margin: 0px 0px 0px 0px !important; */
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  /* background: #004b74; */
  overflow: hidden;
}

.header-overlay {
  width: 100%;
}

.site-description-wrapper {

}

.ecs-event-list {
}



.impact-facts-container {
  padding: 5px 10px 0px 10px;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.featured-content {
  max-width: 100%;
  /* background: white; */
  margin-left: 5px;
}

.featured-content article {
  width: 100%;
  /* border-bottom: 5px solid #004b74; */
  /* background: white; */
  }


/* Featured Posts */



/* Location Detail Pages */

#location-event-list .ecs-event-list {
/* max-width: 48%; */
grid-template-columns: repeat(auto-fit, minmax(250px,280px));
}

.location-hero {
    /* max-height: 400px; */
    grid-template-columns: auto auto;
  }

.location-hero-image {
  /* min-width: 500px; */
}

.location-hero-image img{
  /* max-height: 100%; */
  }

.location-hero-collage {
  grid-template-columns: auto auto auto auto auto auto auto auto auto;
  /* min-width: 500px; */
}
.location-hero-collage img:nth-child(9) {
  display: block;
}

.location-hero-collage img{
  /* min-width: 500px; */
}

.location-buy-tickets-button {
  margin-left: 15px;
}

.location-main-body {
  /* grid-template-columns: 50% 50%; */
  display: grid;
}

.postid-12018 .location-main-body {
  /* grid-template-columns: 50% 50%; */
  display: block;
}

.location-hours {
border-left: 1px solid #004b74;
margin-left: 10px;
padding-left: 10px;
}

/*--------------------------------------------------------------
# Visit Index Page
--------------------------------------------------------------*/
.visit-index {
/* display: grid;
grid-template-columns: auto auto; */
}
#master-index-loop-wrap .location-hours {
border-left: none;
margin-left: 0;
padding-left: 0;
}

.page-header-collage-lockup {
grid-template-columns: 250px auto;
/* max-height: 360px; */
/* color: white; */
}

.master-index-hero-collage {

}

.visit-index-title-description {
}

.module-hero-image img{
/* max-height: 215px; */
}

.outer-article-a-hero-container.hasthumb {
grid-template-columns: auto max-content;
grid-auto-rows: max-content;
}

.recent-posts-tert {
  grid-template-columns: 150px 150px;
  border-left: 1px solid #cccccc;
  padding-left: 30px;
}


}


/* Minimum for one column and standard global nav */

@media screen and ( min-width: 50em ) {

  .recent-posts-container {
  }

  .recent-posts-tert {
    grid-template-columns: 200px 200px;
  }

  .post-other-content {
    border-left: 1px solid #ccc;
    padding-left: 30px;
    max-width: 250px;
    min-width: 250px;
  }

  #singleproducttype.post-other-content {
    border-left: none;
    padding-left: 15px;
    max-width: 650px;
  }

  .single-event-detail-panels {
    min-width: 500px;
  }

  .rhodi-template-content-areas {
    grid-template-columns: auto auto;
  }

  .rhodi-template-content-areas.rhodi-events {
    grid-template-columns: auto;
    grid-gap: 25px;
  }

  .rhodi-template-content-areas.rhodi-events .post-content {
    max-width: 100%;
  }

  .post-other-content.journal-index {
    padding-left: 0px;
    padding-right: 30px;
    border-right: 1px solid #ccc;
    border-left: none;
    max-width: 345px;

  }

  .postid-12018 .location-main-body {
    /* grid-template-columns: 50% 50%; */
    display: grid;
  }

.single-event-header {
  grid-template-columns: max-content auto;
}


.site-content {
    padding: .4em 1.4em !important;
  }

.site-branding img {
    height: 80px;
  }

  #rhodi.site-branding img {
    height: auto;
  }


.buy-tickets-button {
  margin-left: 25px !important;

  }

.page-template-front-page .site-header {
   margin-bottom: 0;
  }

.page-template-front-page .site-header {
  margin-bottom: 0px !important;
  }

.featured-content {
  max-width: 500px;
  height: 390px;
  margin: 0px 0px 0px 5px !important;
  }

.site-header {
  /* background: green; */
  }

.impact-facts-countdown {
  border-left: solid 2px;
  padding-left: 10px;
  text-align: left;
}
.impact-facts-container {
  padding: 5px 10px 10px 10px;
  flex-wrap: nowrap;

  }

.impact-facts-image {
  padding: 0;
  background-size: cover;
  background-position: 10px 0px;
  width: 100px;
  height: 100px;
  /* animation: animatedBackground 40s linear infinite; */
}

.ecs-event {
  /* max-width: 23%; */
  }

#location-event-list .ecs-event {
max-width: 100%;
min-width: 100%;
margin: 0px;
}

#location-event-list .ecs-event-list {
/* max-width: 50%; */
grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
grid-column-gap: 9px;
grid-row-gap: 15px;
}


.featured-content {
max-width: 425px;
  }

.location-hero-collage {
  grid-template-columns: fit-content(800px) fit-content(800px) fit-content(800px);
  grid-template-rows: min-content min-content min-content;
  /* max-height: 390px; */
  /* margin-left: 5px; */
  /* min-width: 500px; */
}
.location-hero {
    grid-template-columns: 65% auto;
    max-height: 400px;
  }
.location-main-body {
  grid-template-columns: 60% 40%;

}
.location-info-panels {
  /* margin-left: 15px; */
}
.location-content {
  padding-right: 15px;
}
#accessibility-panel ul {
  grid-template-columns: auto;
}
.post-single {
  display: grid;
  grid-template-columns: 70% 30%;
}

.post-single.producttype {
  display: grid;
  grid-template-columns: auto;
}
.post-single.journal-index {
  grid-template-columns: 30% 70%;
  margin-top: 60px;

}

.sidebar-search {
  /* width: 80%; */
}

.padded-tb {
  margin-top: 30px;
  margin-bottom: 30px;
}

}




/* Screens over 1000px */

@media screen and ( min-width: 62.5em ) {

.impact-facts-image {
  padding: 10px 10px 0px 10px !important;
  background-size: contain;
  /* width: 80%; */
  }

.ecs-event {
  /* max-width: 23%; */
  }

.featured-content {
  margin-right: 5px;
}
.location-main-body {
  grid-template-columns: 65% 35%;
}
#accessibility-panel ul {
  /* grid-template-columns: auto auto; */
}
#location-event-list .ecs-event-list {


}

.post-single.producttype {
  display: grid;
  grid-template-columns: 70% 30%;
}

/*--------------------------------------------------------------
# Visit Index Page
--------------------------------------------------------------*/
.visit-index {
  /* display: grid;
  grid-template-columns: auto auto auto; */
}

.module-hero-image img{
  /* max-height: 215px; */
  }

  .location-hero-collage img {
        height: min-content;
    }

    #menu-item-16485 {
      margin-right: 50px;
    }

}

/* Screens over 1000px */

@media screen and ( min-width: 73em ) {



  .recent-posts-tert {
    grid-template-columns: 230px 230px 230px;
  }



}


/* WEBSITE DEMONSTRATION STYLES */

/* Home Page A - Collage and right quad grid */







/* Home Page B - Featured Content with Headline, image and CTA */

/* .header-overlay {
  height: 400px;
  background-image: url("images/homepage-stairs-hero.jpg");
  background-position: bottom left;
  background-attachment: inherit;
  background-repeat: no-repeat;
  flex: 2 1;
  min-width: 400px;
  margin: 2px 0 2px 0;
background-size: cover;
}

.site-description-wrapper {
  display: block;
}

.site-title a, .site-description {
  position: relative !important;
  clip: none;
}

.callout-button {
text-transform: none;
margin-top: 30px;
background: #650942;
opacity: 50%;

}

.callout-button a{
opacity: 100% !important;
}

.front-page-wrapper {
flex-direction: row-reverse;
} */


/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

.pretty *{box-sizing:border-box}.pretty
input:not([type=checkbox]):not([type=radio]){display:none}.pretty{position:relative;display:inline-block;margin-right:1em;white-space:nowrap;line-height:1}.pretty
input{position:absolute;left:0;top:0;min-width:1em;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}.pretty
.state
label{position:initial;display:inline-block;font-weight:400;margin:0;text-indent:1.5em;min-width:calc(1em
+ 2px)}.pretty .state label:after,.pretty .state
label:before{content:'';width:calc(1em + 2px);height:calc(1em +
2px);display:block;box-sizing:border-box;border-radius:0;border:1px solid
transparent;z-index:0;position:absolute;left:0;top:calc((0% - (100% - 1em)) -
8%);background-color:transparent}.pretty .state
label:before{border-color:#bdc3c7}.pretty .state.p-is-hover,.pretty
.state.p-is-indeterminate{display:none}@-webkit-keyframes
zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes
zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes
tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@keyframes
tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes
jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes
jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes
rotate{0%{opacity:0;-webkit-transform:translateZ(-200px)
rotate(-45deg);transform:translateZ(-200px)
rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0)
rotate(0);transform:translateZ(0) rotate(0)}}@keyframes
rotate{0%{opacity:0;-webkit-transform:translateZ(-200px)
rotate(-45deg);transform:translateZ(-200px)
rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0)
rotate(0);transform:translateZ(0) rotate(0)}}@-webkit-keyframes
pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em
rgba(189,195,199,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0
#bdc3c7}100%{box-shadow:0 0 0 1.5em
rgba(189,195,199,0)}}.pretty.p-default.p-fill .state
label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pretty.p-default
.state
label:after{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.pretty.p-default
input:checked~.state
label:after{background-color:#bdc3c7!important}.pretty.p-default.p-thick .state
label:after,.pretty.p-default.p-thick .state label:before{border-width:calc(1em
/ 7)}.pretty.p-default.p-thick .state
label:after{-webkit-transform:scale(.4)!important;-ms-transform:scale(.4)!important;transform:scale(.4)!important}.pretty.p-icon
.state .icon{position:absolute;font-size:1em;width:calc(1em +
2px);height:calc(1em +
2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100%
- 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-icon .state
.icon:before{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-icon
input:checked~.state .icon{opacity:1}.pretty.p-icon input:checked~.state
label:before{border-color:#5a656b}.pretty.p-svg .state
.svg{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em +
2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100%
- 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-svg .state
svg{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-svg
input:checked~.state .svg{opacity:1}.pretty.p-image .state
img{opacity:0;position:absolute;width:calc(1em + 2px);height:calc(1em +
2px);top:0;top:calc((0% - (100% - 1em)) -
8%);left:0;z-index:0;text-align:center;line-height:normal;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-image
input:checked~.state img{opacity:1}.pretty.p-switch
input{min-width:2em}.pretty.p-switch .state{position:relative}.pretty.p-switch
.state:before{content:'';border:1px solid
#bdc3c7;border-radius:60px;width:2em;box-sizing:unset;height:calc(1em +
2px);position:absolute;top:0;top:calc((0% - (100% - 1em)) -
16%);z-index:0;transition:all .5s ease}.pretty.p-switch .state
label{text-indent:2.5em}.pretty.p-switch .state label:after,.pretty.p-switch
.state label:before{transition:all .5s
ease;border-radius:100%;left:0;border-color:transparent;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-switch
.state label:after{background-color:#bdc3c7!important}.pretty.p-switch
input:checked~.state:before{border-color:#5a656b}.pretty.p-switch
input:checked~.state label:before{opacity:0}.pretty.p-switch
input:checked~.state
label:after{background-color:#5a656b!important;left:1em}.pretty.p-switch.p-fill
input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-switch.p-fill
input:checked~.state label:before{opacity:0}.pretty.p-switch.p-fill
input:checked~.state
label:after{background-color:#fff!important;left:1em}.pretty.p-switch.p-slim
.state:before{height:.1em;background:#bdc3c7!important;top:calc(50% -
.1em)}.pretty.p-switch.p-slim
input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-has-hover
input:hover~.state:not(.p-is-hover){display:none}.pretty.p-has-hover
input:hover~.state.p-is-hover{display:block}.pretty.p-has-hover
input:hover~.state.p-is-hover .icon{display:block}.pretty.p-has-focus
input:focus~.state label:before{box-shadow:0 0 3px 0
#bdc3c7}.pretty.p-has-indeterminate
input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){display:none}.pretty.p-has-indeterminate
input[type=checkbox]:indeterminate~.state.p-is-indeterminate{display:block}.pretty.p-has-indeterminate
input[type=checkbox]:indeterminate~.state.p-is-indeterminate
.icon{display:block;opacity:1}.pretty.p-toggle
.state.p-on{opacity:0;display:none}.pretty.p-toggle .state
.icon,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img,.pretty.p-toggle
.state.p-off{opacity:1;display:inherit}.pretty.p-toggle .state.p-off
.icon{color:#bdc3c7}.pretty.p-toggle
input:checked~.state.p-on{opacity:1;display:inherit}.pretty.p-toggle
input:checked~.state.p-off{opacity:0;display:none}.pretty.p-plain
input:checked~.state label:before,.pretty.p-plain.p-toggle .state
label:before{content:none}.pretty.p-plain.p-plain
.icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pretty.p-round
.state label:after,.pretty.p-round .state
label:before{border-radius:100%}.pretty.p-round.p-icon .state
.icon{border-radius:100%;overflow:hidden}.pretty.p-round.p-icon .state
.icon:before{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-curve
.state label:after,.pretty.p-curve .state
label:before{border-radius:20%}.pretty.p-smooth .icon,.pretty.p-smooth
.svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{transition:all
.5s ease}.pretty.p-smooth input:checked+.state label:after{transition:all .3s
ease}.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth
input:checked+.state .svg,.pretty.p-smooth input:checked+.state
img{-webkit-animation:zoom .2s ease;animation:zoom .2s
ease}.pretty.p-smooth.p-default input:checked+.state
label:after{-webkit-animation:zoom .2s ease;animation:zoom .2s
ease}.pretty.p-smooth.p-plain input:checked+.state
label:before{content:'';-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all
.5s ease}.pretty.p-tada:not(.p-default) input:checked+.state
.icon,.pretty.p-tada:not(.p-default) input:checked+.state
.svg,.pretty.p-tada:not(.p-default) input:checked+.state
img,.pretty.p-tada:not(.p-default) input:checked+.state
label:after,.pretty.p-tada:not(.p-default) input:checked+.state
label:before{-webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1
alternate;animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1
alternate;opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state
.icon,.pretty.p-jelly:not(.p-default) input:checked+.state
.svg,.pretty.p-jelly:not(.p-default) input:checked+.state
img,.pretty.p-jelly:not(.p-default) input:checked+.state
label:after,.pretty.p-jelly:not(.p-default) input:checked+.state
label:before{-webkit-animation:jelly .7s
cubic-bezier(.25,.46,.45,.94);animation:jelly .7s
cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-jelly:not(.p-default)
input:checked+.state
label:before{border-color:transparent}.pretty.p-rotate:not(.p-default)
input:checked~.state .icon,.pretty.p-rotate:not(.p-default) input:checked~.state
.svg,.pretty.p-rotate:not(.p-default) input:checked~.state
img,.pretty.p-rotate:not(.p-default) input:checked~.state
label:after,.pretty.p-rotate:not(.p-default) input:checked~.state
label:before{-webkit-animation:rotate .7s
cubic-bezier(.25,.46,.45,.94);animation:rotate .7s
cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-rotate:not(.p-default)
input:checked~.state
label:before{border-color:transparent}.pretty.p-pulse:not(.p-switch)
input:checked~.state label:before{-webkit-animation:pulse 1s;animation:pulse
1s}.pretty input[disabled]{cursor:not-allowed;display:none}.pretty
input[disabled]~*{opacity:.5}.pretty.p-locked
input{display:none;cursor:not-allowed}.pretty input:checked~.state.p-primary
label:after,.pretty.p-toggle .state.p-primary
label:after{background-color:#428bca!important}.pretty
input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary
.svg,.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary
.svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-primary-o
label:before,.pretty.p-toggle .state.p-primary-o
label:before{border-color:#428bca}.pretty input:checked~.state.p-primary-o
label:after,.pretty.p-toggle .state.p-primary-o
label:after{background-color:transparent}.pretty
input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o
.svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle
.state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o
.svg,.pretty.p-toggle .state.p-primary-o
svg{color:#428bca;stroke:#428bca}.pretty.p-default:not(.p-fill)
input:checked~.state.p-primary-o
label:after{background-color:#428bca!important}.pretty.p-switch
input:checked~.state.p-primary:before{border-color:#428bca}.pretty.p-switch.p-fill
input:checked~.state.p-primary:before{background-color:#428bca!important}.pretty.p-switch.p-slim
input:checked~.state.p-primary:before{border-color:#245682;background-color:#245682!important}.pretty
input:checked~.state.p-info label:after,.pretty.p-toggle .state.p-info
label:after{background-color:#5bc0de!important}.pretty
input:checked~.state.p-info .icon,.pretty input:checked~.state.p-info
.svg,.pretty.p-toggle .state.p-info .icon,.pretty.p-toggle .state.p-info
.svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-info-o
label:before,.pretty.p-toggle .state.p-info-o
label:before{border-color:#5bc0de}.pretty input:checked~.state.p-info-o
label:after,.pretty.p-toggle .state.p-info-o
label:after{background-color:transparent}.pretty input:checked~.state.p-info-o
.icon,.pretty input:checked~.state.p-info-o .svg,.pretty
input:checked~.state.p-info-o svg,.pretty.p-toggle .state.p-info-o
.icon,.pretty.p-toggle .state.p-info-o .svg,.pretty.p-toggle .state.p-info-o
svg{color:#5bc0de;stroke:#5bc0de}.pretty.p-default:not(.p-fill)
input:checked~.state.p-info-o
label:after{background-color:#5bc0de!important}.pretty.p-switch
input:checked~.state.p-info:before{border-color:#5bc0de}.pretty.p-switch.p-fill
input:checked~.state.p-info:before{background-color:#5bc0de!important}.pretty.p-switch.p-slim
input:checked~.state.p-info:before{border-color:#2390b0;background-color:#2390b0!important}.pretty
input:checked~.state.p-success label:after,.pretty.p-toggle .state.p-success
label:after{background-color:#5cb85c!important}.pretty
input:checked~.state.p-success .icon,.pretty input:checked~.state.p-success
.svg,.pretty.p-toggle .state.p-success .icon,.pretty.p-toggle .state.p-success
.svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-success-o
label:before,.pretty.p-toggle .state.p-success-o
label:before{border-color:#5cb85c}.pretty input:checked~.state.p-success-o
label:after,.pretty.p-toggle .state.p-success-o
label:after{background-color:transparent}.pretty
input:checked~.state.p-success-o .icon,.pretty input:checked~.state.p-success-o
.svg,.pretty input:checked~.state.p-success-o svg,.pretty.p-toggle
.state.p-success-o .icon,.pretty.p-toggle .state.p-success-o
.svg,.pretty.p-toggle .state.p-success-o
svg{color:#5cb85c;stroke:#5cb85c}.pretty.p-default:not(.p-fill)
input:checked~.state.p-success-o
label:after{background-color:#5cb85c!important}.pretty.p-switch
input:checked~.state.p-success:before{border-color:#5cb85c}.pretty.p-switch.p-fill
input:checked~.state.p-success:before{background-color:#5cb85c!important}.pretty.p-switch.p-slim
input:checked~.state.p-success:before{border-color:#357935;background-color:#357935!important}.pretty
input:checked~.state.p-warning label:after,.pretty.p-toggle .state.p-warning
label:after{background-color:#f0ad4e!important}.pretty
input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning
.svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning
.svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-warning-o
label:before,.pretty.p-toggle .state.p-warning-o
label:before{border-color:#f0ad4e}.pretty input:checked~.state.p-warning-o
label:after,.pretty.p-toggle .state.p-warning-o
label:after{background-color:transparent}.pretty
input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o
.svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle
.state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o
.svg,.pretty.p-toggle .state.p-warning-o
svg{color:#f0ad4e;stroke:#f0ad4e}.pretty.p-default:not(.p-fill)
input:checked~.state.p-warning-o
label:after{background-color:#f0ad4e!important}.pretty.p-switch
input:checked~.state.p-warning:before{border-color:#f0ad4e}.pretty.p-switch.p-fill
input:checked~.state.p-warning:before{background-color:#f0ad4e!important}.pretty.p-switch.p-slim
input:checked~.state.p-warning:before{border-color:#c77c11;background-color:#c77c11!important}.pretty
input:checked~.state.p-danger label:after,.pretty.p-toggle .state.p-danger
label:after{background-color:#d9534f!important}.pretty
input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger
.svg,.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger
.svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-danger-o
label:before,.pretty.p-toggle .state.p-danger-o
label:before{border-color:#d9534f}.pretty input:checked~.state.p-danger-o
label:after,.pretty.p-toggle .state.p-danger-o
label:after{background-color:transparent}.pretty input:checked~.state.p-danger-o
.icon,.pretty input:checked~.state.p-danger-o .svg,.pretty
input:checked~.state.p-danger-o svg,.pretty.p-toggle .state.p-danger-o
.icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o
svg{color:#d9534f;stroke:#d9534f}.pretty.p-default:not(.p-fill)
input:checked~.state.p-danger-o
label:after{background-color:#d9534f!important}.pretty.p-switch
input:checked~.state.p-danger:before{border-color:#d9534f}.pretty.p-switch.p-fill
input:checked~.state.p-danger:before{background-color:#d9534f!important}.pretty.p-switch.p-slim
input:checked~.state.p-danger:before{border-color:#a02622;background-color:#a02622!important}.pretty.p-bigger
.icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger
label:after,.pretty.p-bigger label:before{font-size:1.2em!important;top:calc((0%
- (100% - 1em)) - 35%)!important}.pretty.p-bigger label{text-indent:1.7em}@media
print{.pretty .state .icon,.pretty .state label:after,.pretty .state
label:before,.pretty
.state:before{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.pretty {font-size: 12px; margin: 10px;}

/*GREENS: #4ac4ac, #399988, #17694f, #0a1a17;*/
.see-more-expand {
  text-decoration: none;
  font-size: 11px;
  width: 100%
}

/* Timeline for Rrevolutionary War Exhibit */

/* body.page-template-revolutionary-war-template {
  background-color: #000000;
  background-image: url('/wp-content/themes/RIHSTheme/images/page-background-revolutionary-war-1.png');
  background-size: contain;
  background-repeat: repeat-y;
} */

[class*="page-template-revolutionary-war"] .site-header {
  background-color: rgba(255, 255, 255, 0.8);
  /* color: #FFFFFF; */

}




[class*="page-template-revolutionary-war"] section {
  padding: 40px;
}

[class*="page-template-revolutionary-war"] .site-content {
  padding: 0px !important;
  max-width: none;
}

[class*="page-template-revolutionary-war"] .main-navigation ul > li > a {
  color: #8b6610;
  /* font-family: american-scribe,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 25px;   */
}

[class*="page-template-revolutionary-war"] .entry-header {
  /* background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.9), rgba(255,255,255,.8), rgba(255,255,255,.7), rgba(255,255,255,.7), rgba(255,255,255,0)); */
  /* background: rgb(253,253,253);
  background: linear-gradient(0deg, rgba(253,253,253,0) 0%, rgba(253,253,253,1) 39%); */
  padding: 50px 30px 50px 30px;
  /* font-family: american-scribe,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 25px;   */
}


[class*="page-template-revolutionary-war"] .entry-title {
  color: #735537;
  font-family: american-scribe,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.5em;
  /* margin-top: 50px; */
  text-align: center;
  padding: 0px;
  margin: 0px;

}


.downArrowFlourish {
  text-align: center;
  margin-top: 50px;
}

[class*="page-template-revolutionary-war"] .branding-container nav {
  /* display: none; */
}

.parallax__layer.parallax__layer--fore a:hover {
  /* background-color: green; */
  /* border: 1px solid #FFFFFF; */


}

.timelineObjectHoverContent {
  position: relative;
  background-color: white;
  /* display: none; */
  padding: 25px;
  /* top: 15%; */
  background-image: url('/wp-content/themes/RIHSTheme/images/timeline-point-background.jpeg');
  background-position: center center;
}

.timelineObjectHoverContent p {
  font-size: 20px;
}

#objecthoverContainerone:hover > #objecthoverTextone, #objecthoverContainertwo:hover > #objecthoverTexttwo {

  /* display: block; */
  /* width: 80%;
  left: 0px; */
}

#objecthoverContainerone {
  width: 100%;
}

#objecthoverContainerone:hover > #timelineimageOne {
width: 125%;
}

.timelinethumb {
  object-fit: cover;
}

.timelinethumb video {
  width: 100%;
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timelinecontainer {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.timelinecontainer::after {
  content: " ";
  position: absolute;
  right: -17px;
  top: 15px;
  z-index: 1;
  font-family: american-scribe,sans-serif;
  font-size: 40px;
  white-space: nowrap;
}

.timelinecontainer.left::after {
  content: " ";
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: attr(data-content);
  height: 0;
  position: absolute;
  width: 0;
  z-index: 1;
  right: -5%;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
  font-family: american-scribe,sans-serif;
  font-size: 40px;
  white-space: nowrap;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: attr(data-content);
  position: absolute;
  left: -40%;
  top: 15px;
  z-index: 1;
  font-family: american-scribe,sans-serif;
  font-size: 40px;
  white-space: nowrap;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -13px;
  content: " ";
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* The actual content */
.content {
  padding: 20px 30px;
  background-color: white;
  /* background-image: url('/wp-content/themes/RIHSTheme/images/timeline-point-background.jpeg'); */
  background-position: center center;
  position: relative;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  /* filter: drop-shadow(30px 10px 4px rgba(255,255,255,.9)); */
}

.content .date {
  display: none;
}

.content .title {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 20px;
}

.tlheader, .metainfo, .timelineLinks {
padding: 0 25px 0 25px;
}
.tlheader {
margin-top: 25px;
margin-bottom: 25px;
}

.timelineLinks {
padding: 0 25px 25px 25px;
}

.RWpageintroduction {
  color: #735537;
  font-size: .5em;
  padding: 0 10%;
}

#revwarnav a {
  text-decoration: none;
}

#revwarnav {
  display: flex;
  justify-content: center;
  padding: 60px 0 40px 0;
  position: relative;
  z-index: 99;
}

#revwarnav ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 75%;
}

#revwarnav ul li a{
  margin-right: 35px;
  border-bottom: 4px solid #cccccc;
  padding-bottom: 8px;
}

#revwarnav ul li a:hover {
  border-bottom: 4px solid #735537;
}

#revwarnav ul li a.activeLink {
  border-bottom: 4px solid #735537;
}

/* #revwarnav ul li:after {
  content: " ";
  position: relative;
  margin-left: -50%;
  border-bottom: 1px solid #8b6610;
} */

.rwintroblock {
  /* display: flex;
  flex-direction: row-reverse;
  align-items: flex-start; */
}

.tooltip {
  position:relative; /* making the .tooltip span a container for the tooltip text */
  border-bottom:2px dashed #8b6610; /* little indicater to indicate it's hoverable */
}

.tooltip-text {
  content: attr(data-text); /* here's the magic */
  position:absolute;

  /* vertically center */
  top:50%;
  transform:translateY(-50%);

  /* move to right */
  left:100%;
  margin-left:15px; /* and add a small left margin */

  /* basic styles */
  width:350px;
  padding:20px;
  border-radius:10px;
  background: #8b6610;
  color: #fff;
  text-align:left;
  font-size: 1em;
  z-index: 99;


  display:none
}

.tooltip-text:hover {
  display:block;
}

.tooltip-text.left {
  /* reset defaults */
  left:initial;
  margin:initial;

  /* set new values */
  right:100%;
  margin-right:15px;
}

.tooltip-text:before {
  content: "";
  position:absolute;

  /* position tooltip correctly */
  right:100%;
  margin-left:-5px;

  /* vertically center */
  top:50%;
  transform:translateY(-50%);

  /* the arrow */
  border:10px solid #8b6610;
  border-color: transparent #8b6610 transparent transparent;

  display:none;

}
.tooltip:hover .tooltip-text, .tooltip:hover .tooltip-text:before {
  display: flex;
  flex-direction: column;
}

.tooltip-text .word {
  font-size: 20px;
  font-style: italic;
}

.tooltip-text .def {
  /* font-size: 20px; */
  /* font-style: italic; */
  line-height: 23px;
}


[class*="page-template-revolutionary-war"] #content {
  /* max-width: 900px; */
}

#exploreGrid {
  list-style: none;
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-gap: 30px;
  grid-template-rows: 200px 200px;
}

#exploreGrid li{
  background-color: #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.revwarsearch input {
  /* width: 80%; */
}

.timelineLinks {
/*  display: none;*/
}

.single-tnc_col_23970_item {
}

.single-tnc_col_23970_item .post-other-content {
  display: none;
  text-align: center;
}

/* Tainacan Collection Archive Page Styles */

[class*="post-type-archive-tnc_col"] .post-content-body {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
}

[class*="post-type-archive-tnc_col"] .post-content {
  max-width: none;
}

[class*="post-type-archive-tnc_col"] .inlist-wrap {
  padding: 10px;
  border: 1px solid #ccc;
  margin-right: 20px
}

[class*="post-type-archive-tnc_col"] .entry-body.inlist h2 {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
}

.hentry {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.figureRight {
  float: right;
}

.figureLeft {
  float: left;
}

.search-control-item--search {
  width: 100%;
}


/* Styling for the EnCompass section on RIHS.org. This styling is mostly applicable to the content within `/encompass-a-digital-sourcebook-of-rhode-island-history/` */


    /* EnCompass Global Navigation*/
    /* Remove default list styling */
.encompassHeader .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 15px;
}

    .encompassHeader .menu::before {
        content: '';
        background-image: url('https://storage.googleapis.com/stateless-www-rihs-org/2023/10/6dd57b92-cropped-logo-placeholder.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        width: 50px;
        height: 50px;
        margin-right: 20px;
    }
            /* Horizontal List Items */
    .encompassHeader .menu > li {
        position: relative;
        padding: 10px 20px;
        margin: 0;
    }

    .encompassHeader .menu a {
        text-decoration: none;
        color: black;
        transition: color 0.3s;
    }

        .encompassHeader .menu a:hover {
            color: #007acc;
        }

    /* Dropdown styling */
.encompassHeader .sub-menu {
    display: none;
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    width: max-content;
}

        .sub-menu li {
            padding: 10px 20px;
        }

            .sub-menu li:hover {
                background-color: #f7f7f7;
            }

    /* Show dropdown on hover */
    .menu-item-has-children:hover .sub-menu {
        display: block;
    }

    /* Optional: Add a down arrow to show there's a dropdown */
    .menu-item-has-children > a:after {
        content: '▼';
        margin-left: 5px;
    }

    /* EnCompass Header */

.encompassHeader {
    padding: 20px;
    background-color: #f1ac5f;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

#encompassPageHead {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 30px;
}

main[class^='tnc_col_'], main[class*=' tnc_col_']{
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
    
}