/*
 Theme Name:   Creative Spirits
 Theme URI:    [URL]
 Description:  [theme description]
 Author:       The Other Dimension
 Author URI:   https://theotherdimension.com
 Template:     Divi
 Version:      1.0
*/


/*** General Styling ***/

::selection {
	background-color: #000;
	color: #fff;
}

.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 ***/

body {
	font-family: "proxima-nova", sans-serif !important;
}

h1, h2, h3, h4, h5 {
	font-family: "proxima-nova", sans-serif !important;
	font-weight: 700 !important;
}

h1 {
	font-size: 4em !important;
}

h2 {
	font-size: 3em !important;
		padding-bottom: 2rem;

}

h3 {
	font-size: 2em !important;
		padding-bottom: 2rem;

}

h4 {
	font-size: 1em !important;
	color: #262C33 !important;
}

sup {
    bottom: 0.25em;
    font-size: 2.5rem;
}

sub {
    top: 0.3em;
    font-size: small;
}




/*** Module Styling ***/

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



/*** Form Styling ***/


/*** WooCommerce Styling ***/

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 1.25em !important;
}



/*** 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:last-child {
		margin-bottom: 0;
	}
	.middle-row {
		display: block;
	}

}

/*** Responsive Styles Tablet and ABOVE ***/
@media all and (min-width: 981px) {
	
}

/*** 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) {

	
}