/*
Theme Name:Hot Storm North Child
Theme URI: http://totalwptheme.com
Description: Hot Storm North child theme
Author: Donnie Weaver
Author URI: https://pixelcraftstudio.com
Template: Total
Version: 6.3
*/
/*COLOR MAPPING

Red main #a30800
Red med #7c0604
Red dark #5D0301
Red light #eb3341
Pink #dd9a88
Pinker ##ff316e

Red Christy site #8b0000

Neutral dk #55423c
Neutral dk2 #63483e
Neutral lt #bda6a0
Pinkish #d1b48c
Tan #d1b48c
Purply #572b38

White - #fff 

ACCENT-BORDERS Logo Blue med #0075BF hsla(201, 100%, 74%, 0.3)
ACCENT HOVER- Red #AE3031

Lt gray #d5dde1

Gray #404040 hsla(0, 0%, 25%, 0.3)
black - #000 - rgba(0,0,0,0.1)
white - #fff - rgba(255,255,255,0.1)

box-shadow: var(--wpex-shadow-xl);
box-shadow: var(--wpex-shadow-2xl);

mix-blend-mode: multiply;
mix-blend-mode: screen;
mix-blend-mode: overlay;
mix-blend-mode: difference;

transition: 0.25s all ease !important;
transform: scale(1.05) !important;


-webkit-backdrop-filter: blur(5px);
-moz-backdrop-filter: blur(5px);
-ms-backdrop-filter: blur(5px);
-o-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);

TYPOGRAPHY GUIDE
Nav - 
Headings - 
Body - 

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

/*------------------------------------------------------------------
CUSTOM
-------------------------------------------------------------------*/
/*.custom_row_indexhero_section {
	margin-top: -40px !important;
	padding-left: 200px !important;
	padding-right: 200px !important;
	background-image: url(/wp-content/uploads/homepage-angle-pic-radial-gradient2.png) !important;
	background-position-x: center !important;
	background-position-y: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	border-bottom: solid 1px hsla(1, 0%, 100%, 0.7) !important;
	text-align: center !important;
	
}
.custom_row_indexhero_row {
	margin-top: 100px !important;
	padding: 30px 60px !important;
	background-color: rgba(255,255,255,0.45) !important;
	border-radius: 25px !important;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	box-shadow: var(--wpex-shadow-2xl);
}
.custom_row_indexhero_row h2 {
	margin-bottom: 10px !important;
	font-size: 40px !important;
	line-height: 50px !important;
	color: #f4f4f4 !important;
}*/

.custom_row_padding {
	padding-left: 100px !important;
	padding-right: 100px !important;
}
.custom_row_footer {
	padding-left: 100px !important;
	padding-right: 100px !important;
	padding-top: 10px !important;
}

/*------------------------------------------------------------------
GENERAL COMMONS
-------------------------------------------------------------------*/
body {
	background-color: #111 !important;
	background-image: url(/wp-content/uploads/bg-main-desktop.jpg) !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-attachment: fixed !important;
}



/*--------------------------------------------------------------
All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 1450px) {

}
/*--------------------------------------------------------------
END All Devices under 960px
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Tablet LANDSCAPE
--------------------------------------------------------------*/
@media only screen and (max-width: 1400px) {
.custom_row_footer {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

body {
	background-image: none !important;
}
#wrap::before {
	content: "" !important;
	display: block !important;
	background: url(/wp-content/uploads/bg-main-tablet-landscape.jpg) !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: fixed !important;
	position: fixed !important;
	z-index: -1 !important;
	height: 100% !important;
	width: 100% !important;
}
/*.custom_row_footer {
	padding-top: 30px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.custom_footer_logo img {
	max-width: 100% !important;
}*/

}
/*--------------------------------------------------------------
END Tablet LANDSCAPE
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Tablet PORTRAIT
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

body {
	background-image: none !important;
}
#wrap::before {
	content: "" !important;
	display: block !important;
	background: url(/wp-content/uploads/bg-main-tablet-portrait.jpg) !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: fixed !important;
	position: fixed !important;
	z-index: -1 !important;
	height: 100% !important;
	width: 100% !important;
}

}
/*--------------------------------------------------------------
END Tablet PORTRAIT
--------------------------------------------------------------*/

/*----------------------------------------------------
Smartphones PORTRAIT + LANDSCAPE
--------------------------------------------------------*/
@media only screen and (max-width: 767px) {



}
/*----------------------------------------------------
END Smartphones PORTRAIT + LANDSCAPE
--------------------------------------------------------*/


/*------------------------------------------------------
Smartphones (LANDSCAPE)
---------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation : landscape) {

body {
	background-image: none !important;
}
#wrap::before {
	content: "" !important;
	display: block !important;
	background: url(/wp-content/uploads/bg-main-phone-landscape.jpg) !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: fixed !important;
	position: fixed !important;
	z-index: -1 !important;
	height: 100% !important;
	width: 100% !important;
}


}
/*-----------------------------------------------------------
END Smartphones (LANDSCAPE)
----------------------------------------------------------*/


/*-----------------------------------------------------------
Smartphones (PORTRAIT)
---------------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {

body {
	background-image: none !important;
}
#wrap::before {
	content: "" !important;
	display: block !important;
	background: url(/wp-content/uploads/bg-main-phone-portrait.jpg) !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: fixed !important;
	position: fixed !important;
	z-index: -1 !important;
	height: 100% !important;
	width: 100% !important;
}

}
/*---------------------------------------------------------
 END Smartphones (PORTRAIT)
----------------------------------------------------------*/