/**********************************************************
// Body
**********************************************************/
body {
	cursor: default;
	line-height: 1.6em;
	font-family: "azo-sans-web", sans-serif;
	font-weight: 300;
	font-size: 19px;
	--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: 80px!important;
	
	--Dark: #231f20;
	--Purple: #52126b;
	--Pink: #cfaace;
	--Grey: #ececec;
	}

strong, b { font-weight: 900; }

img { height: auto; }

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

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

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

p { line-height: 1.6em; }

hr {
	margin: 25px auto;
	width: 100%;
	max-width: 450px;
	border: 0;
	border-top: 1px solid var(--Dark);
	}

blockquote {
	margin: 10px auto;
	padding: 0 20px;
	line-height: 1.5em;
	border-left: 0;
	font-size: 19px;
	display: block;
	}

blockquote p:first-child {
	font-size: 30px;
}

blockquote cite {
	font-style: normal;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--Purple);
}

blockquote:before {
	content:'';
	display: block;
	margin: 0 auto 20px;
	background: url('../Images/Quote.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 58px;
	height: 45px;
}

.has-x-large-font-size { line-height: 1em; }

/**********************************************************
// CUSTOM STYLES
**********************************************************/

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

.Negative-Bottom-Margin { margin-bottom: -50px; }

/**********************************************************
// BUTTONS
**********************************************************/

.wp-block-button__link:hover { color: #fff; background: var(--Black); }
.wp-block-button__link { 
	font-size: 16px;
	line-height: 1.1em;
	padding: 1.25em 2.25em 1.25em;
    font-weight: 900;
    letter-spacing: 1px;
    margin: 10px 0 0;
	transition: .5s all;
	background: var(--Purple);
	text-transform: uppercase;
	letter-spacing: 3px;
}

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

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

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

h3 {
	line-height: 1.3em;
	font-size: 32px;
	}

h4 {
	line-height: 1.3em;
	font-size: 26px;
	}

/**********************************************************
// HEADER
**********************************************************/

.Header { padding: 10px 30px; }

.Header.Overlap { position: absolute; width: 100%; top: 0; z-index: 2000; }

.Header-Nav li { margin: 0 15px; }
.Header-Nav li a { font-weight: bold; }
.Header-Nav li a:hover { color: var(--Pink); }

.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 .far { font-weight: bold; }
.Header-Search i:hover { color: var(--Pink); }
.Header-Search-Box { left: auto ; right: -20px; top: 0; }
.Header-Search-Form { border-radius: 30px; }
.Header-Search-Form .search-field { font-weight: bold; text-align: right; }
.Header-Search-Box::before { height: 0; width: 0; }

/**********************************************************
// MOBILE MENU AND TRIGGER
**********************************************************/

.Header-LR .Header-Main { margin-top: 35px; }
.Header-Nav-Menu i { font-weight: bold; }
.Header-Nav-Menu {
	font-weight: bold;
  	font-size: 15px;
  	letter-spacing: 1px;
}

.Mobile-Nav-Search-Inner input { font-weight: bold; }
.Mobile-Nav-Search {
	margin: 10px auto;
	color: #fff;
	width: 90%;
	border-radius: 30px;
}

.Mobile-Nav-Links li:last-child { border-bottom: 0; }
.Mobile-Nav-Links a:hover { color: var(--Pink); }
.Mobile-Nav-Links a {
	padding: 20px;
	text-align: center;
	font-weight: bold;
}

.Mobile-Nav li.current-menu-item > a { color: #231f20; }

.Mobile-Nav-Social { background: none; }
.Mobile-Nav-Social li a { color: #fff; background: var(--Purple); }
.Mobile-Nav-Social li a:hover { color: #fff; background: var(--Pink); }

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

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

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

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

.Footer-Nav li { margin: 8px 0; }
.Footer-Nav li a { text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: 16px; }
.Footer-Nav li a:hover { color: var(--Pink); }

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

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

.Footer-Main-Right h4 { color: var(--Pink); font-size: 30px; padding-bottom: 15px; }

.Footer-Main-Right .gform_wrapper.gravity-theme .gform_footer input:hover { background: var(--Purple); }
.Footer-Main-Right .gform_wrapper.gravity-theme .gform_footer input { background: var(--Pink); }

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


/**********************************************************
// EXCERPTS
**********************************************************/

.Excerpt-SM-Thumb { padding-top: 120%; }
.Excerpt-SM-Main { text-align: left; padding: 15px 0; font-size: 16px; }

.Excerpt-SM a:hover { color: var(--Pink); }
.Excerpt-SM h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 16px;
}

.Excerpt-Read-More {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 16px;
	margin-top: 15px;
	display: block;
}

.Excerpt-Read-More .fas { font-weight: 400; }

/**********************************************************
// BLOG
**********************************************************/

.single .Content { max-width: 1150px; padding-top: 70px; }
.single article { background: var(--Grey); }
.Content-Right { max-width: 360px; }

.Sidebar { font-size: 16px; }

.Entry-Header { border-bottom: 0; padding-bottom: 0; text-align: left; }
.Entry-Header h1 { padding-bottom: 15px; font-size: 35px; }
.Entry-Header h2 { color: var(--Navy); }

.Entry-Tags {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	padding: 30px 0;
	text-align: center;
}

.Entry-Comments { padding: 20px 0 50px; background: var(--Pink); color: #fff; }
.Comments-Form { max-width: 650px; }
.Comments h3 { font-size: 42px; }

.Comments-Form input[type="text"], .Comments-Form input[type="email"], .Comments-Form input[type="url"], .Comments-Form select, .Comments-Form textarea { border: 0; border-radius: 30px; padding: 25px; }
.Comments-Form label { text-align: center; }

body .Comments-Form input[type=submit] { background: var(--Purple); }
body .Comments-Form input[type=submit]:hover { background: var(--Dark)!important; }

body .Comments-Form input[type=submit]:hover { color: #fff; background: var(--Pink); }
body .Comments-Form input[type=submit] { 
	color: #fff;
    padding: 15px;
    width: 100%;
    border-radius: 30px;
}

.comment-form-cookies-consent label { max-width: 100%; }
.comment-form-cookies-consent input { border: 0; border-radius: 50%; margin-top: 4px; }

.Social-Share h5 { color: var(--Purple); }
.Social-Share li a { color: var(--Purple); border-color:  var(--Purple); }
.Social-Share li a:hover { color: var(--Pink); border-color:  var(--Pink); }

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

.gform_wrapper { max-width: 100%!important; margin-top: 15px!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;
}

.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(--Purple);
	color: #fff;
	border-radius: 30px;
	font-weight: bold;
	letter-spacing: 1px;
}

.gform_required_legend { display: none; }

.gform-button:hover { background: var(--Pink); }
.gform-button {
	background: var(--Purple);
	color: #fff;
	border-radius: 30px;
	font-weight: bold;
	letter-spacing: 1px;
	border: 0;
	padding: 15px 30px!important;
	font-size: 16px;
	flex-basis: 100%;
}

/**********************************************************
// PAGE TITLES
**********************************************************/

.Page-Title {
	background: var(--Pink);
	padding-top: 40px;
	margin-bottom: 40px;
}

body.blog.Blog-Grid .Page-Title {
	padding-bottom: 40px;
	margin-bottom: 0; 
}

/**********************************************************
// PAGE NAV
**********************************************************/

.Post-Nav .page-numbers { line-height: 32px; color: var(--Purple); }
.Post-Nav .page-numbers.current { color: #fff; background: var(--Purple); }
.Post-Nav a.page-numbers:hover { color: var(--Pink); }
.Post-Nav .page-numbers.current:hover { background: var(--Pink); }

/**********************************************************
// HP-Header
**********************************************************/

.HP-Header .Block-Section-BG {
	left: -29vw;
    top: -19vw;
}

.HP-Header-Mobile { display: none; }

/**********************************************************
// MEDIA QUERIES
**********************************************************/

@media
all and (max-width: 1400px),
all and (max-device-width: 1400px)
{
	.HP-Header .Block-Section-BG {
		left: -40vw;
		top: -14vw;
	}
}

@media
all and (max-width: 1219px),
all and (max-device-width: 1219px)
{
	.HP-Header .Block-Section-BG {
		left: -40vw;
		top: 0;
	}
	
	.HP-Header .Block-Container-Inner { max-width: 540px!important; }
}

@media
all and (max-width: 1050px),
all and (max-device-width: 1050px)
{
	.HP-Header .Block-Section-BG {
		left: -50vw;
		top: 0;
	}
}

@media
all and (max-width: 970px),
all and (max-device-width: 970px)
{
	.HP-Header { padding-bottom: 0; }
	.HP-Header .Block-Section-BG { display: none; }
	.HP-Header .wp-block-columns { display: block; }
	.HP-Header .HP-Header-Content { display: none; }
	.HP-Header-Mobile { display: block; }
}

@media
all and (max-width: 768px),
all and (max-device-width: 768px)
{
	body {
		--wp--preset--font-size--large: 40px!important;
		--wp--preset--font-size--x-large: 50px!important;
	}
	
	.Footer-Main-Inner { flex-direction: column-reverse; }
	.Footer-Main-Left { padding-top: 30px; text-align: center; }
}


@media
all and (max-width: 600px),
all and (max-device-width: 600px)
{
	body {
		--wp--preset--font-size--large: 30px!important;
		--wp--preset--font-size--x-large: 40px!important;
	}
	
	.Header-Logo img { max-height: 80px; }
	.Header-LR .Header-Main { margin-top: 30px; text-align: right;  }
	
	.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: 100%; }
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding: 20px; }
	
	blockquote p:first-child { font-size: 26px; }
	
	.single .Content { padding-top: 35px; }
}

@media
all and (max-width: 500px),
all and (max-device-width: 500px)
{
	.Header-LR .Header-Logo { float: left; }
}