/*
 Theme Name:   Acuity
 Theme URI:    https://acuitypm.com.au/
 Description:  Acuity Theme
 Author:       The Other Dimension
 Author URI:   https://theotherdimension.com
 Template:     Divi
 Version:      1.0
*/


:root {
 
	/* --- Primary ---------------------------------------------------------- */
 
	/* Slate — Pantone 5463 U */
	--c-slate:            #394655;
	--c-slate-80:         #616B77;
	--c-slate-60:         #889099;
	--c-slate-40:         #B0B5BB;
 
	/* Copper — Pantone 876 C */
	--c-copper:           #A06C4F;
	--c-copper-80:        #B38972;
	--c-copper-60:        #C6A795;
	--c-copper-40:        #D9C4B9;
 
	/* --- Secondary -------------------------------------------------------- */
 
	/* Azure — Pantone 313 C */
	--c-azure:            #1190BF;
	--c-azure-80:         #41A6CC;
	--c-azure-60:         #70BCD9;
	--c-azure-40:         #A0D3E5;
 
	/* Sage — Pantone 5575 C */
	--c-sage:             #87A8A4;
	--c-sage-80:          #9FB9B6;
	--c-sage-60:          #B7CBC8;
	--c-sage-40:          #CFDCDB;
 
	/* Mist — Pantone 538 C */
	--c-mist:             #C4CED4;
	--c-mist-80:          #D0D8DD;
	--c-mist-60:          #DCE2E5;
	--c-mist-40:          #E7EBEE;
 
	/* --- Neutrals --------------------------------------------------------- */
 
	--c-white:            #FFFFFF;
	--c-black:            #000000;
 
	/* --- RGB channels (for rgba() overlays, shadows, etc.) ---------------- */
 
	--c-slate-rgb:        57, 70, 85;
	--c-copper-rgb:       160, 108, 79;
	--c-azure-rgb:        17, 144, 191;
	--c-sage-rgb:         135, 168, 164;
	--c-mist-rgb:         196, 206, 212;
 
	/* --- Semantic aliases ------------------------------------------------- */
 
	--c-text:             var(--c-slate);
	--c-text-muted:       var(--c-slate-60);
	--c-text-inverse:     var(--c-white);
 
	--c-bg:               var(--c-white);
	--c-bg-alt:           var(--c-mist-40);
	--c-bg-dark:          var(--c-slate);
 
	--c-border:           var(--c-mist);
	--c-border-light:     var(--c-mist-60);
 
	--c-link:             var(--c-azure);
	--c-link-hover:       var(--c-slate);
 
	--c-accent:           var(--c-copper);
	--c-accent-alt:       var(--c-sage);
 
	--c-btn-bg:           var(--c-copper);
	--c-btn-bg-hover:     var(--c-slate);
	--c-btn-text:         var(--c-white);
 
	--c-overlay:          rgba(var(--c-slate-rgb), 0.72);
}

/*** General Styling ***/

::selection {
	background-color: #394655;
	color: #C4CED4;
}

.placeholder {
	-webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(268deg) saturate(590%) contrast(1);
	filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(268deg) saturate(590%) contrast(1);
}


/*** Navigation Styling ***/


/*** Typography Styling ***/

/*** New Hero 
font-family: "new-hero", sans-serif;

UltraLight: font-weight: 200;
Light: font-weight: 300;
Regular: font-weight: 400;
Medium: font-weight: 500;
SemiBold: font-weight: 600;
Bold: font-weight: 700;
ExtraBold: font-weight: 800;
***/

/*** Module Styling ***/

.middle-row {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
}


/*** Form Styling ***/




/*** Responsive Styling ***/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

 
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {


}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.swap_row,
	.middle-row.swap_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex !important;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	} 
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
		margin-bottom: 30px !important;
	} 
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	} 
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	} 
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	.swap_row:last-child .et_pb_column:not(.et-last-child) {
		margin-bottom: 0;
	}
	.middle-row {
		display: block;
	}
}

/*** Responsive Styles Tablet and ABOVE ***/
@media all and (min-width: 981px) {
	#header .header-row .et_pb_column,
	#footer .sub-footer .et_pb_column {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	#header .header-row .et_pb_column .et_pb_image {
		margin: 0;
	}
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {


}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {


}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

	
}