/*
	Theme Name: Jefferson Center
	Theme URI: http://demo.jefferson-center.org
	Description: This is a custom child theme for the Genesis Framework.
	Author: Jefferson Center & Valerie R. Gallagher
	Author URI: https://jefferson-center.org

	Version: 1.0.0

	Tags: one-column, two-columns, left-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: jefferson-center
*/


/* -----------------------------------------------------------------------------
Table of Contents:
  - HTML5 Reset
    - Baseline Normalize
    - Box Sizing
    - Float Clearing
  - Overflow
  - Typographical Defaults
    - Body Type
    - Text (strong, italic, ect.)
    - Links
    - Headings & Titles
    - Paragraphs
    - Blockquotes
    - Lists
    - Horizontal Rules
    - Tables
  - Default Forms & Buttons
    - Secondary Buttons
    - Small Buttons
    - Category & Tag Buttons
    - Tag Button/Link
    - Button Shadows
    - Default Search Form
  - Default Objects (embeds, iframes, images, objects, videos, captions, ect.)
  - WordPress
    - Entry Content
    - Entry Meta
    - Pagination
    - Entry Comments
    - Avatars, Author Boxes, & Archive Descriptions
    - Alignments
    - Galleries
    - Widgets
    - Featured Content
  - Structure and Layout
    - Site Header & Title Area
    - Responsive Header/Primary Menu & Animated/Flyout Search Bar
    - Site Container
    - Site Inner
    - Content & Sidebar Wrapping Container
    - Breadcrumb Menu
    - Featured
    - Main Content
    - Sidebar
    - After Entry
    - Footer
      - Footer Widgets
      - Site Footer
      - Site Footer Menu
  - Blog List Page/Masonry Layout
    - General .blog Styles
  - Homepage
    - General .home Styles
    - Hero Area
    - Hero Text Area
    - Below Hero Area
    - Posts Area
  - Columns
  - Callouts
    - Block Callouts
    - Title Callouts
    - Notice Callouts
    - Info Arrow Callout
	- Type Helpers
  - Background Color Helpers
  - Nudges & Pushes
  - Plugins & Third Party Tools
    - MailChimp Subscribe (After Entry)
    - Accordions (Collapse-O-Matic)
    - Easy Table of Contents
    - List Category Posts
    - Genesis eNews Extended
    - Genesis Simple FAQ
    - Jetpack
- Site Specific CSS
- Screen Reader Text
  - Skip links
  - 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 {
	box-sizing: border-box;
}

*,
*::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;
}

/* Overflow
 * The overflow-x: hidden; on the html and body help us handle things like
 * full width backgrounds that extend past the .site-inner margins
----------------------------------------------------------------------------- */

html, body {
	overflow-x: hidden;
}

/* Typographical Defaults
 * This section contains major defaults for certain elements of typography.
 * ** KEEP IN MIND ** Certain colors have a relationship to the COLOR CUSTOMIZER
 * so edit colors with care.
----------------------------------------------------------------------------- */

/* Body Type
 * Set the base body font styles
--------------------------------------------- */

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

/* chrome fix for the base body font sizes */
body > div {
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.5;
}

body {
	background-color: #fff;
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	font-family: 'Nunito', sans-serif;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: 300;
	line-height: 1.625;
	margin: 0;
}

/* Text
--------------------------------------------- */

b,
strong {
	font-weight: 800;
}

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

mark {
	background-color: #eaeaea; /* light grey, this color is not
* part of the color customizer——edit away! */
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
}

.indicates-required,
.asterisk {
	color: #f33a2b /* warning red, this color is not
	* part of the color customizer——edit away! */
}

::selection{
	background: #f0ba72; /* tertiary, this color is not
  * part of the color customizer——edit away! */
	color: #000220;
}

::-moz-selection {
	background: #f0ba72; /* tertiary, this color is not
  * part of the color customizer——edit away! */
	color: #000220;
}

/* Links
 * Defines default link styles
--------------------------------------------- */

a {
	color: #ff6356; /* jc red, edit via customizer! */
	text-decoration: underline;
}

/* override default link color for major items */
a.plain,
.sidebar a,
.sidebar .widget-title a,
.site-title a,
.site-title a:focus,
.site-title a:hover {
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
}

/* override default style on major link types */
.entry-title a,
.sidebar .widget-title a,
.site-title a,
.site-title a:focus,
.site-title a:hover,
a.more-link,
.more-link {
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
}

/* default link on hover */
a:focus,
a:hover {
	color: #db473c; /* jc dark red, edit via customizer! */

}

/* arrow links */
a.more-link,
.more-link {
	position: relative;
	display: inline;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none; /* remove the underline
	* to prep for the link's arrow */
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 800;
}


a.more-link:hover,
a.more-link:focus,
.more-link:hover,
.more-link:focus {
text-decoration: underline;
}

/* add the arrow after the link */
a.more-link::after {
	content: "\2192";
	padding-left: 5px;
}


/* Headings & Titles
--------------------------------------------- */

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

h1,
.entry-title {
	font-size: 50px;
	font-size: 5.0rem;
}

h2 {
	font-size: 38px;
	font-size: 3.8rem;
}

h3 {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 700;
}

h4,
h5,
h6 {
	letter-spacing: .06em;
	text-transform: uppercase;
}

h4 {
	font-size: 24px;
	font-size: 2.4rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
}

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

.archive-description .entry-title,
.archive-title,
.author-box-title {
	font-weight: 700;
	margin-bottom: 10px;
}

.entry-title {
	margin-bottom: .5em;
}

.widget-title {
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	word-spacing: 2.5px;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	outline-offset: -1px;
	padding-bottom: 12px;
	padding-top: 12px;
	text-decoration: none;
}

.widget h4,
.widget h5,
.widget h6 {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
	margin: 1.2em 0;
	padding: 0;
}

/* give headings extra room in some circumstances */
p + h2, p + h3, p + h4, p + h5, p + h6, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, div + h2, div + h3, div + h4, div + h5, div + h6 {
	margin-top: 1.3em;
}


/* Paragraphs
--------------------------------------------- */

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

p.is-large-text, /* gutenberg */
.lead {
	font-size: 29px;
	font-size: 2.9rem;
	line-height: 1.37;
}

p.is-small-text, /* gutenberg */
.small {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.34;
}


/* Blockquotes
--------------------------------------------- */

blockquote {
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 23px;
	font-size: 2.3rem;
	quotes: "\201C""\201D""\2018""\2019";
	display:block;
	padding: 20px 61px 0px 66px;
	margin: 0 0 20px;
	position: relative;
	line-height: 1.4;
}

blockquote:before {
	font-size: 54px;
	font-weight: bold;
	position: absolute;
	top: 13px;
	content: "\201C";
	left: 20px;
}

blockquote:hover:after, blockquote:hover:before {
	color: #f0ba72;
	transition: all 300ms;
	-o-transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
}

blockquote + p > cite,
blockquote + cite,
blockquote cite {
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
	font-size: 1.5rem;
	display: block;
	margin-left: 66px;
}


/* Lists
--------------------------------------------- */

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

li {
	list-style-type: none; /* by default, give no
	* style type (for menus, widgets, etc.) */
}

/* target the main entry/content */
.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 30px;
	margin-left: 40px;
}

.entry-content ol ul,
.entry-content ul ol,
.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}



					/* Lists Media Queries
					--------------------------------------------- */
					@media only screen and (min-width: 600px) {
						
								.split-list-col-2,
								.split-list-2-col .lcp_catlist  {
									-webkit-column-count: 2; /* Chrome, Safari, Opera */
									-moz-column-count: 2; /* Firefox */
									column-count: 2;
								}

								.split-list-col-3,
								.split-list-3-col .lcp_catlist  {
									-webkit-column-count: 3; /* Chrome, Safari, Opera */
									-moz-column-count: 3; /* Firefox */
									column-count: 3;
								}

					}


/* Horizontal Rules
--------------------------------------------- */

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



/* Tables
 * To make tables responsive, follow:
 * https://www.w3schools.com/howto/howto_css_table_responsive.asp
----------------------------------------------------------------------------- */

.table-wrap {
	overflow-x: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
	margin-bottom: 40px;
	width: 100%;
	word-break: keep-all;
	font-size: 16px;
	font-size: 1.6rem;
}

figure table {
	margin-bottom: 0;
}

tbody {
	border-bottom: 1px solid #eaeaea; /* light grey, this color is not
  * part of the color customizer——edit away! */
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #eaeaea; /* light grey, this color is not
  * part of the color customizer——edit away! */
	padding: 6px;
}

th {
	vertical-align: top;
	font-weight: 800;
	padding: 0 6px;
}

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


/* Default Forms & Buttons
----------------------------------------------------------------------------- */

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

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #eaeaea; /* light grey, this color is not
* part of the color customizer——edit away! */
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	font-weight: 300;
	padding: 15px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	outline: none;
}

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

::-moz-placeholder {
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link, /* gutenberg */
.wp-block-button__link:not(.has-background) /* gutenberg */ {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	background-color: #ff6356; /* jc red, edit via customizer! */
	/* color: #fff; */
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 15px 30px;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

button a,
.button,
a.button,
button,
button a:hover,
button a:focus,
.button:hover,
.button:focus,
a.button:hover,
a.button:focus,
button:hover,
button:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.wp-block-button__link:focus, /* gutenberg */
.wp-block-button__link:hover, /* gutenberg */
.wp-block-button__link:not(.has-background):focus, /* gutenberg */
.wp-block-button__link:not(.has-background):hover /* gutenberg */ {
/*	background-color: #ff6356;  jc red, edit via customizer */
	color: #fff;
}

/* moving this out because we only want the !important on gutenberg [beta] */
.wp-block-button__link, /* gutenberg */
.wp-block-button__link:not(.has-background) /* gutenberg */ {
	background-color: #ff6356;
	border-radius: 3px !important;
}

button,
.button {
	display: inline-block;
}

.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: #eaeaea; /* light grey, this color is not
* part of the color customizer——edit away! */
	border-width: 0;
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	cursor: not-allowed;
}

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


/* Secondary Buttons
--------------------------------------------- */

button.secondary,
.button.secondary {
	background: #fff;
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	border: 2px solid #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
	background-color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	color: #fff;
}


/* Small Buttons
--------------------------------------------- */

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


/* Category & Tag Buttons
---------------------------------------------- */

/* remove the default indentation, list-style, and block settings from
* categories so we can start fresh otherwise, they subcategories wont play
* nice with our styles */

.widget li li.cat-item,
.widget ul > li.cat-item,
.entry-content ul > li.cat-item ul {
	margin: 0;

}
.entry-content ul > li.cat-item {
list-style-type: none;
}

li.cat-item ul.children,
li.cat-item {
	display: inline;
}

/* Basic styles */

a.button.category,
a.category,
li.cat-item a,
.entry-categories a,
.entry-tags a  {
	position: relative;
	background: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	color: #fff;
	font-weight: 300;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 4px 9px 4px 3px;
	margin: 0 0 7px 21px;
	display: inline-block; /* keep links from spanning next line */
	text-decoration: none;
	border-radius: 0;
}

a.button.category:hover,
a.button.category:focus,
a.category:hover,
a.category:focus,
.cat-item a:hover,
.cat-item a:focus,
.entry-categories a:hover,
.entry-categories a:focus {
	background-color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	color: #fff;
}

/* Left arrow */
a.category:before,
.cat-item a:before,
.entry-categories a::before,
.entry-tags a:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 2, 32, 0);
	border-right-color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	border-width: 16px;
	margin-top: -16px;
}


/* Tag Button/Link
--------------------------------------------- */

.entry-tags {
	margin-top: 2em;
}

/* Just in the entry, not in the sidebar, the
* tag links get an arrowbox treatment like
* categories */
.entry-tags a,
.entry-tags a:hover,
.entry-tags a:focus {
	background-color: #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
	color: #000;
}

.entry-tags a:before {
	border-color: rgba(0, 2, 32, 0);
	border-right-color: #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
}

a.tag,
.button.tag {
	background: transparent;
	font-weight: 300;
	padding: 0;
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	text-decoration: underline;
}

a.tag:hover,
a.tag:focus,
.button.tag:hover,
.button.tag:focus {
	background: transparent;
	padding: 0;
	color: #db473c; /* jc dark red, edit via customizer! */
	text-decoration: underline;
}


/* Button Shadows
---------------------------------------------- */

/* Before hover */
button,
.button {
	-webkit-box-shadow: 7px 10px 42px -21px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 10px 42px -21px rgba(0,0,0,0.75);
	box-shadow: 7px 10px 42px -21px rgba(0,0,0,0.75);
}

/* On hover */
button:focus,
button:focus,
.button:focus,
.button:hover,
a.category:hover,
a.category:focus,
.cat-item a:hover,
.cat-item a:focus,
.entry-categories a:hover,
.entry-categories a:focus,
.entry-tags a:hover,
.entry-tags a:focus {
	-webkit-box-shadow: 0px 13px 39px -13px rgba(0,0,0,0.85);
	-moz-box-shadow: 0px 13px 39px -13px rgba(0,0,0,0.85);
	box-shadow: 0px 13px 39px -13px rgba(0,0,0,0.85);
}

/* buttons shadows in gutenberg
 * !important needed for gutenberg beta, move out and specify
 * because we need to change this later for the mobile menu shadow */

.wp-block-button__link,
.wp-block-button__link:not(.has-background) {
	-webkit-box-shadow: 7px 10px 42px -21px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 10px 42px -21px rgba(0,0,0,0.75);
	box-shadow: 7px 10px 42px -21px rgba(0,0,0,0.75);
}

.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:not(.has-background):focus,
.wp-block-button__link:not(.has-background):hover {
	-webkit-box-shadow: -1px 7px 46px -18px rgba(0,0,0,1) !important;
	-moz-box-shadow: -1px 7px 46px -18px rgba(0,0,0,1)!important;
	box-shadow: -1px 7px 46px -18px rgba(0,0,0,1) !important;
}

/* override with no shadows */
button#genesis-mobile-nav-primary, /* mobile menu hamburger */
button#genesis-mobile-nav-primary:hover,
button#genesis-mobile-nav-primary:focus,
button#genesis-mobile-nav-primary.menu-toggle button:hover,
button#genesis-mobile-nav-primary.menu-toggle button:focus,
button.sub-menu-toggle,
button.sub-menu-toggle:hover,
button.sub-menu-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Default Search Form
--------------------------------------------- */

.search-form {
overflow: hidden;
}

.entry-content .search-form {
margin-bottom: 40px;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
margin-top: 10px;
}

.widget_search input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}


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

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

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

figure {
	margin: 0;
}

iframe {
	border-width: 0;
}

/* audio shortcode */
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	background: #000220 !important;
}

figcaption,
.wp-block-image figcaption /* gutenberg */ {
	margin: .8em;
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 10px 0;
}
.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.gallery-caption,
.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0;
	text-align: center;
}



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

/* Entry Content
--------------------------------------------- */

.entry {
 margin-bottom: 40px;
}

.entry-content code {
	background-color: #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
}

.entry-content .caption {
	font-size: 14px;
	font-weight: 600;
	margin-top: -20px;
	text-align: center;
}

.content .sticky {
	background-color: #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
	padding: 30px;
}

/* Entry Meta
--------------------------------------------- */

.entry-footer {
	max-width: 666px;
}

.entry-footer .entry-meta {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding: 20px 0;
}

.entry-Gies,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

/* Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 60px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 4px;
	padding: 8px 12px;
	text-decoration: none;
}

.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	color: #fff;
}

/* Entry Comments
--------------------------------------------- */

#comments {
	border-top: 3px solid #000220;
	padding-top: 3em;
}

.comment-list li article,
.ping-list li article,
.comment-respond {
	background-color: rgba(234, 234, 234, 0.4);
	padding: 1em;
	border: 2px solid #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
	margin-bottom: 1em;
}

.comment-respond,
.entry-comments,
.entry-pings {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 40px;
}

.comment-list li {
	padding: 7px 0 0 30px;
}

.comment-list .depth-1 {
	padding-left: 0;
}

.comment-header {
	margin-bottom: 30px;
}

.comment-content {
	clear: both;
}

.comment-list ol > li {
	list-style-type: decimal;
}

.comment-content ul > li {
	list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-header p {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}


/* Avatars, Author Boxes, & Archive Descriptions
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.author-box .avatar,
.alignleft .avatar {
	margin-right: 20px;
}

.alignright .avatar {
	margin-left: 20px;
}

.comment .avatar {
	margin: 0 15px 20px 0;
}

.archive-description,
.author-box {
	margin-bottom: 40px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}


/* Alignments
--------------------------------------------- */
.aligncenter {
	text-align: center;
}

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

a.alignnone {
	display: inline-block;
}

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

.alignleft,
.alignright {
	float: none;
}

.wp-block-image .alignleft, /* gutenberg */
.wp-block-image .alignright /* gutenberg */ {
	float: none!important;
}

.alignleft figcaption,
.alignright figcaption {
	text-align: left;
}




				/* Alignments Media Queries
				--------------------------------------------- */
				
				@media only screen and (min-width: 700px) {

						.alignleft {
							float: left;
							text-align: left;
							padding-right: 1em;
						}

						.alignright {
							float: right;
							text-align: right;
							padding-left: 1em;
						}

						.wp-block-image .alignleft /* gutenberg */ {
							float: left!important;
							text-align: left!important;
							padding-right: 1em!important;
						}

						.wp-block-image .alignright /* gutenberg */ {
							float: right!important;
							text-align: right!important;
							padding-left: 1em!important;
						}

						p.alignright {
							float: none !important;
						}

						.alignleft figcaption,
						.alignright figcaption {
							text-align: center;
						}

				}

/* Galleries
--------------------------------------------- */

.gallery img {
	transition: all 0.2s ease-in-out;
}

.gallery {
	overflow: hidden;
}

.gallery img {
	border: 1px solid #eaeaea;
	height: auto;
	padding: 4px;
}

.gallery img:focus,
.gallery img:hover {
	border: 1px solid #000220;
	outline: none;
}

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

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

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

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

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

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

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

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

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

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery-item {
	float: left;
	margin: 0 0 30px;
	text-align: center;
}

/* Widgets
--------------------------------------------- */

.widget {
	margin-bottom: 40px;
}

.widget ul > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget ul > li {
	margin-bottom: 10px;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}


/* Featured Content
--------------------------------------------- */

.featured-content .entry:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}

.featured-content .entry-title {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 800;
	margin-top: 0px;
}

.featured-content img {
	padding-bottom: 1em;
}




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


/* Site Header & Title Area
--------------------------------------------- */

.site-header {
	width: 100%;
	/* box-shadow: 0 0 20px rgba(0,0,0,0.05); */
	padding: 30px;
}

/* Site Title & Logo */
.title-area {
	margin: 0 auto;
	padding-bottom: 25px;
	padding-top: 25px;
}

.wp-custom-logo .title-area {
	max-width: 200px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.site-title {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0;
}

.site-title a,
.site-title a:focus,
.site-title a:hover {
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	text-decoration: none;
}

.site-description,
.wp-custom-logo .site-title {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}


					/* Site Header & Title Media Queries
					--------------------------------------------- */

					@media only screen and (min-width: 400px) {

							/* site title & logo */
							.title-area {
								float: left;
							}

					}




/* Responsive Header/Primary Menu & Animated/Flyout Search Bar
 * The following styles control:
 *   a) the main, mobile dropdown menu
 *   b) the top-level menu on desktop
 *   c) the dropdown menu that drops down from the top-level menu on desktop
 *   *) also includes the mobile, in-navigation search bar and and the desktop,
 *      animated/flyout search bar.
--------------------------------------------- */

.nav-primary {
	clear: left;
	width: 100%;
}

.genesis-nav-menu {
	clear: both;
	line-height: 1;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: block;
	float: none;
	position: relative;
}

.genesis-nav-menu a {
	/* color: #000220;  midnight, this color is not
	* part of the color customizer——edit away! */
	text-transform: uppercase;
	letter-spacing: 1.5px;
	word-spacing: 2.5px;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	outline-offset: -1px;
	padding-bottom: 12px;
	padding-top: 12px;
	text-decoration: none;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	text-decoration: none;
}

.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
	width: 100%;
}

.genesis-nav-menu .sub-menu {
	clear: both;
	display: none;
	left: -9999px;
	margin: 0;
	opacity: 1;
	padding-left: 15px;
	position: static;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	position: relative;
	word-wrap: break-word;
}

.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item:hover {
	position: relative;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.menu-toggle,  /* mobile menu hamburger */
.dashicons-arrow-down-alt2:before /* mobile menu drop-down arrows */ {
	color: #ff6356; /* jc red, edit via customizer! */
}

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-responsive-menu {
	display: none;
	position: relative;
}

.menu-toggle,
.sub-menu-toggle {
	background-color: transparent;
	border-width: 0;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	visibility: visible;
}

.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
	background-color: transparent;
	border-width: 0;
	color: #ff6356; /* jc red, edit via customizer! */
}

.menu-toggle {
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 15px 0;
	position: relative;
	z-index: 1000;
}

.menu-toggle.activated::before {
	content: "\f335";
}

.site-header .menu-toggle::before {
	float: left;
	margin-right: 5px;
	position: relative;
	text-rendering: auto;
	top: 1px;
}

.sub-menu-toggle {
	float: right;
	padding: 9px 10px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

.sub-menu .sub-menu-toggle {
	padding: 12px 10px;
}

.sub-menu-toggle::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-transform: rotate( 0 );
	-ms-transform:     rotate( 0 );
	transform:         rotate( 0 );
	transition: none;
}

.sub-menu-toggle.activated::before {
	-webkit-transform: rotate( 180deg );
	-ms-transform:     rotate( 180deg );
	transform:         rotate( 180deg );
}





					/* Responsive Header/Primary Menu & Animated/
					 * Flyout Search Bar Media Queries
					--------------------------------------------- */


					@media only screen and (min-width: 400px) {

							/* mobile hamburger menu
							* before this breakpoint, we had it centerd */
							.menu-toggle {
								float: right;
							}

							/* mobile drop-down */
							.genesis-responsive-menu {
								padding-top: 30px;
							}

					}


					@media only screen and (min-width: 960px) {

							.nav-primary {
								clear: none;
								float: right;
								width: auto;
							}

							.nav-primary .genesis-nav-menu a {
								padding-left: 15px;
								padding-right: 15px;
							}

							.genesis-responsive-menu {
								display: block;
								padding-top: 30px;
							}

							.menu-toggle,
							.sub-menu-toggle {
								display: none;
								visibility: hidden;
							}

							/* make room for the ▲ character, just on desktop */
							.genesis-nav-menu > li > .sub-menu {
								margin-top: -14px;
							}

							/* since site admins can use the customizer to change the sub-menu color, we're
							* using the ▲ character (vs css arrows) in order to easily recolor the submenu
							* arrow, just on desktop */
							.genesis-nav-menu > li > .sub-menu::before {
								content: "▲";
								color: #ff6356; /* jc red, edit via customizer! */
								position: relative;
								left: 18px;
								top: 4px;
							}

							/* override link styles on just the desktop dropdown */
							.genesis-nav-menu .sub-menu a {
								color: #fff;
								text-transform: none;
								letter-spacing: 0;
								word-spacing: 0;
							}

							/* color the dropdown background, just on desktop */
							.genesis-nav-menu .sub-menu li {
								background: #ff6356; /* jc red, edit via customizer! */
							}

							/* color the dropdown background on hover, just on desktop */
							.genesis-nav-menu .sub-menu li a:hover,
							.genesis-nav-menu .sub-menu li a:focus {
								background: #db473c; /* jc dark red, edit via customizer! */
							}


							.genesis-nav-menu .menu-item {
								display: inline-block;
							}

							.genesis-nav-menu .menu-item:focus,
							.genesis-nav-menu .menu-item:hover {
								position: relative;
							}

							.genesis-nav-menu > .menu-bold > a {
								font-weight: 800;
							}

							/* select the main-level navigation links, but NOT the
							* dropdown menu links */
							ul.genesis-nav-menu > li > a {
								background-color: transparent;
								color: #000220; /* midnight, this color is not
								* part of the color customizer——edit away! */
							}

							ul.genesis-nav-menu > li > a:hover,
							ul.genesis-nav-menu > li > a:focus {
								color: #ff6356; /* jc red, edit via customizer! */
							}

							ul.genesis-nav-menu > li.menu-highlight > a {
								background-color: #000220; /* midnight, this color is not
								* part of the color customizer——edit away! */
								border-radius: 3px;
								color: #fff;
								font-weight: 800;
								margin-left: 15px;
								padding-left: 20px;
								padding-right: 20px;
							}


							ul.genesis-nav-menu > li.menu-highlight > a:hover,
							ul.genesis-nav-menu > li.menu-highlight > a:focus {
								background-color: #ff6356; /* jc red, edit via customizer! */
								color: #fff;
							}

							.genesis-responsive-menu .genesis-nav-menu .sub-menu,
							.genesis-responsive-menu .genesis-nav-menu .sub-menu a {
								width: 180px;
							}

							.genesis-nav-menu .sub-menu {
								opacity: 0;
								padding-left: 0;
								position: absolute;
								transition: none;
							}

							.genesis-nav-menu .sub-menu a {
								border-top: 0;
								padding-bottom: 15px;
								padding-top: 15px;
							}

							/* make sub sub menus sit flush with sub menu */
							.genesis-nav-menu .sub-menu .sub-menu {
								margin: -46px 0 0 179px;
							}



							/* Animated/Flyout Search Bar on Tablet/Desktop
							*
							* When the header menu grows from mobile to
							* tablet/desktop size, turn the search bar into
							* a flyout.
							*
							* Additional code found in functions.php (appends
							* form and icon to header menu) and in
							* jefferson-center.js (adds show and .hide
							* classes when icon is clicked)
							--------------------------------------------- */

							.nav-primary .genesis-nav-menu > .search {
								display: inline-block;
								position: relative;
								width: auto;
								padding: 0;
							}

							li a.icon-search:before {
								font-family: FontAwesome;
								font-weight: normal;
								font-style: normal;
								text-decoration: inherit;
								content: "\f002";
							}

							li a.icon-search {
								cursor: pointer;
							}

							li a.icon-search:hover {
								text-decoration: none;
							}

							.search-div {
								display: none;
								position: absolute;
								top: -8px; /* use 50px if you want it below, rather than over */
								z-index: 10;
								right: 16px;
								width: 370px;
								border: #000220 solid 3px; /* midnight, this color is not
								* part of the color customizer——edit away! */
								-webkit-box-shadow: 0px 13px 39px -13px rgba(0,0,0,0.85);
								-moz-box-shadow: 0px 13px 39px -13px rgba(0,0,0,0.85);
								box-shadow: 0px 13px 39px -13px rgba(0,0,0,0.85);
							}

							.search-div .search-form {
								position: relative;
							}

							.site-header .search-form {
								width: 100%;
								margin-top: 0;
							}

							.search-div .search-form input[type="search"] {
								width: 100%;
								padding: 14px;
								font-size: 16px;
								font-size: 1.6rem;
							}

							.search-div .search-form input[type="submit"] {
								background: #000220; /* midnight, this color is not
								* part of the color customizer——edit away! */
								color: #fff;
								border-left: #000220 solid 3px; /* midnight, this color is not
								* part of the color customizer——edit away! */
								position: absolute;
								right: 0;
								top: 0;
								padding: 14px 32px;
								-webkit-border-radius: 0;
								border-radius: 0;
								clip: inherit;
								width: auto;
								height: auto;
								margin-top: 0;
							}

							.search-div .search-form input[type="submit"]:hover,
							.search-div .search-form input[type="submit"]:focus {
								background: #ff6356; /* jc red, change via customizer! */
								box-shadow: none;
							}

							.search-div .search-form input {
								border: 0;
							}

							/* Clear search field placeholder text on focus */
							input:focus::-webkit-input-placeholder {
								color: transparent;
							}

							input:focus:-moz-placeholder /* Firefox 18- */ {
								color: transparent;
							}

							input:focus::-moz-placeholder /* Firefox 19+ */ {
								color: transparent;
							}

							input:focus:-ms-input-placeholder /* oldIE 😉 */ {
								color: transparent;
							}

					}



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

.site-container {
	-webkit-animation: fadein 1s;
	animation:         fadein 1s;
	word-wrap: break-word;
}

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

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

/* Site Inner
 * outer most wrap of everything between the
 * header & footer widgets/footer.
--------------------------------------------- */

.site-inner {
	clear: both;
	margin: 0 auto;
	padding: 30px 30px 0 30px; /* this matches the padding
	* on the header and footer, but prevents space between
	* .after-entry and the footer */
}



				/* Site-Inner Media Queries
				--------------------------------------------- */

				@media only screen and (min-width: 960px) {

						.site-inner {
							max-width: 1440px; 	/* this max width allows to the inner content
							* to be flush with the header and footer side
							* padding, all the way up to 1440px (15" macbook). */
						}

				}



/* Content & Sidebar Wrapping Container
 *
 * After .site-inner, .content-sidebar-wrap is the next outer most wrap of
 * everything between the header & footer widgets/footer. On pages with a
 * sidebar, this contains both the sidebar and the main content. On pages
 * with no sidebar, this wrap is still present.
 --------------------------------------------- */


				 /* Content & Sidebar Wrapping Container Media Queries
				 --------------------------------------------- */

				@media only screen and (min-width: 1140px) {

						.sidebar-content .content-sidebar-wrap {
							width: 1088px;
						}

				}


				@media only screen and (min-width: 1240px) {

						/* give a little more space between the posts and the sidebar */
						.sidebar-content .content-sidebar-wrap {
							width: 1133px;
						}

				}


/* Breadcrumb Menu
--------------------------------------------- */

.breadcrumb {
	border-bottom: 1px solid #eaeaea;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 40px;
	padding-bottom: 10px;
}



/* Featured Images
--------------------------------------------- */

/* target only featured images inside an entry (not widgets) and make whitespace */
main.content > .wp-post-image {
	padding-bottom: 2em;
}


					/* Featured Image Media Queries
					--------------------------------------------- */

					@media only screen and (min-width: 1040px) {

							/* remove mobile padding */
							main.content > .wp-post-image {
								padding-bottom: 0;
							}

							/* target only featured images inside an entry (not widgets) */
							main.content > .wp-post-image {
								-webkit-box-shadow: 0px 22px 31px -35px rgba(0,0,0,0.53);
								-moz-box-shadow: 0px 22px 31px -35px rgba(0,0,0,0.53);
								box-shadow: 0px 22px 31px -35px rgba(0,0,0,0.53); /* for this
								* shadow to work, don't add padding to .wp-post-image :) */
							}

							/* target only featured images inside an entry, and on the
							* full-width layout, them make then much wider than the content */
								main.content > .wp-post-image {
								min-width: 130%;
								max-width: 130%;
								margin-left: -112px;
							}

							/* target only featured images inside an entry, and on the
							* two-column layout, then make them a little wider than the content */
								.sidebar-content main.content > .wp-post-image {
								min-width: 105%;
								max-width: 105%;
								margin-left: -18px;
							}

							/* make the entry title appear on top to the featured image,
							* when a featured image is present; don't do it on
							* things like category and search pages though */
							.page article.has-post-thumbnail.entry,
							.single-post article.has-post-thumbnail.entry {
								background: #fff;
								padding: 5%;
								position: relative;
								z-index: 10;
								top: -60px;
							}

					}


				@media only screen and (min-width: 1140px) {

						main.content > .wp-post-image {
							min-width: 150%;
							max-width: 150%;
							margin-left: -188px;
						}

				}

				@media only screen and (min-width: 1240px) {

							/* target only featured images inside an entry, and on the
							* two-column layout, then make them a little wider than the content */
							.sidebar-content main.content > .wp-post-image {
								min-width: 115%;
								max-width: 115%;
								margin-left: -60px;
							}

				}


/* Main Content
 *
 * Inside the .content-sidebar-wrap--and along
 * with the sidebar--sits <main class="content"
 * id="genesis-content">...</main>
--------------------------------------------- */

.content {
	width: 100%; /* full width on mobile, but it main
	* with is set to 70% later on */
	max-width: 750px;
	margin: 0 auto;
}



					/* Main Content Media Queries
					--------------------------------------------- */

					@media only screen and (min-width: 960px) {

							/* target only full-width layouts
							.full-width-content .content {
							float: left;
							width: 50%;
							} */

							/* target only two-column layouts */
							.sidebar-content .content {
							float: right;
							width: 70%; /* 790px; this corresponds with the sidebar width--together
							* they should not exceed 95% */
							/* we could set a min-width here if unhappy with the narrow
							* content column on tablet */
							/* padding-right: 25%;  match the width of the left sidebar
							* so .content appears centered */
							/* padding-left: 2em;  can't have this because it messes up masonry */
							}



							/* target only full width layouts and landing page templates */
							.full-width-content .content,
							.landing-page .content {
							float: none;
							margin-left: auto;
							margin-right: auto;
							}

					}




/* Sidebar
--------------------------------------------- */

.sidebar {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
}

.sidebar .widget {
	margin-bottom: 40px;
}

.sidebar p {
	margin-bottom: 20px;
}



				/* Sidebar Media Queries
				--------------------------------------------- */

					@media only screen and (min-width: 960px) {

							.sidebar {
								padding-right: 2em;
								float: right;
								width: 25%;
							}

							.sidebar-content .sidebar {
								float: left;
							}

					}





/* After Entry
* This the widget area – typically used for the newsletter signup – that
* appears just above the footer widgets.
*
* Additional settings found in includes > widget-areas.php
--------------------------------------------- */

.after-entry {
	background-color: #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
	clear: both; /* this is needed to clear the sidebar and content floats on two column layouts  */
	margin: 0 auto;
}

.after-entry .widget:last-of-type {
	margin-bottom: 0;
}

.after-entry .widget-wrap {
	max-width: 1140px;
	margin: 0 auto;
	padding: 60px 30px 70px;
}

.after-entry p {
	text-align: center;
}

/* set up for full width background color */
.after-entry:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 598.5rem;
	right: 598.5rem;
}

/* make the background color extend full width, passed the .site-inner margins  */
.after-entry {
	background: #eaeaea;
	position: relative;
	z-index: 0;
	margin: 0 -600rem 0 -600rem;
	padding: 7rem 600rem;
}

/* make the background color extend full width, passed the .site-inner margins  */
.after-entry > * {
	margin: 0 auto;
}




					/* After Entry Media Queries
					--------------------------------------------- */

					@media only screen and (min-width: 960px) {

							.after-entry .enews {
								padding-left: 30px;
								padding-right: 30px;
							}

					}




/* Footer
	* This section includes the a) footer widgets, b) the actual footer, c) the
	* actual footer's menu, and d) the media queries for these components.
	*
	* ** Actual footer: The footer is technically just the credit
	* line at the very bottom of the site—-the footer widgets are not part of
	* the footer. However, visually, the footer widgets are styled to appear
	* as one with the footer.
	--------------------------------------------- */


		/* Footer Widgets
			* before the media queries begin, the
			* widgets on mobile are stacked in 1 column
			* the media queries float them to 4, side-by-
			* side columns.
			--------------------------------------------- */

		.footer-widgets {
			background-color: #000220; /* midnight, this color is not
			* part of the color customizer——edit away! */
			color: rgba(255, 255, 255, 0.84); /* white w/ transparency */
			text-align: center; /* center everything on mobile */
			clear: both;
			font-size: 16px;
			font-size: 1.6rem;
			padding: 60px 0;
		}

		.footer-widgets .wrap {
			margin-left: auto;
			margin-right: auto;
		}

		.footer-widget-area {
			margin-bottom: 40px;
			padding-left: 30px;
			padding-right: 30px;
		}

		.footer-widget-area:last-child ,
		.footer-widgets .widget:last-child {
			margin-bottom: 0;
		}

		.footer-widgets .widget-title,
		.footer-widgets h3 {
			font-size: 16px;
			font-size: 1.6rem;
		}

		.footer-widgets .widget-title,
		.footer-widgets h3,
		.footer-widgets h4,
		.footer-widgets h5,
		.footer-widgets h6 {
			text-transform: uppercase;
			letter-spacing: 3px;
			word-spacing: 3px;
			font-family: 'Nunito', sans-serif;
			font-weight: 300;
		}


		.footer-widgets a,
		.footer-widgets a:focus,
		.footer-widgets a:hover {
			color: rgba(255, 255, 255, 0.84); /* white w/ transparency */
			text-decoration: none;
		}

		.footer-widgets a.button,
		.footer-widgets a.button:focus,
		.footer-widgets a.button:hover {
			color: #fff;
		}


		/* Site Footer
		--------------------------------------------- */

		.site-footer {
			background-color: #000220; /* midnight, this color is not
			* part of the color customizer——edit away! */
			color: rgba(255, 255, 255, 0.84); /* white w/ transparency */
			padding: 30px 30px 60px 30px;
			text-align: center;
		}

		.site-footer,
		.site-footer .menu-item a {
			font-family: 'Nunito', sans-serif;
			text-transform: none;
			font-size: 16px;
			font-size: 1.6rem;
			letter-spacing: normal;
		}

		.site-footer p {
			margin-bottom: 0;
		}

		.site-footer a {
			color: rgba(255, 255, 255, 0.84); /* white w/ transparency */
			text-decoration: underline;
		}

		.site-footer a:hover,
		.site-footer a:focus,
		ul#menu-footer-menu li a:hover,
		ul#menu-footer-menu li a:focus {
			color: rgba(255, 255, 255, 0.84); /* white w/ transparency */
			text-decoration: none;
		}


		/* Footer Menu (Below Footer Widgets)
		 *
		 * This is an optional menu UNDERNEATH
		 * the footer widget areas.
		--------------------------------------------- */

		.nav-secondary {
			margin-top: 10px;
		}

		.nav-secondary .genesis-nav-menu {
			line-height: 1.5;
		}

		.nav-secondary .menu-item {
			display: inline-block;
		}

		.nav-secondary a {
			margin-left: 10px;
			margin-right: 10px;
			padding: 0;
		}

		.site-footer .genesis-nav-menu .sub-menu li,
		.site-footer .genesis-nav-menu a {
			background: transparent;
			color: #fff;
		}




							/* Footer Media Queries
							--------------------------------------------- */

							@media only screen and (min-width: 960px) {

									/* Footer Widget Media Queries
									* At this min width, we start the 4 column
									* widget layout. This makes the first widget
									* the widest, the fourth a little less wide, and
									* the middle two equal and small.
									*
									* If you want 4 columns instead, change the "3" to "4"
									* in functions.php in this line:
									*   add_theme_support( 'genesis-footer-widgets', 3 );
									* then, change the css below to:
									* 		.footer-widgets-1 {
									*				width: 41.6625%;
									*			}
									*
									*			.footer-widgets-2,
									*			.footer-widgets-3 {
									*				width: 16.665%
									*			}
									*
									*			.footer-widgets-4 {
									*				width: 24.9974%;
									*			}
									*
									* If you want the widgets to be equal, use
									* calc(100% / 4) .footer-widget-area instead
									* to auto calculate an equal width based on 4 widget
									* areas. Then use 22.22% as a fallback.
									--------------------------------------------- */

									.footer-widgets .wrap {
									max-width: 1140px;
									}

									.footer-widgets	{
									text-align: left; /* center everything on mobile */
									}

									.footer-widget-area {
									float: left;
									margin-bottom: 0;
									}

									.footer-widgets-1 {
									width: 45%;
									}

									.footer-widgets-2 {
									width: 25%;
									}

									.footer-widgets-3 {
									width: 30%;
									}

							}





/* Blog List Page/Masonry Layout
----------------------------------------------------------------------------- */

/* General .blog Styles
--------------------------------------------- */

.archive-pagination {
	position: relative !important;
	top: 0 !important;
	text-align: right;
	max-width: 1140px;
}

.blog .entry h2.entry-title {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 400;
}

.blog .entry-title-link {
    color: #000220;
    text-transform: uppercase;
    text-decoration: underline;
}

.blog .entry-title-link:hover,
.blog .entry-title-link:focus {
    color: #ff6356;  /* jc red, edit via customizer! */
}

.blog .entry,
.blog article.has-post-thumbnail.entry {
	background: rgba(234, 234, 234, 0.6);
	color: #000;
	padding: 3% 2%;
}

.blog .entry {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0 1.5% 30px !important;
	width: 100%;
}

/* visually hide the title and breadcrumb on the masonry blog page */
.blog .breadcrumb,
.blog .archive-description.posts-page-description {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px; width: 1px;
	margin: -1px; padding: 0; border: 0;
}

.blog p.entry-meta {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	padding-top: 1em;
}

.blog article {
		text-align: center;
}


					/* Media Queries for Blog List Page
					--------------------------------------------- */

					@media only screen and (min-width: 700px) {	
						
							.blog .entry-title-link {
								padding-top: 0;
							}
							
							.blog article {
									text-align: normal;
							}

					}
					
					@media only screen and (min-width: 768px) {

							.blog main .entry {
								width: 30%;
							}

							.blog main > article img {
								margin-right: 0;
								padding-right: 0;
								border: 2px solid #000220;
							}

					}


					@media only screen and (min-width: 1140px) {

							/* give a little more space between the posts and the sidebar */
							.blog.sidebar-content .content-sidebar-wrap {
								width: 1113px;
							}

					}

					@media only screen and (min-width: 1240px) {

							/* give a little more space between the posts and the sidebar */
							.blog.sidebar-content .content-sidebar-wrap {
								width: 1180px;
							}

					}


/* Homepage & Homepage Widgets
 *
 * Most of the home page is controlled through widgets. The widgets are set up in
 * widget-areas.php and pulled in through front-page.php.
------------------------------------------------------------------------------*/


/* General Home Styles
--------------------------------------------- */

/* remove the entry content since the homepage is controlled via widgets */
.home main#genesis-content {
	margin: 0;
	display: none;
}

/* give us the flexibility to work full-width  */
.home .site-inner {
	max-width: none;
	padding: 0;
	margin: 0 auto;
}

/* inside the full width backgrounds, make the
 * width match the rest of the site  */
.home .below-hero.widget-area,
.home section.area-four-posts.widget-area,
.home .area-five-testimonials .widget-wrap {
	max-width: 1140px;
	margin: 0 auto;
}

.home .below-hero-wrap,
.home .area-five-testimonials .widget-wrap {
	padding: 60px 30px;
}

.home section.area-four-posts.widget-area {
	padding: 95px 30px 0 30px;
}

.home .entry {
	margin-bottom: 0px;
}

/* style certain titles on the homepage */
.home .area-two-hero-text .widget-title,
.home .below-hero-wrap .widget-title,
.home .area-five-testimonials .widget-title,
.home .area-four-posts .widget-title,
.after-entry .widget-title {
	font-family: 'Oswald', sans-serif;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: 700;
	text-transform: uppercase;
}

/* style certain titles on the homepage */
.home .area-five-testimonials .widget-title,
.after-entry .widget-title {
	text-align: center;
}

.home .area-five-testimonials .widget-title {
	padding-bottom: 1em;
}



/* Hero Area
--------------------------------------------- */

/* make the hero be full width */
.area-one-hero img {
	width: 100%;
}

.home .area-one-hero .widget {
	margin-bottom: 0;
}

/* remove widget title from the hero widget */
.home .area-one-hero .widget-title {
	display: none;
}

/* Hero Text Area
--------------------------------------------- */

/* style the hero text */
.home .area-two-hero-text {
	background: #fff;
	width: 100%; /* full width on mobile */
	padding: 1.5em 2.5em;
}

/* color the hero text title */
.home .area-two-hero-text .widget-title {
	color: #ff6356; /* jc red, edit via customizer! */
}

/* style the hero text */
.area-two-hero-text p {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 1em;
	margin-bottom: 0;
}

/* Below Hero Area
--------------------------------------------- */
.home .area-two-three-wrap {
	background: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
}

.home .below-hero-wrap {
	color: #fff;
}

.home .below-hero-wrap .stacked-callout.widget-area {
	max-width: 500px;
	margin: 0 auto;
}

.home .below-hero.widget-area .wrap {
	margin-top: -1em; 
}


/* Posts Area
--------------------------------------------- */

.home .widget_recent_entries {
	font-size: 16px;
	font-size: 1.6rem;
}




					/* Homepage Media Queries
					--------------------------------------------- */

					@media only screen and (min-width: 700px) {

							.area-one-hero {
								min-height: 400px; /* prevent weirdness when
								slow-loading heros have not loaded yet */
							}

					}

					@media only screen and (min-width: 960px) {

								/* Hero Text
								--------------------------------------------- */
								.home .area-two-wrapper {
									max-width: 1140px;
									margin: 0 auto;
								}

								/* only apply these styles if the hero widget has something in it */
								.area-one-hero ~ .area-two-three-wrap .area-two-wrapper .area-two-hero-text {
									width: 50%;
									margin: -17% 0 5% 0;
									float: right;
									position: relative;
									-webkit-box-shadow: -1px 7px 46px -18px rgba(0,0,0,1);
									-moz-box-shadow: -1px 7px 46px -18px rgba(0,0,0,1);
									box-shadow: -1px 7px 46px -18px rgba(0,0,0,1);
								}


								/* Below Hero Area
								--------------------------------------------- */
								/* Clear the hero text float */
								.home .below-hero.widget-area:first-of-type {
									padding-top: 8em;
								}


								/* Featured Posts Area
								--------------------------------------------- */

								.home article.has-post-thumbnail.entry {
									position: static;
									top: 0;
									background: transparent;
									padding: 0;
								}

								.area-four-posts.widget-area .featuredpost {
									float: left;
									width: 70%;
								}

								.area-four-posts.widget-area .widget_recent_entries {
									float: right;
									width: 25%;
								}

					}


				@media only screen and (min-width: 1040px) {

					/* General Homepage
					--------------------------------------------- */

					.home .site-header {
						background-color: rgba(255, 255, 255, 0.92);
						position: absolute;
						z-index: 9999;
						padding: 20px 30px 40px 30px;
						box-shadow: 0 0 20px rgba(0,0,0,0.05);
					}

				}




/* Column Classes
--------------------------------------------------------------------------- */


/* Column Class Media Queries
--------------------------------------------- */

@media only screen and (min-width: 960px) {

		.five-sixths,
		.four-sixths,
		.one-fourth,
		.one-half,
		.one-sixth,
		.one-third,
		.three-fourths,
		.three-sixths,
		.two-fourths,
		.two-sixths,
		.two-thirds {
			float: left;
			margin-left: 2.564102564102564%;
		}

		.one-half,
		.three-sixths,
		.two-fourths {
			width: 48.717948717948715%;
		}

		.one-third,
		.two-sixths {
			width: 31.623931623931625%;
		}

		.four-sixths,
		.two-thirds {
			width: 65.81196581196582%;
		}

		.one-fourth {
			width: 23.076923076923077%;
		}

		.three-fourths {
			width: 74.35897435897436%;
		}

		.one-sixth {
			width: 14.52991452991453%;
		}

		.five-sixths {
			width: 82.90598290598291%;
		}

		.first {
			clear: both;
			margin-left: 0;
		}

}



/* Callouts
----------------------------------------------------------------------------- */

.block-callout,
.title-callout,
.notice-callout {
	/* careful not to override left & right .push margins  */
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Block Callouts
--------------------------------------------- */

.block-callout {
	background: #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	padding: 1em;
	border: 5px solid rgba(0, 2, 32, 0.0196078431372549); /* transparent midnight,
	* this color is not part of the color customizer——edit away! */
}

.home .block-callout {
	border-color: #fff; /* white, this color is not
	* part of the color customizer——edit away! */
}

.block-callout img {
	margin: 0 auto;
	margin-bottom: 1.5em;
	display: block;
}

.block-callout h1,
.block-callout h2,
.block-callout h3,
.block-callout h4,
.block-callout h5,
.block-callout h6 {
	font-size: 20px;
	font-size: 2.0rem;
	text-transform: uppercase;
}

.block-callout h1 a,
.block-callout a h1,
.block-callout a h2,
.block-callout h2 a,
.block-callout a h3,
.block-callout h3 a,
.block-callout a h4,
.block-callout h4 a,
.block-callout a h5,
.block-callout h5 a,
.block-callout a h6,
.block-callout h6 a {
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	text-decoration: underline;
}

.block-callout h1 a:hover,
.block-callout a h1:hover,
.block-callout a h2:hover,
.block-callout h2 a:hover,
.block-callout a h3:hover,
.block-callout h3 a:hover,
.block-callout a h4:hover,
.block-callout h4 a:hover,
.block-callout a h5:hover,
.block-callout h5 a:hover,
.block-callout a h6:hover,
.block-callout h6 a:hover,
.block-callout h1 a:focus,
.block-callout a h1:focus,
.block-callout a h2:focus,
.block-callout h2 a:focus,
.block-callout a h3:focus,
.block-callout h3 a:focus,
.block-callout a h4:focus,
.block-callout h4 a:focus,
.block-callout a h5:focus,
.block-callout h5 a:focus,
.block-callout a h6:focus,
.block-callout h6 a:focus {
	color: #ff6356; /* jc red, edit via customizer! */
}



/* Title Callouts
--------------------------------------------- */

.title-callout img {
	width: 350px;
	margin: 0;
}

.title-callout h1 a,
.title-callout h2 a,
.title-callout h3 a,
.title-callout h4 a,
.title-callout h5 a,
.title-callout h6 a {
	display: block;
	background: #fff;
	border-color: #ff6356; /* jc main red - this
	* color is not part of the customizer */
	border-bottom: 4px solid;
	border-right: 1px solid;
	position: relative;
	padding: 1em;
	font-size: 21px;
	font-size: 2.1rem;
	left: 105px;
	bottom: 70px;
	width: 260px;
	text-decoration: none; /* remove the underline
	* to prep for the link's arrow */
}

/* add the arrow after the link */
.title-callout h1 a::after,
.title-callout h2 a::after,
.title-callout h3 a::after,
.title-callout h4 a::after,
.title-callout h5 a::after,
.title-callout h6 a::after {
	content: "\2192";
	padding-left: 5px;
}


.title-callout h1,
.title-callout h2,
.title-callout h3,
.title-callout h4,
.title-callout h5,
.title-callout h6,
.title-callout {
	margin-bottom: 0;
}

/* Notice Callouts
--------------------------------------------- */

.notice-callout {
	padding: 1em;
	background: #ff6356; /* jc red, edit via customizer! */
	color: #fff;
	font-weight: 800;
	-webkit-box-shadow: 0px 22px 31px -35px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 22px 31px -35px rgba(0,0,0,0.53);
	box-shadow: 0px 22px 31px -35px rgba(0,0,0,0.53);
}


.notice-callout p:last-of-type {
	margin-bottom: .3em;
}

.notice-callout.tertiary {
	background: #f0ba72; /* tertiary, this color is not
	* part of the color customizer——edit away! */
}

.notice-callout.warning {
	background: #f33a2b; /* warning red, this color is not
	* part of the color customizer——edit away! */
}

.notice-callout a {
	text-decoration: underline;
	color: #fff;
	background: transparent !important; /* need !important to override customizer */
}

.notice-callout .button,
.notice-callout .button:hover,
.notice-callout .button:focus {
	margin-top: 1em;
	background: #000220 !important; /* midnight, this color is not
	* part of the color customizer——edit away!; need !important to
	* override customizer */
	color: #fff;
}

.notice-callout .button,
.notice-callout .more-link {
	text-decoration: none;
}

.notice-callout code {
	background: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	color: #fff;
}

/* Info Arrow Callout
--------------------------------------------- */
.info-arrow-callout h1,
.info-arrow-callout h2,
.info-arrow-callout h3,
.info-arrow-callout h4,
.info-arrow-callout h5,
.info-arrow-callout h6 {
	width: 100%;
	height: 100%;
	max-height: 87px;
	position: relative;
	background: #f0ba72; /* tertiary, this color is not
	* part of the color customizer——edit away! */
	margin: 0;
	margin-left: -10px;
	padding: 1em;
	padding-left: 2.4em;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0;
}

.info-arrow-callout h1:after,
.info-arrow-callout h2:after,
.info-arrow-callout h3:after,
.info-arrow-callout h4:after,
.info-arrow-callout h5:after,
.info-arrow-callout h6:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 24px solid #fff;
	border-top: 41px solid transparent;
	border-bottom: 41px solid transparent;
}

.home .below-hero .info-arrow-callout h1:after,
.home .below-hero .info-arrow-callout h2:after,
.home .below-hero .info-arrow-callout h3:after,
.home .below-hero .info-arrow-callout h4:after,
.home .below-hero .info-arrow-callout h5:after,
.home .below-hero .info-arrow-callout h6:after {
	border-left: 24px solid #000220;
}

.info-arrow-callout h1:before,
.info-arrow-callout h2:before,
.info-arrow-callout h3:before,
.info-arrow-callout h4:before,
.info-arrow-callout h5:before,
.info-arrow-callout h6:before {
	content: "";
	position: absolute;
	right: -20px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid #f0ba72; /* tertiary, this color is not
	* part of the color customizer——edit away! */
	border-top: 41px solid transparent;
	border-bottom: 41px solid transparent;
}

.info-arrow-callout h1 ~ *,
.widget .info-arrow-callout h1 ~ *,
.info-arrow-callout h2 ~ *,
.widget .info-arrow-callout h2 ~ *,
.info-arrow-callout h3 ~ *,
.widget .info-arrow-callout h3 ~ *,
.info-arrow-callout h4 ~ *,
.widget .info-arrow-callout h4 ~ *,
.info-arrow-callout h5 ~ *,
.widget .info-arrow-callout h5 ~ *,
.info-arrow-callout h6 ~ *,
.widget .info-arrow-callout h6 ~ * {
	background-color: #fff;
	color: #000220;
	padding: 1em;
	margin: 0 1.5em 1em 1.5em;
	border: 4px solid #eaeaea; /* grey - this
	color is not part of the customizer */
	border-top: 0;
}

.info-arrow-callout p {
    margin-bottom: 0;
    border-bottom: 0;
}

.info-arrow-callout p:last-of-type {
    margin-bottom: 1em;
    border-bottom: 4px solid #eaeaea; /* grey - this
		color is not part of the customizer */
}

.jc-red.info-arrow-callout h1,
.jc-red.info-arrow-callout h2,
.jc-red.info-arrow-callout h3,
.jc-red.info-arrow-callout h4,
.jc-red.info-arrow-callout h5,
.jc-red.info-arrow-callout h6 {
	background: #ff6356; /* jc main red - this
	color is not part of the customizer */
}

.jc-red.info-arrow-callout h1:before,
.jc-red.info-arrow-callout h2:before,
.jc-red.info-arrow-callout h3:before,
.jc-red.info-arrow-callout h4:before,
.jc-red.info-arrow-callout h5:before,
.jc-red.info-arrow-callout h6:before {
	border-left-color: #ff6356; /* jc rmain - this
	color is not part of the customizer */
}

.jc-blue.info-arrow-callout h1,
.jc-blue.info-arrow-callout h2,
.jc-blue.info-arrow-callout h3,
.jc-blue.info-arrow-callout h4,
.jc-blue.info-arrow-callout h5,
.jc-blue.info-arrow-callout h6 {
	background: #38a4dd; /* jc main blue - this
	color is not part of the customizer */
}

.jc-blue.info-arrow-callout h1:before,
.jc-blue.info-arrow-callout h2:before,
.jc-blue.info-arrow-callout h3:before,
.jc-blue.info-arrow-callout h4:before,
.jc-blue.info-arrow-callout h5:before,
.jc-blue.info-arrow-callout h6:before {
	border-left-color: #38a4dd; /* jc main blue - this
	color is not part of the customizer */
}

.rd-orange.info-arrow-callout h1,
.rd-orange.info-arrow-callout h2,
.rd-orange.info-arrow-callout h3,
.rd-orange.info-arrow-callout h4,
.rd-orange.info-arrow-callout h5,
.rd-orange.info-arrow-callout h6 {
	background: #f37321; /* rural dialogues main red - this
	color is not part of the customizer */
}

.rd-orange.info-arrow-callout h1:before,
.rd-orange.info-arrow-callout h2:before,
.rd-orange.info-arrow-callout h3:before,
.rd-orange.info-arrow-callout h4:before,
.rd-orange.info-arrow-callout h5:before,
.rd-orange.info-arrow-callout h6:before {
	border-left-color: #f37321; /* rural dialogues main orange - this
	color is not part of the customizer */
}

.yvo-red.info-arrow-callout h1,
.yvo-red.info-arrow-callout h2,
.yvo-red.info-arrow-callout h3,
.yvo-red.info-arrow-callout h4,
.yvo-red.info-arrow-callout h5,
.yvo-red.info-arrow-callout h6 {
	background:  #e22429 /* your voice ohio main red - this
	color is not part of the customizer */
}

.yvo-red.info-arrow-callout h1:before,
.yvo-red.info-arrow-callout h2:before,
.yvo-red.info-arrow-callout h3:before,
.yvo-red.info-arrow-callout h4:before,
.yvo-red.info-arrow-callout h5:before,
.yvo-red.info-arrow-callout h6:before {
	border-left-color: #e22429; /* your voice ohio main red - this
	color is not part of the customizer */
}

.jc-blue.info-arrow-callout,
.jc-red.info-arrow-callout,
.rd-orange.info-arrow-callout,
.yvo-red.info-arrow-callout {
	background: transparent;
}



/* Type Helpers
----------------------------------------------------------------------------- */

/* plain lists */
.entry-content ul.plain li,
.entry-content ol.plain li,
ul.plain li,
ol.plain li {
	list-style-type: none
}

.nunito {
	font-family: 'Nunito', sans-serif;
}

.merriweather {
	font-family: 'Merriweather', serif;
}


.oswald {
	font-family: 'Oswald', sans-serif;
}

/* Background Color Helpers
----------------------------------------------------------------------------- */

.jc-red {
	background: #ff6356; /* jc main red - this
	color is not part of the customizer */
}

.jc-blue {
	background: #38a4dd; /* jc main blue - this
	color is not part of the customizer */
}

.rd-orange {
	background: #f37321; /* rural dialogues main red - this
	color is not part of the customizer */
}

.yvo-red {
	background:  #e22429; /* your voice ohio main red - this
	color is not part of the customizer */
}

.warning {
	background: #f33a2b; /* warning red, this color is not
	* part of the color customizer——edit away! */
}


.tertiary {
	background-color: #f0ba72; /* tertiary, this color is not
	* part of the color customizer——edit away! */
}

.midnight {
	background-color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
}


.grey {
	background-color: #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
}

.jc-red-darkened {
	background-color: #db473c; /*  jefferson center dark red, this color is not
	* part of the color customizer——edit away! */
	color: #fff;
}

.yvo-red-darkened {
	background-color: #ba1c20; /* your voice ohio dark red, this color is not
	* part of the color customizer——edit away! */
	color: #fff;
}

.rd-orange-darkened {
	background-color: #bf5319; /* rural dialogues dark red, this color is not
	* part of the color customizer——edit away! */

}

.jc-red,
.jc-red a,
.jc-red a:hover,
.jc-red a:focus,
.jc-blue,
.jc-blue a,
.jc-blue a:hover,
.jc-blue a:focus,
.rd-orange,
.rd-orange a,
.rd-orange a:hover,
.rd-orange a:focus,
.yvo-red,
.yvo-red a,
.yvo-red a:hover,
.yvo-red a:focus,
.warning,
.warning a,
.warning a:hover,
.warning a:focus,
.notice-callout.warning,
.notice-callout.warning a,
.notice-callout.warning a:hover,
.notice-callout.warning a:focus,
.rd-orange-darkened,
.rd-orange-darkened a,
.rd-orange-darkened a:hover,
.rd-orange-darkened a:focus,
.yvo-red-darkened,
.yvo-red-darkened a,
.yvo-red-darkened a:hover,
.yvo-red-darkened a:focus,
.midnight,
.midnight a,
.midnight a:hover,
.midnight a:focus {
	color: #fff;
}


.tertiary,
.tertiary a,
.tertiary a:hover,
.tertiary a:focus
.grey,
.grey a,
.grey a:hover,
.grey a:focus {
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
}

.rd-orange-darkened a.button,
.rd-orange-darkened .button,
.rd-orange-darkened a.button,
button.rd-orange-darkened,
.yvo-red-darkened a.button,
.yvo-red-darkened .button,
.yvo-red-darkened a.button,
button.yvo-red-darkened,
.grey a.button,
.grey .button,
.grey a.button,
button.grey,
.midnight a.button,
.midnight .button,
.midnight a.button,
button.midnight,
.tertiary a.button,
.tertiary .button,
.tertiary a.button,
button.tertiary,
.warning a.button,
.warning .button,
.warning a.button,
button.warning,
.yvo-red a.button,
.yvo-red .button,
.yvo-red a.button,
button.yvo-red,
.rd-orange a.button,
.rd-orange .button,
.rd-orange a.button,
button.rd-orange,
.jc-blue a.button,
.jc-blue .button,
.jc-blue a.button,
button.jc-blue,
.jc-red a.button,
.jc-red .button,
.jc-red a.button,
button.jc-red {
    background: #000220; /* midnight, this color is not
		* part of the color customizer——edit away! */
		color: #fff;
}



/* Nudges & Pushes
----------------------------------------------------------------------------- */

/* pushes content outside of text on desktop and tablet */
.alignnone .push,
.push {
	margin:0 -22.7%; /* old browsers fallback */
	margin:0 calc(20% - 20vw);  /* new browser to make it full stretch */
}

/* gutenberg fix */
.wp-block-image.push {
	max-width: none !important;
}



					/* Nudges & Pushes Media Queries
					--------------------------------------------- */

					@media only screen and (min-width: 1000px) {

							/* make sure and left or right nudges and pushes
							do not exceed 300px */
							.alignleft .nudge-left,
							.nudge-left,
							.alignleft .push-left,
							.push-left,
							.alignright .nudge-right,
							.nudge-right,
							.alignright .push-right,
							.push-right {
								max-width: 300px !important; /* !important needed
								* for gutenberg */
							}

							/* nudge to the left */
							.alignleft .nudge-left,
							.nudge-left,
							.alignleft .push-left,
							.push-left {
								float: left;
								padding: 0 10px 0 0;
								width: 40%;
								padding: 2%;
								margin: 0 0 0 -15%;
							}

						  /* sidebar layouts have less room at this breakpoint */
							.sidebar-content .alignleft .nudge-left,
							.sidebar-content .nudge-left,
							.sidebar-content .alignleft .push-left,
							.sidebar-content .push-left {
								margin: 0;
							}

							/* nudge to the right */
							.alignright .nudge-right,
							.nudge-right,
							.alignright .push-right,
							.push-right {
								float: right;
								padding: 0 0 0 10px;
								width: 40%;
								padding: 2%;
								margin: 0 -15% 0 0;
							}

							/* sidebar layouts have less room at this breakpoint*/
							.sidebar-content .alignright .nudge-right,
							.sidebar-content .nudge-right,
							.sidebar-content .alignright .push-right,
							.sidebar-content .push-right {
								margin: 0;
							}

							/* nudge to the left */
							.alignleft .nudge-left blockquote,
							.nudge-left blockquote,
							.alignleft .push-left blockquote,
							.push-left blockquote,
							.alignright .nudge-right blockquote,
							.nudge-right blockquote,
							.alignright .push-right blockquote,
							.push-right blockquote {
								  padding: 20px 0 0 0;
							}

							.alignleft .nudge-left blockquote:before ,
							.nudge-left blockquote:before ,
							.alignleft .push-left blockquote:before ,
							.push-left blockquote:before ,
							.alignright .nudge-right blockquote:before ,
							.nudge-right blockquote:before ,
							.alignright .push-right blockquote:before ,
							.push-right blockquote:before {
							    font-size: 41px;
							    left: -28px;
							}


							/* nudges with callouts */

							.nudge-left.block-callout,
							.push-left.block-callout,
							.nudge-left.notice-callout,
							.push-left.notice-callout,
							.nudge-left.info-arrow-callout,
							.push-left.info-arrow-callout,
							.nudge-left.title-callout,
							.push-left.title-callout {
								margin-right: 2%;
							}

							.nudge-right.block-callout,
							.push-right.block-callout,
							.push-right.notice-callout,
							.push-right.notice-callout,
							.push-right.info-arrow-callout,
							.push-right.info-arrow-callout,
							.push-right.title-callout,
							.push-right.title-callout {
								margin-left: 2%;
							}


					}


					@media only screen and (min-width: 1140px) {

							/* push to the left */
							.alignleft .push-left,
							.push-left {
								float: left;
								padding: 0 10px 0 0;
								width: 40%;
								padding: 2%;
								margin: 0 0 0 -25%;
							}

							/* push to the right */
							.alignright .push-right,
							.push-right {
								float: right;
								padding: 0 0 0 10px;
								width: 40%;
								padding: 2%;
								margin: 0 -25% 0 0;
							}


					}

					/* TIP: this one is MAX width :)	*/
					@media only screen and (max-width: 1220px) {

							/* sidebar layouts have less room at this breakpoint */
							.sidebar-content .push {
								margin: 0 0;
							}

					}

					@media only screen and (min-width: 1313px) {

							/* push to the left */
							.alignleft .push-left,
							.push-left {
								float: left;
								padding: 0 10px 0 0;
								width: 36%;
								padding: 2%;
								margin: 0 0 0 -37%;
							}


							/* push to the right */
							.alignright .push-right,
							.push-right {
								float: right;
								padding: 0 0 0 10px;
								width: 36%;
								padding: 2%;
								margin: 0 -37% 0 0;
							}


							/* sidebar layouts have less room at this breakpoint */
							.sidebar-content .alignright .nudge-right,
							.sidebar-content .nudge-right,
							.sidebar-content .alignright .push-right,
							.sidebar-content .push-right {
							    margin-right: -17%;
							    width: 40%;
							    margin-left: 2%;
							}

					}




/* Plugins & Third Party Tools
----------------------------------------------------------------------------- */

/* WPForms
---------------------------------------------- */

div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	background: #fff !important;
	color: #000220 !important; /* midnight, this color is not
	* part of the color customizer——edit away! */
	border: 2px solid #000220 !important; /* midnight, this color is not
	* part of the color customizer——edit away! */
	border-radius: 3px !important;
	-webkit-box-shadow: 7px 10px 42px -21px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 10px 42px -21px rgba(0,0,0,0.75);
	box-shadow: 7px 10px 42px -21px rgba(0,0,0,0.75);
}

div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
div.wpforms-container-full .wpforms-form input[type="submit"]:focus, div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:focus, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
	background-color: #000220 !important; /* midnight, this color is not
	* part of the color customizer——edit away! */
	color: #fff !important;
	-webkit-box-shadow: 0px 13px 39px -13px rgba(0,0,0,0.85);
	-moz-box-shadow: 0px 13px 39px -13px rgba(0,0,0,0.85);
	box-shadow: 0px 13px 39px -13px rgba(0,0,0,0.85);
}



/* MailChimp Subscribe (After Entry)
---------------------------------------------- */

.content__gdpr,
.content__gdprLegal {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: lighter;
	font-style: italic;
}
.content__gdpr p,
.content__gdprLegal p {
	margin: 1em 0 !important;
}

.mc_fieldset.gdprRequired.mc-field-group {
	border: none;
}

/* button */
#mc-embedded-subscribe {
	margin-top: 1.7em;
}

/* Accordions (Collapse-O-Matic)
 * !important is so client does not need to
 * manage plugin settings.
--------------------------------------------- */

.collapseomatic {
	background-image: none !important;
	padding: 17px 17px 17px 30px !important;
	cursor: pointer !important;
	background-color: #000220; /* DO NOT ADD !IMPORTANT here because of
	* the color customizer contrast setting; midnight, this color is not
	* part of the color customizer——edit away! */
}
.collapseomatic,
.collapseomatic:hover,
.collapseomatic:focus,
.collapseomatic:active {
	color: #fff;
}

.collapseomatic_excerpt, .collapseomatic_content {
	font-size: 16px !important;
	font-size: 1.6rem !important;
	margin: 0px !important;
	padding: 23px 23px 3px 23px !important;
	background: rgba(0, 2, 33, 0.050980392156862744) !important; /* light grey */
	-webkit-box-shadow: 0px 13px 37px -18px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 13px 37px -18px rgba(0,0,0,0.51);
	box-shadow: 0px 13px 37px -18px rgba(0,0,0,0.51);
}

.colomat-hover::before  {
	color: #ff6356; /* jc red, edit via customizer! */
}

h1.collapseomatic,
h2.collapseomatic,
h3.collapseomatic,
h4.collapseomatic,
h5.collapseomatic,
h6.collapseomatic {
	font-size: 20px;
	font-size: 2rem;
	margin: 6px 0 0 0;
}

.colomat-hover {
	text-decoration: none !important;
}

.collapseomatic::before {
	color: #ff6356; /* jc red, edit via customizer! */
	content: "▼";
	margin-right: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
	top: -2px;
}

.collapseomatic.colomat-close {
	background-color: #ff6356; /* jc red, edit via customizer! */

}

.collapseomatic.colomat-close::before {
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	content: "▲";
}

/* override plugin styles to make the expand &
* collapse links look like links */
.expandall,
.collapseall {
	color: #ff6356; /* jc red, edit via customizer! */
	text-decoration: underline;
	margin-top: 1em;
	display: inline-block;
}

.expandall:hover,
.expandall:focus,
.collapseall:hover,
.collapseall:focus {
	color: #db473c; /* jc dark red, edit via customizer! */
}

/* plain accordions */
	.collapseomatic.plain {
	background: transparent !important;
	padding: 0 !important;
	margin: .5em 0 !important;
	color: #000220 !important; /* midnight, this color is not
	* part of the color customizer——edit away! */
}

.collapseomatic.plain + .collapseomatic_excerpt,
.collapseomatic.plain + .collapseomatic_content {
	background: transparent !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



				/* Collapse-O-Matic: Media Queries
				--------------------------------------------- */

				@media only screen and (min-width: 700px) {

							.collapseomatic_excerpt, .collapseomatic_content {
								font-size: 16px !important;
								font-size: 1.6rem !important;
								margin: 0px !important;
							}

							.collapseomatic.plain + .collapseomatic_excerpt,
							.collapseomatic.plain + .collapseomatic_content {
								padding: 27px 47px !important;
							}

				}




/* Easy Table of Contents
--------------------------------------------- */

/* stop long links from being cut off & wrap instead */
#ez-toc-container,
.ez-toc-widget-container  {
	white-space: unset !important;
}

.ez-toc-widget-container li.active > a {
	font-weight: normal !important;
}

/* underlines and em dashes don't mix :) */
.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a {
	text-decoration: none;
}

/* remove plugin's numerical outline and replace it with an em dash  */
#ez-toc-container.counter-decimal ul.ez-toc-list li a::before,
.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
	content: "\2014" !important;
	margin-right: 5px;
}

/* remove plugin's big margin */
#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul {
	margin-left: 0 !important;
	font-size: 16px;
	font-size: 1.6rem;
}

.ez-toc-widget-container ul.ez-toc-list li.active::before {
	background: transparent !important;
}



/* List Category Posts
--------------------------------------------- */

ul.lcp_catlist {
	margin-left: 0;
}

ul.lcp_catlist > li {
	list-style-type: none;
}

/* arrow links */
.lcp_catlist a {
	text-decoration: none; /* remove the underline
	* to prep for the link's arrow */
}

.lcp_catlist img {
	max-width: 300px !important;
}

/* add the arrow after the link */
.lcp_catlist a::after {
	content: "\2192";
	padding-left: 5px;
}



					/* Collapse-O-Matic: Media Queries
					--------------------------------------------- */

					@media only screen and (min-width: 600px) {

							.cardview .lcp-container {
								margin-top: 1em;
							}

							.cardview.postlist {
								float: left; width: 48%;
							}

							.cardview.postlist:nth-of-type(2n+1) {
								margin-right: 2%;
								margin-left: 2%;
							}

							.cardview.postlist:last-of-type::after {
								clear: both;
								content: " ";
								display: table;
							}

					}




/* Genesis eNews Extended
--------------------------------------------- */

.after-entry .enews {
	text-align: center;
	padding: 10px;
}

.sidebar .enews {
	background-color: #eaeaea; /* light grey, this color is not
	* part of the color customizer——edit away! */
	padding: 30px;
}

.enews-widget input {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 10px;
}

.after-entry .enews-widget input {
	text-align: center;
}

.enews-widget input[type="submit"] {
	margin: 0;
	width: 100%;
}

.enews form + p {
	margin-top: 20px;
}

/* Genesis Simple FAQ
--------------------------------------------- */

.gs-faq__question {
	background: transparent;
	border-bottom: 1px solid #eaeaea;
	color: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	padding-left: 0;
	padding-right: 0;
}

.gs-faq__question:focus,
.gs-faq__question:hover {
	background: transparent;
	color: #ff6356; /* jc red, edit via customizer! */
}

.gs-faq__question::after {
	content: "\f132";
	font-family: "dashicons";
	float: right;
}

.gs-faq__question.gs-faq--expanded::after {
	content: "\f460";
}

/* Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}



/* Site Specific CSS
 * RECOMMENDED: Site-specific CSS changes should be added under
 * Dashboard > Appearance > Edit CSS. This way, your site-specific
 * CSS will stay intact if the theme is updated.
----------------------------------------------------------------------------- */



/* 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: #000220; /* midnight, this color is not
 * part of the color customizer——edit away! */
	outline: #ccc solid 1px;
}


/* 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: #000220; /* midnight, this color is not
	* part of the color customizer——edit away! */
	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. */
}

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

@media print {

		*,
		*::before,
		*::after {
			background: transparent !important;
			box-shadow: none !important;
			color: #000220 !important;; /* midnight, this color is not
			* part of the color customizer——edit away! */
			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;
			width: 100%;
		}

		@page {
			margin: 2cm 0.5cm;
		}

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

		blockquote,
		pre {
			border: 1px solid #000220;
			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 {
			margin-top: 0px;
		}

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

}