.iconShape { 
	fill: white;
}
svg .circle { 
	fill: #e83c30;
}

.table-success {
	background: #d8f2f7;
}
	
/*------------------------------------*\
    MAIN
\*------------------------------------*/
	
.table .thead-dark th {
    background-color: #4d4d4d;
}
	
article ul {
	list-style-type: disc !important;
	padding-left: 1em !important;
}
article ul ul {
	list-style-type: circle !important;
}

.linkBox {
	background: rgba(0,0,0,.85);
	color: white;
	padding: .25em 1em 1em;
}
.linkBox a, .linkBox a:hover {
	color: inherit;
	text-decoration: underline;
}


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	background-color: #4d4d4d;
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.43;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a, a:hover, a:active {
	color: #444;
	text-decoration:none;
}
a.quoteBtn {
	background: #D82518;
	border-radius: 5px;
	color: white;
	display: inline-block;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 25px;
	margin-right: 1.5em;
	padding: 0 10px;
}
a.phoneLink {
	color: rgba(255,255,255,.7);
	font-weight: 300;
	font-size: 37px;
}
a.phoneLink img {
	vertical-align: middle;
}
nav a, nav a:hover, footer a, footer a:hover {
	color: inherit !important;
}
nav a {
	text-decoration: underline;		
}
.sub-menu a {
	display: block;
    line-height: 1.3;
    margin-bottom: .5em;
	text-decoration: none;
}
.sub-menu a:hover {
	text-decoration: underline;
}
.m-navigation a {
	display: block;
}
.m-navigation ul li a, .m-navigation ul li a:hover {
	color: inherit !important;
	font-weight: 400;
	line-height: 1.75;
}
a.post-edit-link {
	background: #999;
	border-radius: 5px;
	color: white;
	display: inline-block;
	font-size: 0.7em;
	font-weight: 400;
	padding: 1px 7px;
}
a.view-article  {
	background: #117EB0;
	border-radius: 5px;
	color: white;
	display: inline-block;
	font-size: 0.7em;
	font-weight: 400;
	padding: 5px 10px;
}
a.page-numbers, span.page-numbers.current {
	display: inline-block;
	padding: 5px 7px;
}

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.center { 
	text-align: center;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

article { font-family: 'Roboto', sans-serif; }

/* internal page content constrainer */
article.internal {
	margin: 0 auto;
	max-width: 1200px;
	width: 95%;
	padding: 2% 4%;
}

/* wrapper */
.container {
	max-width: 1100px;
	width: 95%;
}
/* header */
header {
	color: white;
}
header.hasFeaturedImage {
}
.header-image {
	position:relative;
	height: 26vw;
}
.header-image img {
	display:block;
	width:100%;
}
.header-text, .page-heading {
	background: rgba(0,0,0,.5);
	color: white;
	font-size: 3vw;
	font-weight: bold; 
	font-family: 'Roboto Condensed', sans-serif;
	padding: 3% 0;
	text-align: center;
	width: 100%;
}

.page-heading {
	font-size: 3vw;
	font-weight: bold;
	text-transform: uppercase;
}

.header-text h1 {
    font-size: 1.25em;
    font-weight: inherit;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
}

.header-link {
	background: rgba(0,0,0,.5);
	color: white;
	font-size: 20px; 
	font-weight: bold; 
	padding: 7px 10px;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.header-link a {
	color: inherit;
	text-decoration: underline;
}

/* logo */
.logo {

}
.logo-img {
	transitions: all ease .3s;
}

.breadcrumbs { 
	background: #ebebeb;
	font-size: .8em;
	padding: 5px 10px;
}

main {
	background: white;
	padding: 0;
}

/* sidebar */
.sidebar {
	padding: 2.2em 0 2em;
}
/* footer */
.footer {
	color: #fefefe;
	font-size: 17px;
	margin-top: 1.5em;
	text-align: center;
	font-weight: 300;
	padding-bottom: 1.5em
}
.social {

}

.btn-sidebar {
    font-size: 1.6em;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: white !important;
    padding: 0 40px 0 0;
    display: block;
    background-repeat: no-repeat;
    background-position: top right;
    text-align: center;
    line-height: 47px;
	margin-bottom: .2em;
}

.btn-sidebar.orange {
    background-color: #e83c30;
    background-image: url(https://stormpowercomponents.com/wp-content/themes/stormpower/img/btn-bcgd-orange.svg);
}

.btn-sidebar.blue {
    background-color: #01395c;
    background-image: url(https://stormpowercomponents.com/wp-content/themes/stormpower/img/btn-bcgd-blue.svg);
}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

.nav {
	color: white;
	font-size: 19px;
	line-height: 1;
}
nav > ul {
	list-style: none; 
	margin: 0;
	padding: 0;
}
nav > ul > li { 
	position: relative;
	display: inline-block;
	font-weight: 700;
	padding: 15px 10px;
	text-transform: uppercase;
}

.m-navigation {
	background: rgba(0,0,0,.9);
	color: white;
	display: none;
	font-size: 1.4em;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

.m-navigation ul {
	list-style: none; 
	margin: 0;
	padding: 0;
}

nav .sub-menu {
	color: #ffffff;
	display: none;
	position: absolute;
	top: auto;
	bottom: 0 !important;
	left: -5px;
	list-style: none;
	margin: 0;
	font-size: .8em;
	background: black;
	padding: 10px 15px;
	line-height: 1.6;
	text-transform: none;
	transform: translateY(100%);
	font-weight: 400;
	transition: all ease .3s;
	opacity: 0;
	min-width: 200px;
}
.menu-item:last-of-type .sub-menu {
	left: initial;
	right: -15px;		
}
.m-navigation .sub-menu { 
	display: block;
	font-size: .8em;
	font-weight: 400;
	line-height: 1.6;
	list-style: none;
	margin: 0;
	padding: 0px 15px 10px;
	text-transform: none;
}

nav > ul > li:hover .sub-menu {
	display: block;
	opacity: 1;
}

nav > ul > li.current-page-ancestor, nav > ul > li.current-menu-item {
	color: rgba(255,255,255,1);
	background: #D82518;
	border-radius: 5px;
	line-height: 2px;
}


/*------------------------------------*\
    Sidebar Navigation
\*------------------------------------*/

.advanced-sidebar-menu {
	background: #f5f5f5;
	border: 1px solid #d2d2d2;
	color: black;
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom: 1em;
	padding: 18px 20px;
	text-transform: uppercase;
}
ul.parent-sidebar-menu, .parent-sidebar-menu ul {
	list-style: none;
}
.parent-sidebar-menu {
	padding: 0;
	line-height: 1;
}
.parent-sidebar-menu > li > a {
	font-size: 25px;
	font-weight: bold;
}
.child-sidebar-menu {
	padding-left: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
}
.child-sidebar-menu li {
	padding-top: 0px;
}
.grandchild-sidebar-menu {
	padding-left: 1em;
}
.parent-sidebar-menu a {
	display: block;
}
.child-sidebar-menu a {
	padding-bottom: 5px;
	padding-top: 5px;
}
.child-sidebar-menu a:hover {
	background: white;
}
.child-sidebar-menu .current_page_item > a {
	color: #D82518;
	font-weight: bold;
}
.child-sidebar-menu .current_page_item > a:before {
	content: "» ";
	font-size: 1.3em;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.fullwidth { 
	width: 100%;
}
.social svg {
	height: 30px;
	margin: 0 12px;
}
.social svg:last-of-type {
	margin-right: 0;
}
svg.twitter { 
	height: 26px;
}
svg.youtube { 
	height: 20px;
}
.social .icon-social path {
	fill: white;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

h1, h2, h3, h4 { font-weight: 300; margin: 1em 0 0; line-height: 1.5; }
h1 { font-size: 1.8em; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; transitions: all ease .3s; margin-top: 0; }
h2 { font-size: 1.5em; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; }
h3, .h3 { font-size: 1.2em; text-transform: uppercase; font-weight: 700; }
h4 { font-size: 1.1em; }

.linkbox h3, .linkbox h2 {
	font-size: 1.2em; 
	text-transform: uppercase; 
	font-weight: 700;
	line-height: 1;
	margin-bottom: .5em;
}

.postDetails {
	font-size: .8em;
	margin-top: 0;	
}

.postInfo {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	font-size: .8em;
	margin: 1.5em 0;
	padding: 5px 10px;
}

/*------------------------------------*\
    HOMEPAGE SPECIFIC
\*------------------------------------*/

.homeThumbsGray { 
	background: rgba(0,0,0,.25); 
	cursor: pointer;
	height: 100%; 
	left: 0; 
	position: absolute; 
	top: 0; 
	width: 100%; 
}
.homeThumbText { 
	color: white; 
	font-size: 20px; 
	font-weight: bold; 
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.2; 
	position: absolute; 
	text-align: center;  
	text-shadow: 1px 1px 5px rgba(0,0,0,.75);
	text-transform: uppercase; 
	top: 50%; 
	transform: translateY(-50%); 
	width: 100%;  
}

.homeThumbText a { 
	color: inherit !important;
	display: block;
}

.rolloverThumbs > .homeThumbsGray > .homeThumbText {
	font-size: 27px;
}

.rolloverThumbsWrap {
	padding: 0 3px;
}
.rolloverThumbs {
	position: relative;
	margin-bottom: 3px;
}
.rolloverThumbs img {
	display: block;
	width: 100%;
}
.rolloverThumbs > .homeThumbsGray {
	opacity: 1;
	transition: all ease .3s;
}
.rolloverThumbsWrap:hover .homeThumbsGray {
	opacity: 1;
}

.gradientBcgrd { 
	background: linear-gradient(0deg, #ebebeb 0%, rgba(255,255,255,0) 100%);
	padding: 85px 0 50px;
}

.solidGrayBcgrd {
	background: #ebebeb;
	padding: 2em 0;
}
	
.logoBcgrd {
	background: url(/wp-content/themes/stormpower/img/logoBcgrd.png) repeat center center;
	padding: 4em 0; 
}

.whiteBorder {
	border: 1px solid white;
}
.mainH1 {
	height: 96px;
}	
.btnBlackWhiteText {
	display: block;
	background: black;
	color: white !important;
	font-size: 5.2vw;
	text-transform: uppercase;
	font-style: italic;
	padding: .25em;
	text-align: center;
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
}

.fl-builder-content .fl-node-6001f556b4b41 .fl-post-feed-title a {
	color: #117EB0;
}
.fl-builder-content .fl-node-5eb846133c9c4 a {
	color: #D82518;
}

@media (min-width: 768px) {
	.btnBlackWhiteText { 
		font-size: 1.07vw;
		padding: .45em .25em;
	}
}

img {
	max-width: 100%;
	height: auto;
}
.wdform-required {
	font-weight: bold;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {
	.max480 { 
		display: none;
	}
}
@media only screen and (max-width:480px) {
	.min480 { 
		display: none;
	}
	.mainH1 {
		height: 143px;
	}
}
@media only screen and (min-width:768px) {
	.mobileOnly { 
		display: none;
	}
	.footer {
		text-align: left;
	}
	.social {
		text-align: right;
	}
	body {
		padding-top: 109px;
	}
	body.hasFeaturedImage {
		padding-top: 0;
	}
	header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	.header-text, .page-heading {
		bottom: 0;
		font-size: 27px; 
		left: 0;
		padding: 20px 0;
		position: absolute;
	}
	.page-heading {
		font-size: 50px;
	}
	.page-heading h1 {
		font-size: 35px;
	}
	.fl-slide-content {
		position: absolute;
		width: 50%;
		background: rgba(0,0,0,.5);
		padding: 10px;
		margin: 0 !important;
		right: 3%;
		bottom: 15%;
	}
	
}
@media only screen and (min-width:1024px) {
	.showMenu {
		display: none;
	}
	.m-navigation { display: none; }
}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}
@media only screen and (max-width:767px) {
	.desktopOnly { display: none; }
	h1 {
		line-height: 1.1;
		margin-bottom: .4em;
	}
	a.phoneLink {
		font-size: 25px;
	}
	.phoneLink img {
		height: 23px;
	}
	.table td {
		white-space: nowrap !important;
	}
}
@media only screen and (max-width:1023px) {
	nav { 
		display: none !important;
	}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}