/*!
*	Theme: MHPS
* 	Stylesheet: mhps_utilities.css
* 	Description: Utility classes
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Type
# Boxes
# Spacers
# Borders
# Shadows
# Horizontal Rules
# Lists
# Display properties
# Position properties
# Opacity
# Scrolling
# Flex utilities
# Other Utilities

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Type
--------------------------------------------------------------*/


/*Text alignment*/
.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-justify {
	text-align: justify !important;
}

/*Text colour*/
.text-orange {
	color: var(--orange);
}
.text-gold {
	color: var(--gold);
}
.text-green {
	color: var(--green);
}
.text-ltbrown {
	color: var(--lt-brown);
}
.text-dkbrown {
	color: var(--dk-brown);
}
.text-blue {
	color: var(--blue);
}
.text-ltgreen {
	color: var(--lt-green);
}
.text-yellow {
	color: var(--yellow);
}
.text-dkgrey {
	color: var(--dk-grey);
}
.text-ltgrey {
	color: var(--lt-grey);
}
.text-white {
	color: white;
}
.text-black {
	color: black;
}

.text-white-force, .text-white-force p, .text-white-force ol, .text-white-force ul, .text-white-force blockquote, .text-white-force input, .text-white-force select, .text-white-force optgroup,.text-white-force textarea, .text-white-force details, .text-white-force h1, .text-white-force h2, .text-white-force h3, .text-white-force h4, .text-white-force h5, .text-white-force h6 {
	color: white !important;
}


/* Text margins and paddings */
.text-inset {
	padding: var(--spacer-xl);
	padding: max(var(--spacer-xl),12vw);
}

/* Text Cases */
.text-uppercase { 
	text-transform: uppercase;
}

.text-lowercase { 
	text-transform: lowercase;
}

.text-capitalize { 
	text-transform: capitalize;
}

.line-height-11 {
	line-height: 1.1;
}

.line-height-1125 {
	line-height: 1.125;
}

.line-height-125 {
	line-height: 1.25;
}

/*--------------------------------------------------------------
# Box Colours
--------------------------------------------------------------*/

.bg-orange {
	background-color: var(--orange);
}
.bg-gold {
	background-color: var(--gold);
}
.bg-green {
	background-color: var(--green);
}
.bg-ltbrown {
	background-color: var(--lt-brown);
}
.bg-dkbrown {
	background-color: var(--dk-brown);
}
.bg-blue {
	background-color: var(--blue);
}
.bg-ltgreen {
	background-color: var(--lt-green);
}
.bg-yellow {
	background-color: var(--yellow);
}
.bg-dkgrey {
	background-color: var(--dk-grey);
}
.bg-ltgrey {
	background-color: var(--lt-grey);
}
.bg-xlgrey {
	background-color: var(--xl-grey);
}
.bg-white {
	background-color: white;
}
.bg-black {
	background-color: black;
}

.hover-grey:hover {
	background-color: var(--xl-grey);
}

/*--------------------------------------------------------------
# spacers
--------------------------------------------------------------*/

.spacer-xs {
	min-height: calc(var(--spacer-multiplier) * var(--spacer-xs));
}

.spacer-sm {
	min-height: calc(var(--spacer-multiplier) * var(--spacer-sm));
}

.spacer-md {
	min-height: calc(var(--spacer-multiplier) * var(--spacer-md));
}

.spacer-lg {
	min-height: calc(var(--spacer-multiplier) * var(--spacer-lg));
}

.spacer-xl {
	min-height: calc(var(--spacer-multiplier) * var(--spacer-xl));
}

.spacer-hg {
	min-height: calc(var(--spacer-multiplier) * var(--spacer-hg));
}

/*--------------------------------------------------------------
# Margin
--------------------------------------------------------------*/

/* Margin Removal */
.margin-none {
	margin: 0 !important;
}

.margin-top-none {
	margin-top: 0 !important;
}

.margin-bottom-none {
	margin-bottom: 0 !important;
}

.margin-left-none {
	margin-left: 0 !important;
}

.margin-right-none {
	margin-right: 0 !important;
}

.margin-horizontal-none {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.margin-vertical-none {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Margin XS */
.margin-xs {
	margin: calc(var(--margin-multiplier) * var(--spacer-xs));
}

.margin-top-xs {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-xs));
}

.margin-bottom-xs {
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-xs));
}

.margin-left-xs {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-xs));
}

.margin-right-xs {
	margin-right: calc(var(--margin-multiplier) * var(--spacer-xs));
}

.margin-horizontal-xs {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-xs));
	margin-right: calc(var(--margin-multiplier) * var(--spacer-xs));
}

.margin-vertical-xs {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-xs));
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-xs));
}

/* Margin sm */
.margin-sm {
	margin: calc(var(--margin-multiplier) * var(--spacer-sm));
}

.margin-top-sm {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-sm));
}

.margin-bottom-sm {
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-sm));
}

.margin-left-sm {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-sm));
}

.margin-right-sm {
	margin-right: calc(var(--margin-multiplier) * var(--spacer-sm));
}

.margin-horizontal-sm {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-sm));
	margin-right: calc(var(--margin-multiplier) * var(--spacer-sm));
}

.margin-vertical-sm {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-sm));
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-sm));
}

/* Margin md */
.margin-md {
	margin: calc(var(--margin-multiplier) * var(--spacer-md));
}

.margin-top-md {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-md));
}

.margin-bottom-md {
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-md));
}

.margin-left-md {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-md));
}

.margin-right-md {
	margin-right: calc(var(--margin-multiplier) * var(--spacer-md));
}

.margin-horizontal-md {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-md));
	margin-right: calc(var(--margin-multiplier) * var(--spacer-md));
}

.margin-vertical-md {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-md));
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-md));
}

/* Margin lg */
.margin-lg {
	margin: calc(var(--margin-multiplier) * var(--spacer-lg));
}

.margin-top-lg {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-lg));
}

.margin-bottom-lg {
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-lg));
}

.margin-left-lg {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-lg));
}

.margin-right-lg {
	margin-right: calc(var(--margin-multiplier) * var(--spacer-lg));
}

.margin-horizontal-lg {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-lg));
	margin-right: calc(var(--margin-multiplier) * var(--spacer-lg));
}

.margin-vertical-lg {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-lg));
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-lg));
}

/* Margin xl */
.margin-xl {
	margin: calc(var(--margin-multiplier) * var(--spacer-xl));
}

.margin-top-xl {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-xl));
}

.margin-bottom-xl {
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-xl));
}

.margin-left-xl {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-xl));
}

.margin-right-xl {
	margin-right: calc(var(--margin-multiplier) * var(--spacer-xl));
}

.margin-horizontal-xl {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-xl));
	margin-right: calc(var(--margin-multiplier) * var(--spacer-xl));
}

.margin-vertical-xl {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-xl));
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-xl));
}

/* Margin hg */
.margin-hg {
	margin: calc(var(--margin-multiplier) * var(--spacer-hg));
}

.margin-top-hg {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-hg));
}

.margin-bottom-hg {
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-hg));
}

.margin-left-hg {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-hg));
}

.margin-right-hg {
	margin-right: calc(var(--margin-multiplier) * var(--spacer-hg));
}

.margin-horizontal-hg {
	margin-left: calc(var(--margin-multiplier) * var(--spacer-hg));
	margin-right: calc(var(--margin-multiplier) * var(--spacer-hg));
}

.margin-vertical-hg {
	margin-top: calc(var(--margin-multiplier) * var(--spacer-hg));
	margin-bottom: calc(var(--margin-multiplier) * var(--spacer-hg));
}



/*--------------------------------------------------------------
# Padding
--------------------------------------------------------------*/

/* padding Removal */
.padding-none {
	padding: 0;
}

.padding-top-none {
	padding-top: 0;
}

.padding-bottom-none {
	padding-bottom: 0;
}

.padding-left-none {
	padding-left: 0;
}

.padding-right-none {
	padding-right: 0;
}

.padding-horizontal-none {
	padding-left: 0;
	padding-right: 0;
}

.padding-vertical-none {
	padding-top: 0;
	padding-bottom: 0;
}

/* padding XS */
.padding-xs {
	padding: calc(var(--padding-multiplier) * var(--spacer-xs));
}

.padding-top-xs {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-xs));
}

.padding-bottom-xs {
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-xs));
}

.padding-left-xs {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-xs));
}

.padding-right-xs {
	padding-right: calc(var(--padding-multiplier) * var(--spacer-xs));
}

.padding-horizontal-xs {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-xs));
	padding-right: calc(var(--padding-multiplier) * var(--spacer-xs));
}

.padding-vertical-xs {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-xs));
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-xs));
}

/* padding sm */
.padding-sm {
	padding: calc(var(--padding-multiplier) * var(--spacer-sm));
}

.padding-top-sm {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-sm));
}

.padding-bottom-sm {
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-sm));
}

.padding-left-sm {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-sm));
}

.padding-right-sm {
	padding-right: calc(var(--padding-multiplier) * var(--spacer-sm));
}

.padding-horizontal-sm {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-sm));
	padding-right: calc(var(--padding-multiplier) * var(--spacer-sm));
}

.padding-vertical-sm {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-sm));
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-sm));
}

/* padding md */
.padding-md {
	padding: calc(var(--padding-multiplier) * var(--spacer-md));
}

.padding-top-md {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-md));
}

.padding-bottom-md {
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-md));
}

.padding-left-md {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-md));
}

.padding-right-md {
	padding-right: calc(var(--padding-multiplier) * var(--spacer-md));
}


.padding-horizontal-md {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-md));
	padding-right: calc(var(--padding-multiplier) * var(--spacer-md));
}

.padding-vertical-md {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-md));
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-md));
}

/* padding lg */
.padding-lg {
	padding: calc(var(--padding-multiplier) * var(--spacer-lg));
}

.padding-top-lg {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-lg));
}

.padding-bottom-lg {
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-lg));
}

.padding-left-lg {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-lg));
}

.padding-right-lg {
	padding-right: calc(var(--padding-multiplier) * var(--spacer-lg));
}

.padding-horizontal-lg {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-lg));
	padding-right: calc(var(--padding-multiplier) * var(--spacer-lg));
}

.padding-vertical-lg {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-lg));
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-lg));
}

/* padding xl */
.padding-xl {
	padding: calc(var(--padding-multiplier) * var(--spacer-xl));
}

.padding-top-xl {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-xl));
}

.padding-bottom-xl {
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-xl));
}

.padding-left-xl {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-xl));
}

.padding-right-xl {
	padding-right: calc(var(--padding-multiplier) * var(--spacer-xl));
}

.padding-horizontal-xl {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-xl));
	padding-right: calc(var(--padding-multiplier) * var(--spacer-xl));
}

.padding-vertical-xl {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-xl));
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-xl));
}

/* padding hg */
.padding-hg {
	padding: calc(var(--padding-multiplier) * var(--spacer-hg));
}

.padding-top-hg {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-hg));
}

.padding-bottom-hg {
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-hg));
}

.padding-left-hg {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-hg));
}

.padding-right-hg {
	padding-right: calc(var(--padding-multiplier) * var(--spacer-hg));
}

.padding-horizontal-hg {
	padding-left: calc(var(--padding-multiplier) * var(--spacer-hg));
	padding-right: calc(var(--padding-multiplier) * var(--spacer-hg));
}

.padding-vertical-hg {
	padding-top: calc(var(--padding-multiplier) * var(--spacer-hg));
	padding-bottom: calc(var(--padding-multiplier) * var(--spacer-hg));
}

/*--------------------------------------------------------------
# Borders
--------------------------------------------------------------*/

.border-orange {
	border-color: var(--orange);
}
.border-gold {
	border-color: var(--gold);
}
.border-green {
	border-color: var(--green);
}
.border-ltbrown {
	border-color: var(--lt-brown);
}
.border-dkbrown {
	border-color: var(--dk-brown);
}
.border-blue {
	border-color: var(--blue);
}
.border-ltgreen {
	border-color: var(--lt-green);
}
.border-yellow {
	border-color: var(--yellow);
}
.border-dkgrey {
	border-color: var(--dk-grey);
}
.border-ltgrey {
	border-color: var(--lt-grey);
}
.border-white {
	border-color: white;
}
.border-black {
	border-color: black;
}

.border-hair {
	border-width: calc(0.1*var(--border-width));	
}

.border-thin {
	/*border-width: calc(0.5*var(--border-width));*/
	border-width: var(--border-width-thin);	
}

.border-reg {
	border-width: var(--border-width);	
}

.border-thick {
	border-width: calc(2*var(--border-width));
}

.border-dotted {
	border-style: dotted;
}

.border-solid {
	border-style: solid;
}

.border-radius {
	border-radius: var(--border-radius);
}

.border-radius-lg {
	border-radius: var(--border-radius-lg);
}

.border-hover:hover {
	border-color: var(--orange);
}

/*--------------------------------------------------------------
# Shadows
--------------------------------------------------------------*/

.box-shadow {
	box-shadow: var(--box-shadow-med);
}

/*--------------------------------------------------------------
# Horizontal Rules
--------------------------------------------------------------*/

hr.orange {
	border-top-color: var(--orange);
}
hr.gold {
	border-top-color: var(--gold);
}
hr.green {
	border-top-color: var(--green);
}
hr.ltbrown {
	border-top-color: var(--lt-brown);
}
hr.dkbrown {
	border-top-color: var(--dk-brown);
}
hr.blue {
	border-top-color: var(--blue);
}
hr.ltgreen {
	border-top-color: var(--lt-green);
}
hr.yellow {
	border-top-color: var(--yellow);
}
hr.dkgrey {
	border-top-color: var(--dk-grey);
}
hr.ltgrey {
	border-top-color: var(--lt-grey);
}
hr.white {
	border-top-color: white;
}
hr.black {
	border-top-color: black;
}

hr.thin {
	border-top-width: calc(0.5*var(--border-width));	
}

hr.reg {
	border-top-width: var(--border-width);	
}

hr.thick {
	border-top-width: calc(2*var(--border-width));
}

hr.dotted {
	border-top-style: dotted;
}

hr.solid {
	border-top-style: solid;
}


/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/

.list-horizontal li {
	display: inline-block;
}

.list-none, .listnone {
	list-style: none;
}


/*--------------------------------------------------------------
# Display properties
--------------------------------------------------------------*/

.d-none, .hidden {
	display: none;
}

.display-flex {
	display: flex;
}

.display-block {
	display: block;
}

.display-inline {
	display: inline;
}

.display-inline-block {
	display: inline;
}

.display-inline-flex {
	display: inline-flex;
}

/* NOTE: see media queries for responsive. "d-flex" and similar use bootsrap and are the same but have the !important */

/*--------------------------------------------------------------
# Position properties
--------------------------------------------------------------*/

.pos_abs {
	position: absolute;
}

.pos_rel {
	position: relative;
}

/*--------------------------------------------------------------
# Opacity
--------------------------------------------------------------*/

.o0 {
	opacity: 0;
}

.o08 {
	opacity: 0.8;
}

.o1 {
	opacity: 1;
}

/*--------------------------------------------------------------
# Scrolling
--------------------------------------------------------------*/

body.scroll-none, .overflow-hidden {
	overflow:hidden;
}


/*--------------------------------------------------------------
# Flex Utilities
--------------------------------------------------------------*/

.align-items-center {
	align-items: center;
}

.align-content-start {
	align-content: start;
}

.align-content-center {
	align-content: center;
}

.align-self-center {
	align-self: center;
}

.align-content-end {
	align-content: end;
}

.align-items-flex-start {
	align-items: flex-start;
}

.align-items-flex-end {
	align-items: flex-end;
}

.align-items-baseline {
	align-items: baseline;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-flow-wrap {
	flex-flow: wrap;
}

.flex-flow-wrap-none {
	flex-flow: nowrap;
}

.justify-content-left {
	justify-content: left;
}

.justify-content-right {
	justify-content: right;
}

.justify-content-flex-start {
	justify-content: flex-start;
}

.justify-content-flex-end {
	justify-content: flex-end;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-space-around {
	justify-content: space-around;
}

.justify-content-space-between {
	justify-content: space-between;
}

.justify-content-space-evenly {
	justify-content: space-evenly;
}

.flex-basis-content {
	flex-basis: content;
}

.flex-direction-column {
	flex-direction: column;
}

.flex-direction-row {
	flex-direction: row;
}

.flex-basis-max-content {
	flex-basis: max-content;
}

.gap-xs {
	gap: var(--spacer-xs);
}

.gap-sm {
	gap: var(--spacer-sm);
}

.gap-md {
	gap: var(--spacer-md);
}

.gap-lg {
	gap: var(--spacer-lg);
}

.gap-xl {
	gap: var(--spacer-xl);
}

.gap-hg {
	gap: var(--spacer-hg);
}

.nogap {
	gap: 0;
}




/*--------------------------------------------------------------
# Other Utilities
--------------------------------------------------------------*/

/*** Columns ***/
.columns-2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-moz-column-fill: balance;
	column-fill: balance;
}

.columns-3 {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
	-moz-column-fill: balance;
	column-fill: balance;
}

.columns-4 {
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
	-moz-column-fill: balance;
	column-fill: balance;
}







@media (max-width: 1199.98px) {
	.columns-4 {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
}

@media (max-width: 991.98px) {
	.columns-3 {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}

	.columns-4 {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
}

@media (max-width: 767.98px) {
	.columns-2 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}

	.columns-3 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}

	.columns-4 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}
}

/*** grids ***/



.grid-1 {
	grid-template-columns: 1fr;
}

.grid-2 {
	grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
	grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
	grid-template-columns: repeat(5, 1fr);
}

.grid-6 {
	grid-template-columns: repeat(6, 1fr);
}

.grid-21, .grid-12 {
	grid-template-columns: repeat(2, 1fr);
}

.grid-21 .bodyimage_item, .grid-12 .bodyimage_item {
	grid-column: span 1;
}

.grid-21 .bodyimage_item:nth-last-child(1), .grid-12 .bodyimage_item:nth-child(1) {
	grid-column: span 2;
}

.grid-32, .grid-23 {
	grid-template-columns: repeat(6, 1fr);
}

.grid-32 .bodyimage_item, .grid-23 .bodyimage_item {
	grid-column: span 2;
}

.grid-32 .bodyimage_item:nth-last-child(1),.grid-32 .bodyimage_item:nth-last-child(2), .grid-23 .bodyimage_item:nth-child(1), .grid-23 .bodyimage_item:nth-child(2) {
	grid-column: span 3;
}

.grid-43, .grid-34 {
	grid-template-columns: repeat(12, 1fr);
}

.grid-43 .bodyimage_item, .grid-34 .bodyimage_item {
	grid-column: span 3;
}

.grid-43 .bodyimage_item:nth-last-child(1),.grid-43 .bodyimage_item:nth-last-child(2),.grid-43 .bodyimage_item:nth-last-child(3), .grid-34 .bodyimage_item:nth-child(1), .grid-34 .bodyimage_item:nth-child(2), .grid-34 .bodyimage_item:nth-child(3) {
	grid-column: span 4;
}

.grid-54, .grid-45 {
	grid-template-columns: repeat(20, 1fr);
}

.grid-54 .bodyimage_item, .grid-45 .bodyimage_item {
	grid-column: span 4;
}

.grid-54 .bodyimage_item:nth-last-child(1),.grid-54 .bodyimage_item:nth-last-child(2),.grid-54 .bodyimage_item:nth-last-child(3),.grid-54 .bodyimage_item:nth-last-child(4), .grid-45 .bodyimage_item:nth-child(1), .grid-45 .bodyimage_item:nth-child(2), .grid-45 .bodyimage_item:nth-child(3), .grid-45 .bodyimage_item:nth-child(4) {
	grid-column: span 5;
}

.grid-65, .grid-56 {
	grid-template-columns: repeat(30, 1fr);
}

.grid-65 .bodyimage_item, .grid-56 .bodyimage_item {
	grid-column: span 5;
}

.grid-65 .bodyimage_item:nth-last-child(1),.grid-65 .bodyimage_item:nth-last-child(2),.grid-65 .bodyimage_item:nth-last-child(3),.grid-65 .bodyimage_item:nth-last-child(4),.grid-65 .bodyimage_item:nth-last-child(5), .grid-56 .bodyimage_item:nth-child(1), .grid-56 .bodyimage_item:nth-child(2), .grid-56 .bodyimage_item:nth-child(3), .grid-56 .bodyimage_item:nth-child(4), .grid-56 .bodyimage_item:nth-child(5) {
	grid-column: span 6;
}

@media (max-width: 1199.98px) { 
	.grid-4  {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (max-width: 991.98px) {
	.grid-4  {
		grid-template-columns: 1fr 1fr;
	}

	.grid-6 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (max-width: 767.98px) {

	.grid-5 {
		grid-template-columns: 1fr auto 1fr;
	}

	.grid-6 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (max-width: 575.98px) { 
	.grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {
		grid-template-columns: 1fr;
	}
}

/*** Background Image Alignments ***/
.third-upper {
	background-position-y: 33%;
}

.third-middle {
	background-position-y: 50%;
}

.third-lower {
	background-position-y: 66%;
}

.third-left {
	background-position-x: 33%;
}

.third-center {
	background-position-x: 50%;
}

.third-right {
	background-position-x: 66%;
}

/*** Actuators ***/
.activated {
	
}

.max-one-quarter {
	max-width: 25%;
}

.max-one-third {
	max-width: 33%;
}

.max-two-thirds {
	max-width: 66%;
}

.max-three-quarters {
	max-width: 75%;
}

.max-600 {
	max-width: 600px;
}

.max-600 {
	max-width: 600px;
}

.max-128 {
	max-width: 128px;
}

.min-128 {
	min-width: 128px;
}


@media (max-width: 767.98px) {
	.max-two-thirds {
		max-width: 100%;
	}
}

/*** Fixes ***/
.w100 {
	width: 100%;
}

.mw100 {
	max-width: 100%;
}

.waudo {
	width: auto;
}

.h100 {
	height: 100%;
}

/*** cursors ***/
.cursor_pointer {
	cursor: pointer;
}