/**********************************************************
// Body
**********************************************************/
body {
	font-weight: 300;
	font-size: 20px;
	
	--Dark: #0F1D4C;
	--Links: #C41E7A;
	--Alt: #0D6B6E;
	--LightBG: #E8D6DC;
	--Cream: #FFF9F3;
	--Pink: #C41E7A;
	--Teal: #0D6B6E;
	--Navy: #0F1D4C;
	--Lavender: #E8D6DC;
	--Gradient: linear-gradient(to right, #871960 0%, #C41E7A 50%, #E3B96A 100%);
	--Dark-Gradient: linear-gradient(to bottom, #0F1D4C 0%, #9B1E70 100%);
	--Gold-Gradient: linear-gradient(to right, #A38646 0%, #FACF6B 18%, #D4AD5B 42%, #FAD598 69%, #A68647 100%);
	
	--Shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
	
	--wp--preset--font-size--small: clamp(1rem, 1.5vw, 1.125rem) !important;  /* ~16–18px */
	--wp--preset--font-size--medium: clamp(1.5rem, 3vw, 1.875rem) !important; /* ~24–30px */
	--wp--preset--font-size--large: clamp(3.5rem, 8vw, 6.375rem) !important;   /* ~32–55px */
	--wp--preset--font-size--x-large: clamp(3.5rem, 10vw, 8.375rem) !important;/* ~40–70px */

	--Title-Font: "Stylish Aesthetic", serif;
	--Body-Font: "DM Sans", sans-serif;
	--Alt-Font: "Bebas Neue", sans-serif;
	
	font-family: var(--Body-Font), sans-serif;
	color: var(--Dark);
	
	}

a { color: var(--Links); }
a:hover { color: var(--Alt); }

.Title-Font { font-family: var(--Title-Font), sans-serif; }
.Body-Font { font-family: var(--Body-Font), sans-serif; }
.Alt-Font { font-family: var(--Alt-Font), sans-serif; }

.has-x-large-font-size { line-height: .9em!important; }

/**********************************************************
// Titles
**********************************************************/

h1, h2, h3, h4, h5, h6 { font-family: var(--Title-Font); font-weight: 400; }

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	padding: .5em 0;
	}

h1 {
	font-size: clamp(2.5rem, 6vw + 1rem, 4rem);
	line-height: 1.1;
}

h2 {
	font-size: clamp(2rem, 4.5vw + 0.75rem, 3.25rem);
	line-height: 1.15;
}

h3 {
	font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.25rem);
	line-height: 1.2;
}

h4 {
	font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
	line-height: 1.4;
}

h5 {
	font-size: 1.4rem;
	line-height: 1.5;
	font-family: var(--Alt-Font);
	letter-spacing: 1px;
}

h6 {
	font-size: 0.875rem;
	line-height: 1.5;
}

/**********************************************************
// Special
**********************************************************/

.Loose { line-height: 1.6em; }

.No-Gap { gap: 0; }
.Small-Gap { gap: .5em; }

.No-Padding { padding: 0!important; }
.No-Padding-Bottom { padding-bottom: 0!important; }
.No-Padding-Top { padding-top: 0!important; }

.No-Margin { margin: 0!important; }
.No-Margin-Bottom { margin-bottom: 0!important; }
.No-Margin-Top { margin-top: 0!important; }

.Sticky { position: sticky!important; top: 0; }

.Border-Radius-10 { border-radius: 10px; }
.Border-Radius-20 { border-radius: 20px; }

.Text-Gradient, .Gradient-Text {
	background: var(--Gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;	
}

.Text-Gradient-Span mark, .Gradient-Text-Span mark {
	background: var(--Gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;	
}

.Dark-Gradient-Text {
	background: var(--Dark-Gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;	
}

.Dark-Gradient-Text-Span mark {
	background: var(--Dark-Gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;	
}

.Gold-Gradient-Text {
	background: var(--Gold-Gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;	
}

.Gold-Gradient-Text-Span mark {
	background: var(--Gold-Gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;	
}

.Inline { display: inline; }

/**********************************************************
// Content
**********************************************************/
.Content { padding-top: 0; padding-bottom: 0; }
.Content-Posts {
    margin: auto;
    padding: 40px 10px;
    width: 100%;
    max-width: 1200px;
    text-align: center;
    display: flex;
	gap: 50px 2%;
	flex-wrap: wrap;
	justify-content: center;
    }

.blog .Content, .search .Content, .archive .Content {
	max-width: 1200px;
}

/**********************************************************
// Page >> Titles
**********************************************************/
.Page-Title-Wrapper {
	background: var(--Links);
	margin-left  : calc( -100vw / 2 + 100% / 2 )!important;
	margin-right  : calc( -100vw / 2 + 100% / 2 )!important;
	padding: 10px 20px;
}

.Page-Title {
	line-height: 1.2em;
	text-align: center;
	font-size: clamp(2.5rem, 4vw + 1rem, 3.3rem);
	}

.Page-Subtitle {
	margin: 0 auto 20px auto;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	}

/**********************************************************
// Post >> Elements
**********************************************************/
.post { margin-bottom: 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: 15px 0;
	}

.post blockquote p:first-child { padding-top: 0; }
.post blockquote p:last-child { padding-bottom: 0; }
.post blockquote {
	margin: 10px auto;
	padding: 0 20px;
	line-height: 24px;
	border-left: 3px solid #333;
	font-style: italic;
	font-size: 18px;
	display: block;
	}

.post p:empty { display: none; }
.post p {
	padding: 10px 0;
	line-height: 1.5em;
	}

.post p.has-background { padding: 1em 1.25em; }

.post ol {
	margin-left: 20px;
	padding-left: 2px;
	list-style: decimal;
	}

.post ul {
	margin-left: 20px;
	padding-left: 2px;
	list-style: disc;
	}

.post li {
	line-height: 1.5em;
	position: relative;
	}

.post .wp-block-table th {
	padding: 10px;
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid #333;
	}

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

.post .wp-block-columns.alignfull .wp-block-column.has-background { padding: clamp(1rem, 6vw, 5rem)!important; }

.post .wp-block-column.has-background { padding: clamp(1rem, 3vw + 0.5rem, 2rem); }
.post .wp-block-columns + .wp-block-columns { margin-top: 2rem; }

.post .wp-block-media-text.alignfull>.wp-block-media-text__content { padding: clamp(1rem, 6vw, 5rem)!important; }

.post .wp-block-separator { border-top: 1px solid var(--Dark); max-width: 100%; }
.post .wp-block-separator.has-white-color { border-top: 1px solid #fff; max-width: 100%; }

.post .wp-block-button { margin: 20px 0; }
.post .wp-block-buttons .wp-block-button__link:hover { background: var(--Alt); color: #fff; }
.post .wp-block-buttons .wp-block-button__link {
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.2em;
	padding: calc(.567em + 2px) clamp(1rem, 4.5vw, 4.5rem) calc(.567em + 0px);
    font-size: 1.125em;
	font-weight: bold;
	background: var(--Pink);
	color: #fff;
	border-radius: 10px;
	font-family: var(--Alt-Font);
	transition: .5s all;
}

.post .wp-block-buttons .wp-block-button.Arrow-Button .wp-block-button__link:after {
	content: "\f178";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-left: 8px;
    vertical-align: middle;
    font-size: 1.125em;
	display: inline-block;
}

.post .wp-block-buttons.Inline-Buttons {
	display: inline-block;
	margin-left: 20px;
}

/**********************************************************
// Post >> Nav
**********************************************************/
.Post-Nav {
	margin-top: 30px;
	padding-bottom: 20px;
	text-align: center;
	width: 100%;
	}

.Post-Nav-Link {
	margin: 0 5%;
	display: inline-block;
	vertical-align: top;
	}

.Post-Nav a {
	height: 24px;
	line-height: 20px;
	text-transform: uppercase;
    letter-spacing: 1px;
	font-weight: 700;
	font-size: 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: 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: -5px;
	top: 0;
	}

.Post-Nav-Prev a:hover i { left: 0; }
.Post-Nav-Prev i {
	margin-left: 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: -5px;
	top: -1px;
	}

/**********************************************************
// Post >> Nav >> Paginated
**********************************************************/

.Post-Nav  nav > h2 { display: none; }

.Post-Nav .page-numbers {
	margin: 5px;
	width: 32px;
	height: 32px;
	line-height: 30px;
	border-radius: 36px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	}

.Post-Nav .page-numbers {
	text-decoration: none;
	color: var(--Links);
	}

.Post-Nav a.page-numbers:hover { color: var(--Alt); }
.Post-Nav a.page-numbers:hover i { color: var(--Alt); }

.Post-Nav .page-numbers.current {
	background: var(--Links);
	color: #FFF;
	}

.Post-Nav .next {
	margin-left: 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: var(--Links);
	}


.Post-Nav .next i {
	margin-left: 10px;
	font-size: 20px;
	position: relative;
	top: -1px;
	}

.Post-Nav .prev {
	margin-right: 15px;
	width: auto;
	}

.Post-Nav .prev span,
.Post-Nav .prev i {
	display: inline-block;
	vertical-align: middle;
	}

.Post-Nav .prev i {
	margin-right: 10px;
	font-size: 20px;
	position: relative;
	top: -1px;
	}

/**********************************************************
// 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 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: 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 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: 1px;
	font-weight: 600;
	font-size: 14px;
	}

.Social-Share li a span { display: none; }
.Social-Share li a:hover { color: #555; }
.Social-Share li a {
	font-size: 20px;
	color: #333;
	}

/**********************************************************
// Gravity Forms
**********************************************************/
.gform_wrapper {
    margin: 0 auto !important;
	--form-label-size: 17px;
	--form-input-font-size: 20px;
	--form-input-color: var(--Dark);
	--form-input-bg: #fff;
	--form-input-padding: 25px clamp(1rem, 3vw + 0.5rem, 2rem) 30px!important;
	--form-border-radius: 30px; 

	--gf-form-gap-y: 15px!important; 
    }

.White-Text label { color: #fff!important; font-size: 18px!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 {
    font-size: var(--form-label-size);
    }

.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(--form-input-padding);
    width: 99.2% !important;
    border: 0;
    background: var(--form-input-bg);
    color: var(--form-input-color);
    font-size: var(--form-input-font-size);
	border-radius: var(--form-border-radius);
	text-align: center;
    }

.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(--form-input-padding);
    border: 0;
    background: var(--form-input-bg);
    color: var(--form-input-color);
    font-size: var(--form-input-font-size);
	border-radius: var(--form-border-radius);
	text-align: center;
    }

.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(--form-input-padding);
    border: 0;
    background: var(--form-input-bg);
    color: var(--form-input-color);
    font-size: var(--form-input-font-size);
	border-radius: var(--form-border-radius);
	text-align: center;
    }

.gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-container-single .chosen-single {
	padding: 10px clamp(1rem, 3vw + 0.5rem, 2rem)!important;
    border: 0;
    background: var(--form-input-bg);
    color: var(--form-input-color);
    font-size: var(--form-input-font-size);
	border-radius: var(--form-border-radius);
	height: auto;
	font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 16px;
}

.gform_wrapper ul.gfield_radio li input[type=radio] {
	margin-top: -3px !important;
	-webkit-appearance: radio;
    }

.gform_wrapper ul.gfield_checkbox li input[type=checkbox] {
    margin-top: -3px !important;
	-webkit-appearance: checkbox;
    }

.gform_wrapper ::-webkit-input-placeholder { color: var(--form-input-color); font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 16px;}
.gform_wrapper :-moz-placeholder           { color: var(--form-input-color); font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 16px;}
.gform_wrapper ::-moz-placeholder          { color: var(--form-input-color); font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; }
.gform_wrapper :-ms-input-placeholder      { color: var(--form-input-color); font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; }

.gform_wrapper .gform_footer { text-align: center; margin-top: 15px!important; }

body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_page_footer .button.gform_button,
body .gform_wrapper .gform_page_footer .button.gform_next_button {
    border: 0;
    text-shadow: none;
    box-shadow: none;
	
	/* Typography */
	font-size: 18px!important;
	font-weight: bold!important;

	/* Colors */
	color: #fff!important;
	background-color: var(--Links)!important;

	/* Spacing & Border */
	padding: 20px 30px!important;
	border-radius: 30px!important;

	/* Text Transform */
	text-transform: uppercase!important;
    }

body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper .gform_footer input[type=submit]:hover,
body .gform_wrapper .gform_page_footer .button.gform_button:hover,
body .gform_wrapper .gform_page_footer .button.gform_next_button:hover {
    cursor: pointer;
	color: #fff!important;
    background-color: var(--Alt)!important;
    }

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
	line-height: 30px;
	font-weight: bold;
    font-size: 20px;
    }

/**********************************************************
// Check List
**********************************************************/

.post ul.Check-List { list-style: none; margin-left: 0; }
.post ul.Check-List li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-size: 20px;
    color: var(--Links);
    position: absolute;
    top: 0;
    left: 0;
}

.post ul.Check-List.has-white-color li:before {
	color: #fff;
}

.post ul.Check-List li { padding-left: 30px; }

.post ul.X-List { list-style: none; margin-left: 0; }
.post ul.X-List li:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-size: 20px;
    color: var(--Links);
    position: absolute;
    top: 0;
    left: 0;
}

.post ul.X-List.has-white-color li:before {
	color: #fff;
}

.post ul.X-List li { padding-left: 30px; }

.post ul.Arrow-List { list-style: none; margin-left: 0; }
.post ul.Arrow-List li:before {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-size: 20px;
    color: var(--Links);
    position: absolute;
    top: 0;
    left: 0;
}

.post ul.Arrow-List.has-white-color li:before {
	color: #fff;
}

.post ul.Arrow-List li { padding-left: 30px; }

/**********************************************************
// Arrow Link
**********************************************************/

.Arrow-Link a:after {
	content: "\f178";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-left: 8px;
    vertical-align: middle;
    font-size: 17px;
	display: inline-block;
    margin-top: -4px;
}

.Arrow-Link a:hover:after {
}

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

.Gold-Gradient-Bottom:after {
	display: block;
    width: 100%;
    height: 10px;
    background: var(--Gold-Gradient);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 200;
}

.BG-BackBend {
	background: url('../Images/BackBend.webp');
	background-size: contain;
	background-position: right top;
	background-repeat: no-repeat;
}

/**********************************************************
// Media Queries
**********************************************************/
@media
all and (max-width: 1024px),
all and (max-device-width: 1024px)
{

}

@media
all and (max-width: 781px),
all and (max-device-width: 781px)
{
	.Mobile-Center { margin-left: auto!important; margin-right: auto!important; float: none; text-align: center;  }
	.Mobile-FullWidth .Block-Container-Inner { max-width: 100%!important; }
	.No-Mobile-Gap { gap: 0!important; }
	.No-Mobile-Break br { display: none; }
}

@media
all and (max-width: 768px),
all and (max-device-width: 768px)
{
	.Content-Posts { padding: 30px 10px; }
}

@media
all and (max-width: 600px),
all and (max-device-width: 600px)
{
	.wp-block-media-text > .wp-block-media-text__content { padding: 20px 0; }
}

@media
all and (max-width: 500px),
all and (max-device-width: 500px)
{
	.post .wp-block-button { min-width: 100%; }
}
