/*
Theme Name: Gateway Performance Theme
Theme URI: https://www.gatewaychurch.com/
Description: A custom, optimized Genesis child theme for Gateway Church.
Author: Gateway Church
Author URI: https://www.gatewaychurch.com/
Template: genesis
Version: 1.0
*/

/*! # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/*! ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

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

body {
	margin: 0
}

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

audio,
canvas,
progress,
video {
	display: inline-block
}

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

progress {
	vertical-align: baseline
}

template,
[hidden] {
	display: none
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit
}

b,
strong {
	font-weight: bolder
}

dfn {
	font-style: italic
}

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

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

small {
	font-size: 80%
}

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

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

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

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

figure {
	margin: 1em 40px
}

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

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

optgroup {
	font-weight: bold
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

textarea {
	overflow: auto
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

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

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

/*! ## Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
	box-sizing: border-box;
}

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

/*! ## Float Clearing
--------------------------------------------- */


.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.prev-next-links:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.prev-next-links:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/*! # Defaults
---------------------------------------------------------------------------------------------------- */

.white-bg-override {
	background-color: #fff!important;
}

/*! ## Typographical Elements
--------------------------------------------- */

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

/*! RTL Support */
body {
	direction: ltr;
	unicode-bidi: embed;
}

/*! Chrome fix */
body>div {
	font-size: 1.6rem;
}

body {
	background-color: #fff;
	color: #333939;
	font-family: proxima-nova, sans-serif;
	font-size: 20px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
}

body {
	/* Set a fallback */
	height: 100vh;
	/* Use a dynamic variable set by JavaScript if needed */
	height: var(--app-height);
  }

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

a {
	text-decoration: none;
	color: #4299B3;
}

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

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

p.campusinfo {
	margin-bottom: 15px;
	padding-left: 1em;
	text-indent: -.5em;
}

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

li {
	list-style-type: none;
}

.fl-module-content ul li {
	list-style-type: disc;
}

.fl-module-content ol li {
	list-style-type: decimal;
}

.fl-row li {
	padding-bottom: 10px;
}

.site-inner ul,
.site-inner ol {
	margin-left: 40px;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	clear: both;
	margin: 2em 0;
}

b,
strong {
	font-weight: 700;
}

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

blockquote {
	margin: 40px;
}

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


/*! ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4 {
	color: #363f48;
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 20px;
}

h1 {
	font-size: 42px;
	font-size: 4.2rem;
	font-weight: 600;
}

h2 {
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: 600;
}

h3 {
	font-size: 29px;
	font-size: 2.9rem;
	font-weight: 500;
}

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

h5 {
	color:#363f48;
	font-family:"Oswald";
	font-size: 2.9rem;
	font-weight: normal;
	line-height:1.625;
	text-transform:uppercase;
}



h6 {
	color:#363f48;
	font-family:"Oswald";
	font-size: 2rem;
	font-weight:normal;
	text-transform:uppercase;
}

.fl-heading .light {
	font-weight: 300;
}

.bold {
	font-weight: 600;
}


/*! ## Objects & Buttons
--------------------------------------------- */
.fl-button {
	padding: 20px 40px;
	border:none;
}

button,
input[type="submit"],
input[type="button"],
.button,
.btn,
.wp-block-button__link,
.fl-button {
    padding: 20px 40px !important;
	border:none;
}

.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
	padding:20px 30px;
}

.inline-flex {
	display:inline-flex;
}

.flex-item {
	display:flex;
}
.margin-auto {
	margin:auto;
}

.margin-zero {
	margin:0;
}
.margin-zero-text {
	margin-block-end: 0;
    margin-block-start: 0;
}

.no-float {
	float:none;
}

/* ------------------------ HEADER CUSTOM ELEMENTS ------------------ */

/*
=========================================
FINAL Subtitle & Button Layout Fix
=========================================
*/

/* 1. This targets your specific row and sets up the flex layout */
.subtitle-button-row .fl-row-content {
	display: flex;
	align-items: center; /* Vertically aligns the subtitle and button */
	justify-content: flex-start; /* Aligns items to the left */
  }
  
  /* 2. This forcefully overrides the default 50% width on BOTH columns
	 and makes them shrink to fit their content. */
  .subtitle-button-row .fl-col {
	flex: 0 1 auto !important; /* The key flexbox override */
	width: auto !important;     /* A fallback for good measure */
  }
  
  /* 3. This adds the space. It specifically targets the SECOND column
	 in the row (the one with the button) and adds a margin to its left. */
  .subtitle-button-row .fl-col:nth-child(2) {
	margin-left: 20px;
  }
  

/* ------------------------ COLORED BUTTONS ------------------ */

.orange {
	border: 1px solid #de7130;
	background-color: #de7130;
	-webkit-transition: transform .25s ease-in-out;
	-webkit-transition: -webkit-transform .25s ease-in-out;
	transition: -webkit-transform .25s ease-in-out;
	transition: transform .25s ease-in-out;
	transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

.orange:hover {
	border: 1px solid #bd591e;
	background-color: #bd591e;
}

.tan {
	color:#333!important;
	background-color:#f5f4f0;
	border: 1px solid #f5f4f0;
	-webkit-transition: transform .25s ease-in-out;
	-webkit-transition: -webkit-transform .25s ease-in-out;
	transition: -webkit-transform .25s ease-in-out;
	transition: transform .25s ease-in-out;
	transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

.tan:hover {
	background-color:#e6e3d9;
	border: 1px solid #e6e3d9;
}

a.fl-button,
a.page-header-button {
	border: 1px solid #de7130;
	background-color: #de7130;
	color:#fff;
	padding:20px 30px;
	font-weight: 500;
    text-transform: uppercase;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	margin:auto;
	display:inline;
}

a.fl-button:hover,
a.page-header-button:hover {
	border: 1px solid #bd591e;
    background-color: #bd591e;
}

@media only screen and (max-width: 575px) {
	.header-button .fl-button {
        padding: 15px 30px !important;
    }
}


.button-25 {
	color:#fff;
	padding:20px 30px;
	font-weight: 500;
    text-transform: uppercase;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	margin:auto 15px;
	display:inline;
}

.explore-section img {
	width: 50px;
	height: auto;
	margin-right: 20px;
}

.explore-section p {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	color: #4A4A4A;
	margin-bottom: 0;
}

.explore-section hr {
	margin: 20px 0;
}

.explore-section hr:first-of-type {
	margin-top: 10px;
}

.explore-section i {
	font-size: 50px;
}

i.fab.fa-youtube {
	color: #CE1312;
}

i.fab.fa-facebook-square {
	color: #4460A0;
}

i.fab.fa-twitter {
	color: #00AAEC;
}

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

img {
	height: auto;
}

figure {
	margin: 0;
}

.featured-content img,
.gallery img {
	width: auto;
}

/*! ## Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #333939;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
	padding: 8px 12px;
	width: 100%;
}

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

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

::-moz-placeholder {
	color: #333939;
	font-weight: 500;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333939;
	font-weight: 500;
	opacity: 1;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.more-link {
	border: 0 none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	padding: 20px 30px;
	width: auto;
	box-shadow: none;
	text-align: center;
	text-transform: uppercase;
}

.button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.more-link:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus,
.more-link:focus {
	box-shadow: none;
	color: #fff;
}

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

/*! ## Tables
--------------------------------------------- */

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

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

td,
th {
	text-align: left;
}

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

th {
	font-weight: 600;
}

/*! ## Screen Reader Text
--------------------------------------------- */

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

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

.more-link {
	position: relative;
	margin: 30px 0 0;
	padding: 6px 20px;
	display: table;
}

/*! # Structure and Layout
---------------------------------------------------------------------------------------------------- */

.site-container {
	margin: auto;
}

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

.center_content .fl-col-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.center_content .fl-module {
	width: 75%;
	margin: 0 auto;
}

/* Minstry Pages */

.ministry_sub_nav div.fl-rich-text div {
	display: flex;
	justify-content: space-evenly;
}

.ministry_sub_nav div.fl-rich-text div a {
	color: #333939;
	font-weight: bold;
}

/* Sub Page Nav Bars
--------------------------------------------- */

.page-id-133 .location_sub-navigation a:nth-of-type(3) {
	border-right: 2px solid #979797;
}

/*! ## Custom Modules
--------------------------------------------- */

.overlay:before {
	position: absolute;
	content: " ";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	border-radius: inherit;
	background-image: linear-gradient(rgba(171, 171, 171, 0.5), rgba(0, 0, 0, 1));
	opacity: 0.7;
	transition: all 0.25s ease-in-out;
}

.overlay:after {
	position: absolute;
	content: " ";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	border-radius: inherit;
	background-image: linear-gradient(rgba(171, 171, 171, 0.5), rgba(30, 99, 122, 1));
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.overlay:not(.gw-hero-container):not(.gw_slideshow):hover:before {
	opacity: 0;
}

.overlay:not(.gw-hero-container):not(.gw_slideshow):hover:after {
	opacity: 0.7;
}

.gw-box-shadow {
	box-shadow: 2px 2px 6px #00000012;
}

.gw_intro-video img.fl-photo-img {
	max-height: 309px;
}

.gw_featured-height .gw-featured-module-container.overlay {
	min-height: 540px;
	max-height: 540px;
}

/*! ## Site Containers
--------------------------------------------- */

/* Home Page */
/* Base styles — mobile first (default) */

#home-text-1 h3,
#home-text-2 h3 {
	font-family: "Oswald";
	color: #fff;
	margin-bottom: 0;
}

#home-text-1 p,
#home-text-2 p {
	display: none; /* Hide <p> by default */
}

/* Mobile only (≤867px) */
@media only screen and (max-width: 867px) {
	.home-text-1,
	.home-text-2,
	.home-text-1:hover,
	.home-text-2:hover {
		border:none;
	}
}

/* Tablet and up (≥868px) */
@media only screen and (min-width: 868px) {
	.home-text-1,
	.home-text-2 {
		border-top: 2px solid rgba(255, 255, 255, 0.0);
	}

	.home-text-1,
	.home-text-2 {
	border-top: 2px solid rgba(255, 255, 255, 0.4);
	margin-top: -21px;
	padding-top: 20px;
	transition: 0.2s ease-in-out;
}

/* Hover effects */
#home-text-1:hover p,
#home-text-2:hover p {
	color: #fff;
	transition: 0.2s ease-in-out;
}

#home-text-1:hover .fa,
#home-text-2:hover .fa {
	margin-left: 3px;
	transition: 0.2s ease-in-out;
}

.home-text-1:hover,
.home-text-2:hover {
	border-top: 2px solid rgba(255, 255, 255, 1);
}
	/* Still hide <p> here (unchanged) */
}

/* Desktop and up (≥1024px) */
@media only screen and (min-width: 1024px) {
	#home-text-1 p,
	#home-text-2 p {
		display: block;
		color: #aaa;
		transition: 0.2s ease-in-out;
	}
}

.wrap {
	padding-left: 5%;
	padding-right: 5%;
}

.site-inner {
	padding-top: 0;
}

body .site-inner {
	clear: both;
	max-width: 1440px;
}

@media only screen and (min-width: 868px) {
	.site-inner {
		padding-top: 0;
	}

	.site-inner,
	.wrap {
		max-width: 800px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}
}

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

	.site-inner,
	.wrap {
		max-width: 960px;
	}

}

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

	.site-inner,
	.wrap {
		margin: 0 auto;
		max-width: 1440px;
	}
}

.landing-page .site-inner {
	max-width: 800px;
}

.template-full-width .site-inner,
.template-blank .site-inner {
	max-width: none;
}

/* Locations */
.location_sub-navigation .fl-rich-text div {
	background-color: #fff;
	border-radius: 10px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
}

.location_sub-navigation .fl-rich-text div a {
	color: #364048;
	font-weight: 500;
	font-size: 24px;
}

.location_sub-navigation a {
	padding: 0 20px;
	flex: 1;
	text-align: center;
}

.location_sub-navigation a:not(:last-of-type) {
	border-right: 2px solid #979797;
}

.gw_card-block {
	background-color: #fff;
	margin-bottom: 20px;
	align-items: center;
	border-radius: 10px;
}

.gw_card-block p {
	font-size: 20px;
	color: #000;
	margin-bottom: 0;
	padding: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 500;
}

.gw_card-block i {
	font-size: 50px;
	color: #4299B3;
	margin-right: 20px;
}

.location-cta .gw-featured-module-container {
	height: 100%;
	max-height: 600px;
	min-height: 600px;
}

.location-staff-section>.fl-col-content.fl-node-content.ui-sortable {
	box-shadow: -1px 2px 6px #00000012;
}

.location_socials {
	display: flex;
	justify-content: center;
}

.location_socials i {
	font-size: 40px;
	margin: 0 20px;
}

.location_socials i.fab.fa-instagram {
	color: #000000;
}

.location_side-section .gw-featured-module-content {
	left: 20px;
}

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

	.gw_card-block p {
		padding: 20px 0;
	}

	.gw_card-block i {
		margin-right: 20px;
	}

	.location_sub-navigation a {
		width: 100%;
		padding: 15px 0;
	}

	.location_sub-navigation .fl-rich-text div {
		flex-wrap: wrap;
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	.location_sub-navigation a:nth-of-type(2) {
		border-top: 2px solid #979797;
		border-bottom: 2px solid #979797;
		border-left: none;
		border-right: none;
		padding: 20px 0;
	}

	.location_sub-navigation br {
		display: none;
	}

}

/*! ## Column Widths and Positions
--------------------------------------------- */
/* This section defines default Genesis sidebar layouts. It's safe to keep for non-Beaver Builder pages. */
.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

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

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

}

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

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 950px;
	}

}


/*! ### Content */
.content,
.full-width-content .content {
	width: 100%;
}

@media only screen and (min-width: 860px) {
	.archive .content,
	.single-message .content {
		width: 80%;
		margin: auto;
	}
}

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

	.archive .content,
	.single-message .content {
		max-width: 1280px;
		width: 80%;
		margin: auto;
	}
}

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

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

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 420px;
	}

}

@media only screen and (min-width: 1200px) {
	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 580px;
	}
}

/*! ### Primary Sidebar */

@media only screen and (min-width: 1023px) {
	.sidebar-primary {
		width: 280px;
		float: right;
	}
}

@media only screen and (min-width: 1200px) {
	.sidebar-primary {
		width: 330px;
	}
}

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

/*! ### Secondary Sidebar */

@media only screen and (min-width: 1023px) {
	.sidebar-secondary {
		float: left;
		width: 180px;
	}
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

/*! # Common Classes
---------------------------------------------------------------------------------------------------- */

/*! ## Avatar
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar,
.author-box .avatar {
	margin-right: 24px;
	border-radius: 50%;
}

.comment .avatar {
	left: 0;
	margin: 0 15px 0 0;
	position: relative;
}

@media only screen and (min-width: 860px) {
	.comment .avatar {
		left: -80px;
		border-radius: 50%;
		margin: 0;
		position: absolute;
		top: 0;
	}
}

/*! ## Genesis
--------------------------------------------- */
/* These are standard Genesis styles, safe to keep */
.breadcrumb {
	margin-bottom: 20px;
}

.archive-description {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 30px;
}

.author-box {
	background: #fff;
	padding: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 40px;
	border-radius: 2px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.archive-description .entry-title {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.author-box-title {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 4px;
}

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

/*! ## Search Form
--------------------------------------------- */
/* Review this if you use search widgets outside of the header */
.search-form {
	overflow: visible;
	position: relative;
	background: transparent;
	text-align: center;
	max-width: 500px;
	margin: auto;
}

form.search-form:before {
	content: '\f002';
	font-family: 'Font Awesome 5 Pro';
	z-index: 3;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
	color: #979797;
	font-size: 15px;
}

.search-form-input {
	border: none;
	background: #fff;
	font-size: 20px;
	padding-left: 20px;
	font-weight: 400;
	color: #979797;
}

input[type=submit].search-form-submit {
	display: none;
}

.message-archive--header .search-form {
	width: 25%;
	margin-left: auto;
	margin-right: 0;
}

@media only screen and (max-width: 769px) {
	.message-archive--header {
		flex-wrap: wrap;
	}

	.message-archive--header .archive-title {
		width: 100%;
		text-align: center;
	}

	.message-archive--header .search-form {
		width: 75%;
		margin: 10px auto 0 auto;
	}
}

section#search-3 {
	margin: 3px 0 4px 0;
	border: 1px solid #ddd;
	border-width: 0 0 2px 0;
	border-bottom-color: #333946;
}

/*! ## Titles
--------------------------------------------- */

.archive-title {
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: 700;
	margin: 0;
}

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

	.archive-title {
		font-size: 60px;
		font-size: 6rem;
	}

}

.entry-title {
	font-size: 26px;
	font-size: 2.6rem;
}

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

	.entry-title {
		font-size: 30px;
		font-size: 3rem;
	}

}

.entry-title a,
.sidebar .widget-title a {
	color: #363f48;
}

.widget-title {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 20px;
}

.footer-widgets .widget-title {
	font-size: 16px;
	font-family: proxima-nova, sans-serif;
	font-size: 1.6rem;
	color: #AAAAAA;
	font-weight: bold;
	margin-bottom: 10px;
}

/*! ## WordPress
--------------------------------------------- */

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

a.alignnone {
	display: inline-block;
}

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

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

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

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

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

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

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

.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
}

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

.sticky {}

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

/*! # UI Elements
---------------------------------------------------------------------------------------------------- */

/* Explore God Questions */
#explore-god-questions .uabb-tabs {
	display: flex;
	align-items: flex-start;
}

#explore-god-questions .uabb-tabs .uabb-tabs-nav {
	width: 25%;
	margin-right: 5%;
	background: #f4f4f4;
	border-radius: 10px;
	padding: 25px 0;
}

#explore-god-questions .uabb-tabs .uabb-tabs-nav ul li {
	margin: 0;
	outline: none;
}

#explore-god-questions .uabb-tabs .uabb-tabs-nav ul li:focus,
#explore-god-questions .uabb-tabs .uabb-tabs-nav ul li:focus-within,
#explore-god-questions .uabb-tabs .uabb-tabs-nav ul li:focus-visible {
	outline: none;
}

#explore-god-questions .uabb-tabs .uabb-tabs-nav ul li a.uabb-tab-link {
	padding: 10px 25px;
	margin: 0;
	border: none;
	text-align: left;
	color: #333939;
	font-size: 20px;
	font-weight: 700;
}

#explore-god-questions .uabb-tabs .uabb-tabs-nav ul li a.uabb-tab-link:after {
	content: '\f054';
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translate(0, -50%);
	font-family: 'Font Awesome 5 Pro';
}

#explore-god-questions .uabb-tabs .uabb-tabs-nav ul li.uabb-tab-current,
#explore-god-questions .uabb-tabs .uabb-tabs-nav ul li.uabb-tab-current a.uabb-tab-link {
	border: none;
}

/* Explore God Resources */
.explore-god--resources-tabs .fl-tabs-labels {
	margin-bottom: 10px;
}

.explore-god--resources-tabs .fl-tabs-label {
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 15px;
	line-height: 1.5;
	border: 0 !important;
}

.explore-god--resources-tabs .fl-tabs-label.fl-tab-active {
	background: #4299B3;
	color: #ffffff;
	border-radius: 5px;
}

.explore-god--resources-tabs .fl-tabs-label.fl-tab-active:after {
	display: none !important;
}

.explore-god--resources-tabs .fl-tabs-panels,
.explore-god--resources-tabs .fl-tabs-panel {
	border: 0 !important;
}

.explore-god--resources-tabs .fl-tabs-panel-content {
	border: none;
	padding-top: 20px;
}

.explore-god--resources-tabs .fl-tabs-panel-content.fl-tab-active {
	display: flex;
}

.explore-god--resources-tabs .fl-tabs-panel-content .resource-item {
	width: 49%;
	margin-right: 1%;
	display: flex;
	align-items: flex-start;
}

.explore-god--resources-tabs .fl-tabs-panel-content .resource-item i {
	font-size: 25px;
	margin-right: 10px;
}

.explore-god--resources-tabs .fl-tabs-panel-content .resource-item p {
	font-size: 15px;
	line-height: 1.2;
	margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
	.explore-god--resources-tabs .fl-tabs-panel-content.fl-tab-active {
		flex-wrap: wrap;
	}

	.explore-god--resources-tabs .fl-tabs-panel-content .resource-item {
		width: 100%;
	}
}


/*! # Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

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

.widget ol li:before {
	content: "";
}

.widget li li {
	border: 0;
}

.widget_calendar table {
	width: 100%;
}

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

/*! ## Featured Content
--------------------------------------------- */

.featured-content .entry {
	margin-bottom: 30px;
	padding: 0 0 30px;
}

.featured-content .entry .entry-title {
	font-size: 20px;
	font-size: 2rem;
	margin: 20px 0;
	padding: 0 30px;
}

.featured-content .entry .entry-content {
	padding: 0 30px;
}

.featured-content .entry .entry-meta {
	padding: 0 30px;
	margin-bottom: 15px;
}

.featured-content .entry .entry-image {
	vertical-align: middle;
	margin-bottom: 0;
}


/*! # Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link {
	margin: 0;
}

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

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

/*
================================================================================
REVIEW THIS SECTION CAREFULLY. Styles for Secondary Nav and Topbar were kept
in case they are used outside the header, but they may be obsolete.
================================================================================
*/

/* Do you use a secondary navigation menu anywhere else on the site? */
/*
.nav-secondary {
    background: #dedede;
    width: 100%;
}

.nav-secondary .wrap {
    float: right;
    padding: 0 5%;
}

.nav-secondary a {
    color: #222222;
    font-size: 1.5rem;
    font-weight: 500;
}

@media only screen and (min-width: 1023px) {
    .nav-secondary {
        border: none;
    }
}
*/

/*! Topbar styling */
.site-topbar {
	font-size: 1.4rem;
	font-weight: 500;
	color: #222222;
	line-height: normal;
	height: auto;
	text-align: center;
	position: relative;
	z-index: 2;
	padding: 8px 0 6px;
	overflow: hidden;
	text-align: left;
	max-width:1170px;
	margin:auto;
}

.site-topbar>.wrap {
	padding-right:30px;
	float: right;
}

.site-topbar ul {
	padding: 10px 0;
}

.site-topbar .widget {
	float: left;
}

.site-topbar li:first-child a {
	color: #4299B3;
}

.site-topbar a {
	color: #222;
}

.site-topbar li {
	display: inline-block;
	margin: 0 20px 0 0;
}

.site-topbar li.gw_nav--back-home {
	padding-right: 20px;
	border-right: 1px solid;
}

.site-topbar li.gw_nav--back-home a {
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.site-topbar i {
	padding: 0 6px 0 0;
}

.site-topbar .search-form-input {
	font-size: 13px;
}

.site-topbar input#searchform-1:focus {
	border: none;
}

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

	li.hide-mobile {
		display: none;
		font-size:1rem;
	}
}

@media only screen and (max-width: 767px) {
	li.hide-tablet {
		display:none;
	}
	.site-topbar {
		background:#f5f4f0;
		padding-top:10px;
	}
}

/*! # Simple Social Icons
---------------------------------------------------------------------------------------------------- */
.simple-social-icons {
	overflow: hidden;
}

.simple-social-icons ul {
	margin: 0;
	padding: 0;
}

.simple-social-icons ul li {
	background: none !important;
	border: none !important;
	float: left;
	list-style-type: none !important;
	margin: 2px 4px !important;
	padding: 0 !important;
}

.simple-social-icons ul li:before {
	content: "";
	left: auto;
	padding: 0;
}

.simple-social-icons ul li a {
	border: none !important;
	box-sizing: content-box;
	display: inline-block;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
	height: 1em;
	line-height: 1em;
	text-align: center;
	text-decoration: none !important;
	text-transform: none !important;
	width: 1em;
}

.simple-social-icons svg[class^="social-"],
.simple-social-icons svg[class*=" social-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

/*! Topbar Social Icons */
@media only screen and (min-width: 860px) {

	.site-topbar .simple-social-icons {
		float: none;
		text-align: center;
	}
}

.site-topbar .simple-social-icons ul li {
	float: none;
}

.site-topbar .simple-social-icons li a,
.site-topbar .simple-social-icons li a:hover,
.site-topbar .simple-social-icons li a:focus {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 11px 10px;
	text-align: center;
}

.nav-l3 a{
	color: #666666 !important;
    text-transform: none;
}

/*! # Content Area
---------------------------------------------------------------------------------------------------- */

/*! ## Header block - sets the video / or header module to appear under the primary nav
--------------------------------------------- */

.fl-bg-video {
	z-index: -10;
}


@media only screen and (max-width: 575px) {
	.fl-bg-video {
		z-index: 0;
	}
}

.page-subheading {
	color:#48565a;
	font-family:"Oswald";
	font-size: 1.4em;
	font-weight: 400;
	text-transform:uppercase;
	line-height:1.45;
	letter-spacing: .5px;
	display:block;
	margin-right:15px;
}

.conditional-header-block {
	margin-top: -10px;
	display:inline-flex;
}


/*! ## Entries
--------------------------------------------- */
.entry {
	margin-bottom: 30px;
	padding: 0;
}

.entry>p {
	padding: 30px 30px 0;
}

.entry-image {
	vertical-align: middle;
}

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

	.entry {
		margin-bottom: 40px;
	}

	.entry-title {
		padding: 0 50px;
	}
}

.entry-meta {
	padding: 0 30px;
}

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

	.entry-meta {
		padding: 0 50px;
	}

}

.entry-footer .entry-meta {
	padding: 20px 30px;
}

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

	.entry-footer .entry-meta {
		padding: 20px 50px;
	}

}

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

	.entry-content {
		padding: 0;
	}

}

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

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

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

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

.entry-content code {
	background-color: #333;
	color: #ddd;
}

@media only screen and (max-width: 575px) {
	.entry-content {
		padding: 0px;
	}
}

/*! ## Entry Meta
--------------------------------------------- */

p.entry-meta {
	color: #363f48;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 20px;
}

.entry-footer .entry-meta {
	padding-top: 20px;
}

.entry-categories,
.entry-tags {}

.entry-meta a {
	color: #363f48;
	margin-bottom: 0;
}

.entry-meta .entry-time::after {
	content: "|";
	padding: 0 10px;
}

.entry-meta .entry-comments-link::before {
	content: "|";
	padding: 0 10px;
}

.entry-meta .entry-tags::before {
	content: "|";
	padding: 0 10px;
}

.post-edit-link {
	display: inline-block;
	margin-bottom: 20px;
}


/*! ## HOME PAGE MESSAGE DISPLAY
--------------------------------------------- */
.archive-latest-message {
	margin:0;
	padding-bottom:10px;
}

.latest-message {
    margin-bottom: 40px;
    overflow: hidden;
}

.latest-message .message-item--video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.latest-message .message-item--video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.latest-message .message-item--content {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.latest-message .message-item--content__left {
    flex: 1 1 65%;
    padding-right: 20px;
}

.latest-message .message-item--content__right {
    flex: 1 1 30%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}

.latest-message .message-item--title {
    margin-top: 0;
    color: #333;
    font-size: 26px;
}

.latest-message .message-item--meta {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
}

.latest-message .message-item--meta .detail:not(:last-child)::after {
    content: "•";
    margin: 0 5px;
}

.latest-message .message-item--description {
    margin-bottom: 20px;
}

.latest-message .message-link {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 10px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.latest-message .see-all-messages {
	color:#222222;
	display:inline-block;
	border:1px solid #222222;
	padding:20px 30px;
	text-align:center;
	transition: .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

.latest-message .see-all-messages a {
	font-weight:600;
	padding: 20px 30px;
	text-align:center;
	text-transform:uppercase;
	color:#222222;
	transition: .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.latest-message .see-all-messages a:hover,
.latest-message .see-all-messages:hover {
    text-decoration: none;
	background:#eee;
	transition: .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.latest-message h3,
.latest-message h5{
	margin-block-start:0;
	margin-block-end:14px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .latest-message .message-item--content {
        flex-direction: column;
    }

    .latest-message .message-item--content__left {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .latest-message .message-item--content__right {
        flex-direction: row;
        flex-wrap: wrap;
    }
}


/*! ## Messages
--------------------------------------------- */
.pad-top {
	padding-top:70px;
}

/* This targets the main content area ONLY on the Messages archive page */
.post-type-archive-message .message-archive--wrapper {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
  }
  .post-type-archive-message .content,
  .single-message .content,
  .tax-series .content {
  float: none !important;
}

.message-archive--header {
	margin-top: 50px;
	padding-bottom: 25px;
	display: flex;
	align-items: center;
}

.message-archive--header img {
}

.recent-message__link {
	display: block;
	position: relative;
}

a.recent-message__link:before {
	content: '\f144';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	width: 80px;
	line-height: 1;
	font-size: 80px;
	height: 80px;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	opacity: 0.75;
}

.recent-message__content {
	position: absolute;
	bottom: 5%;
	left: 5%;
	z-index: 1;
}

.recent-message__content .banner {
	background: rgba(137, 137, 137, 20);
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	padding: 5px 8px;
	border-radius: 5px;
}

.recent-message__content .title {
	color: #fff;
}

.message-archive--series {
	padding-top: 75px;
}

.message-archive--series-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.series-item {
	width: 31%;
	margin-right: 3%;
}

.series-item:nth-child(3n) {
	margin-right: 0;
}

.series-item .series-item--graphic {
	border-radius: 5px;
}

.series-item .series-item--title {
	font-size: 30px;
	font-weight: 700;
}

.message-single--container {
	padding-top: 75px;
	margin-bottom: 75px;
}

.message-item--video {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 35px;
	border-radius: 10px;
}

.message-item--content {
	background: #fff;
	padding: 20px 60px;
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
}

.message-item--content__left {
	width: 60%;
}

.message-item--content__right {
	width: 30%;
}

.message-item--title {
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 5px;
}

.message-item--meta {
	margin-bottom: 10px;
}

.message-item--meta span.detail:not(:last-child):after {
	content: ' • ';
}

.message-item--video iframe,
.message-item--video object,
.message-item--video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.message-item--content .message-link {
	background-color: #f5f4f0;
	color:#666;
	padding:20px 30px;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	margin:auto;
	display:inline;
}

.message-item--content .message-link:hover {
	background-color: #de7130;
	color:white;
}


.messages-related--container,
.series-archive--wrapper {
	margin-bottom: 75px;
}

.messages-related--container h2 {
	text-align: center;
}

.messages-related--item,
.series-archive--item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.messages-related--item__image,
.series-archive--item__image {
	width: 35%;
}

.messages-related--item__image .related-message__image,
.series-archive--item__image .series-archive__image {
	border-radius: 5px;
}

.messages-related--item__content,
.series-archive--item__content {
	width: 60%;
}

.messages-related--item .message-title,
.series-archive--item .message-title {
	font-weight: 600;
	margin-bottom: 5px;
}

.series-archive--info {
	padding: 25px 50px;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 75px;
}

.series-archive--title {
	font-size: 36px;
	font-weight: 900;
	margin-bottom: 10px;
}

.series-archive--meta {
	font-size: 20px;
}

.series-archive--excerpt {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.message-archive--wrapper {
		padding: 0 20px;
	}

	a.recent-message__link:before {
		top: 38%;
	}

	.recent-message__content {
		position: relative;
		bottom: 0;
		left: 0;
	}

	.recent-message__content h2.title {
		color: #363f48;
	}

	.message-archive--series {
		padding-top: 50px;
	}

	.series-item {
		width: 100%;
		margin: 0;
	}

	.messages-related--item,
	.series-archive--item {
		flex-wrap: wrap;
	}

	.messages-related--item__image,
	.series-archive--item__image {
		width: 100%;
	}

	.messages-related--item__content,
	.series-archive--item__content {
		width: 100%;
	}

	.message-item--content {
		flex-wrap: wrap;
	}

	.message-item--content__left,
	.message-item--content__right {
		width: 100%;
	}

	.message-single--container {
		padding: 50px 20px;
	}

	.messages-related--container {
		padding: 0 20px 50px 20px;
	}
}

.latest-message-info {
	margin-top:30px;
}
span.banner {
	text-transform: uppercase;

}

/*! ## Events
--------------------------------------------- */
.event-details--wrapper .event-details--item {
	background: #fff;
	margin: 20px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, .07) 0 8px 17px -2px;
}

.event-details--wrapper .event-details--item .event--icon-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.event-details--wrapper .event-details--item .event--icon-wrapper i {
	font-size: 40px;
	margin-right: 15px;
	color: #4299B3;
}

.event-details--wrapper .event-details--item .event--icon-wrapper p {
	margin-bottom: 0;
	line-height: 1.2;
}

.event-details--wrapper .event-details--item p.event--date {
	font-weight: 600;
	font-size: 20px;
}

.event-details--wrapper .event-details--item p.event--date .event--day {
	color: #aaaaaa;
}

.event-details--wrapper .event-details--item p.event--date .event--date {
	color: #333939;
}

.event-details--wrapper .event-details--item a.event--directions {
	margin-left: auto;
	text-align: center;
	line-height: 1;
}

.event-details--wrapper .event-details--item a.event--directions i {
	margin-right: 0;
	font-size: 24px;
}

/*! ## Classes
--------------------------------------------- */
.gw-class--content-wrapper {
	padding: 20px;
	display: block;
}

.gw-class--image img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.uabb-blog-post-content h2.gw-class--heading {
	line-height: 1;
}

.gw-class--heading a {
	color: #333939;
}

.uabb-blog-post-content h5.gw-class--meta {
	font-weight: bold;
	color: #AAAAAA;
	margin-bottom: 5px;
}

.uabb-blog-post-content h5.gw-class--terms {
	margin-bottom: 10px;
}

.gw-class--terms span {
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #4299B3;
	color: #ffffff;
	padding: 1px 5px;
	font-size: 16px;
}

.gw-class--terms span a {
	color: #fff;
}

a.gw-class--signup {
	background: #4299B3;
	color: #fff;
}

.gw-class--description p {
	line-height: 1.4;
	margin-bottom: 15px;
}

/*! ## Next Steps
--------------------------------------------- */
.next-steps--listings .uabb-blog-posts .uabb-post-thumbnail img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.next-steps--listings h2.uabb-post-heading {
	font-size: 30px;
}

.gw-next-steps--content-wrapper {
	padding: 20px;
}

.next-steps--listings .button-blue {
	background: #4299B3;
}

.gw-next-steps--link a {
	color: #333939 !important;
	text-decoration: underline !important;
	padding-left: 13px;
}

/*! ## Search & Blog
--------------------------------------------- */
.search-results .fl-post-feed .entry,
.archive .fl-post-feed .entry,
.blog .fl-post-feed .entry {
	padding: 15px;
	background: #ffffff;
}

.search-results .fl-post-feed-header,
.search-results .fl-post-feed-header .fl-post-feed-title,
.blog .fl-post-feed-header,
.blog .fl-post-feed-header .fl-post-feed-title {
	margin-bottom: 0;
}

.search-results .fl-post-feed .entry .fl-post-feed-content,
.blog .fl-post-feed .entry .fl-post-feed-content {
	display: flex;
}

.search-results .fl-post-feed .entry .fl-post-feed-content p,
.blog .fl-post-feed .entry .fl-post-feed-content p {
	width: 70%;
}

.search-results .fl-post-feed .entry .fl-post-feed-more,
.blog .fl-post-feed .entry .fl-post-feed-more {
	width: auto;
	margin-left: auto;
	align-self: flex-start;
	text-align: center;
	padding: 12px 40px;
	border: 3px solid;
	border-radius: 8px;
	margin-top: 0;
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.fl-post-feed-image img {
	border-radius: 8px;
}

.archive .fl-post-feed .entry .fl-post-feed-terms a,
.blog .fl-post-feed .entry .fl-post-feed-terms a {
	background: #4299B3;
	color: #fff !important;
	padding: 0 6px;
	display: inline-block;
	width: auto;
	border-radius: 3px;
}

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

	.search-results .fl-post-feed .entry .fl-post-feed-content,
	.blog .fl-post-feed .entry .fl-post-feed-content {
		display: block;
	}

	.search-results .fl-post-feed .entry .fl-post-feed-content p,
	.blog .fl-post-feed .entry .fl-post-feed-content p {
		width: 100%;
		margin-bottom: 20px;
	}

	.search-results .fl-post-feed .entry .fl-post-feed-image,
	.blog .fl-post-feed .entry .fl-post-feed-image {
		width: 33.33%;
		margin-right: 15px;
	}

	.search-results .fl-post-feed .entry.fl-post-feed-image-beside .fl-post-feed-text,
	.blog .fl-post-feed .entry.fl-post-feed-image-beside .fl-post-feed-text {
		margin-left: 0;
	}

	.search-results .fl-post-feed .entry.fl-post-feed-post.fl-post-feed-image-beside,
	.blog .fl-post-feed .entry.fl-post-feed-post.fl-post-feed-image-beside {
		max-width: none !important;
	}

}

/*! ## Pagination
--------------------------------------------- */

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

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

.archive-pagination li {
	display: inline;
}

.archive-pagination li a,
.pagination-next a,
.pagination-previous a,
.page-numbers a,
.page-numbers span {
	border: none !important;
	background: transparent !important;
	color: #000 !important;
	font-size: 25px;
}

.pagination-next,
.pagination-previous,
.page-numbers .next,
.page-numbers .prev {
	display: none !important;
}

/*! ## Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	margin-top: 40px;
	padding: 0;
}

.comment-header {
	font-size: 16px;
	font-size: 1.6rem;
}

.comment-content {
	clear: both;
	word-wrap: break-word;
}

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

.comment-list .comment-time a {
	font-size: 14px;
	font-size: 1.4rem;
	color: #777;
}

.comment-list li article {
	background: #fff none repeat scroll 0 0;
	margin: 0;
	padding: 10px 20px;
	position: relative;
	border-radius: 2px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

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

	.comment-list li article {
		margin: 0 0 0 80px;
	}

}

.comment-list li article p {
	margin-bottom: 10px;
}

.comment-form p {
	margin-bottom: 15px;
}

.comment-form .form-submit {
	margin-bottom: 30px;
}

.comment-list li li {
	margin-right: 0;
	margin-left: 0;
}

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

	.comment-list li li {
		margin-left: 80px;
	}

}

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

.entry-comments .comment-author {
	color: #363f48;
	margin-bottom: 0;
}

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

.bypostauthor {}

.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 24px;
}


/*! # Sidebars
---------------------------------------------------------------------------------------------------- */

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

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

.sidebar li {
	margin-bottom: 5px;
	padding-left: 20px;
	position: relative;
}

.sidebar li a {
	color: #777;
}

.sidebar p:last-child,
.sidebar ul>li:last-child {
	margin-bottom: 0;
}

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

@media only screen and (min-width: 860px) {
	.sidebar .widget {
		margin-bottom: 40px;
	}
}

.sidebar .button {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 6px 16px;
}


/*! # Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #ffffff;
	clear: both;
	border-top: 1px solid #dfdeda;
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 5%;
	padding-right: 5%;
}

.footer-widgets {
	color: #999;
}

.footer-widgets input {
	background: #f7f7f7;
	border: none;
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 10px;
}

.footer-widgets a.button,
.footer-widgets a:hover,
.footer-widgets a:focus {
	opacity: .8;
}

.footer-widgets li {
	margin-bottom: 5px;
	position: relative;
}

.footer-widgets li a {
	color: #333939;
}

.footer-widgets .widget {
	margin-bottom: 30px;
}

.footer-widgets p:last-child {
	margin-bottom: 0;
}

.footer-widgets .widget i {
	display: inline-block;
	padding: 0 8px 0 0;
	text-align: center;
	width: 24px;
}

footer .wrap {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

footer .footer-address {
	margin-right: auto;
}

footer .footer-socials i {
	font-size: 30px;
	margin: 0 20px;
	color: #000000;
}

footer .footer-address a {
	color: #4299B3;
}

footer .footer-address {
	color: #000000;
	font-size: 20px;
}

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

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4,
	.footer-widgets-5 {
		width: 19.623932%;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4,
	.footer-widgets-5 {
		float: left;
	}
}


/*! # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #ffffff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 25px 5%;
	position: relative;
	text-align: center;
}

@media only screen and (max-width: 1023px) {
	.footer-widgets .wrap {
		display: flex;
		flex-wrap: wrap;
	}

	.widget-area.footer-widget-area {
		width: 24%;
		margin: .5%;
	}

	footer .wrap {
		display: flex;
		flex-direction: column-reverse;
	}
}

@media only screen and (max-width: 750px) {
	.widget-area.footer-widget-area {
		width: 30%;
		margin: 1.6%;
	}
}

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

	.widget-area.footer-widget-area {
		width: 50%;
	}

	footer .footer-socials {
		position: inherit;
		border-bottom: 1px solid #000;
		margin-bottom: 20px;
		padding-bottom: 40px;
	}

	footer .footer-address {
		position: inherit;
		max-width: 50%;
		margin: 20px auto;
	}
}

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

	.site-footer {
		text-align: center;
	}

}

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

/*! Footer navigation
--------------------------------------------- */
/* Review this section to ensure it doesn't conflict with other footer elements */
/*
.nav-footer {
	margin: 20px 0 0;
}

@media only screen and (min-width: 1023px) {
	.nav-footer {
		float: right;
		margin: 0;
	}
}

.nav-footer .genesis-nav-menu {
	line-height: 1;
}

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

.nav-footer .genesis-nav-menu a {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 10px 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	text-transform: none;
}

@media only screen and (min-width: 1023px) {
	.nav-footer .genesis-nav-menu a {
		padding: 0;
	}
}

.nav-footer .genesis-nav-menu li:first-child a {
	margin: 0;
}

.nav-footer .genesis-nav-menu li:first-child:before {
	content: "";
	padding: 0;
}

@media only screen and (min-width: 1023px) {
	.nav-footer .genesis-nav-menu li:before {
		content: "-";
		padding: 0 0 0 10px;
		font-weight: bold;
	}
}
*/

/*! Scroll Up
--------------------------------------------- */

.scroll-up {
	position: relative;
}

.scrollup:before {
	content: "\f106";
	font-family: "fontawesome";
	font-size: 20px;
	font-size: 2rem;
}

.scrollup,
.scrollup:focus,
.scrollup:hover {
	position: fixed;
	display: none;
	right: 20px;
	bottom: 14px;
	color: #fff;
	line-height: 1;
	z-index: 10;
	padding: 5px 10px;
	background: #333 none repeat scroll 0 0;
	border-radius: 2px;
}

.site-footer .scrollup,
.site-footer .scrollup:hover {
	color: #fff;
}


/*! Archive page template
--------------------------------------------- */
.page-template-page_archive h2 {
	font-size: 24px;
	font-size: 2.4rem;
}


/*! 404 Error page
--------------------------------------------- */

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

.error404 .entry-content .search-form input[type="submit"] {
	margin-top: 10px;
}

/*! # Campus Finder Template
---------------------------------------------------------------------------------------------------- */

.campus_finder-container {
	display: flex;
	position: relative;
}

.campus_finder-navigation {
	width: 35%;
	padding: 30px 5%;
	background: #fff;
}

.campus_finder-navigation h1 {
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: bold;
	margin-bottom: 0;
}

.campus_finder-navigation .campus-list {
	max-height: 450px;
	overflow-y: scroll;
}

/* width */
.campus_finder-navigation .campus-list::-webkit-scrollbar {
	width: 8px;
}

/* Track */
.campus_finder-navigation .campus-list::-webkit-scrollbar-track {
	background: #eee;
}

/* Handle */
.campus_finder-navigation .campus-list::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
.campus_finder-navigation .campus-list::-webkit-scrollbar-thumb:hover {
	background: #555;
	cursor: pointer;
}

.campus_finder-navigation .campus-list-item {
	display: flex;
	align-items: center;
	border-bottom: 2px solid #979797;
	padding: 20px 0 20px 15px;
}

.campus_finder-navigation .campus-list-item img.campus-list-item--thumb {
	max-width: 75px;
	margin-right: 50px;
}

.campus_finder-navigation .campus-list-item .campus-list-item--details h2 {
	font-size: 20px;
	margin-bottom: 0px;
	text-align: left;
}

.campus_finder-navigation .campus-list-item .campus-list-item--details p {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
}

.campus_finder-navigation .campus-list-item .campus-list-item--details {
	padding-top: 20px;
	position: relative;
}

.campus_finder-navigation .campus-list-item .campus-list-item--pin {
	max-width: 25px;
	position: absolute;
	top: 18px;
	left: -30px;
}

.campus_finder-navigation .campus-list-item .campus-list-item--links {
	margin-top: 6px;
}

.campus_finder-navigation .campus-list-item .campus-list-item--links a {
	text-decoration: underline;
	font-weight: 700;
	margin-right: 10px;
}

.campus_finder-map--container {
	position: absolute;
	height: 100%;
	right: 0;
	width: 65%;
}

.acf-map {
	width: 100%;
	height: 100%;
	border: #ccc solid 1px;
}

.acf-map h3.info-window--title {
	margin-bottom: 0;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
}

.acf-map p.info-window--address {
	text-align: center;
	margin-bottom: 5px;
}

.acf-map p.map-marker-info {
	padding-top: 10px;
	text-align: center;
	margin-bottom: 0;
}

.acf-map a.marker-website {
	display: block;
	background-color: #4299B3;
	color: #fff;
	padding: 3px 10px;
	border-radius: 3px;
	max-width: 130px;
	margin: 0 auto 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
}

@media only screen and (max-width: 1000px) {
	.campus_finder-container {
		flex-wrap: wrap;
	}

	.campus_finder-navigation {
		width: 100%;
	}

	.campus_finder-map--container {
		position: relative;
		height: 400px;
		right: 0;
		width: 100%;
	}
}


/*! # Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

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

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

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

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

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

	thead {
		display: table-header-group;
	}

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

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

	@page {
		margin: 2cm 0.5cm;
	}

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

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

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

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


/*! # Posts
---------------------------------------------------------------------------------------------------- */

a.fl-post-grid-more {
	background-color: #de7130;
	color: #fff;
	padding: 20px 30px;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 16px;
	text-align: center;
	display: flex;
	justify-content: center;
}

.fl-author-bio-thumb img {
	border-radius: 50%;
}

.fl-module-fl-author-bio .fl-module-content.fl-node-content {
	box-shadow: 2px 2px 6px #00000012;
	border-radius: 10px;
}

.fl-post-grid-text {
	display: flex;
	flex-direction: column;
}

.fl-post-grid-meta-terms {
	order: 1;
}

.fl-post-grid-content {
	order: 3;
}

h3.fl-post-grid-title {
	order: 2;
}

.gw_post_category a {
	font-size: 18px;
}

div.fl-post-grid-meta-terms a {
	font-size: 16px;
}

div.fl-post-grid-meta-terms a,
.gw_post_category a {
	color: #AAAAAA !important;
	font-weight: bold;
	text-transform: uppercase;
}

.gw_post-meta-info .fl-module-content {
	font-weight: bold;
	text-transform: uppercase;
}

.gw_post-meta-info a,
.gw_post-meta-info .fl-post-info-date {
	font-size: 16px;
}

div.fl-author-bio-content h3.fl-author-bio-name {
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 0px;
}

.author-bio-title {
	margin-bottom: 10px;
	font-weight: 500;
}

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

	.post_author-section .fl-module-content.fl-node-content {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	.fl-module-fl-author-bio .fl-author-bio-thumb {
		margin-bottom: 20px;
		padding-right: 0px !important;
	}
}


/*! # Staff Page Module
---------------------------------------------------------------------------------------------------- */


.staff-position {
	line-height:1.15;
}

/* Staff container - main wrapper */
.staff-container .uabb-blog-posts-shadow {
    background: transparent; /* No background by default */
    transition: all 0.3s ease;
    padding: 15px;
    border-radius: 5px;
}

/* Hover effect for the staff card */
.staff-container .uabb-blog-posts-shadow:hover {
    background-color: #eeeeee; /* Light gray background on hover */
}

/* 1:1 aspect ratio for image container */
.staff-container .uabb-post-thumbnail {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

/* Fix the aspect ratio issue, using the native structure */
.staff-container .uabb-post-thumbnail a {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%; /* Creates 1:1 aspect ratio */
    overflow: hidden;
}

/* Image positioning within container */
.staff-container .uabb-post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top; /* Position face at top */
    transition: transform 0.3s ease;
}

/* Image zoom effect on hover */
.staff-container .uabb-blog-posts-shadow:hover .uabb-post-thumbnail img {
    transform: scale(1.05); /* 5% zoom on hover */
}

/* Staff title (name) styling */
.staff-container h3.uabb-post-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px;
    transition: color 0.3s ease;
}

.staff-container .uabb-blog-posts-shadow:hover h3.uabb-post-heading a {
    color: #0078a0; /* Change link color on hover */
}

/* Staff position styling */
.staff-container .staff-position {
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

/* Campus and department styles */
.staff-container .staff-staff-campus {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.staff-container .term-label {
    font-weight: 500;
}

/* Email styling */
.staff-container .staff-email {
    font-size: 14px;
    margin-top: 8px;
}

.staff-container .staff-email a {
    color: #0078a0;
    text-decoration: none;
    transition: color 0.3s ease;
}

.staff-container .staff-email a:hover {
    text-decoration: underline;
}

.uabb-post-wrapper .uabb-blog-post-content {
	padding:10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .staff-container .uabb-blog-posts-col-4 {
        width: 50%; /* Two columns on tablet */
    }
}

@media (max-width: 480px) {
    .staff-container .uabb-blog-posts-col-4 {
        width: 100%; /* Single column on mobile */
    }
}

.nofloat {
	float:none!important;
}

/* -------------------------- STAFF CONTACT FORM STYLING -------------------------------- */


.form-style-6 {
    background: #fff;
    padding: 30px;
}

.form-style-7 {
	background: #f5f4f0;
    padding: 30px;
}

.form-style-6 .fl-input-group input,
.form-style-6 .fl-input-group textarea {
    border-radius: 0;
	line-height:3.5rem;
	text-transform: uppercase;

    padding: 12px;
    height: auto;
    background: #cac8c433;
    color: #666;
    font-weight: 500;
    font-size: 13px;
	border:none;
}
.form-style-7 .fl-input-group input,
.form-style-7 .fl-input-group textarea {
	border-radius: 0;
	line-height:3.5rem;
	text-transform: uppercase;
    padding: 12px;
    height: auto;
    background: #cac8c433;
    color: #666;
    font-weight: 500;
    font-size: 13px;
	border:none;
}

.form-style-7 .fl-input-group {
    margin-bottom: 30px;
    width: 33.33%;
    float: left;
	padding-right:20px;

}

.form-style-7 .fl-input-group.fl-message {
    width: 100%;
    float: none;
    padding-right: 0;
    clear: both;
}
.form-style-7 .fl-button-wrap {
    margin-top: 30px;
}
.form-style-7 label {
    display: none;
}

@media only screen and (max-width: 768px) {
    .form-style-7 .fl-input-group {
        width: 100%;
        float: none;
        clear: both;
        padding-right: 0;
    }}


.form-style-6 .fl-input-group input::-webkit-input-placeholder {
    color: #222;
}
.form-style-6 .fl-input-group textarea::-webkit-input-placeholder {
    color: #222;
}

.form-style-6 .fl-input-group input:focus,
.form-style-6 .fl-input-group textarea:focus {
    background-color: #fff;
}

.form-style-6 .fl-input-group {
    margin-bottom: 20px;
    width: 50%;
    float: left;
}
.form-style-6 .fl-input-group:nth-of-type(2n+1) {
    padding-right: 20px;
}
.form-style-6 .fl-input-group.fl-message {
    width: 100%;
    float: none;
    padding-right: 0;
    clear: both;
}
.form-style-6 .fl-button-wrap {
    margin-top: 30px;
}
.form-style-6 label {
    display: none;
}

@media only screen and (max-width: 768px) {
    .form-style-6 .fl-input-group {
        width: 100%;
        float: none;
        clear: both;
    }
    .form-style-6 .fl-input-group:nth-of-type(2n+1) {
        padding-right: 0;
    }
}

.tan-bg {
	background-color:#f5f4f0;
	border: 1px solid #f5f4f0;
	-webkit-transition: transform .25s ease-in-out;
		-webkit-transition: -webkit-transform .25s ease-in-out;
		transition: -webkit-transform .25s ease-in-out;
		transition: transform .25s ease-in-out;
		transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;}

.lr-auto {
	margin:auto;
}

.nofloat {
	float:none!important;
}

/* Accessible Menu - Keep for keyboard navigation focus */
.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;
}

/* Helper class - Keep */
.unclickable > a {
    pointer-events: none;
}

/* -------------------------------- For DIGGING DEEPER VIEW -------------------------------------- */
/* -------------------------------- Series Accordion Styles -------------------------------------- */

.series-accordion-container {
    max-width: 900px;
    margin: 40px auto;
}

.series-accordion-item {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden; /* Important for border-radius on image */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.series-header {
    cursor: pointer;
    transition: all 0.3s ease;
}

.series-header img.series-image {
    display: block;
    width: 100%;
    height: auto;
}

/* Add a subtle overlay to non-active items to encourage clicking */
.series-accordion-item:not(.active) .series-header {
    position: relative;
}

.series-accordion-item:not(.active) .series-header::after {
    content: 'Click to Expand';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 8px; /* Match parent */
}

.series-accordion-item:not(.active):hover .series-header::after {
    opacity: 1;
}

.series-content {
    padding: 25px 30px;
    background-color: #f9f9f9;
    border-top: 1px solid #eee;
}

.series-content .series-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 26px;
}

.series-post-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.series-post-list li {
    padding: 12px 0;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Allows wrapping on small screens */
}

.series-post-list li:last-child {
    border-bottom: none;
}

.series-post-list li .post-info {
    flex-grow: 1;
    padding-right: 15px;
}

.series-post-list li .post-info a {
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;
}

.series-post-list li .post-info .post-date {
    display: block;
    font-size: 0.9em;
    color: #777;
    margin-top: 4px;
}

.series-post-list li .button {
    flex-shrink: 0; /* Prevents the button from shrinking */
}