/*
	Theme Name: Racial Geography Tour
	Theme URI: https://demo.studiopress.com/
	Description: Racial Geography Tour is a theme based on the Genesis Framework.
	Author: StudioPress
	Author URI: https://www.studiopress.com/

	Version: 2.6.0

	Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	Text Domain: genesis-sample
*/


/* Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Container
	- Site Inner
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Genesis Simple FAQ
	- Jetpack
- Skip Links
- Site Header
	- Title Area
- Site Navigation
	- Responsive Menu
	- Header Menu
	- Footer Menu
- Content Area
	- Entry Content
	- Entry Meta
	- Pagination
	- Entry Comments
	- Single Feature
- Main Page
- Info Panel
- Footer Widgets
- Site Footer
- Media Queries
	- Min-width: 960px
		- Site Header
		- Genesis Menu
		- Responsive Menu
		- Header Menu
		- Site Inner
		- Content
		- Sidebar
		- Author Box
		- After Entry
		- Column Classes
		- Entry Misc.
		- Footer Widgets
- Print Styles
*/


/* HTML5 Reset
---------------------------------------------------------------------------------------------------- */

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

/* Box Sizing
--------------------------------------------- */

html {
	background: #000;
	box-sizing: border-box;
	overflow-y:scroll;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/* Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}


/* Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Chrome fix */
body > div {
	font-size: 16px;
	font-size: 1.57rem;
}

body {
	background-color: #000;
	color: #000;
	font-family: 'Lora', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
}


input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	transition: all 0.2s ease-in-out;
}

a {
	color: #881a1d;
	text-decoration: underline;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:focus,
a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 5px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #eee;
	clear: both;
	margin: 30px 0;
}

b,
strong {
	font-weight: 700;
}

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

mark {
	background: #ddd;
	color: #333;
}

blockquote {
	margin: 30px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 20px 0px 10px;
}

h1 {
	font-size: 30px;
	font-size: 3rem;
}

h2 {
	font-size: 27px;
	font-size: 2.7rem;
	font-weight: 800;
}

.entry-content h3,
.entry-content h4 {
	font-weight: 600;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 800;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 800;
}

.entry-content h4 {
	margin-top: 40px;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 800;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
	vertical-align: top;
}

figure {
	margin: 0;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	background-color: #fdf9f1;
	border: 1px solid #ddd;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	padding: 15px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333;
}

input[type="button"],
input[type="reset"],
input[type="submit"], {
	background-color: #333;
	border: 0;
	color: #fff;
	color: #fdf9f1;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 15px 30px;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:focus,
.button:hover {
	background-color: #0073e5;
	color: #fff;
	color: #fdf9f1;
}



a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
	padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #eee;
	border-width: 0;
	color: #777;
	cursor: not-allowed;
}

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

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-all;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #eee;
	padding: 6px;
}

th {
	font-weight: 400;
	padding: 0 6px;
}

td:first-child,
th:first-child {
	padding-left: 0;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto !important;
	color: #333;
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.more-link {
	position: relative;
}


/* Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Container
--------------------------------------------- */

.site-container {
	/*-webkit-animation: fadein 1s;*/
	/*animation:         fadein 1s;*/
	background: #000;
	word-wrap: break-word;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Site Inner
--------------------------------------------- */

.site-inner {
	clear: both;
	margin: 0 auto;
	padding:0;
}


/* Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.aligncenter {
	text-align: center;
}

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

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
	margin-bottom: 15px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 20px 20px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 20px 20px;
}

.gallery-caption,
.wp-caption-text {
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
	line-height: 1.2;
	padding-top: 5px;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 30px;
}


/* Skip Links
---------------------------------------------------------------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link .skip-link-hidden {
	display: none;
	visibility: hidden;
}

.genesis-skip-link li {
	height: 0;
	list-style: none;
	width: 0;
}

/* Display outline on focus */
:focus {
	color: #333;
	outline: none;
}


/* Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	font-family: 'Open Sans', sans-serif;
	height: 60px;
	padding: 0 30px;
}

.site-header > .wrap {
	display: flex;
}

.site-header .title-area{
	flex: 1 0 33%;

}

.site-header #tour-stops-menu {
	flex: 0 1 34%;
	text-align: center;
	z-index: 2;
}

#tour-stops-menu .open-nav::after {
	font-family: 'dashicons';
	content: "\f140";
}


#tour-stops-menu.open .open-nav::after {
	visibility: hidden;
}


.site-header #pages-menu {
	flex: 1 0 33%;
	text-align: right;
}


.menu .page_item_has_children:hover .children {
	display: block;
}


/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding-top: 10px;
}


.site-title {
	font-family: 'Merriweather', serif;
	font-style: italic;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1;
	margin: 0;
}

.site-title a,
.site-title a:focus,
.site-title a:hover {
	color: #fff;
	color: #fdf9f1;
	text-decoration: none;
}

.site-description {
	color: #fff;
	color: #fdf9f1;
	font-size: 14px;
}

.site-header {
	position: fixed;
	width: 100%;
	z-index: 9999;
}

/* Site Navigation
---------------------------------------------------------------------------------------------------- */
.page-item,
.navigation {
	color: #fff;
	color: #fdf9f1;
	padding-top: 20px;
	position: relative;
}

a.open-nav,
button.open-nav {
	border: none;
	background: none;
	font-weight: 700;
	color: #fdf9f1;
	text-decoration: none;
	text-transform: uppercase;
}

#what-is-rgt{
	border: 1px solid #fff;
	padding: 2px 6px;
}
#sidebar-menu #what-is-rgt {
	border: none;
	padding: 0;
}
#main-page-sidebar-article .page_item a {
	color: #000;
	text-decoration: none;
}

#main-page-sidebar-article .page_item a:hover {
	color: #882321;

}

.navigation .sub-menu {
	display: none;
	margin: 15px auto 0;
	max-height: 70vh;
	max-width: 350px;
	opacity: .8;
	overflow: auto;
	text-align: left;
	width: 100%;
}

.navigation .sub-menu a {
	color: #fff;
	color: #fdf9f1;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	padding: 5px 5px 5px 0px;
}

#tour-stops-menu.navigation .sub-menu li {
	display: grid;
	grid-template-columns: 23px 1fr;
	grid-gap: 8px;
	padding: 5px 5px 5px 20px;
	padding: 0px 0px 0px 15px;
}

#tour-stops-menu.navigation .sub-menu li .stop-number {
	text-align: right;
	padding: 5px 0px;
}

#tour-stops-menu.navigation .sub-menu li:hover {
	background: #881a1d;
}

#pages-menu .sub-menu  {
	background-color: transparent;
	direction: rtl;
}

#pages-menu .sub-menu li {
	padding-left: 10px;
	padding-right: 10px;
	max-width: 300px;
}

.navigation.open .sub-menu {
	display: grid;
}

.navigation.open .sub-menu li {
	background-color: #000;
	direction: ltr;
}

#tour-stops-menu.navigation.open .sub-menu li:first-child {
	padding-top: 10px;
}

#tour-stops-menu.navigation.open .sub-menu li:last-child {
	padding-bottom: 10px;
}

.tall .navigation li {
	padding: 5px;
}
.medium .navigation li {
	font-size: 16px;
}
.short .navigation li {
	font-size: 14px;
}
.very-short .navigation li {
	font-size: 12px;
}

/* Features
---------------------------------------------------------------------------------------------------- */
.new-home .site-inner {
	background-color: transparent;
	margin-top: 100px;
	max-width: 1360px;
	padding: 5px;
	width: 100%;
}

.new-home .site-inner .features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}

.single-feature .site-inner {
	background-color: #fdf9f1;
	margin-top: 100px;
	max-width: 1024px;
	padding: 50px;
	width: 100%;
}

.new-home .page-content,
.new-home .home-introduction,
.new-home .feature {
	background-color: #fdf9f1;
	padding: 30px;
	width: 100%;
}

.new-home .page-content {
	margin-bottom: 60px;
}

.new-home .home-introduction {
    /* background-position: center;
    background-size: contain; */
	border: 20px solid #fdf9f1;
	display: grid;
	/* grid-template-columns: 1fr 1fr;
	grid-template-rows: min-content 1fr;
	height: 50vw;
	max-height: 600px;
	min-height: 490px; */
	margin-bottom: 60px;
}

.new-home .intro-header {
	grid-column: 1 / 3;
}

.new-home .intro-title {
	background-color: #fdf9f1;
	margin: 20px auto;
	opacity: .8;
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: 800;
	padding: 20px 30px;
	text-align: center;
	width: 75%;
}

.new-home .box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.new-home .feature-type {
	background-color: #fdf9f1;
	height: 50%;
	min-height: 180px;
	opacity: .8;
	text-align: center;
	width: 75%;
}
.new-home .feature-type > *{
	padding: 0 20px;
}

.new-home .feature a {
    color: #1e73be;
}

.new-home .feature {
    display: flex;
    flex-direction: column;
}

.new-home .feature::before,
.new-home .feature::after,
.new-home .feature *::before,
.new-home .feature *::after  {
	position: absolute;
}

.new-home .feature .entry-header {
	display: grid;
	grid-template-columns: 1fr min-content;
	min-height: 60px;
}

.new-home .feature .feature-type-label {
	padding-left: 10px;
}

.new-home .feature .entry-content {
    line-height: 1.2;
}

.new-home .feature .entry-title {
	font-size: 22px;
    font-size: 2.2rem;
	margin-top: 0;
}

.new-home .feature.category-main-feature {
	grid-column: 1 / 3;
}

.single-feature .wp-block-gallery .blocks-gallery-item figcaption {
	background: white;
	color: black;
	padding: 1em;
}

.home-introduction .wp-caption-text {
	padding-top: 0px;
}

.new-home article .featured-image-class {
	text-align: center;
}

.new-home .card-description {
	min-height: 55px;
	margin-bottom: 15px;
}

.new-home .card-card {
	min-height: 150px;
	margin-bottom: 15px;
}

/* Single Feature
---------------------------------------------------------------------------------------------------- */

.ancestor-features {
	display: flex;
}

.ancestor-seperator {
	margin: 0px 10px;
}

.ancestor-seperator:last-of-type{
	display: none;
}

/* Main Page
---------------------------------------------------------------------------------------------------- */
#main-page {
	/*background-color: #fff;*/
	display: grid;
	display: none;
	font-family: 'Lora', serif;
	grid-template-columns: 250px 1fr;
	max-width: 80%;
	position: absolute;
	left: 10%;
	/*transition: top 1s ease-in-out;*/
	width: 80%;
	z-index: 50;
	top: -100vh;
	top: 60px;
	min-height: 800px;
	max-height: 100vh;
	overflow: hidden;
}

.show#main-page {
	display: grid;
	max-height: max-content;
	top: 60px;
	z-index: 999;
}

#main-page .dashicons {
	color: #881a1d;
	display: inline-block;
	font-size: 25px;
	margin-right: 8px;
}


#main-page-content {
	background-color: #fff;
	background-color: #e3e1dc;
	background-color: #fdf9f1;
	padding: 65px;
}

#main-page-content .page-title {
	font-size: 32px;
	font-size: 3.2rem;
}

#main-page-content #main-page-content-article {

	height: 100%;
	max-width: 800px;
}


#main-page-content #main-page-content-article p {
	line-height: 1.4;
	margin-bottom: 15px;
	max-width: 800px;
}

#main-page-content h3 {
	font-size: 24px;
	font-weight: 800;
	max-width: 800px;
}

#main-page-content h4:first-of-type{
	margin-top: 0px;
}

#main-page.what-is-rgt #main-page-content-article {
	grid-template-areas: "top-content top-content"
	"first-column second-column";
	grid-template-columns: 47% 47%;
	grid-gap: 10px 5%;
}

#main-page.supplmental #main-page-content-article,
#main-page.what-is-rgt.supplemental #main-page-content-article {
	grid-template-rows: 100px 1fr;
	grid-template-columns: 100%;
	grid-gap: 10px;
}

#main-page.what-is-rgt .top-content {
	grid-area: top-content;
}

#main-page.what-is-rgt .first-column {
	grid-area: first-column;
	padding: 20px 15px;
}

#main-page.what-is-rgt #main-page-content-article div{
	font-size: 16px;
}

#intro-video {

}

#main-page.what-is-rgt .first-column ol {
	padding-left: 15px;
}

#main-page.what-is-rgt .first-column li {
	list-style-type: decimal;
}

#main-page.what-is-rgt .second-column {
	grid-area: second-column;
}

#main-page.what-is-rgt .third-column {
	grid-area: third-column;
}

#main-page-sidebar {
	background-color: #dcdcdc;
	background-color: #f9f8f8;
	background-image: url(/wp-content/themes/racial-geography-tour/images/splatter-long.png);
	background-image: url(/wp-content/themes/racial-geography-tour/images/splatter.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
	height: 100%;
	padding: 65px 35px;
}


.sidebar-title {
	font-size: 24px;
	padding-bottom: 15px;
	font-weight: 800;
	margin: 0px;
}

#main-page .page-item,
#close-main-page {
	font-family: 'Open Sans', sans-serif;
}

#sidebar-menu .page-item {
	padding-top: 0px;
}

#sidebar-menu .page-item a {
	color: #881a1d;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 800;
	text-decoration: none;
}

#close-main-page {
	color: #881a1d;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 16px;
	text-decoration: none;
}

#tour-stop-vimeo {
	position: relative;
}

#tour-stop-vimeo iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	height: 100vh;
	width: 100vw;
}

#tour-stop-vid {
	margin: 60px auto 0px;
}
/* Info Panel
---------------------------------------------------------------------------------------------------- */
.panel {
	font-family: 'Lora';
	height: 100%;
	margin-top: 60px;
	padding-right: 31px;
	position: fixed;
	overflow: hidden;
	z-index: 180;
}

#info-panel {
	background: transparent;
	left: 0;
	width: 800px;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s, z-index 0s;
}

#info-panel.close {
	left: -769px;
	z-index: 10;
	transition: left 0.5s, z-index 4s;
}

#info-panel section {
	background: #fff;
	background: #fdf9f1;
	height: 100%;
	width: 100%;
	overflow: scroll;
	z-index: -1;
}

#info-panel header {
	background-color: #881a1d;
	display: grid;
	height: 120px;
	padding-top: 15px;
	z-index: 1000;
	transition: .2s;
}

#info-panel header #info-title {
	color: #fff;
	color: #fdf9f1;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 40px;
	transition: .2s;
}

#info-panel .acf-map {
	width: 100%;
	height: 160px;
	margin: 0px 0;
	display: none;
}

#info-address {
	color: #fff;
	color: #fdf9f1;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.35rem;
	font-weight: lighter;
	margin-left: 40px;
	transition: .1s;
}

/* fixes potential theme css conflict */
#info-panel .acf-map img {
	max-width: inherit !important;
}

.section-text {
	margin: 25px 40px;
}

.section-text h3 {
	font-weight: bold;
	margin-bottom: 10px;
}

.supplemental-essay-wrap.hidden {
	display: none;
}

.supplemental-image {
	display: grid;
}

.supplemental-image img {
	margin: 0 auto;
}

.panel-icon {
	background: #881a1d;
	cursor: pointer;
	line-height: 0px;
	padding: 4px 3px;
	position: absolute;
	bottom: 50%;
}

.panel-icon span {
	color: #fff;
	color: #fdf9f1;
	color: #fdf9f1;

	font-size: 25px;
	height: 25px;
	width: 25px;
}

#info-panel-icon{
	right: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;

}

#info-brief p {
	line-height: 1.4;
	text-align: justify;
}

#info-transcript p {
	line-height: 1.4;
}

#info-transcript p br {
	margin-bottom: 10px;
	clear:both;
}

#info-bibliography p {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 10px;
}

#map-panel {
	padding-right: 0;
	padding-left: 31px;
	padding: 0px 0px 0px 31px;
	top: 0px;
	right: 0;
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	-o-transition: right 0.5s;
	transition: right 0.5s;
}

#map-panel.close {
	right: -973px;
}

#tour-stop-map {
	background: #fdf9f1;
	padding: 20px;
	height: 68%;
	max-width: 973px;
	width: 100%;
}

#tour-stop-map div{
	/*background: #fdf9f1 url(images/map.png) no-repeat;*/
	height: 100%;
	width: auto;
	margin: 0 auto;
}

#map-legend {
	background-color: #881a1d;
	padding: 20px 0px;
	height: 30%;
	width: 100%;
}

.medium #tour-stop-map{
	height: 60%;
}

.short #tour-stop-map{
	height: 50%;
}

.medium #map-legend{
	height: 40%;
}

.short #map-legend{
	height: 50%;
}

.very-short #map-panel {
	display: grid;
	grid-template-columns: 50% 50%;
}

.very-short #map-legend,
.very-short #tour-stop-map {
	height: 100%;
}


#map-legend ol {
	display: grid;
	grid-template-rows: repeat(5,25px);
	grid-auto-flow: column;
	grid-template-columns: repeat(4,20%);
	grid-gap: 14px 6%;
	font-size: 12px;
	line-height: 1.15;
	margin-left: 40px;
}

#map-legend ol li {
	color: #fff;
	color: #fdf9f1;
	display: grid;
	grid-template-columns: 20px 1fr;
	grid-gap: 8px;
	list-style-type: none;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

#map-legend .stop-number {
	text-align: right;
}

#map-legend a {
	color: #fff;
	color: #fdf9f1;
	text-decoration: none;
}

#map-legend a:hover {
	color: rgb(255,255,255,0.6);
}

#map-panel-icon{
	left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.dropdown {
	cursor: pointer;
}

.dropdown-text {
	/*display: none;*/
	overflow: hidden;
	max-height: 0;
	/*transition: max-height 0.3s;*/
}

.dropdown-text.active {
	max-height: 100%;
	/*display: block;*/
}


#map_canvas {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dropdown .dashicons {
	color: #881a1d;
	width: 40px;
	height: 20px;
	font-size: 30px;
	margin-top: 5px;
	float: right;
}

.site-header #tour-stops-menu .dashicons-menu {
	display: none;
}

body { position: relative;}

.tour-stop #genesis-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tour-stop .jw-icon-fullscreen {
	display: none;
}

.tour-stop #main-page-content-article .jw-icon-fullscreen {
	display: block;
}

#next-stop {
	display: none;
	position: absolute;
	bottom: 135px;
	right: 35px;
}

#next-stop .inner-area {
	background-color: #fdf9f1;
	width: 350px;
}

#next-stop #close-next-stop {
	float: right;
}

#next-stop h4 {
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0;
	padding-bottom: 5px;
}

#next-stop .next-stop-title{
	background-color: #881a1d;
}

#next-stop .next-stop-title h3 {
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0px;
	padding: 20px 30px;
}

.next-stop-poster {
	padding: 30px;
	position: relative
}

.next-stop-poster a {
	display: block;
}

.dashicons.play-button {
	height: 100%;
	position: absolute;
	top: 0px;
	line-height: 2.9;
	color: white;
	left: 0;
	width: 100%;
	font-size: 70px;
	text-decoration: none;
}

.play-button:before{
	content: "\f522";
}
#next-stop #next-stop-link {
	color: #fdf9f1;
	text-decoration: none;
}

.video-paused #next-stop,
.video-ended #next-stop {
	display: block;
}

.rgt-open-now.video-paused #next-stop{
	display: none;
}

.video-ended #pano > div {
	background-color: rgba( 58, 58, 58, 0.83);
}

@media only screen and (max-width: 1490px) {


}

@media only screen and (max-width: 1280px) {

	/* Panels
	---------------------------------------------*/

	#info-panel,
	#map-panel {
		width: 700px;
	}

	#info-panel.close{
		left: -669px;
	}

	#map-panel.close {
		right: -669px;
	}

	.site-description{
		font-size: 12px;
	}

	.medium #map-legend {
		padding-top: 5px;
	}

	.medium #map-legend ol {
		grid-template-rows: repeat(6,25px);
		grid-auto-flow: column;
		grid-template-columns: repeat(3,30%);
		grid-gap: 5px 5%;
	}

	/* Main Page
	---------------------------------------------*/
	#main-page {
		grid-template-columns: 200px 1fr;
		left: 5%;
		width: 90%;
		max-width: 90%;
	}

	#main-page-content {
		display: grid;
		grid-template-areas: "header close-button"
		"bottom bottom";
		grid-template-columns: 1fr 80px;
		/*grid-template-rows: 60px 1fr;*/
		grid-gap: 10px 30px;
		padding: 35px;
	}

	#close-main-page {
		direction: rtl;
		grid-area: close-button;
	}

	#main-page-content-header{
		grid-area: header;
	}
	#main-page-content-article {
		grid-area: bottom;
	}
}

@media only screen and (max-width: 1090px) {

	.title-area {
		padding-top: 20px;
	}

	.site-description {
		display: none;
	}


	/* Map
	---------------------------------------------*/
	#map-legend ol {
		grid-template-rows: repeat(6,25px);
		grid-auto-flow: column;
		grid-template-columns: repeat(3,30%);
		grid-gap: 5px 5%;
	}



	/* Main Page
	---------------------------------------------*/
	#main-page {
		grid-template-columns: 200px 1fr;
		left: 0;
		max-width: 100%;
		width: 100%;
	}

	.short #map-legend ol {
		grid-template-rows: repeat(6,30px);
	}

	.very-short #map-legend ol {
		grid-template-rows: repeat(6,45px);
		grid-auto-flow: column;
		grid-template-columns: repeat(3,30%);
		grid-gap: 5px 5%;
		font-size: 10px;
		margin-left: 0px;
	}

	.new-home .intro-title {
		font-size: 30px;
		font-size: 3rem;
	}
}


@media only screen and (max-width: 800px) {
	/* Site Header
	---------------------------------------------*/
	.site-header {
		line-height: 1.2;
		padding: 0;
	}
	.site-header > .wrap {
		display: grid;
		grid-template-areas: "top-left top-left top-right" "bottom bottom bottom";
		grid-template-columns: 33% 33% 33%;
	}

	.site-header .title-area {
		grid-area: top-left;
		padding: 5px;
	}
	.site-header #tour-stops-menu{
		padding: 0px 5px 10px 5px;
	}
	.site-header #pages-menu {
		padding: 10px 5px 5px 5px;
	}

	.site-header .site-title {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 6px 0px;
	}

	.site-header #pages-menu {
		grid-area: top-right;
	}

	.site-header #tour-stops-menu {
		grid-area: bottom;
		text-align: left;

	}
	.site-header #tour-stops-menu .dashicons-menu{
		display: inline-block;
		margin-right: 2px;
		vertical-align: middle;
	}

	#tour-stops-menu .open-nav::after {
		visibility: hidden;
	}

	/* Info Panel
    ---------------------------------------------*/
	#info-panel {
		width: 100%;
		left: 0;
		z-index: 101;
	}

	#map-panel {
		width: 100%;
		z-index: 101;
	}

	#info-panel.close{
		left: 0px;
		width: 0px;
		z-index: 100;
	}

	#map-panel.close {
		right: 0px;
		width: 0px;
		z-index: 100;
	}

	/* Map
	---------------------------------------------*/
	#map-legend ol {
		grid-template-rows: repeat(6,45px);
		grid-auto-flow: column;
		grid-template-columns: repeat(3,30%);
		grid-gap: 5px 5%;
		font-size: 10px;
		margin-left: 0px;
	}

	#tour-stop-map {
		height: 60%;
	}

	#map-legend {
		height: 38%;
	}

	.medium  #tour-stop-map {
		height: 45%;
	}

	.medium #map-legend {
		height: 53%;
	}

	.medium #map-legend ol {
		grid-template-rows: repeat(6,45px);
		grid-gap: 5px 5%;
	}

	.short #map-legend ol {
		grid-template-rows: repeat(6,30px);
		font-size: 10px;
	}

	/* Main Page
	---------------------------------------------*/
	#main-page {
		grid-template-columns: 100%;
	}

	#main-page-sidebar {
		padding: 35px;
	}

	#sidebar-menu ul {
		display: grid;
		grid-template-columns: repeat(3, 33%);
	}

	#sidebar-menu .page-item {
		text-align: center;
	}

	/* New Home
	---------------------------------------------*/
	.new-home .home-introduction {

	}

	.new-home .intro-header {
		margin: 0;
		width: 100%;
	}

	.new-home .intro-title {
		padding: 20px;
	}

	.new-home .feature-type {
		height: auto;
		min-height: auto;
		width: 100%;
	}
	
	.new-home .box {
		align-items: baseline;
	}
	.new-home .feature {
		max-width: 560px;
		margin: 0 auto;
	}
	.new-home .site-inner .features {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
}
@media only screen and (max-width: 600px) {
	.new-home .home-introduction {
		grid-template-columns: 1fr;
	}
	
	.new-home .intro-header {
		grid-column: 1;
	}

	.new-home .feature-type {
		width: 75%;
	}

}

@media only screen and (max-width: 500px) {
	#map-legend ol {
		display: block;
	}

	#main-page-sidebar {
		padding: 15px;
	}

	#sidebar-menu .page-item a {
		font-size: 14px;
		font-size: 1.4rem;
	}

	#next-stop {
		right: 50%;
	}

	#next-stop .inner-area {
		width: 300px;
		margin-right: -150px;
	}

	.site-header > .wrap {
		grid-template-columns: 28% 28% 44%;
	}

}
@media only screen and (max-width: 400px) {
	.new-home .intro-title{
		font-size: 24px;
		font-size: 2.4rem;
	}
	.new-home .intro-title,
	.new-home .feature-type {
		width: 90%;
	}
}

@media only screen and (max-width: 350px) {
	a.open-nav, button.open-nav {
		font-weight: 400;
		text-transform: none;
	}
}
@media only screen and (min-width: 1700px) {
	#main-page {
		width: 1200px;
		margin-left: -600px;
		left: 50%;
	}
}

/* Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

	*,
	*::before,
	*::after {
		background: transparent !important;
		box-shadow: none !important;
		color: #333 !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	a[href^="javascript:"]::after,
	a[href^="#"]::after,
	.site-title > a::after {
		content: "";
	}

	thead {
		display: table-header-group;
	}

	img,
	tr {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 2cm 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	.content,
	.content-sidebar {
		width: 100%;
	}

	button,
	input,
	select,
	textarea,
	.breadcrumb,
	.comment-edit-link,
	.comment-form,
	.comment-list .reply a,
	.comment-reply-title,
	.edit-link,
	.entry-comments-link,
	.entry-footer,
	.genesis-box,
	.header-widget-area,
	.hidden-print,
	.home-top,
	.nav-primary,
	.nav-secondary,
	.post-edit-link,
	.sidebar {
		display: none !important;
	}

	.title-area {
		text-align: center;
		width: 100%;
	}

	.site-title > a {
		margin: 0;
		text-decoration: none;
		text-indent: 0;
	}

	.site-inner {
		padding-top: 0;
		position: relative;
		top: -100px;
	}

	.author-box {
		margin-bottom: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		orphans: 3;
		page-break-after: avoid;
		page-break-inside: avoid;
		widows: 3;
	}


	img {
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	blockquote,
	pre,
	table {
		page-break-inside: avoid;
	}

	dl,
	ol,
	ul {
		page-break-before: avoid;
	}

}