/*
Theme Name: GEN2
Theme URI: theCreativeCollective.com.au
Author: Arvind Sardar
Author URI: theCreativeCollective.com.au/meet-the-team/
Description: An efficient theme loosely based on _s
Tags: grid-layout
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gen2
Version: 3.11
*/



/* !! CSS Reset
--------------------------------------------*/
	html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}h1{font-size:2em;margin-bottom:0.67em;margin-top:0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1pxdottedButtonText;}fieldset{padding:0.35em0.75em0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}embed, iframe, object { max-width: 100%; }.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

	html, body {
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}


/* !! Global
--------------------------------------------*/
	body{
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		position: relative;
		z-index: 1;
		color: #706D6D;
	}
	hr {
		background-color: #ccc;
		border: 0;
		height: 1px;
		margin-bottom: 1.5em;
	}
	ul, ol {
		margin: 0;
		padding-left: 15px;
	}
	ul {
		list-style: disc;
	}
	ol {
		list-style: decimal;
	}
	li > ul,
	li > ol {
		margin-bottom: 0;
	}
	img {
		height: auto;
		max-width: 100%;
	}
	img.outlined{
		border: solid 2px var(--brand1);
		padding: 5px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	figure {
		margin: 1em 0;
		/* Extra wide images within figure tags don't overflow the content area. */
	}
	table {
		margin: 0 0 1.5em;
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 0.85em;
	}
	td, th{
		padding: 10px;
		border-bottom: solid 1px var(--gray30);
	}
	th{
		background-color: var(--brand1);
		color: #8C8C8C;
		text-align: left;
		font-weight: normal;
	}

/* !! Utility Classes
--------------------------------------------*/
	/* --> MINIMAL FLEXBOX */
	.flexi-parent * {
		box-sizing: border-box;
	}
	.flexi-parent {
	display: flex;
	flex-wrap: wrap;
		margin: 0 -15px;
	}
	.flexi-columns {
		flex-direction: column;
		flex-wrap: wrap;
	}
	.flexi-center {
		justify-content: center; /*main-axis centered*/
	}
	.flexi-middle {
		align-items: center; /*secondary-axis centered*/
	}
	.flexi-spaced {
		justify-content: space-between;
	}
	.flexi-child {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 30px;
		width: 100%;
	}
	.flexi-parent.one-per-row .flexi-child {
		max-width: 100%;
	}
	.flexi-parent.two-per-row .flexi-child {
		max-width: 50%;
	}
	.flexi-parent.three-per-row .flexi-child {
		max-width: 33.33%;
	}
	.flexi-parent.four-per-row .flexi-child {
		max-width: 25%;
	}
	.flexi-parent.five-per-row .flexi-child {
		max-width: 20%;
	}
	.flexi-parent.six-per-row .flexi-child {
		max-width: 16.66%;
	}
	.flexi-child .inner {
		height: 200px;
	}

	/*  Small screens */
	@media only screen and (max-width: 768px) {
		.flexi-parent.one-per-row .flexi-child,
		.flexi-parent.two-per-row .flexi-child,
		.flexi-parent.three-per-row .flexi-child,
		.flexi-parent.four-per-row .flexi-child,
		.flexi-parent.five-per-row .flexi-child,
		.flexi-parent.six-per-row .flexi-child,
		.flexi-child {
			max-width: 50%;
		}
	}

	/* --> ALIGNMENTS */
	.alignleft {
		display: inline;
		float: left;
		margin-right: 1.5em;
	}
	.alignright {
		display: inline;
		float: right;
		margin-left: 1.5em;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.alignfull {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
	.alignwide {
		width: calc(100% + 20vw);
		position: relative;
		left: -10vw;
	}
	.alignbottom{
		align-self: flex-end;
	}

	/* --> CLEARFIX */
	.clearfix:before,.clearfix:after {content: " ";display: table;}
	.clearfix:after {clear: both;}


/* !! Colours
--------------------------------------------*/
	:root {
		--brand1: #fae9e6;  /* colour1 -- pink */
		--brand2: #8C8C8C;  /* colour2 */
		--brand3: #dcdedf;  /* colour3 */

		--gray5:  rgb(240,240,240);
		--gray10: #e6e1e2;
		--gray20: #cac5c6;
		--gray30: #afaaab;
		--gray40: #948f91;
		--gray50: #7a7677;
		--gray60: #5e5e5e;
		--gray70: #474747;
		--gray80: #303030;
		--gray90: #1b1b1b;

		--light: var(--gray10);
		--mid: var(--gray30);
		--dark: var(--gray80);
	}
	.bg-brand1 {background-color: var(--brand1);}
	.bg-brand2 {background-color: var(--brand2);}
	.bg-brand3 {background-color: var(--brand3);}
	.bg-dark {background-color: var(--dark);}
	.bg-mid {background-color: var(--mid);}
	.bg-light {background-color: var(--light);}
	.bg-white {background-color: white;}
	.txt-brand1 {color: var(--brand1);}
	.txt-brand2 {color: var(--brand2);}
	.txt-brand3 {color: var(--brand3);}
	.txt-dark {color: var(--dark);}
	.txt-mid {color: var(--mid);}
	.txt-light {color: var(--light);}


/* !! Fonts & Typography
--------------------------------------------*/
	@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 100;
		src: local('Montserrat Thin'), local('Montserrat-Thin'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUQjIg1_i6t8kCHKm45_QpRxC7mw9c.woff2) format('woff2');
		unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
	}

	@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100,300;400;700&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
	@font-face {
		font-family: 'hijrnotes';
		src: url('fonts/hijrnotes.woff2') format('woff2'),url('fonts/hijrnotes.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'narzissmedium';
		src: url('fonts/narzissmedium.woff2') format('woff2'), url('fonts/narzissmedium.woff') format('woff');
	}
	.scriptfont{
		font-family: 'hijrnotes', cursive;
		line-height: 1.6;
	}
	.sansfont{
		font-family: 'Montserrat', sans-serif;
	}
	.seriffont{
		font-family: 'narzissmedium', serif;
	}
	.italic{
		font-style:italic;
	}
	.textcenter{
		text-align: center;
	}
	body{
		font-size: 15px;
		font-weight: 200;
		line-height: 1.8;
		font-family: 'Montserrat', sans-serif;
	}
    /* SMALL SCREENS
    ======================================= */
	h1,h2,h3,h4,h5,h6{
		margin-top: 26px;
		margin-bottom: 10px;
		line-height: 1.2;
		font-weight: 200;
	}
	h1{
		font-size: 50px;
		font-family: 'narzissmedium', serif;
		font-weight: normal;
		text-transform: uppercase;
	}
	h2{
		font-size: 38px;
		font-family: 'hijrnotes', cursive;
		font-weight: normal;
	}
	h3{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		line-height: 1.25 !important;
		letter-spacing: 3px;
	}
	h4{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 26px;
		font-weight: 300;
		line-height: 1.25 !important;
		color: var(--gray60) ;
	}
	h5{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 22px;
		font-weight: 300;
	}
	h6{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 18px;
		font-weight: 300;
	}
    @media only screen and (max-width: 768px){
		h3{
			font-size: 20px;
		}
    }
	big {
		font-size: 125%;
	}
	small{
		font-size: 80%;
	}
	a {
		color: var(--gray60);
		text-decoration: none;
	}
	a:hover{
		color:var(--brand2);
	}
	em, i{
		font-weight: 300;
	}
	.wp-caption{}
	.wp-caption-text{}
	.gallery-caption{}
	.bypostauthor{}

	.circle-heading{
		width: 150px;
		height:150px;
		text-transform: uppercase;
		font-size: 23px;
		margin: 0 auto 10px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: 'Playfair Display', serif;
		line-height: 1.4;
		color: var(--gray50);
		position: relative;
		z-index: 2;
	}
	.circle-heading:before{
		content: '';
		position: absolute;
		width: 150px;
		height:150px;
		border-radius: 50%;
		/* top: -4px; */
		z-index: -1;
	}
	.circle-heading.brand1:before{
		background-color:var(--brand1) ;
	}
	.circle-heading.brand2:before{
		background-color:var(--brand2) ;
	}
	.circle-heading.brand3:before{
		background-color:var(--brand3) ;
	}

	/* MEDIA QUERY: Small Screens
	======================================= */
	@media only screen and (max-width: 768px){
		.circle-heading{
			font-size: 18px !important;
		}
	}


/* !! Icons
--------------------------------------------*/
	.gen2-icons a{
		display: inline-block;
		margin-right: 22px;
		text-align: center;
		color: #555;
		vertical-align: middle;
	}
	.gen2-icons.contacts a{
		margin-right: 45px;
	}
	.gen2-icons a i{
		font-size: 20px;
		vertical-align: middle;
	}

/* !! Forms
--------------------------------------------*/
	a.button,
	.gform_button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	body .uagb-post-grid .uagb-post__cta {
		background-color: var(--brand1);
		border: 2px solid var(--brand1);
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 500;
		display: inline-block;
		line-height: 1;
		padding: 15px 30px;
		color: #000 !important;
		margin-bottom: 5px;
		cursor: pointer;
		border-radius: 3px;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	a.button.reverse{
		background-color: rgba(255, 255, 255, 1);
		border: 2px solid white;
	}
	a.button.reverse:hover{
		background-color: rgba(255, 255, 255, 0.5);
	}
	a.button-small {
		font-size: 75%;
		padding: 6px 10px;
	}
	a.button:hover,
	.gform_button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover{
		background-color: white;
	}
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="tel"],
	input[type="range"],
	input[type="date"],
	input[type="month"],
	input[type="week"],
	input[type="time"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="color"],
	textarea {
		border: 1px solid #ccc;
		border-radius: 3px;
		padding: 9px 6px;
		color: var(--gray20);
		font-size: 14px;
	}

	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="password"]:focus,
	input[type="search"]:focus,
	input[type="number"]:focus,
	input[type="tel"]:focus,
	input[type="range"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="week"]:focus,
	input[type="time"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="color"]:focus,
	textarea:focus {
		color: var(--gray50);
	}
	select {
		border: 1px solid #ccc;
	}
	textarea {
		width: 100%;
	}

	/* --> search form */
	form.search-form{
		position: relative;
	}
	form.search-form input.search-submit{
		line-height: 1;
		font-size: 12px;
	}


	/* --> toggle search form v3 */
	.search-toggle{
		text-align: right;
		cursor: pointer;
	}
	#searchform-header{
		padding:30px;
		background-color: black;
	}
	#searchform-header .searchinput{
		height: 100%;
		text-align: center;
		font-size: 24px;
		background-color: transparent;
		border: none;
	}
	span.unsearch {
		width: 60px;
		color: white;
		font-weight: 100;
		font-size: 36px;
		cursor: pointer;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	span.unsearch:hover{
		transform: scale(1.2);
	}

/* !! Header Area
--------------------------------------------*/
	#navigation-wrap{
		position: sticky;
		top: 0;
		z-index: 200;
		background-color: #fff;
		padding-bottom: 40px;
		box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	body.admin-bar #navigation-wrap{
		top:30px
	}
	body.scrolled #navigation-wrap{
		padding-bottom: 0;
	}
	#header-content-wrap .wrap-inner{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	#header-content-wrap .site-logo{
		width: 250px;
		max-width: 100%;
		display: inline-block;
	}
	/* MEDIA QUERY: Small Screens
	======================================= */
	@media only screen and (max-width: 768px){
		#header-content-wrap .branding{
			text-align: center;
		}
	}
	#header-content-wrap .header-widgets{
		text-align: right;
	}
	#header-content-wrap .row::before, #header-content-wrap .row::after {
		display: none;
	}
	#header-content-wrap a.menu-button{
		background-color: var(--gray90);
		border: solid 1px var(--gray90);
		padding: 12px 25px;
		margin-left: 10px;
		margin-right: 10px;
		color:white;
	}
	.header-menu-container{
		margin-left: auto;
	}
	.page-banner{
		background-size: cover;
		background-position: top center;
		position: relative;
		z-index: 0;
	}

	/* MEDIA QUERY: Small Screens
	======================================= */
	@media only screen and (max-width: 768px){
		.page-banner{
			background-position: top left;
		}
		.page-banner::before{
			content: '';
			position: absolute;
			top:0;
			bottom:0;
			left: 0;
			right: 0;
			background-color: rgba(0, 0, 0, 0.4);
			z-index: 1;
		}

	}

	.page-template-template-members .page-banner,
	.page-template-template-membersplus .page-banner{
		margin-bottom: 60px;
	}
	.page-banner .inner-wrap{
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
		padding: 0 20px;
		position: relative;
		z-index: 2;
	}
	.page-banner .row{
		height: 650px;
	}
	.page-banner h1{
		color:white;
		border-bottom: 6px white solid;
		padding-bottom: 12px;
		width: 100%;
		text-align: center;
		font-size: 70px;
	}
	.page-banner .sub-head{
		color:white;
		letter-spacing: 0;
		font-size: 34px;
		text-align: center;
	}
	/* MEDIA QUERIES
	======================================= */
	@media only screen and (max-width: 1024px){
		.page-banner .row{
			height: 500px;
		}
		.page-banner h1{
			font-size: 50px;
		}
		.page-banner .sub-head{
			font-size: 28px;
		}
	}
	@media only screen and (max-width: 768px){
		.page-banner h1{
			font-size: 40px;
		}
		.page-banner .row{
			height: 350px;
		}
		.page-banner .sub-head{
			font-size: 24px;
		}
	}




/* !! Navigation
--------------------------------------------*/
	/* --> NORMAL MENU */
	ul.header-menu {
		margin: 0;
		padding-left: 0;
	}
	.header-menu li{
		list-style: none;
	}
	.header-menu{
		display: flex;
		justify-content: center;
	}
	.header-menu a{
		display: inline-block;
	}
	.header-menu .signup a{
		background-color: var(--gray90);
		border: solid 1px var(--gray90);
		color:white;
		padding-left: 25px;
		padding-right: 25px;
	}
	.header-menu .signup a:hover{
		background-color: white;
		color:var(--gray90);
		padding-left: 25px;
		padding-right: 25px;
	}


	/* --> LEVEL 1 */
	.header-menu > li{
		position: relative;
	}
	.header-menu > li > a{
		padding: 12px;
		color: var(--gray80);
	}
	.header-menu > li:hover > a{
		background-color: var(--gray90);
		color:white;
	}
	.header-menu > li .dashicons{
		padding-left: 8px;
		font-size: 16px;
		vertical-align: bottom;
	}
	.header-menu .showmore{
		display: none;
	}

	/* --> LEVEL 2 */
	.header-menu ul.sub-menu{
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		position: absolute;
		top: 100%;
		left: -999em;
		z-index: 999;
		text-align: left;
		padding:0;
	}
	.header-menu > li.menu-item-has-children:hover > ul.sub-menu{
		left: auto;
	}
	.header-menu ul.sub-menu a {
		width: 250px;
		padding: 12px;
		background-color: var(--brand1);
		color: #000;
	}
	.header-menu ul.sub-menu a:hover{
		background-color: #e5d7d3;
	}

/*  !! ZONE: Mobile/Offscreen Menu.v6
--------------------------------------------*/
	/* --> HIDE THE MAIN MENU */
	@media only screen and (max-width: 768px){
		ul.header-menu{display:none;}
	}

	/* --> STOP THE PAGE SCROLLING */
	body.offscreen-menu-active{
		overflow-y: hidden;
	}

	/* --> HAMBURGER */
	.mobilemenu-button {
		width: 45px;
		height: 45px;
		cursor: pointer;
		transition: all 0.4s ease;
		position: relative;
		z-index: 101;
		padding: 14px 7px;
		display: none;
	}
	.mobilemenu-button .bar{
		position: relative;
		height: 3px;
		background-color: #000;
		-webkit-transition: all 0.4s ease; transition: all 0.4s ease;
		opacity: 1;
		top: 0;
	}
	.mobilemenu-button .bar:not(:last-child){
		margin-bottom: 4px;
	}
	.mobilemenu-button.active .bar{
		background-color: #fff;
	}
	.mobilemenu-button.active .bar2{
		opacity: 0;
		transform: rotate(20deg);
	}
	.mobilemenu-button.active .bar1{
		transform: rotate(45deg);
		top: 7px;
	}
	.mobilemenu-button.active .bar3{
		transform: rotate(-45deg);
		top: -7px;
	}

	/* --> MENU Styling */
	.offscreen-menu-container{
		position: fixed;
		top: 0;
		bottom: 0;
		right: -50%;
		width: 50%;
		height: 100vh;
		padding-top: 180px;
		padding-left: 65px;
		background-color: #000;
		z-index: 10;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		overflow-y: scroll;
	}
	body.offscreen-menu-active .offscreen-menu-container{
		right: 0;
	}
    @media only screen and (max-width: 768px){
		.mobilemenu-button {
			display: block;
		}
		body.offscreen-menu-active .offscreen-menu-container{
			width: 100%;
		}
	}
	.offscreen-menu ul{
		padding-left: 0;
	}
	.offscreen-menu li{
		list-style-type: none;
		font-size: 20px;
		margin-bottom: 10px;
		transition: all 0.4s ease;
		transition-delay: 0.4s;
	}
	.offscreen-menu li.menu-item-has-children{
		position: relative;
	}
	.offscreen-menu .showmore {
		position: absolute;
		left: -25px;
		font-size: 30px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		color: white;
	}
	.offscreen-menu .showmore.open{
		transform: rotate(90deg);
	}
	.offscreen-menu li.menu-item a{
		color: white;
		padding:0;
	}
	.offscreen-menu li.menu-item a:hover{
		color: #5A5A5A;
	}
	.offscreen-menu ul.sub-menu{
		display: none;
	}
	.offscreen-menu ul.sub-menu a{
		font-size: 85%;
	}


/* !! Main Content Area
--------------------------------------------*/
	@media only screen and (max-width: 1024px){
		#primary{
			width: 100%;
			padding: 0 30px;
		}
	}
	#page-content-wrap{
		min-height: 800px;
	}
	.container{
		transition: all 0.4s ease; -webkit-transition: all 0.4s ease;
	}
	body.hide-title header.entry-header{
		display: none;
	}
	hr.wp-block-separator{
		width: 300px;
		height: 3px;
		background-color: var(--brand1);
		margin: 30px auto;
	}
	.page-intro{
		font-family: 'narzissmedium', serif;
		font-weight: normal;
		background-color: var(--brand1);
		font-size: 18px;
	}
	.page-intro .uagb-section__inner-wrap{
		padding-bottom: 20px;
		max-width: 800px !important;
	}
	.blog-grid{
		background-color: var(--brand1);
		margin-top: 50px;
		padding-bottom: 50px !important;
		padding-top: 50px !important;
	}

/* --> Recent Posts */
	.posts-grid{
		text-align: center;
	}
	.posts-grid .inner{
		background-color: #F3F3F3;
		padding-bottom: 30px;
	}
	.posts-grid .post-image{
		overflow: hidden;
		max-height: 350px;
	}
	.posts-grid .post-image img{
		width: 100%;
	}


/* --> FRONT */
	body.home .page-banner{
		display: none;
	}
	body.home .section{
		padding: 20px 0;
	}
	body.home .section.cta-register .button{
		margin-top: 10px;
	}
	body.home .section.getting-started{
		background-color: var(--brand1);
	}
	body.home .section.getting-started hr{
		width: 200px;
		margin: 0 auto;
	}
	.shop-portal .uagb-column__wrap .uagb-column__inner-wrap {
		background-clip: content-box;
		background-color: white;
	}
	.explore-shop .card .elementor-widget-wrap{
		background-color: white;
		padding:20px;
	}
	.explore-shop .descr{
		min-height: 310px;
		background-color: #E4E5E6;
	}
	.custom-columns-styling .elementor-widget-wrap{
		padding-bottom: 30px;
	}
	.custom-columns-styling .elementor-widget-wrap .elementor-widget-button{
		position: absolute;
		bottom: 0;
	}

/* --> BLOG */
	body.page-id-1483 h2.entry-title{
		font-family: 'Montserrat', sans-serif;
		font-size: 24px;
		font-weight: 300;
	}
	body.single-post .entry-content{
		max-width: 850px;
		margin: 0 auto;
		padding-top: 50px;
	}
	body.single-post .entry-header,
	body.single-post .post-navigation,
	body.single-post .entry-footer{
		display: none;
	}

/* --> STYLE SERVICES PAGES */
	.packages .product-block{
		height: 100%;
		position: relative;
		background-color: var(--gray10);
		padding-bottom: 100px;
	}
	.packages .product-block .button-wrap{
		position: absolute;
		bottom: 0;
		text-align: center;
		width: 100%;
		background-color: #fff;
		margin-left: -20px;
		padding: 20px 0;
	}
	.wp-block-file{
		font-size: 20px;
		border-bottom: 1px solid var(--gray20);
	}
	.wp-block-file:before{
		content: "\f497";
		font-size: 30px;
		display: inline-block;
		margin-right: 20px;
		font-family: 'dashicons';
	}

/* !! Contact Page
--------------------------------------------*/
	.contact-col-1{
		border-right: solid 1px var(--gray20);
	}

/* !! LOGIN PAGE
--------------------------------------------*/
	body.page-id-754 #loginform-block{
		margin-top: 50px;
		max-width: 600px;
	}

/* !! Sidebar Area
--------------------------------------------*/
	#secondary{
		width: 320px;
		padding: 15px;
		margin-left: 30px;
		font-size: 14px;
	}
	@media only screen and (max-width: 1024px){
		#secondary{
			width: 100%;
			margin-left: 0;
		}
	}
	#secondary section{
		margin-bottom: 30px;
	}
	#secondary h2{
		text-transform: uppercase;
		font-size: 16px;
		margin-bottom: 10px;
	}


/* !! Pagination
--------------------------------------------*/
	.pagination{
		padding: 30px 0;
		text-align: right;
	}
	.pagination .page-numbers{
		padding: 10px 16px;
		border-radius: 4px;
		border: 1px solid #fff;
		background-color:#009ddc;
		color: white;
	}
	.pagination .page-numbers:hover{
		background-color:#007dca;
	}
	.pagination .page-numbers.current{
		background-color:transparent;
		color: #b0b0b0;
		border-color: #b0b0b0;
	}


/* !! Footer Area
--------------------------------------------*/
	#above-footer-wrap{
		/* background-color: var(--brand1); */
		margin-top: 30px;
		padding: 30px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 1);
	}
	#above-footer-wrap h3.site-tagline{
		font-weight: 100;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		font-size: 25px;
		color: var(--gray30);
		margin:0;
	}

	/* MEDIA QUERY: Small Screens
	======================================= */
	@media only screen and (max-width: 768px){
		#above-footer-wrap h3.site-tagline{
			font-size: 20px;
		}
	}

	#site-footer-wrap{
		font-size: 14px;
		background-color: #c2c9ca;
		padding-top: 50px;
		padding-bottom: 40px;
	}
	#site-footer-wrap .widget{
		margin-bottom: 20px;
	}
	#site-footer-wrap h3{
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 8px;
		margin-top: 0;
		letter-spacing: 0;
	}
	#site-footer-wrap ul{
		list-style: none;
		padding-left: 0;
	}
	#site-footer-wrap a{
		color: black;
	}
	#site-footer-wrap a:hover{
		color: var(--gray50);
	}
	#site-footer-wrap ul ul{
		padding-left: 15px;
	}
	#site-footer-wrap #custom_html-10{
		margin-top: 30px;
	}
	#site-footer-wrap #site-info{
		padding: 15px;
		text-align: right;
		margin-top: 30px;
	}


/* !! Post Grid
--------------------------------------------*/
	.custom-grid .item{
		margin-bottom: 20px;
		min-height:350px;
		overflow: hidden;
	}
	.custom-grid .content{
		position: relative;
		height: 100%;
		padding: 25px;
		overflow: hidden;
		border-radius: 3px;
	}
	.custom-grid .content .background-img{
		background-size: cover;
		background-position: center center;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		position: absolute;
		z-index: 1;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.custom-grid .content:hover .background-img{
		transform: scale(1.2);
	}
	.custom-grid .content a.link-overlay{
		background-color: rgba(0, 0, 0, 0.15);
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		position: absolute;
		z-index: 2;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.custom-grid .content:hover a.link-overlay{
		background-color: rgba(0, 0, 0, 0.65);
	}
	.custom-grid .content h3.title{
		position:relative;
		z-index:3;
		color:white;
		pointer-events:none;
		margin-top: 0;
		font-size: 26px;
	}



/* !! Woocommerce
--------------------------------------------*/
	.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
		display: block;
	}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		max-width: unset;
	}
	body.woocommerce #respond input#submit,
	body.woocommerce a.button,
	body.woocommerce button.button,
	body.woocommerce input.button,
	body.woocommerce button.button.alt,
	body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
		color: black !important;
		background-color: var(--brand1) !important;
		font-weight: 400 !important;
	}
	body.woocommerce #respond input#submit:hover,
	body.woocommerce a.button:hover,
	body.woocommerce button.button:hover,
	body.woocommerce input.button:hover,
	body.woocommerce button.button.alt:hover,
	body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
		color: white;
		background-color: black;
	}
	body.woocommerce .woocommerce-breadcrumb {
		margin-top: 30px;
	}
	body.woocommerce h2.woocommerce-loop-product__title{
		font-family: 'Montserrat', sans-serif;
	}
	body.woocommerce ul.products li.product{
		text-align: center;
		position: relative;
	}
	body.woocommerce ul.products li.product a img {
		border-radius: 50%;
	}
	body.woocommerce.single-product .related{
		clear: left;
	}
	body.woocommerce.single-product .related h2{
		font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		margin: 20px 0;
	}
	.woocommerce #respond input#submit.alt,
	.woocommerce a.button.alt,
	.woocommerce button.button.alt,
	.woocommerce input.button.alt {
		background-color: #7B7B7B !important;
	}

	/* MEDIA QUERY: Small Screens
	======================================= */
	@media only screen and (max-width: 768px){
		.woocommerce ul.products[class*="columns-"] li.product,
		.woocommerce-page ul.products[class*="columns-"] li.product {
			width: 100%;
			float: none;
		}
		.woocommerce ul.products li.product a img {
			width: 50%;
			margin: 0 auto 1em;
		}
	}



/* !! LazyBlocks
--------------------------------------------*/
	/* --> !! Flip Box */
	.flip-box {
		background-color: transparent;
		perspective: 1000px;
	}
	.flip-box-inner {
		position: relative;
		width: 100%;
		padding-bottom: 100%;
		text-align: center;
		transition: transform 0.8s;
		transform-style: preserve-3d;
	}
	.flip-box:hover .flip-box-inner {
		transform: rotateY(180deg);
	}
	.flip-box-front, .flip-box-back {
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden; /* Safari */
		backface-visibility: hidden;
	}
	.flip-box-back {
		transform: rotateY(180deg);
	}

/* !! Accordion
--------------------------------------------*/
	.wp-block-lazyblock-accordion{
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
	}
	.wp-block-lazyblock-accordion h3{
		font-size: 20px;
		font-weight: 300;
		cursor: pointer;
		position: relative;
		margin-bottom: 0;
	}
	.wp-block-lazyblock-accordion h3 i.fas{
		position: absolute;
		right: 0;
	}
	.wp-block-lazyblock-accordion .ui-accordion-content{
		padding-left: 50px;
		font-style: italic;
		font-weight: 400;
		color: var(--gray60);
		margin-bottom: 60px;
	}
	.wp-block-lazyblock-accordion .ui-accordion-content p{
		margin: 0;
	}
	.wp-block-lazyblock-accordion .ui-accordion-content p:empty{
		display: none;
	}

	/* --> !! Portals */
	.section-portals .flex-child.item{
	}
	.section-portals .content{
		text-align: center;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		padding: 0 20px 50px;
		height: 100%;
		position: relative;
	}
	.section-portals img{
		max-height: 250px;
	}
	.section-portals a.portal-link {
		font-weight: 200;
		font-size: 20px;
		position: absolute;
		bottom:0;
		left: 20px;
		right: 20px;
	}

/* !! Private Messages
--------------------------------------------*/
	#fep-header,
	#fep-menu-announcements.fep-button-active,
	#fep-menu-announcements.fep-button,
	#fep-menu-settings.fep-button-active,
	#fep-menu-settings.fep-button,
	#fep-menu-directory.fep-button-active,
	#fep-menu-directory.fep-button,
	.fep-table.fep-action-table,
	.fep-column.fep-column-avatar,
	.fep-cb-check-uncheck-all-div,
	.fep-messagebox-search-form-div,
	#fep-content-single #fep-content-single-sidebar,
	.fep-message-title-heading.participants{
		display: none;
	}
	#fep-footer{
		border:none;
	}


/* !! FRONT SLIDER
--------------------------------------------*/
	#slider_252 h2{
		width:40%;
		margin-left: auto;
		text-align: right;
		margin-right: 5%;
		padding-top: 60px;
		margin-top: 0;
	}

	.elementor-image-carousel-wrapper img{
		filter: grayscale(100%);
	}


/* !! ACF-based Member Pages
--------------------------------------------*/
	.user-nav {
		font-size: 13px;
	}
	.user-nav .inner{
		border: solid 2px var(--brand1);
		padding:20px;
	}

	/* MEDIA QUERY: Small Screens
	======================================= */
	@media only screen and (min-width: 1024px){
		.user-nav .user-photo img{
			width: 150px;
			height: 150px;
		}
	}

	.user-nav .user-photo img{
		border-radius: 50%;
		display: block;
		margin: 0 auto 5px;
	}
	.user-nav .user-photo{
		position: relative;
	}
	.user-nav .user-photo:hover:after{
		content: 'Change Profile Photo';
		text-transform: uppercase;
		font-size: 12px;
		position: absolute;
		background: var(--gray60);
		color: white;
		left:0;
		right:0;
		top: 10%;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		border-radius: 4px;
		padding: 5px 8px;
		pointer-events: none;
	}
	.user-nav .welcome{
		font-weight: bold;
		margin-bottom: 40px;
		text-align: center;
	}
	.user-nav #menu-style-suite-menu{
		padding-left: 0;
	}
	.user-nav #menu-style-suite-menu li.menu-item, .user-nav #menu-stylist-menu li.menu-item{
		list-style-type: none;
	}
	.user-nav #menu-style-suite-menu li.menu-item a, .user-nav #menu-stylist-menu li.menu-item a{
		display: block;
		padding: 2px 8px;
		margin-bottom: 3px;
	}
	.user-nav #menu-style-suite-menu li.menu-item a:hover,
	.user-nav #menu-style-suite-menu li.menu-item.current-menu-item a,
	.user-nav #menu-stylist-menu li.menu-item a:hover,
	.user-nav #menu-stylist-menu li.menu-item.current-menu-item a{
		background-color: var(--brand1);
		border-radius: 4px;
	}
	.user-content .admin-link .button{
		/* font-size: 11px; */
		/* font-weight: 500; */
	}
	.user-content h3:first-child{
		margin-top: 0;
		letter-spacing: 0;
		margin-bottom: 20px;
		font-size: 24px;
	}
	.user-content .member-field{
		border: solid 1px var(--gray20);
		margin-bottom: 20px;
		/* font-family: 'roboto condensed'; */
	}
	.user-content .member-field label{
		padding: 5px 10px;
		border-bottom: 1px solid var(--gray20);
		display: block;
		min-width: 115px;
		text-transform: uppercase;
		background-color: var(--gray5);
		line-height: 1;
	}
	.user-content .member-field .data{
		display: block;
		padding: 5px 10px;
	}
	.user-content .member-edit{
		display: inline-block;
		margin-left: 20px;
	}
	.user-content .member-edit .dashicons{
		vertical-align: middle;
		color: var(--gray20);
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.user-content .member-edit:hover .dashicons{
		color: var(--gray40);
		transform: scale(1.2);
	}
	.user-content #wppb-edit-user{
		font-family: 'roboto condensed';

	}
	.user-content #wppb-edit-user li{
		list-style-type: none;
	}
	.miniguide-download{
		padding: 14px 30px;
		background-color: var(--brand1);
		border-radius: 12px;
		border: solid 1px var(--gray40);
		text-transform: uppercase;
		font-size: 20px;
		margin-top: 10px;
		display: inline-block;
	}
	.miniguide-download i.fas{
		display: inline-block;
		margin-right: 15px;
	}
	.miniguide-download:hover{
		background-color: #fff;
		color: var(--gray40);
	}


/* !! USER SWITCHING
--------------------------------------------*/

	#user_switching_switch_on{
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;
		font-size: 12px;
		padding: 5px;
		background-color: #000;
	}
	#user_switching_switch_on a{
		color: white;
		font-size: 15px;
	}