/**********************************************************
// FONT >> NEW YORK
**********************************************************/
@font-face {
    font-family: "Perfectly-Nineties";
    src: url(../Fonts/PerfectlyNineties-Semibold.woff) format("woff");
	font-style: regular;
	font-display: swap;
    font-weight: 400;
	}

@font-face {
    font-family: "Perfectly-Nineties";
    src: url(../Fonts/PerfectlyNineties-SemiboldItalic.woff) format("woff");
	font-style: italic;
	font-display: swap;
    font-weight: 400;
	}

/**********************************************************
// Body
**********************************************************/
body {
	cursor: default;
	line-height: 1.5em;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: var(--Dark);
	
	--wp--preset--font-size--small: 18px!important;
	--wp--preset--font-size--medium: 30px!important;
	--wp--preset--font-size--large: 50px!important;
	--wp--preset--font-size--x-large: 65px!important;
	
	--Dark: #183564;
	--Links: #6791C4;
	--Alt: #FFD537;
	--Gradient: linear-gradient(90deg, rgba(131,185,250,1) 0%, rgba(24,53,100,1) 100%);
	--GradientUp: linear-gradient(180deg, rgba(24,53,100,1) 0%, rgba(131,185,250,1) 100%);
	}

/**********************************************************
// Body >> Typography (For Easier Handling)
**********************************************************/
.Entry-Header h2,
.Excerpt-Header h3,
.Header-Hello h3,
.Header-Hello-Button,
.Sidebar .widget-title { font-family: "Roboto", sans-serif; }

blockquote,
h1, h2, h3, h4, h5, h6,
.Comments-List .fn,
.Page-Title { font-family: "Perfectly-Nineties", serif; }

.Oswald { font-family: "Oswald", sans-serif; font-weight: 400; }
.Oswald b, .Oswald strong { font-weight: 500!important; }

.Caps { text-transform: uppercase; letter-spacing: 1px; }

.No-Padding { padding: 0!important; }

.Gradient { background: var(--GradientUp); }

/**********************************************************
// Body >> Elements
**********************************************************/
a:hover { color: var(--Alt); }
a { color: var(--Links); }

.Content-Page { padding: 0 25px; }

hr {
	margin: 25px auto;
	width: 100%;
	max-width: 450px;
	border: 0;
	border-top: 1px solid #343432;
	}

blockquote {
	margin: 10px auto;
	padding: 0;
	line-height: 1.5em;
	border-left: 0;
	font-style: italic;
	font-size: 20px;
	display: block;
	font-family: "Roboto", sans-serif;
	}

blockquote cite {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 17px;
	font-style: normal;
}

.wp-block-buttons { margin: 25px 0; }
.wp-block-button__link:hover { background: var(--Links); color: #fff; }
.wp-block-button__link {
	background: var(--Alt);
	color: var(--Dark);
	padding: calc(.667em + 6px) calc(1.333em + 15px);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Oswald", sans-serif; 
	font-weight: 500;
}

.wp-block-button__link.has-c-2-background-color:hover {
	background: var(--Dark)!important;
}

/**********************************************************
// Body >> Headers
**********************************************************/
h1, h2, h3, h4, h5, h6 {
	margin: auto;
	padding: 0;
	font-weight: 400;
	}

h1 {
	line-height: 1.25em;
	font-size: 48px;
	}

h2 {
	line-height: 1.3em;
	font-size: 37px;
	}

h3 {
	line-height: 1.4em;
	font-size: 30px;
	}

h4 {
	line-height: 1.5em;
	font-size: 20px;
	}

/**********************************************************
// HEADER - NAVIGATION
**********************************************************/

.Header { padding: 10px 30px; }
.Header-Inner {
	max-width: 1260px;
	width: 94%;
	margin: 0 auto;
	position: relative;
}

.Header-Logo img { max-height: 100px; max-width: 100%; }

.Header-Nav { margin-left: 0; margin-right: 0; margin-top: 30px; }

.Header-Nav-Left {
    position: absolute;
    top: 0;
    left: 50px;
}

.Header-Nav-Right {
    position: absolute;
    top: 0;
    right: 0;
}

.Header-Nav .menu-header-right-container, .Header-Nav .menu-header-left-container { display: inline-block; }

.Header-Nav li { margin: 0 22px; }
.Header-Nav li a:hover { color: var(--Alt); }
.Header-Nav li a {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 1.5px;
	font-family: "Oswald", sans-serif;
	color: var(--Dark);
}

.Header-Nav li.menu-item-home a { font-size: 0; }
.Header-Nav li.menu-item-home a:before {
	font-family: "Font Awesome 5 Pro";
	font-size: 15px; 
	content: "\f015";
}

.Header-Search { margin-left: 30px; }
.Header-Search i { 
	font-weight: bold;
	font-size: 16px;
	color: var(--Dark); 
}

.Header-Search i:hover,
.Header-Search:focus-within i { color: var(--Alt); }

.Header-Search-Box { left: auto ; right: -20px; top: 0; }
.Header-Search-Form { border-radius: 30px; background: var(--Dark) }
.Header-Search-Form .search-field { font-weight: bold; text-align: right; }
.Header-Search-Box::before { height: 0; width: 0; }

.Header-Nav li > ul li { background: var(--Dark); }
.Header-Nav li > ul li:hover, .Header-Nav li > ul li:focus-within {
	background: var(--Alt);
}

.Header-Nav li > ul li a { line-height: 1.3em; padding: 6px; }

.Header-Nav-Menu:hover { color: var(--Alt); }
.Header-Nav-Menu {
	position: absolute;
  	right: 0;
  	top: 28px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 1px;
	font-family: "Oswald", sans-serif;
	color: var(--Dark);
}

.Modal-Nav-Links li a:hover, .Modal-Nav-Links li a:focus { color: var(--Alt); } 
.Modal-Nav-Links li a {
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 1px;
	font-family: "Oswald", sans-serif;
	color: var(--Dark);
}

.Modal-Nav-Close:hover, .Modal-Nav-Close:focus { color: var(--Alt); } 
.Modal-Nav-Close {
	color: var(--Dark);
}

.Modal-Nav-Social li a:hover, .Modal-Nav-Social li a:focus { background: var(--Alt); border-color: var(--Alt); color: #fff; }
.Modal-Nav-Social li a {
	color: var(--Dark);
	border-color: var(--Dark);
}

/**********************************************************
// FOOTER
**********************************************************/

.Footer-Main { background: var(--GradientUp); color: #fff; padding: 90px 30px 60px; }
.Footer-Main-Inner { max-width: 1100px; margin: 0 auto; display: flex; }

.Footer-Main a:hover { color: var(--Alt); }
.Footer-Main a { color: #fff; }

.Footer-Main-Left {
	flex-basis: 33%;
}

.Footer-Nav li { margin: 8px 0; }
.Footer-Nav li a { 
	text-transform: uppercase;
	font-family: "Oswald", sans-serif; 
	letter-spacing: 2px; 
	font-weight: 500; 
	line-height: 1em;
	font-size: 17px; 
}

.Footer-Nav li a:hover { color: var(--Alt); }

.Footer-Social { margin-top: 25px; }
.Footer-Social li { display: inline-block; margin: 0 20px 0 0; }
.Footer-Social li a { font-size: 26px; }
.Footer-Social li a:hover { color: var(--Alt); }

.Footer-Main-Right {
	flex-basis: 66%;
	font-size: 18px;
}

.Footer-Main-Right h4 { 
	font-size: 20px; 
	font-family: "Oswald", sans-serif; 
	padding-bottom: 15px; 
	line-height: 1.2em; 
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: 500; 
}


.Footer-Main-Right h3 { font-size: 35px; padding-bottom: 15px; line-height: 1.2em; color: var(--Alt); }
.Footer-Main-Right h3 span { color: #fff; }

.Footer-Main-Right .gform_wrapper { margin-top: 25px; }
.Footer-Main-Right .gform_wrapper.gravity-theme .gform_footer input:hover { background: var(--Links); }
.Footer-Main-Right .gform_wrapper.gravity-theme .gform_footer input { background: var(--Alt); }

a.Footer-Button:hover { background: var(--Dark); color: #fff; }
a.Footer-Button {
	display: block;
	font-family: "Oswald", sans-serif; 
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-weight: 500; 
	background: var(--Alt);
	color: var(--Dark);
	padding: 14px 20px;
	border-radius: 30px;
	text-align: center;
	margin-top: 25px;
}

.Footer-Disclaimer { 
	font-size: 13px; 
	line-height: 1.5em; 
	margin: 40px auto; 
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	max-width: 1100px;
	text-align: left;
}

.Footer-Meta {
	background: none;
	margin: 30px 0;
	color: #fff;
	font-size: 12px; 
	font-family: "Oswald", sans-serif; 
	padding-bottom: 15px; 
	line-height: 1.4em; 
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-weight: 500; 
	text-align: right;
}

.Footer-Meta br { display: block; }

.Footer-Meta > div, .Footer-Meta-Nav, .Footer-Meta-Nav li { display: inline;}

/**********************************************************
// FORMS
**********************************************************/

.gform_wrapper { max-width: 100%!important; margin-top: 25px!important;  }

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea, .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 {
	background: #fff;
	border-radius: 30px;
	padding: 15px!important;
	text-align: center;
	font-weight: bold;
	font-family: "Oswald", sans-serif; 
	font-size: 18px;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { margin-top: 0!important; }

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
	background: var(--Alt);
	color: var(--Dark);
	border-radius: 30px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 18px;
	font-family: "Oswald", sans-serif; 
}

.gform_required_legend { display: none; }

.gform-button:hover { background: var(--Links); color: #fff; }
.gform-button {
	background: var(--Alt);
	color: var(--Dark);
	border-radius: 30px;
	font-weight: bold;
	letter-spacing: 1px;
	border: 0;
	padding: 15px 30px!important;
	font-size: 18px;
	flex-basis: 100%;
	font-family: "Oswald", sans-serif; 
}

/**********************************************************
// HOMEPAGE
**********************************************************/

.HP-Header .wp-block-media-text__content {
	max-width: 650px;
	margin: 0 auto;
}

.Small-Icons .wp-block-media-text {
	grid-template-columns: 10% auto!important;
	margin-bottom: 20px;
}

.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media { min-height: 350px; }

/**********************************************************
// ACCORDIONS
**********************************************************/

.aab__accordion_container.wp-block-aab-accordion-block .aab__accordion_head.aab_right_icon {
	border-radius: 60px;
    padding: 10px 40px;
	transition: .5s all;
}

.aab__accordion_container.wp-block-aab-accordion-block .aab__accordion_head.aab_right_icon.active {
	border-radius: 35px 35px 0 0;
}

.aab__accordion_container.wp-block-aab-accordion-block .aab__accordion_body {
	border-top: 0;
	padding: 10px 40px;
	background: #f7f7f7;
}

/**********************************************************
// Shoe List
**********************************************************/

.Shoe-List ul {
	list-style: none;
	padding-left: 0!important;
}

.Shoe-List li {
    padding-left: 50px;
    list-style: none;
    position: relative;
    margin: 10px 0 30px;
}

.Shoe-List li:before {
    content: '';
    background: url(/wp-content/uploads/2024/12/Icon-Shoes.png);
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: cover;
    left: 0;
}

/**********************************************************
// Media Page
**********************************************************/

.page-id-63 .wp-block-columns {
	margin: 25px 0 25px;
}

/**********************************************************
// Media Queries
**********************************************************/

@media
all and (max-width: 1200px),
all and (max-device-width: 1200px)
{
	.Header-Logo img { max-height: 80px; }
	.Header-Nav li { margin: 0 12px; }
}

@media
all and (max-width: 768px),
all and (max-device-width: 768px)
{
	.No-Mobile-Break br {
		display: none;
	}
	
	.Footer-Main { padding-top: 35px; }
	.Footer-Main-Inner { flex-direction: column-reverse; }
	.Footer-Main-Left { padding-top: 30px; text-align: center; }
	
	.Footer-Main-Right { text-align: center; }
	
	.Desktop-Only { display: none!important; }
	.Mobile-Only { display: block!important; }

	.Footer-Meta { text-align: center; }
}

@media
all and (max-width: 600px),
all and (max-device-width: 600px)
{
	.Block-Section-Inner .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content { padding: 20px 0; }
	.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content { padding: 0 20px; }
}


@media
all and (max-width: 400px),
all and (max-device-width: 400px)
{

	.Header { text-align: left; padding: 10px }
	
	h1 { font-size: 40px; }
}