/*
Theme Name: IL House Republicans
Theme URI: https://ilhousegop.com
Author: Nic Bavetta
Author URI: https://mortr.com
Modified By: Darrell Fortae - Everlast Software, LLC
Description: Official IL House Republics WordPress theme.
Version: 1.0
Tags: responsive, clean, minimal, modern, documentation
*/

@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i");
@import url("fonts/fontawesome-free-6.5.2-web/css/fontawesome.min.css");
@import url("fonts/fontawesome-free-6.5.2-web/css/solid.min.css");
@import url("fonts/fontawesome-free-6.5.2-web/css/brands.min.css");


.slide-out-left {
	animation: slide-out-left 0.3s forwards
}

@keyframes slide-out-left {
	0% {
		left: -100%
	}

	100% {
		left: 0
	}
}

.slide-in-left {
	animation: slide-in-left 0.3s forwards
}

@keyframes slide-in-left {
	0% {
		left: 0
	}

	100% {
		left: -100%
	}
}

html,
body {
	font-family: 'Roboto', sans-serif;
	background-color: #F1F1F1;
	margin: 0;
	height: 100%;
	width: 100%;
	color: #222;
	line-height: 1.5rem
}

figure {
	margin: 0
}

#site-content {
	background-color: white;
	padding: 20px;
	overflow: auto
}

#site-content-paginate-links {
	text-align: center;
	margin-top: 4rem;
	word-spacing: 1rem
}

#site-content .wp-block-embed-youtube .wp-block-embed__wrapper {
	display: flex
}

#site-content .wp-block-embed-youtube.aligncenter .wp-block-embed__wrapper {
	justify-content: center
}

@media only screen and (max-width: 425px) {
	#site-content .wp-block-embed-youtube .wp-block-embed__wrapper {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%
	}

	#site-content .wp-block-embed-youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	#site-content .wp-block-image figure {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}

	#site-content .wp-block-image figure img {
		width: 100%;
		height: auto
	}
}

@media only screen and (min-width: 768px) {
	#site-content {
		padding: 40px
	}

	#site-content.narrow {
		padding-top: 60px;
		padding-bottom: 60px;
		padding-left: 140px;
		padding-right: 140px
	}
}

a {
	text-decoration: none;
	color: #ff434c;
	font-weight: 500
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit
}

h1 {
	font-size: 2.75rem
}

h2 {
	font-size: 2.25rem
}

h3 {
	font-size: 1.75rem
}

h4 {
	font-size: 2.25rem
}

h5 {
	font-size: 1.75rem
}

h6 {
	font-size: 1.25rem
}

a.primary-btn {
	background-color: #ff434c;
	padding: 20px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	color: white;
	display: inline-block;
	box-sizing: border-box
}

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

	html,
	body {
		background-color: #F1F1F1
	}
}

@media only screen and (min-width: 768px) {
	#site-main-content {
		margin-top: 40px
	}
}

.site-side-padding section {
	margin-bottom: 40px
}

.site-side-padding section:last-child {
	margin-bottom: 0
}

@media only screen and (min-width: 768px) {
	.site-side-padding {
		margin-left: 40px;
		margin-right: 40px
	}
}

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

	#site-main-content,
	.site-side-padding {
		margin: 0
	}
}

.aspect-ratio-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden
}

.aspect-ratio-container-blurred-background {
	background-size: cover;
	background-position: center;
	height: 105%;
	width: 105%;
	filter: blur(10px);
	position: absolute
}

.aspect-ratio-container-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.aspect-ratio-container-image img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.post-preview-container .post-preview-container .post-preview {
	position: relative;
	margin-bottom: 10px
}

.post-preview-container .post-preview-pinned-badge {
	position: absolute;
	top: 0px;
	right: -40px;
	color: white;
	font-size: 1.25rem;
	background-color: #30394f;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 14.28571px;
	padding-right: 15.38462px
}

.post-preview-container .post-preview-pinned-badge-icon {
	transform: rotate(45deg)
}

@media only screen and (min-width: 768px) {
	.post-preview-container .post-preview {
		display: flex;
		margin-bottom: 10px
	}

	.post-preview-container .post-preview:last-child {
		margin-bottom: 0
	}

	.post-preview-container .post-preview-details,
	.post-preview-container .post-preview-image {
		width: 50%
	}
}

.post-preview-container .post-preview-details {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: white
}

.post-preview-container .post-preview-title {
	line-height: normal
}

.post-preview-container .post-preview-title a {
	color: inherit;
	font-weight: 500;
	font-size: 1.5rem;
	text-decoration: none
}

.post-preview-container .post-preview-subtitle {
	color: #a9a9a9;
	font-size: 0.9rem;
	font-weight: 500;
	margin-top: 10px
}

.post-preview-container .post-preview-excerpt {
	margin-top: 40px;
	margin-bottom: 40px
}

.post-preview-container .post-preview-excerpt p {
	margin: 0
}

.post-preview-container .post-preview-date {
	font-size: 1rem;
	margin-bottom: 20px;
	margin-top: 20px
}

.post-preview-container .post-preview-image {
	cursor: pointer;
	background-color: #30394f
}

.post-preview-container .post-preview-image-default {
	color: rgba(255, 255, 255, 0.1);
	font-weight: 500;
	font-size: 1.25rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	text-transform: uppercase;
	text-align: center
}

.single-news-post {
	padding-left: 20px;
	padding-right: 20px
}

.single-news-post-featured-image {
	margin-bottom: 20px
}

.single-news-post-featured-image-caption {
	margin-top: 20px;
	color: #a9a9a9;
	text-align: center;
	font-size: 0.85rem;
	font-style: italic
}

.single-news-post figure.alignleft,
.single-news-post figure.alignright {
	margin-top: 0
}

.single-news-post img {
	max-width: 100%;
	height: auto
}

.single-news-post-title {
	text-align: left;
	line-height: normal
}

@media only screen and (min-width: 768px) {
	.single-news-post-title {
		margin-top: 20px
	}
}

.single-news-post-date {
	color: #a9a9a9
}

@media only screen and (min-width: 768px) {
	.single-news-post-date {
		margin-bottom: 40px
	}
}

#site-overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #30394f;
	z-index: 1;
	display: none;
	opacity: 0.6
}

#site-top-border {
	height: 10px;
	background: linear-gradient(to right, #30394f 50%, #ff434c 50%)
}

.wrapper {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto
}

#header {
	display: flex;
	justify-content: space-between;
	background-color: white;
	line-height: normal
}

@media only screen and (min-width: 1160px) {
	#header {
		background-color: transparent
	}
}

#header-brand {
	padding: 20px;
	text-transform: uppercase;
	font-weight: 500
}

#header-brand-inner {
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

#header-brand-inner a {
	text-decoration: none;
	color: inherit
}

#header-brand-title {
	font-size: 1.75rem;
	font-weight: 700
}

@media only screen and (min-width: 950px) {
	#header-brand-title {
		font-size: 2rem
	}
}

#header-brand-subtitle {
	font-size: 0.9rem
}

@media only screen and (min-width: 950px) {
	#header-brand-subtitle {
		font-size: 1.25rem
	}
}

#header-brand-subtitle #bullet {
	color: #ff434c;
	font-weight: 900
}

#header-navigation {
	color: white;
	background-color: #30394f;
	position: fixed;
	width: 85%;
	height: 100%;
	left: -100%;
	top: 0;
	overflow: auto;
	z-index: 2;
	max-width: 350px;
	box-shadow: 0px 0px 69px -5px #222
}

#header-navigation a {
	font-weight: 400
}

#header-navigation-inner {
	margin: 40px;
	position: relative
}

#header-navigation-inner .menu,
#header-navigation-inner .sub-menu {
	margin: 0;
	padding: 0
}

#header-navigation-inner .menu .dropdown-icon {
	display: none
}

#header-navigation-inner .menu-item-has-children>a .dropdown-icon {
	display: block
}

@media only screen and (min-width: 870px) {
	#header-navigation-inner .menu {
		display: flex;
		flex-flow: row wrap
	}

	#header-navigation-inner .menu>.menu-item>a .dropdown-icon {
		padding-left: 0
	}
}

#header-navigation-inner .menu-item {
	display: block
}

#header-navigation-inner .menu-item-has-children,
#header-navigation-inner .menu-item-has-children .menu-item {
	position: relative
}

#header-navigation-inner .menu-item-has-children a {
	color: white
}

#header-navigation-inner .menu-item li,
#header-navigation-inner .menu-item a {
	cursor: pointer
}

#header-navigation-inner .menu-item a {
	padding: 1em;
	display: flex;
	justify-content: space-between
}

#header-navigation-inner .menu .sub-menu {
	visibility: hidden;
	opacity: 0;
	height: 0;
	width: 0;
	transition: visibility .25s, opacity .25s ease-in-out
}

#header-navigation-inner .menu .sub-menu .menu-item {
	visibility: hidden
}

@media only screen and (min-width: 870px) {
	#header-navigation-inner .menu .sub-menu {
		position: absolute;
		z-index: 3000;
		top: 100%;
		right: 0
	}

	#header-navigation-inner .menu .sub-menu .sub-menu {
		top: 0;
		right: 100%
	}
}

#header-navigation-inner .menu .menu-item:hover>.sub-menu,
#header-navigation-inner .menu .menu-item:active>.sub-menu,
#header-navigation-inner .menu .menu-item:focus>.sub-menu {
	opacity: 1;
	height: auto;
	width: auto
}

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

	#header-navigation-inner .menu .menu-item:hover>.sub-menu,
	#header-navigation-inner .menu .menu-item:active>.sub-menu,
	#header-navigation-inner .menu .menu-item:focus>.sub-menu {
		min-width: 175px
	}
}

#header-navigation-inner .menu .menu-item:hover>.sub-menu,
#header-navigation-inner .menu .menu-item:hover>.sub-menu .menu-item,
#header-navigation-inner .menu .menu-item:active>.sub-menu,
#header-navigation-inner .menu .menu-item:active>.sub-menu .menu-item,
#header-navigation-inner .menu .menu-item:focus>.sub-menu,
#header-navigation-inner .menu .menu-item:focus>.sub-menu .menu-item {
	visibility: visible
}

#header-navigation-inner .menu .menu-item>a:hover .dropdown-icon i,
#header-navigation-inner .menu .menu-item>a:active .dropdown-icon i,
#header-navigation-inner .menu .menu-item>a:focus .dropdown-icon i {
	transform: rotate(90deg)
}

#header-navigation-inner .menu .dropdown-icon {
	padding: 1em 1.25em;
	margin: -1em -1em -1em .5em
}

@media only screen and (min-width: 870px) {
	#header-navigation-inner .menu .dropdown-icon {
		padding: 1em
	}
}

#header-navigation-inner .menu .dropdown-icon i {
	margin-top: 3px;
	display: block;
	transition: transform .25s ease-in-out
}

#header-navigation-inner--rtl {
	direction: rtl;
	unicode-bidi: bidi-override
}

#header-navigation-inner--rtl .menu .dropdown-icon {
	margin: -1em .5em -1em -1em;
	border-width: 0 1px 0 0
}

@media only screen and (min-width: 870px) {
	#header-navigation-inner--rtl .menu>.menu-item>a .dropdown-icon {
		padding-left: 1em;
		padding-right: 0
	}

	#header-navigation-inner--rtl .menu .sub-menu {
		top: 100%;
		left: auto;
		right: 0
	}

	#header-navigation-inner--rtl .menu .sub-menu .sub-menu {
		left: auto;
		right: 100%
	}
}

#header-navigation-inner .menu>.menu-item,
#header-navigation-inner .menu>.menu-item>a {
	color: #e0e1e5
}

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

	#header-navigation-inner .menu>.menu-item,
	#header-navigation-inner .menu>.menu-item>a {
		color: #30394f
	}
}

#header-navigation-inner .menu>.menu-item>a {
	font-weight: 500
}

@media only screen and (min-width: 870px) {
	#header-navigation-inner .menu>.menu-item>a {
		font-weight: 400
	}
}

@media only screen and (min-width: 870px) {
	#header-navigation-inner .menu>.menu-item-has-children a {
		color: #30394f
	}
}

#header-navigation-inner .menu>.menu-item-has-children a:hover,
#header-navigation-inner .menu>.menu-item-has-children a:active,
#header-navigation-inner .menu>.menu-item-has-children a:focus {
	color: #e0e1e5;
	font-weight: 500
}

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

	#header-navigation-inner .menu>.menu-item-has-children a:hover,
	#header-navigation-inner .menu>.menu-item-has-children a:active,
	#header-navigation-inner .menu>.menu-item-has-children a:focus {
		font-weight: 400;
		color: #30394f
	}
}

#header-navigation-inner .sub-menu {
	margin-left: 20px
}

@media only screen and (min-width: 870px) {
	#header-navigation-inner .sub-menu {
		background-color: #F1F1F1;
	}

	#header-navigation-inner .sub-menu .menu-item,
	#header-navigation-inner .sub-menu .menu-item:hover,
	#header-navigation-inner .sub-menu .menu-item a:hover {
		background-color: #e9e9e9
	}
}

#header-navigation-bars {
	font-size: 2.5rem;
	color: white;
	padding-left: 2rem;
	padding-right: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ff434c;
	cursor: pointer
}

#header-navigation-search {
	display: none
}

@media only screen and (min-width: 870px) {
	#header-navigation {
		font-size: 0.9rem;
		display: block;
		position: static;
		height: auto;
		width: auto;
		background-color: transparent;
		max-width: none;
		box-shadow: none;
		overflow: visible
	}

	#header-navigation-inner {
		margin: 20px;
		position: static
	}

	#header-navigation-bars {
		display: none
	}

	#header-navigation-search {
		display: flex;
		margin-left: auto;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 20px;
		width: 300px;
		background-color: #ff434c
	}

	#header-navigation-search input[type="text"] {
		width: 100%
	}

	#header-navigation-search input::placeholder {
		color: white
	}

	#header-navigation-search button {
		cursor: pointer
	}

	#header-navigation-search input,
	#header-navigation-search button {
		font-size: 0.9rem;
		color: white;
		background: none;
		border: none;
		padding: 20px
	}
}

footer #footer-wrapper {
	padding: 40px;
	justify-content: center;
}

@media only screen and (min-width: 768px) {
	footer #footer-wrapper {
		display: flex;
		flex-wrap: wrap;
		margin-top: 40px;
		margin-bottom: 40px
	}
}

footer #footer-wrapper #contact-info-container {
	background-color: #F1F1F1;
	text-align: center
}

@media only screen and (min-width: 768px) {
	footer #footer-wrapper #contact-info-container {
		display: flex
	}

	footer #footer-wrapper #contact-info-container>div:last-child {
		margin-right: 0
	}
}

footer #footer-wrapper #contact-info-container .contact-info {
	margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
	footer #footer-wrapper #contact-info-container .contact-info {
		margin-right: 100px;
		margin-bottom: 0
	}
}

footer #footer-wrapper #contact-info-container .contact-info-title {
	font-size: 1.15rem;
	font-weight: 500;
	margin-bottom: 0px
}

footer #footer-wrapper #contact-info-container .contact-info-details {
	font-size: 0.9rem;
	white-space: pre;
	line-height: 1rem
}

footer #footer-wrapper #social-links {
	text-align: center
}

@media only screen and (min-width: 768px) {
	footer #footer-wrapper #social-links {
		margin-left: auto
	}
}

footer #footer-wrapper #social-links ul {
	margin: 0;
	padding: 0
}

footer #footer-wrapper #social-links ul li {
	font-size: 2rem;
	display: inline;
	margin-right: 20px
}

footer #footer-wrapper #social-links ul li a {
	color: inherit
}

footer #footer-wrapper #social-links ul li:last-child {
	margin-right: 0
}

footer #copyright-container {
	padding: 40px;
	font-size: 0.9rem;
	text-align: center;
	color: white;
	background-color: #30394f
}

#banner img {
	width: 100%
}

.section-header {
	font-size: 1.75rem;
	font-weight: 500;
	margin-bottom: 40px;
	padding-left: 20px;
	color: #cbcbcb
}

@media only screen and (min-width: 768px) {
	.section-header {
		padding-left: 0
	}
}

.section-more {
	background-color: white;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	text-align: center;
	font-weight: 500;
	font-size: 1.15rem
}

.section-more a {
	text-decoration: none;
	color: #a9a9a9
}

.section-more-inner {
	border-top: 3px solid #dcdcdc;
	padding-top: 40px
}

@media only screen and (min-width: 768px) {
	.section-more {
		background-color: transparent;
		margin-top: 20px;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0
	}
}

@media only screen and (min-width: 768px) {
	#recent-posts-section {
		background: none;
		margin-bottom: 0
	}

	#recent-posts-section>.post-preview {
		margin-bottom: 20px
	}

	#recent-posts-section>.post-preview:last-child {
		margin-bottom: 0
	}
}

#quick-actions {
	padding: 20px;
	background-color: white
}

@media only screen and (min-width: 768px) {
	#quick-actions {
		padding: 0;
		display: flex;
		background-color: transparent
	}

	#quick-actions>div {
		width: 50%
	}
}

#quick-actions-links {
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
	#quick-actions-links {
		margin-bottom: 0
	}
}

#quick-actions-links a {
	font-size: 1.15rem;
	font-weight: 400;
	background-color: #30394f;
	display: block;
	padding: 20px;
	margin-bottom: 8px;
	text-align: center;
	color: white;
	text-decoration: none;
	border-right: 4px solid transparent
}

#quick-actions-links a:hover {
	border-right: 4px solid #ff434c
}

#quick-actions-links a:last-child {
	margin-bottom: 0
}

#quick-actions-sign-up {
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (min-width: 768px) {
	#quick-actions-sign-up {
		background-color: white;
		padding: 20px
	}
}

#quick-actions-sign-up-title {
	text-transform: uppercase;
	font-weight: 500
}

#quick-actions-sign-up-btn {
	padding: 20px;
	background-color: #F1F1F1
}

#quick-actions-sign-up-name-container {
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px
}

#quick-actions-sign-up-name-container :first-child {
	margin-right: 20px
}

#quick-actions-sign-up-success {
	display: none;
	color: green;
	font-weight: 500;
	margin-top: 20px
}

#quick-actions-sign-up-errors {
	color: red;
	font-size: 0.9rem;
	font-weight: 500;
	margin-top: 20px;
	display: none
}

#quick-actions-sign-up form {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px
}

#quick-actions-sign-up form .slidable {
	display: none
}

#quick-actions-sign-up form input {
	border: none;
	padding: 20px;
	font-size: 0.9rem;
	box-sizing: border-box
}

#quick-actions-sign-up form input[type="text"] {
	width: 100%;
	background-color: #F1F1F1
}

#quick-actions-sign-up form input[type="text"]::-webkit-input-placeholder::before {
	content: "Enter email address..."
}

#quick-actions-sign-up form a {
	margin-top: 20px
}

#quick-actions-sign-up-disclaimer {
	font-size: 0.75rem;
	color: #a9a9a9;
	line-height: 1rem;
	margin-top: 10px
}

#youtube-video-container {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%
}

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

@media only screen and (min-width: 768px) {
	#videos {
		margin-bottom: 0
	}
}

#videos-container {
	display: flex
}

@media only screen and (min-width: 768px) {
	#videos-container {
		background-color: white;
		padding: 20px
	}
}

#videos-container-active-video {
	min-width: 100%
}

@media only screen and (min-width: 768px) {
	#videos-container-active-video {
		min-width: 65%
	}
}

#videos-container-playlist {
	line-height: normal;
	display: none
}

@media only screen and (min-width: 768px) {
	#videos-container-playlist {
		display: block;
		width: 35%;
		color: white;
		overflow: auto
	}
}

#videos .section-more {
	padding-left: 0;
	padding-right: 0
}

#video-options {
	display: flex;
	justify-content: space-between
}

@media only screen and (min-width: 768px) {
	#videos-section-header-mobile {
		display: none
	}
}

#videos-section-header-tablet-up {
	display: none
}

@media only screen and (min-width: 768px) {
	#videos-section-header-tablet-up {
		display: block
	}
}

.video-playlist-item {
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.85rem;
	color: #333;
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	font-weight: 500;
	background-color: #f3f3f3;
	border-right: 4px solid transparent
}

.video-playlist-item.alternate {
	background-color: #fbfbfb
}

.video-playlist-item:hover {
	color: black;
	border-right: 4px solid #d8d8d8
}

.video-playlist-item a {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0
}

.video-playlist-item-thumbnail {
	position: relative;
	min-width: 100px;
	margin-right: 20px;
	align-self: flex-start
}

.video-playlist-item-thumbnail img {
	width: 100px
}

.video-playlist-item-thumbnail-duration {
	position: absolute;
	margin-bottom: 8px;
	margin-right: 5px;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
	opacity: .8;
	padding: 2px 4px;
	border-radius: 2px;
	letter-spacing: .5px;
	font-size: 0.75rem;
	line-height: 0.75rem
}

#events-section .section-more {
	background-color: transparent;
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (min-width: 768px) {
	#events-section .section-more {
		padding-left: 0;
		padding-right: 0
	}
}

#events-section #upcoming-events-container {
	box-sizing: border-box
}

#events-section #upcoming-events-container a {
	color: inherit;
	font-weight: inherit
}

#events-section #upcoming-events-container .event-preview {
	width: auto;
	background-color: white;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
	#events-section #upcoming-events-container .event-preview {
		display: flex;
		min-height: 140px
	}
}

#events-section #upcoming-events-container .event-preview:hover {
	box-shadow: 0px 0px 41px -14px rgba(0, 0, 0, 0.2)
}

@media only screen and (min-width: 768px) {
	#events-section #upcoming-events-container .event-preview {
		margin-left: 0;
		margin-right: 0
	}
}

#events-section #upcoming-events-container .event-preview-date-thumbnail {
	background-color: #30394f;
	color: white;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px
}

@media only screen and (min-width: 768px) {
	#events-section #upcoming-events-container .event-preview-date-thumbnail {
		min-width: 140px;
		padding: 0
	}
}

#events-section #upcoming-events-container .event-preview-date-thumbnail-day {
	font-weight: 700;
	font-size: 1.75rem;
	margin-bottom: 5px
}

#events-section #upcoming-events-container .event-preview-date-thumbnail-month {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.1rem
}

#events-section #upcoming-events-container .event-preview-details {
	padding: 20px;
	width: auto;
	font-size: 1rem;
	color: #a9a9a9;
	display: flex;
	align-items: center
}

@media only screen and (min-width: 768px) {
	#events-section #upcoming-events-container .event-preview-details {
		padding: 0;
		line-height: 1.75rem
	}

	#events-section #upcoming-events-container .event-preview-details,
	#events-section #upcoming-events-container .event-preview-details-inner {
		width: 100%
	}

	#events-section #upcoming-events-container .event-preview-details-datetime,
	#events-section #upcoming-events-container .event-preview-details-location {
		flex: 0 1 25%
	}
}

#events-section #upcoming-events-container .event-preview-details-title {
	color: #30394f;
	font-weight: 500;
	font-size: 1.5rem
}

@media only screen and (min-width: 768px) {
	#events-section #upcoming-events-container .event-preview-details-title {
		flex: 0 1 35%
	}
}

#events-section #upcoming-events-container .event-preview-details-date {
	margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
	#events-section #upcoming-events-container .event-preview-details-date {
		margin-bottom: 0
	}
}

@media only screen and (min-width: 768px) {
	#events-section #upcoming-events-container .event-preview-details-inner {
		display: flex
	}
}

#events-section #upcoming-events-container .event-preview-details-inner>div {
	margin-bottom: 20px;
	margin-left: 20px
}

@media only screen and (min-width: 768px) {
	#events-section #upcoming-events-container .event-preview-details-inner>div {
		padding-right: 40px;
		margin-left: 40px;
		margin-bottom: 0;
		align-self: center
	}
}

@media only screen and (min-width: 768px) {
	#events-section #upcoming-events-container .event-preview-details-inner>div:last-child {
		border-right: none
	}
}

#events-section #upcoming-events-container .event-preview-details-inner>div i {
	margin-right: 5px
}

#search-results-header {
	font-size: 1.75rem;
	font-weight: 500;
	margin-bottom: 40px
}

#search-results-header span {
	color: #a9a9a9
}

.search-result {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 4px solid #F1F1F1
}

.search-result:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.search-result-title {
	font-size: 1.25rem;
	font-weight: 500
}

.search-result-title a {
	color: inherit
}

.search-result-title i {
	margin-right: 10px
}

.search-result-date {
	font-weight: 500;
	color: #a9a9a9;
	margin-top: 5px
}

.search-result-excerpt {
	margin-top: 20px;
	font-size: 0.85rem
}

#map-markup {
	display: none
}

#map-container {
	width: 100%;
	padding-top: 75%;
	position: relative
}

#map-container #map {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

#map-disclaimer {
	text-align: center;
	margin-top: 40px;
	font-size: 1.15rem
}

#page-sign-up {
	margin-left: auto;
	margin-right: auto;
	max-width: 600px
}

#page-sign-up-name-container {
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px
}

#page-sign-up-name-container :first-child {
	margin-right: 20px
}

#page-sign-up-success {
	display: none;
	color: green;
	font-weight: 500;
	margin-bottom: 20px
}

#page-sign-up-errors {
	color: red;
	font-size: 0.9rem;
	font-weight: 500;
	margin-top: 20px;
	display: none
}

#page-sign-up form {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px
}

#page-sign-up form .slidable {
	display: none
}

#page-sign-up form input {
	border: none;
	padding: 20px;
	font-size: 0.9rem;
	box-sizing: border-box
}

#page-sign-up form input[type="text"] {
	width: 100%;
	background-color: #F1F1F1
}

#page-sign-up form input[type="text"]::-webkit-input-placeholder::before {
	content: "Enter email address..."
}

#page-sign-up form a {
	margin-top: 20px
}

#page-sign-up-disclaimer {
	font-size: 0.85rem;
	color: #a9a9a9
}

#media-page-press-releases-title {
	font-size: 1.75rem;
	font-weight: 500;
	padding: 10px;
	background-color: #30394f;
	color: #F1F1F1
}

#media-page-press-releases a {
	color: inherit
}

#media-page-press-releases .media-page-press-release {
	padding: 20px;
	border-right: 4px solid transparent
}

#media-page-press-releases .media-page-press-release:hover {
	border-right: 4px solid #ff434c
}

#media-page-press-releases .media-page-press-release.alt-row {
	background-color: #F1F1F1
}

#media-page-press-releases .media-page-press-release-title {
	font-size: 1.25rem;
	margin-bottom: 10px
}

#media-page-press-releases .media-page-press-release-date {
	color: #a9a9a9
}

@media only screen and (min-width: 768px) {
	#single-event {
		margin-top: 40px;
		margin-bottom: 40px;
		margin-left: 80px;
		margin-right: 80px
	}
}

#single-event-info-bar {
	border: 1px solid #a9a9a9;
	margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
	#single-event-info-bar {
		display: flex
	}
}

#single-event-info-bar .single-event-info-bar-cell {
	padding: 20px;
	border-bottom: 1px solid #a9a9a9;
	display: flex
}

@media only screen and (min-width: 768px) {
	#single-event-info-bar .single-event-info-bar-cell {
		flex-grow: 1;
		flex-basis: 0;
		align-items: center;
		justify-content: center;
		border-right: 1px solid #a9a9a9;
		border-bottom: none
	}
}

#single-event-info-bar .single-event-info-bar-cell:last-child {
	border-bottom: none;
	border-right: none
}

#single-event-info-bar .single-event-info-bar-cell-icon {
	font-size: 1.5rem;
	margin-right: 20px;
	align-self: center
}

#single-event-info-bar .single-event-info-bar-cell-details {
	align-self: center;
	font-size: 0.9rem
}

#single-event-info-bar .single-event-info-bar-cell-details-title {
	font-weight: 500
}



.wp-block-image{max-width:100%;margin-bottom:0em;margin-left:0;margin-right:0;margin-top:1em}
.post-preview{background-color:white}
.single-event-info-bar-cell{line-height:1rem}
.single-news-post-title{margin-bottom: 0px}
.single-news-post-date{margin-bottom: 10px}
.wp-block-audio figcaption{line-height:1rem}
.wp-block-image figcaption{line-height:1rem}
.wp-block-media-text img { max-width:100%; height: auto;}

/* 08/01/2019 */
.n2-section-smartslider {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

/* 08/05/2019 */
h1,h2 {
line-height:1.5
}
/* 10/15/2019 */
h1 {
}
.single-news-post-body>h1
{
	margin-top:0px;
	margin-bottom:0px;
}
h2 {
}
.single-news-post-body>h2
{
	margin-top:0px;
	margin-bottom:0px;
}
h3 {
}
.single-news-post-body>h3
{
	margin-top:0px;
	margin-bottom:0px;
}
h4 {
}
.single-news-post-body>h4
{
	margin-top:0px;
	margin-bottom:0px;
}
h5 {
}
.single-news-post-body>h5
{
	margin-top:0px;
	margin-bottom:0px;
}
h6 {
}
.single-news-post-body>h6
{
	margin-top:0px;
	margin-bottom:0px;
}

/* 08/07/2019 */
#header-navigation-inner .menu>.current_page_item>a
{
	color:#ff0000
}
#header-navigation-inner .menu>.current_page_parent>a
{
	color:#ff0000
}
#header-navigation-inner .menu>.current-menu-parent>a
{
	color:#ff0000
}
#header-navigation-inner .menu>.active>a
{
	color:#ff0000
}
#header-navigation-inner .sub-menu>.active>a
{
	color:#ff0000
}
#header-navigation-inner .menu>.current-menu-item>a
{
	color:#ff0000
}
#header-navigation-inner .sub-menu>.current-menu-item>a
{
	color:#ff0000
}

/* 08/09/2019 */
/*
#header-navigation-inner .menu .sub-menu .menu-item
{
	color:#ffffff
}
#header-navigation-inner .sub-menu .menu-item a
{
	color:#ffffff 
}
*/
@media only screen and (min-width: 870px){#header-navigation{
color:#30394f 
/* color: #c1c4ca */
}}

/* Desktop version, commented out.  This text will override any color on the desktop sub-menu/drop down.  Right now leave it the same color as the parent by inheritence.  Move this up higher in the CSS above the "red" colors above if needed.
#header-navigation-inner .sub-menu .menu-item,#header-navigation-inner .sub-menu .menu-item a{color:#30394f}@media only screen and (min-width: 870px)
*/

/* 08/21/2019 */
@media only screen and (max-width: 425px)
{
	#header-navigation-cancel{opacity:0.3;font-size:1.5rem;position:absolute;right:0;cursor:pointer;visibility:visible}
}
@media only screen and (min-width: 768px)
{
	#header-navigation-cancel{opacity:0.3;font-size:1.5rem;position:absolute;right:0;cursor:pointer;visibility:hidden}
}

/* 11/7/2022 - Staff Directory */

@media only screen and (min-width: 768px) {
	.directory-info-primary {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
}

@media only screen and (min-width: 1080px) {
	.directory-info-secondary-columns {
		display: flex;
		width: 100%;
	}

	.directory-info-secondary-columns > div:nth-child(1) {
		margin-right: 10px;
	}

	.directory-info-secondary-columns > div:nth-child(2) {
		margin-left: 10px;
	}
}

.directory-listing-header {
	margin-bottom: 25px;
}

.directory-info-primary ul {
	list-style: none;
	padding: 0;
}

.directory-info-primary span {
	margin-right: 7px;
}

.directory-info-secondary {
	border-top: 2px solid #cccccc;
	margin-top: 40px;
	padding-top: 40px;
}

.directory-info-primary-image img  {
	max-height: 300px;
}

.directory-info-block {
	background: #F1F1F1;
	padding: 25px;
	margin-bottom: 20px;
}

.directory-info-block-header {
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px;
}

.directory-info-block-content > * {
	margin-top: 10px;
}

.directory-info-block-content-kvp {
	margin-top: 10px;
}

.directory-info-block-content-kvp-key {
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}

.acadp .listings-grid-item {
	padding: 20px;
}

.acadp .listings-grid-item-heading {
	display: flex;
	border-bottom: 2px solid #cccccc;
	margin-bottom: 15px;
}

.acadp .listings-grid-item-heading-image {
	width: 120px;
	height: 120px;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 50%;
	overflow: none;
}

.acadp .listings-grid-item-heading-title {
	font-size: 14px;
}

.acadp .listings-grid-item-heading img {
	max-width: 100%;
    max-height: 100%;
}

.acadp .listings-grid-item-info {
	min-height: 60px;
	font-size: 14px;
}

.acadp .listings-grid-item-info ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

.acadp .listings-grid-item-info li span {
	margin-right: 7px;
}

.acadp .acadp-body {
	margin-top: 50px;
	margin-bottom: 50px;
}

.acadp .acadp-entry {
	border: 1px solid #ddd;
    border-radius: 4px;
	margin-bottom: 20px;
	padding: 20px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.acadp .listings-list-entry-info ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

.acadp .listings-list-entry-info li span {
	margin-right: 7px;
}

@media only screen and (min-width: 768px) {
	.acadp .listings-list-entry-heading {
		min-width: 325px;
	}
	.acadp .listings-list-entry {
		display:flex;
		margin-top: 35px;
	}
}

.gform_wrapper.gravity-theme .gfield textarea, 
.gform_wrapper.gravity-theme .gfield input, 
.gform_wrapper.gravity-theme .gfield select   {
    background-color: #F1F1F1;
    border: none;
    padding: 20px !important;
    font-size: 0.9rem;
    margin-bottom:12px !important;
}
.gform_wrapper.gravity-theme .gfield_label {
  font-size: 1.25rem;
  font-weight:700;
}
.gform_wrapper.gravity-theme .gform_footer input {
    background-color: #ff434c;
    padding: 20px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    color: white;
    display: inline-block;
    border: none;
    font-size: 1rem;
    cursor: pointer;
}

.tribe-events-event-image img {
	width: auto;
    height: auto;
	max-width: 100%;
}