/*
Theme Name: ecomfueled
Author: Brian Richards
Author URI: http://m3digital360.com/
Description: Custom theme for eComFueled
Version: 1.0.0

ecomfueled Theme © 2021 M3 Digital 360
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
body {
	background-color: #FFF;
	margin:0px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #000;
	font-weight:400;
	overflow-x:hidden;
	line-height: 120%;
}
a:link {
	color: #208ec1;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #208ec1;
}
a:hover {
	text-decoration: underline;
	color: #208ec1;
	cursor:pointer;
}
a:active {
	text-decoration: none;
	color: #208ec1;
}
.sourcesans{font-family: 'Source Sans Pro', sans-serif;}
h1 {
	font-size: 24px;
	color: #002b54;
	font-weight:700;
	text-transform: uppercase;
}
h2 {
	font-size: 20px;
	color: #002b54;
	font-weight:700;
}
h3 {
	font-size: 18px;
	color: #002b54;
	font-weight:700;
}
.smalltitle{color: #647582; font-size: 70%;}
img{
	border:none;
	max-width:100%;
	height: auto;
}
strong{font-weight:700;}
.smalltitle{color: #209409; font-size: 80%;}
.lrg-green-text{font-size:160%; font-weight:700; color:#7096ad; line-height: 110%;}
.lrg-purple-text{font-size:140%; font-weight:700; color:#002b54; line-height: 110%;}
.lrg-white-text{font-size:160%; font-weight:700; color:#FFF; line-height: 110%;} 
.mobileonly{}
.deskonly{display:none;}
.alignleft {
	float: left;
	padding-right: 25px;
	max-width:35%;
}
.alignright {
	float: right;
	margin-left: 25px;
	max-width:35%;
}
.floatleft{float:left;}
.floatright{float: right;}
.left_text{float: left; width: 100%; box-sizing: border-box; padding-left: 5%; padding-right: 5%;}
.right_image{float: right; width: 100%; box-sizing: border-box;}
.right_text{float: right; width: 100%; box-sizing: border-box; padding-left: 5%; padding-right: 5%;}
.left_image{float: left; width: 100%; box-sizing: border-box;}
.myrow{float: left; width: 100%; padding-left: 5%; padding-right: 5%; box-sizing: border-box;}
.bottomrow{float: left; width: 100%; padding-left: 5%; padding-right: 5%; box-sizing: border-box;}
.footerrow{float: left; width: 90%; padding-left: 5%; padding-right: 5%;}
.fullrow{float: left; width: 100%; box-sizing: border-box;}
.toprow{float: left; width: 100%; padding-left: 2%; padding-right: 2%; box-sizing: border-box;}
.twocol{float: left; width: 100%; box-sizing: border-box;}
.threecol{float: left; width: 100%; box-sizing: border-box;}
.fourcol{float: left; width: 100%; box-sizing: border-box;}
.fivecol{float: left; width: 100%; box-sizing: border-box;}
.sixcol{float: left; width: 100%; box-sizing: border-box;}
.footerinfo{float: left; width: 100%; box-sizing: border-box;}
.footermenu{float: left; width: 100%; box-sizing: border-box;}
.footersocial{float: left; width: 100%; box-sizing: border-box;}
.logo{
	float: left; 
	width: 100%; 
	text-align:center;
	background-image: url(images/logoborder.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-top: 30px; 
	padding-bottom: 80px;
	box-sizing: border-box;
	padding-left: 15%;
	padding-right: 15%;
}
.logo img{max-height:130px;}
.pagetop{
	background-image: url(images/headerbg.png);
	background-repeat: repeat;
	background-position: top left;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
	float: left;
	width: 100%;
	padding-left: 15%; 
	padding-right: 15%;
}
.topcall{float: left; width: auto; color: #7bc423; font-weight: 700; font-size:130%;}
#mainmenu{float: right; width: auto;}
.backgroundone{
	background: #002b54;
	color:#FFF;
}
.backgroundtwo{
	background-image: url(images/mainbg2.png);
	background-repeat: repeat;
	background-position: top left;
	color:#FFF;
}
.backgroundthree{
	background: #7e90a4;
	background-image: url(images/mainbg3.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	color:#FFF;
}
.backgroundfour{
	background: #FFF;
	color:#000;
}
.backgroundfive{
	background-image: url(images/mainbg5.png);
	background-repeat: repeat;
	color:#FFF;
}
.backgroundsix{
	background: #002b54;
	color:#FFF;
}
.backgroundseven{
	background-image: url(images/mainbg7.png);
	background-repeat: repeat;
	color:#FFF;
	padding-top: 40px;
	padding-bottom: 40px;
}
.backgroundeight{
	background: #002b54;
	color:#FFF;
}
.twocollist{margin:0px; padding:0px; list-style-position: inside; color: #7096ad;}
.twocollist li{float: left; width: 100%; padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		padding-left: 45px;
		box-sizing: border-box;}
.threecollist{margin:0px; padding:0px; list-style-position: inside; color: #464646;}
.threecollist li{float: left; width: 100%; padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		padding-left: 45px;
		box-sizing: border-box;}
.maxbutton{max-height:50px;}
.footermenu ul{margin: 0px; padding: 0px; list-style: none;}
.footermenu ul li{display: inline; margin-right: 20px;}
.footermenu ul li a{color: #c41230;}
.iconrow img{max-height:125px;}
.graphpic{max-height: 300px;}
@media screen and (min-width: 980px) {
	body {
		font-size: 20px;
	}
	h1 {font-size: 32px;}
	h2 {font-size: 30px;}
	h3 {font-size: 28px;}
	.lrg-green-text{font-size:160%;}
	.lrg-purple-text{font-size:140%;}
	.lrg-white-text{font-size:160%;} 
	.mobileonly{display:none;}
	.deskonly{display:inline;}
	.deskright{float: right;}
	.desktextleft{text-align: left;}
	.desktextright{text-align: right;}
	.flex{display:flex;}
	.left_text{float: left; width: 50%; padding-left:0px;}
	.right_image{float: right; width: 50%;}
	.right_text{float: right; width: 50%;}
	.left_image{float: left; width: 50%;}
	.twocol{float: left; width: 50%;}
	.threecol{float: left; width: 33%;}
	.fourcol{float: left; width: 25%;}
	.fivecol{float: left; width: 20%;}
	.sixcol{float: left; width: 16.66%;}
	.toppaddingone{padding-top: 0px;}
	.backgroundone{
		background-image: url(images/mainbg1.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-size: contain;
		min-height: 500px;
	}
	.backgroundtwo{
		background-image: url(images/mainbg2.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-color:#0cafde; 
		padding-top:40px; 
		padding-bottom: 40px;
	}
	.backgroundthree{
		background-image: url(images/mainbg3.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		min-height: 220px;
	}
	.backgroundfour{
		background-image: url(images/mainbg4.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-color:#FFF; 
		background-size: contain;
		min-height: 570px;
	}
	.backgroundfive{
		background-image: url(images/mainbg5.png);
		background-repeat: repeat;
		background-position: top left;
		padding-top:40px; 
		padding-bottom: 40px;
	}
	.backgroundsix{
		background-image: url(images/mainbg6.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-size: contain;
		min-height: 430px;
	}
	.backgroundseven{
		background-image: url(images/mainbg7.png);
		background-repeat: repeat;
		background-position: top left;
		background-color:#0cafde; 
	}
	.backgroundeight{
		background-image: url(images/mainbg8.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: contain;
		min-height: 435px;
	}
	.mobilepic{display:none;}
	.twocollist li{width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		padding-left: 45px;
		box-sizing: border-box;
		}
	.threecollist li{width: 33%;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		padding-left: 45px;
		box-sizing: border-box;
		}
	.footerinfo{width: 25%; font-size:80%;}
	.footermenu{width: 50%; font-size:80%; margin-top: 130px}
	.footersocial{width: 25%;}
	.graphpic{
		max-height: 370px;
		width: auto;
		float: right;
	}
	.iconrow .lrg-purple-text{margin-top:0px;}
	.iconrow .left_image{
	  float: left;
	  width: 15%;
	  text-align: left;
	}
	.iconrow .right_text {
	  float: right;
	  width: 85%;
	}
	.iconrow .fullrow{margin-top: 20px; margin-bottom: 20px;}
	.vidcol iframe{width: 95%;}
	.graphpic{max-height: 3000px;}
@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 1280) {

}
@media screen and (min-width: 1350px) {
}
@media screen and (min-width: 1400px) {
	body {
		font-size: 24px;
	}
	h1 {font-size: 36px;}
	h2 {font-size: 32px;}
	h3 {font-size: 28px;}
	.lrg-green-text{font-size:160%; line-height: 120%;}
	.lrg-purple-text{font-size:140%; line-height: 120%;}
	.lrg-white-text{font-size:160%; line-height: 120%;} 
	.myrow{padding-left: 15%; padding-right: 15%;}
	.logo img{max-height:150px;}
	.toppaddingone{padding-top: 40px;}
	.toppaddingeight{padding-top: 40px;}
	.backgroundone{
		background-image: url(images/mainbg1.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-size: contain;
	}
	.footermenu{margin-top: 165px}
}
@media screen and (min-width: 1600px) {
	body {
		font-size: 28px;
	}
	.graphpic{
		max-height: 3700px;
	}
	.footermenu{margin-top: 190px}
}
@media screen and (min-width: 1900px) {
	body {
		font-size: 30px;
	}
	.left_text{float: left; width: 70%;}
	.right_image{float: right; width: 30%;}
	.right_text{float: right; width: 70%;}
	.left_image{float: left; width: 30%;}
	.maxbutton{max-height:80px;}
	.footermenu{margin-top: 210px}
}