/**********************************************************
// Root
**********************************************************/
:root {
	--wp--preset--font-size--small:  1.0625rem !important; /* 17px */
    --wp--preset--font-size--medium: 1.625rem !important; /* 26px */
    --wp--preset--font-size--large:  2.5rem !important; /* 40px */

	--Font-Default: "Archivo", sans-serif;
	--Font-Titles: "Cabinet-Grotesk", sans-serif;
	--Font-Narrow: "Archivo-Narrow", sans-serif;
	}

/**********************************************************
// Body
**********************************************************/
body {
	background-color: var(--Color-Light-Gray);
	font-family: var(--Font-Default);
	font-weight: 400;
	font-size: var(--18px);
	color: var(--Color-Dark);
	}

a { color: var(--Color-Green); }
a:hover,
a:focus { color: var(--Color-Yellow); }

::selection {
    background: var(--Color-Orange);
    color: var(--Color-White);
    text-shadow: none;
	}

::-moz-selection {
    background: var(--Color-Orange);
    color: var(--Color-White);
    text-shadow: none;
	}

.Font-Default, .font-default { font-family: var(--Font-Default); }
.Font-Titles, .font-titles   { font-family: var(--Font-Titles);  }
.Font-Narrow, .font-narrow   { font-family: var(--Font-Narrow);  }

h1 {
	font-family: var(--Font-Titles);
	font-weight: 400;
	}

h2, h3 {
	font-family: var(--Font-Default);
	font-weight: 700;
	}

h4, h5, h6 {
	font-family: var(--Font-Default);
	font-weight: 400;
	}

:root :where(.is-layout-flow) > * { margin-block-start: unset; }

/**********************************************************
// Content
**********************************************************/
.Content {
	padding: var(--60px) var(--20px);
	width: 100%;
	max-width: 82.5rem;
	}

.Content-Posts {
    margin: auto;
    padding: var(--40px) var(--10px);
    width: 100%;
    max-width: var(--1280px);
    text-align: center;
    font-size: 0;
    }

/**********************************************************
// Titles >> Underline Styles
**********************************************************/
.Underline-Green,
.Underline-Orange,
.Underline-Yellow,
.Underline-Yellow-Light,
.Underline-White {
	text-decoration: underline;
	text-decoration-thickness: 25%;
    text-underline-offset: -25%;
	text-decoration-skip-ink: none;
	}

.Underline-Green  { text-decoration-color: rgba(61,  150, 137, 0.5) !important; }
.Underline-Orange { text-decoration-color: rgba(222, 155, 109, 0.5) !important; }
.Underline-Yellow { text-decoration-color: rgba(227, 176,  86, 0.5) !important; }
.Underline-Yellow-Light { text-decoration-color: rgba(245, 206, 150, 0.5) !important; }
.Underline-White  { text-decoration-color: rgba(255, 255, 255, 0.3) !important; }

/**********************************************************
// Page >> Titles
**********************************************************/
.Page-Title {
	margin: 0 auto var(--30px) auto;
	padding: 0;
	line-height: 1.3em;
	letter-spacing: var(--1px);
	text-align: center;
	font-family: var(--Font-Titles);
	font-weight: 400;
	font-size: var(--60px);
	}

.Page-Subtitle {
	margin: 0 auto var(--20px) auto;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: var(--1px);
	text-transform: uppercase;
	text-align: center;
	font-size: var(--20px);
	}

/**********************************************************
// Post >> Elements
**********************************************************/
.post { margin-bottom: var(--40px); }
article.post:last-child { margin-bottom: 0; }
article:last-child .post { margin-bottom: 0; }

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	padding: var(--15px) 0;
	line-height: 1.3em;
	}

.post blockquote p:first-child { padding-top: 0; }
.post blockquote p:last-child { padding-bottom: 0; }
.post blockquote {
	margin: var(--10px) auto;
	padding: 0 var(--20px);
	line-height: 1.2em;
	border-left: var(--3px) solid var(--Color-Black);
	font-style: italic;
	font-size: var(--18px);
	display: block;
	}

.post p:empty { display: none; }
.post p {
	padding: var(--10px) 0;
	line-height: 1.5em;
	}

.post p.has-background { padding: 1em 1.25em; }

.post ol {
	margin-left: var(--20px);
	padding-left: var(--2px);
	list-style: decimal;
	}

.post ul {
	margin-left: var(--20px);
	padding-left: var(--2px);
	list-style: disc;
	}

.post li {
	line-height: 1.5em;
	position: relative;
	}

.post .wp-block-buttons .wp-block-button a {
	padding: var(--12px) var(--15px);
	border-radius: var(--5px);
	background: var(--Color-Green);
	color: var(--Color-White);
	text-transform: uppercase;
	letter-spacing: var(--1px);
	font-family: var(--Font-Narrow);
	font-size: var(--16px);
	transition-property: color, background;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	}

.post .wp-block-buttons .wp-block-button a:hover,
.post .wp-block-buttons .wp-block-button a:focus {
	background: var(--Color-Yellow) !important;
	color: var(--Color-White) !important;
	}

.post .wp-block-buttons .wp-block-button.Hover-Green a:hover,
.post .wp-block-buttons .wp-block-button.Hover-Green a:focus {
	background: var(--Color-Green) !important;
	color: var(--Color-White) !important;
	}

.post .wp-block-buttons .wp-block-button.Hover-Red a:hover,
.post .wp-block-buttons .wp-block-button.Hover-Red a:focus {
	background: var(--Color-Red) !important;
	color: var(--Color-White) !important;
	}

.post .wp-block-table th {
	padding: var(--10px);
	background: rgba(0, 0, 0, 0.1);
	border: var(--1px) solid var(--Color-Black);
	}

.post .wp-block-table td {
	padding: var(--10px);
	border: var(--1px) solid var(--Color-Black);
	}

.post .wp-block-separator {
	max-width: 100% !important;
	border-top: var(--1px) solid !important;
	}

/**********************************************************
// Post >> Nav
**********************************************************/
.Post-Nav {
	margin-top: var(--30px);
	padding-bottom: var(--20px);
	text-align: center;
	}

.Post-Nav-Link {
	margin: 0 5%;
	display: inline-block;
	vertical-align: top;
	}

.Post-Nav a {
	height: 1.5rem;
	line-height: 1.5em;
	text-transform: uppercase;
    letter-spacing: var(--1px);
	font-weight: 700;
	font-size: var(--12px);
	}

.Post-Nav span,
.Post-Nav i {
	display: inline-block;
	vertical-align: middle;
	}

.Post-Nav-Next a:hover i,
.Post-Nav-Next a:focus i { right: 0; }
.Post-Nav-Next i {
	margin-right: var(--10px);
    -webkit-transition: right 0.2s ease-in-out;
       -moz-transition: right 0.2s ease-in-out;
        -ms-transition: right 0.2s ease-in-out;
         -o-transition: right 0.2s ease-in-out;
     		transition: right 0.2s ease-in-out;
	position: relative;
    right: -0.3125rem;
	top: 0;
	}

.Post-Nav-Prev a:hover i,
.Post-Nav-Prev a:focus i { left: 0; }
.Post-Nav-Prev i {
	margin-left: var(--10px);
    -webkit-transition: left 0.2s ease-in-out;
       -moz-transition: left 0.2s ease-in-out;
        -ms-transition: left 0.2s ease-in-out;
         -o-transition: left 0.2s ease-in-out;
    		transition: left 0.2s ease-in-out;
	position: relative;
    left: -0.3125rem;
	top: -0.0625rem;
	}

/**********************************************************
// Post >> Nav >> Paginated
**********************************************************/
/*.Post-Nav {
	margin-top: var(--30px);
	text-align: center;
	}

.Post-Nav  nav > h2 { display: none; }

.Post-Nav .page-numbers {
	margin: var(--5px);
	width: 2rem;
	height: 2rem;
	line-height: 1.875rem;
	border-radius: 100%;
	text-transform: uppercase;
	letter-spacing: var(--1px);
	font-weight: 700;
	font-size: var(--14px);
	display: inline-block;
	vertical-align: top;
	}

.Post-Nav .page-numbers {
	text-decoration: none;
	color: #333;
	}

.Post-Nav a.page-numbers:hover,
.Post-Nav a.page-numbers:focus { color: var(--Color-Red); }

.Post-Nav .page-numbers.current {
	background: var(--Color-Red);
	color: var(--Color-White);
	}

.Post-Nav .next {
	margin-left: var(--15px);
	width: auto;
	}

.Post-Nav .next span,
.Post-Nav .next i {
	display: inline-block;
	vertical-align: middle;
	}

.Post-Nav .next i,
.Post-Nav .prev i {
	font-weight: 400;
	color: #B6D19C;
	}

.Post-Nav .next i {
	margin-left: var(--10px);
	font-size: var(--20px);
	position: relative;
	top: -0.0625rem;
	}

.Post-Nav .prev {
	margin-right: var(--15px);
	width: auto;
	}

.Post-Nav .prev span,
.Post-Nav .prev i {
	display: inline-block;
	vertical-align: middle;
	}

.Post-Nav .prev i {
	margin-right: var(--10px);
	font-size: var(--20px);
	position: relative;
	top: -0.0625;
	}*/

/**********************************************************
// Social >> Links
**********************************************************/
.Social-Links {
	margin: auto;
	text-align: center;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
	}

.Social-Links ul {
	margin: auto !important;
	padding: 0 !important;
	list-style: none;
	}

.Social-Links li {
	margin: 0 var(--10px);
	padding: 0 !important;
	display: inline-block;
	vertical-align: middle;
	}

.Social-Links li:first-child { margin-left: 0; }
.Social-Links li:last-child { margin-right: 0; }

.Social-Links li a {
	font-size: var(--20px);
	display: block;
	}

/**********************************************************
// Social >> Share
**********************************************************/
.Social-Share {
	text-align: center;
	font-size: 0;
	}

.Social-Share ul {
	margin: auto !important;
	padding: 0 !important;
	list-style: none;
	}

.Social-Share li {
	margin: 0 var(--10px);
	padding: 0 !important;
	display: inline-block;
	vertical-align: middle;
	}

.Social-Share li:first-child { margin-left: 0; }
.Social-Share li:last-child { margin-right: 0; }

.Social-Share li h5 {
	padding: 0 !important;
	text-transform: uppercase;
	letter-spacing: var(--1px);
	font-weight: 600;
	font-size: var(--14px);
	}

.Social-Share li a span { display: none; }
.Social-Share li a:hover,
.Social-Share li a:focus { color: var(--Color-Red); }
.Social-Share li a {
	font-size: var(--20px);
	color: var(--Color-Black);
	}

/**********************************************************
// Gravity Forms
**********************************************************/
.gform_wrapper {
    margin: 0 !important;
    max-width: var(--600px) !important;
    }

.gform_wrapper ul.gform_fields { padding-left: 0 !important; }
.gform_wrapper .gform_title { display: none; }

.gform_wrapper ul.gform_fields li.gfield {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }

.gform_wrapper .top_label .gfield_label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .gfield_time_ampm label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .ginput_complex label,
.gform_wrapper .instruction {
    letter-spacing: var(--1px);
    font-size: var(--14px);
    }

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium,
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
    padding: var(--10px);
    width: 100% !important;
    border: var(--1px) solid #7A7A7A;
    background: var(--Color-White);
    color: var(--Color-Dark);
    font-size: var(--16px);
    }

.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url],
.gform_wrapper .ginput_complex input[type=email],
.gform_wrapper .ginput_complex input[type=number],
.gform_wrapper .ginput_complex input[type=password],
.gform_wrapper .ginput_complex input[type=tel],
.gform_wrapper .ginput_complex input[type=text],
.gform_wrapper .ginput_complex input[type=url] {
    padding: var(--10px);
    width: 100% !important;
    border: var(--1px) solid #7A7A7A;
    background: var(--Color-White);
    color: var(--Color-Dark);
    font-size: var(--16px);
    }

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="search"],
.gform_wrapper textarea {
    padding: var(--10px);
    width: 100% !important;
    border: var(--1px) solid #7A7A7A;
    background: var(--Color-White);
    color: var(--Color-Dark);
    font-size: var(--16px);
    }

.gform_wrapper ul.gfield_radio li input[type=radio] {
	margin-top: -0.1875rem !important;
	-webkit-appearance: radio;
    }

.gform_wrapper ul.gfield_checkbox li input[type=checkbox] {
    margin-top: -0.1875rem !important;
	-webkit-appearance: checkbox;
    }

.gform_wrapper ::-webkit-input-placeholder { color: var(--Color-Dark); }
.gform_wrapper :-moz-placeholder           { color: var(--Color-Dark); }
.gform_wrapper ::-moz-placeholder          { color: var(--Color-Dark); }
.gform_wrapper :-ms-input-placeholder      { color: var(--Color-Dark); }

.gform_wrapper .gform_footer { text-align: center; }

.gform_wrapper #field_submit input.button,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer .button.gform_button,
.gform_wrapper .gform_page_footer .button.gform_next_button {
    padding: var(--15px) var(--30px);
    border: 0;
	border-radius: var(--5px);
    background: var(--Color-Green);
    color: var(--Color-White);
	letter-spacing: var(--1px);
    text-transform: uppercase;
    text-shadow: none;
    box-shadow: none;
	font-family: var(--Font-Narrow);
	font-weight: 400;
    font-size: var(--16px) !important;
	transition: 0.2s background ease-in-out;
    }

.gform_wrapper #field_submit input.button:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer .button.gform_button:hover,
.gform_wrapper .gform_page_footer .button.gform_next_button:hover,
.gform_wrapper #field_submit input.button:focus,
.gform_wrapper .gform_footer input.button:focus,
.gform_wrapper .gform_footer input[type=submit]:focus,
.gform_wrapper .gform_page_footer .button.gform_button:focus,
.gform_wrapper .gform_page_footer .button.gform_next_button:focus {
    cursor: pointer;
    background: var(--Color-Yellow);
    }

.gform_wrapper .Button-Yellow #field_submit input.button,
.gform_wrapper .Button-Yellow .gform_footer input.button,
.gform_wrapper .Button-Yellow .gform_footer input[type=submit],
.gform_wrapper .Button-Yellow .gform_page_footer .button.gform_button,
.gform_wrapper .Button-Yellow .gform_page_footer .button.gform_next_button {
	background: var(--Color-Yellow);
	color: var(--Color-Dark);
	}

.gform_wrapper .Button-Yellow #field_submit input.button:hover,
.gform_wrapper .Button-Yellow .gform_footer input.button:hover,
.gform_wrapper .Button-Yellow .gform_footer input[type=submit]:hover,
.gform_wrapper .Button-Yellow .gform_page_footer .button.gform_button:hover,
.gform_wrapper .Button-Yellow .gform_page_footer .button.gform_next_button:hover,
.gform_wrapper .Button-Yellow #field_submit input.button:focus,
.gform_wrapper .Button-Yellow .gform_footer input.button:focus,
.gform_wrapper .Button-Yellow .gform_footer input[type=submit]:focus,
.gform_wrapper .Button-Yellow .gform_page_footer .button.gform_button:focus,
.gform_wrapper .Button-Yellow .gform_page_footer .button.gform_next_button:focus {
	background: var(--Color-Green);
	color: var(--Color-White);
	}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
	line-height: 1.5em;
	font-weight: bold;
    font-size: var(--20px);
    }

.gform_wrapper.gravity-theme .gform_validation_errors { border-radius: var(--5px) !important; }
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
	border-radius: var(--5px);
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	font-size: var(--12px) !important;
	}

/**********************************************************
// Utility Styles
**********************************************************/
.Mobile-Only { display: none; }

.No-Padding    { padding: 0 !important;     }
.No-Margin     { margin: 0 !important;      }
.Margin-Auto   { margin: auto !important;   }
.Display-Block { display: block !important; }

.Row-Reverse { flex-direction: row-reverse; }

.Pullup-50 {
	margin-bottom: -3.125rem;
	position: relative;
	top: -3.125rem;
	}

.Pullup-200 {
	margin-bottom: -12.5rem;
	position: relative;
	top: -12.5rem;
	}

/**********************************************************
// Custom Styles
**********************************************************/
.Offset-Home-Upper {
	min-height: 780px;
	position: relative;
	}

.Offset-Home-Upper figure {
	position: absolute;
	top: -0.9375rem;
	bottom: 0;
	right: 0;
	left: 0;
	}

.Offset-Home-Upper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: top center;
	}

.Offset-Podcasts-Mid {
	margin-bottom: -1.5rem !important;
	line-height: 0;
	font-size: 0;
	position: relative;
	top: -1.5rem;
	}

.Home-Optin .gform_wrapper { max-width: 100% !important; }
.Home-Optin .gform_wrapper #field_submit input.button { padding: var(--10px); }

.Number-Circle {
	margin: 0 auto -5rem auto;
	width: var(--100px);
	height: var(--100px);
	border-radius: 100%;
	letter-spacing: var(--1px);
	font-family: var(--Font-Titles);
	font-weight: 700;
	font-size: var(--50px);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: -5rem;
	}

/**********************************************************
// Media Queries
**********************************************************/
@media /* 1024px */
all and (max-width: 64rem),
all and (max-device-width: 64rem)
{

}

@media /* 768px */
all and (max-width: 48rem),
all and (max-device-width: 48rem)
{
	.Content { padding: var(--30px) var(--20px); }
	.Content-Posts { padding: var(--30px) var(--10px); }

	.Page-Title { font-size: var(--50px); }

	.Desktop-Only { display: none; }
	.Mobile-Only { display: block; }

	.Mobile-No-Gap { gap: 0 !important; }
	.Mobile-Text-Center { text-align: center; }
	.Mobile-Title-20 { font-size: var(--20px) !important; }
	.Mobile-Title-30 { font-size: var(--30px) !important; }
	.Mobile-Title-40 { font-size: var(--40px) !important; }
	.Mobile-Title-50 { font-size: var(--50px) !important; }

	.Row-Reverse { flex-direction: row; }

	.Pullup-50,
	.Pullup-200 {
		margin-bottom: 0;
		top: 0;
		}

	.Mobile-BG-Center-Center .Block-Section-BG img { object-position: center center; }


	.Offset-Home-Upper { min-height: 0; }
	.Offset-Home-Upper figure {
		margin-bottom: -0.9375rem;
		position: relative;
		}

	.Home-Optin .gform_wrapper #field_submit input.button { width: 100%; }
}

@media /* 500px */
all and (max-width: 31.25rem),
all and (max-device-width: 31.25rem)
{
	.Page-Title { font-size: var(--40px); }
}
