/**********************************************************
// Root >> Variables
**********************************************************/
: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: "circe", sans-serif;
	--Font-Titles: "Harlow-Duo-Serif", serif;
	--Font-Script: "La-Luxes-Script", serif;
	--Font-Sub: "brandon-grotesque", sans-serif;
	}

/**********************************************************
// Body
**********************************************************/
body {
	font-family: var(--Font-Default);
	font-weight: 400;
	font-size: var(--20px);
	color: var(--Color-Dark);
	}

a { color: var(--Color-Purple); }
a:hover,
a:focus { color: var(--Color-Orange); }

.Circe   { font-family: "circe", sans-serif !important; }
.Brandon { font-family: "brandon-grotesque", sans-serif !important; }
.Harlowe { font-family: "Harlow-Duo-Serif", serif !important; }
.LaLuxes { font-family: "La-Luxes-Script", serif !important; }

/**********************************************************
// Gradients
**********************************************************/
.Gradient-Gold {
	background: #D4B75B;
	background: -moz-linear-gradient(-32deg, #A58E47 0%, #F9E297 22%, #D4B75B 58%, #F9D76B 88%, #A48D47 100%);
	background: -webkit-linear-gradient(-32deg, #A58E47 0%, #F9E297 22%, #D4B75B 58%, #F9D76B 88%, #A48D47 100%);
	background: linear-gradient(-32deg, #A58E47 0%, #F9E297 22%, #D4B75B 58%, #F9D76B 88%, #A48D47 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A58E47",endColorstr="#A48D47",GradientType=1);
	}

.Button-Gradient-1 a,
.Gradient-1 {
	background: var(--Color-Purple);
	background: -moz-linear-gradient(90deg, var(--Color-Blue) 0%, var(--Color-Purple) 50%, var(--Color-Orange) 100%);
	background: -webkit-linear-gradient(90deg, var(--Color-Blue) 0%, var(--Color-Purple) 50%, var(--Color-Orange) 100%);
	background: linear-gradient(90deg, var(--Color-Blue) 0%, var(--Color-Purple) 50%, var(--Color-Orange) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#425884",endColorstr="#F69276",GradientType=1);
	}

.Button-Gradient-2 a,
.Gradient-2 {
	background: var(--Color-Blue);
	background: -moz-linear-gradient(90deg, var(--Color-Blue) 0%, var(--Color-Dark-Purple) 100%);
	background: -webkit-linear-gradient(90deg, var(--Color-Blue) 0%, var(--Color-Dark-Purple) 100%);
	background: linear-gradient(90deg, var(--Color-Blue) 0%, var(--Color-Dark-Purple) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#425884",endColorstr="#77477D",GradientType=1);
	}

.Button-Gradient-3 a,
.Gradient-3 {
	background: #804C7D;
	background: -moz-linear-gradient(90deg, #804C7D 0%, var(--Color-Orange) 100%);
	background: -webkit-linear-gradient(90deg, #804C7D 0%, var(--Color-Orange) 100%);
	background: linear-gradient(90deg, #804C7D 0%, var(--Color-Orange) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#804C7D",endColorstr="#F69276",GradientType=1);
	}

/**********************************************************
// Content
**********************************************************/
.Content-Posts {
    margin: auto;
    padding: var(--40px) var(--10px);
    width: 100%;
    max-width: var(--1280px);
    text-align: center;
    font-size: 0;
    }

/**********************************************************
// Page >> Titles
**********************************************************/
.Page-Title {
	margin: 0 auto var(--20px) auto;
	padding: var(--10px) 0;
	line-height: 1.5em;
	letter-spacing: var(--1px);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.75rem;
	}

.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;
	font-family: var(--Font-Titles);
	}

.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 #333;
	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-table th {
	padding: var(--10px);
	background: rgba(0, 0, 0, 0.1);
	border: var(--1px) solid #333;
	}

.post .wp-block-table td {
	padding: var(--10px);
	border: var(--1px) solid #333;
	}

.wp-block-separator { border-bottom: 0; }

.No-Margin   { margin: 0 !important; }
.Margin-Auto { margin: auto !important; }
.No-Padding  { padding: 0 !important; }

.Desktop-Only { display: block !important; }
.Mobile-Only { display: none !important; }

.Line-Height-1-4 { line-height: 1.4em; }
.Line-Height-1-3 { line-height: 1.3em; }
.Line-Height-1-2 { line-height: 1.2em; }
.Line-Height-1-1 { line-height: 1.1em; }
.Line-Height-1   { line-height: 1em;   }

.post .wp-block-separator {
	margin: auto;
	max-width: 100%;
	}

.post .wp-block-button a {
	padding: var(--15px) var(--30px);
	line-height: 1.5em;
	font-size: var(--18px);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	}

.Button-Gradient a { transition: box-shadow 0.2s ease-in-out; }
.Button-Gradient a:hover,
.Button-Gradient a:focus { box-shadow: var(--2px) var(--2px) var(--5px) rgba(0, 0, 0, 0.55); background: var(--Color-Orange); }
.Button-Gradient a:active { box-shadow: inset var(--2px) var(--2px) var(--5px) rgba(0, 0, 0, 0.55); }

.Button-Hover-Orange a:hover,
.Button-Hover-Orange a:focus {
	transition: background-color 0.2s ease-in-out;
	background-color: var(--Color-Orange) !important;
	color: var(--Color-White) !important;
	}

.List-Hearts li { padding-left: var(--10px); }
.List-Hearts li::marker {
	content: "\f004";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	font-size: var(--16px);
	color: var(--Color-Gold);
	}

.List-X li { padding-left: var(--10px); }
.List-X li::marker {
	content: "\f00d";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	font-size: var(--18px);
	color: var(--Color-Gold);
	}

.List-Stars { list-style: none !important; }
.List-Stars li {
	padding-left: var(--10px);
	position: relative;
	}

.List-Stars li:before {
	content: '';
	width: var(--16px);
	height: var(--16px);
	background: url(../Images/Icon-Stars.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	left: -1.2rem;
	top: var(--7px);
	}

.Decor-Lines-Vertical {
	padding-left: 7.5rem;
	position: relative;
	}

.Decor-Lines-Vertical:before {
	content: '';
	height: 100%;
	width: 7.5rem;
	background-image: url(../Images/Decor-Lines-Vertical.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	}

.Column-Line-Right { border-right: var(--1px) solid var(--Color-White); }
.No-Gap { gap: 0 !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 { 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 { 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 { color: #555; }

.Post-Nav .page-numbers.current {
	background: #555;
	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 { color: #555; }
.Social-Share li a {
	font-size: var(--20px);
	color: #333;
	}

/**********************************************************
// Gravity Forms
**********************************************************/
.gform_wrapper {
    margin: 0 auto !important;
    max-width: 100% !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(--16px);
    }

.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(--20px);
    border: 0;
	border-radius: var(--30px);
    background: var(--Color-Light-Gray);
    color: var(--Color-Dark-Purple);
    font-size: var(--16px);
    }

.gform_wrapper .top_label select {
	color: var(--Color-Dark-Purple);
	font-weight: 500;
	text-transform: uppercase;
	}

.gform_wrapper .top_label input:focus-visible,
.gform_wrapper .top_label textarea:focus-visible,
.gform_wrapper .top_label select:focus-visible {
	outline: var(--2px) solid var(--Color-Orange);
	transition: outline 0.2s ease-in-out;
	}

.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(--20px);
    border: 0;
	border-radius: var(--30px);
    background: var(--Color-Light-Gray);
    color: var(--Color-Dark-Purple);
    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(--20px);
    border: 0;
	border-radius: var(--30px);
    background: var(--Color-Light-Gray);
    color: var(--Color-Dark-Purple);
    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-Purple); font-weight: 700; text-transform: uppercase; }
.gform_wrapper :-moz-placeholder           { color: var(--Color-Dark-Purple); font-weight: 700; text-transform: uppercase; }
.gform_wrapper ::-moz-placeholder          { color: var(--Color-Dark-Purple); font-weight: 700; text-transform: uppercase; }
.gform_wrapper :-ms-input-placeholder      { color: var(--Color-Dark-Purple); font-weight: 700; text-transform: uppercase; }

.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
	margin: auto !important;
	padding-bottom: 0 !important;
	text-align: center;
	}

.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 {
	margin-bottom: 0 !important;
    padding: var(--20px) var(--30px);
    border: 0;
	border-radius: var(--30px);
    background: var(--Color-Orange);
	background: -moz-linear-gradient(90deg, var(--Color-Blue) 0%, var(--Color-Purple) 50%, var(--Color-Orange) 100%);
	background: -webkit-linear-gradient(90deg, var(--Color-Blue) 0%, var(--Color-Purple) 50%, var(--Color-Orange) 100%);
	background: linear-gradient(90deg, var(--Color-Blue) 0%, var(--Color-Purple) 50%, var(--Color-Orange) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#425884",endColorstr="#F69276",GradientType=1);
    color: var(--Color-White);
    text-transform: uppercase;
    text-shadow: none;
    box-shadow: none;
	transition-property: background, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	letter-spacing: var(--1px);
	font-weight: 700;
    font-size: var(--16px) !important;
	cursor: pointer;
    }

.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 .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 {
	box-shadow: var(--2px) var(--2px) var(--5px) rgba(0, 0, 0, 0.35);
    }

.gform_wrapper .gform_footer input.button:active,
.gform_wrapper .gform_footer input[type=submit]:active,
.gform_wrapper .gform_page_footer .button.gform_button:active,
.gform_wrapper .gform_page_footer .button.gform_next_button:active {
	box-shadow: inset var(--2px) var(--2px) var(--5px) rgba(0, 0, 0, 0.35);
	}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
	line-height: 1.5em;
	font-weight: bold;
    font-size: var(--20px);
    }

.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,
.gform_wrapper.gravity-theme .gfield_consent_description {
	padding: var(--10px);
	border-radius: var(--10px);
	border: var(--1px) solid var(--Color-Light-Gray);
	line-height: 1.5em;
	}

.gform_wrapper.gravity-theme .gform_validation_errors {
	margin-bottom: var(--10px);
	padding: var(--20px);
	box-shadow: 0 0 0 #000;
	border-radius: var(--30px);
	text-align: center;
	}

.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
	padding: 0 !important;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: var(--1px);
	font-family: var(--Font-Sub);
	font-weight: 700;
	font-size: var(--16px);
	}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
	border-radius: var(--30px);
	text-align: center;
	text-transform: uppercase;
	letter-spacing: var(--1px);
	font-weight: 500;
	font-size: var(--14px);
	}

/**********************************************************
// Gravity Forms >> Optin
**********************************************************/
.gform_wrapper .Optin input { text-align: center; }

.gform_wrapper .Optin .top_label input.medium,
.gform_wrapper .Optin .top_label select.medium,
.gform_wrapper .Optin .top_label input.large,
.gform_wrapper .Optin .top_label select.large,
.gform_wrapper .Optin .top_label textarea.textarea,
.gform_wrapper .Optin .gfield_error .ginput_complex .ginput_right input[type=email],
.gform_wrapper .Optin .gfield_error .ginput_complex .ginput_right input[type=number],
.gform_wrapper .Optin .gfield_error .ginput_complex .ginput_right input[type=password],
.gform_wrapper .Optin .gfield_error .ginput_complex .ginput_right input[type=tel],
.gform_wrapper .Optin .gfield_error .ginput_complex .ginput_right input[type=text],
.gform_wrapper .Optin .gfield_error .ginput_complex .ginput_right input[type=url],
.gform_wrapper .Optin .ginput_complex input[type=email],
.gform_wrapper .Optin .ginput_complex input[type=number],
.gform_wrapper .Optin .ginput_complex input[type=password],
.gform_wrapper .Optin .ginput_complex input[type=tel],
.gform_wrapper .Optin .ginput_complex input[type=text],
.gform_wrapper .Optin .ginput_complex input[type=url],
.gform_wrapper .Optin input[type="text"],
.gform_wrapper .Optin input[type="email"],
.gform_wrapper .Optin input[type="url"],
.gform_wrapper .Optin input[type="password"],
.gform_wrapper .Optin input[type="search"],
.gform_wrapper .Optin textarea { background: var(--Color-White); }

/**********************************************************
// Custom Styles
**********************************************************/


/**********************************************************
// 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-Posts { padding: var(--30px) var(--10px); }

	.Desktop-Only { display: none !important; }
	.Mobile-Only { display: block !important; }

	.No-Mobile-Gap { gap: 0!important; }

	.Mobile-Center { text-align: center; }

	.Mobile-Title { font-size: var(--60px) !important; }

	.Column-Line-Right { border-right: 0; }
}

@media /* 600px */
all and (max-width: 37.5rem),
all and (max-device-width: 37.5rem)
{
	.wp-block-media-text.is-image-fill .wp-block-media-text__media { min-height: 500px; }
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding: 20px; }
}

@media /* 500px */
all and (max-width: 31.25rem),
all and (max-device-width: 31.25rem)
{
	.wp-block-buttons>.wp-block-button.wp-block-button__width-25,
	.wp-block-buttons>.wp-block-button.wp-block-button__width-50,
	.wp-block-buttons>.wp-block-button.wp-block-button__width-75 { width: 100%; }

	.Mobile-Title { font-size: var(--50px) !important; }

	.Decor-Lines-Vertical { padding-left: 5.5rem; }

	.Decor-Lines-Vertical:before {
		width: 3rem;
		background-position: top left;
		background-size: 100% 100%;
		}
}

@media /* 400px */
all and (max-width: 25rem),
all and (max-device-width: 25rem)
{
	.Mobile-Title { font-size: var(--40px) !important; }
}
