/*
Theme Name: m3
Author: Brian Richards
Author URI: https://m3digital360.com/
Description: Custom theme for M3 Digital 360
Version: 1.0.0

m3 Theme © 2020 M3 Digital 360
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;1,300&family=Roboto+Condensed:wght@700&display=swap');
body {
	background-color: #FFF;
	margin:0px;         
    font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #333a40;
	font-weight:300;
	overflow-x:hidden;
}
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;
}
.rcondense{font-family: 'Roboto Condensed', sans-serif;}
h1 {
	font-size: 24px;
	color: #000;
	font-weight:400;
}
h2 {
	font-size: 20px;
	color: #000;
	font-weight:400;
}
h3 {
	font-size: 18px;
	color: #000;
	font-weight:400;
}
.smalltitle{color: #0e72c7; font-size: 60%; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase;}
p{line-height: 150%;}
img{
	border:none;
	max-width:100%;
	height: auto;
}
strong{font-weight:700;}
.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: 0%; padding-right: 0%;}
.right_image{float: right; width: 100%; box-sizing: border-box;}
.right_text{float: right; width: 100%; box-sizing: border-box; padding-left: 0%; padding-right: 0%;}
.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;}
.footrow{float: left; width: 90%; padding-left: 5%; padding-right: 5%; margin-top:50px; margin-bottom:50px;}
.fullrow{float: left; width: 100%; 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;}
#blogbody{float: left; width: 100%; box-sizing: border-box;}
#blogbody td{
	border-bottom: 1px solid #000 !important;
  padding: 10px;
  /*padding-top: 10px;*/
}
#blogside{float: left; width: 100%; box-sizing: border-box;}
#blogside ul{margin-left:0px; padding-left:0px;}
#blogside ul li{list-style:none; padding-bottom:15px;}
.footercol{float: left; width: 100%; box-sizing: border-box;}
.footercoltwo{float: left; width: 100%; box-sizing: border-box;}
.copyright{font-size: 80%; margin-top: 20px; float:left; width:100%; text-align:right;}
#pagetop{
	float: left; 
	width: 100%; 
	padding-left: 5%; 
	padding-right: 5%; 
	box-sizing: border-box;
	background-image: url(images/homebanner_mobile.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 375px;
	position: relative;
	background-size: cover;
}
#innerpagetop{
	float: left; 
	width: 100%; 
	padding-left: 5%; 
	padding-right: 5%; 
	box-sizing: border-box;
	background-image: url(images/servicebanner_mobile.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 245px;
	position: relative;
	background-size: cover;
}
.page-id-6 #innerpagetop{background-image: url(images/aboutbanner_mobile.jpg);}
.page-id-12 #innerpagetop{background-image: url(images/clientsbanner_mobile.jpg);}
.page-id-10 #innerpagetop{background-image: url(images/processbanner_mobile.jpg);}
.page-id-14 #innerpagetop{background-image: url(images/contactbanner_mobile.jpg);}
.page-id-8 #innerpagetop{background-image: url(images/strategybanner_mobile.jpg);}
.page-id-55 #innerpagetop{background-image: url(images/ecommercebanner_mobile.jpg); height:167px;}
.page-id-79 #innerpagetop{background-image: url(images/ppcbanner_mobile.jpg); height:167px;}
.page-id-84 #innerpagetop{background-image: url(images/progbanner_mobile.jpg); height:167px;}
.page-id-82 #innerpagetop{background-image: url(images/seobanner_mobile.jpg); height:167px;}
.page-id-88 #innerpagetop{background-image: url(images/socialmediabanner_mobile.jpg); height:167px;}
.page-id-77 #innerpagetop{background-image: url(images/webdesignbanner_mobile.jpg); height:167px;}
.page-id-71 #innerpagetop{background-image: url(images/webdevbanner_mobile.jpg); height:167px;}
.page-id-580 #innerpagetop{background-image: url(images/clientsbanner_mobile.jpg);}
/*.page-id-86 #innerpagetop{background-image: url(images/geobanner_mobile.jpg); height:167px;}	
.page-id-90 #innerpagetop{background-image: url(images/marketingbannerMobile.jpg); height:167px;}*/
.logo{float: left; width: 30%; margin-top: 20px; position: relative;z-index: 999999;}
#mainmenu{position: relative;z-index: 999;}
.topcall{float: right; width: 70%; margin-top:30px; font-size:120%; text-align:right;}
.topcall img{max-height:30px;}
.bannertext{position: absolute; width: 90%; bottom:20px; color: #FFF;}
.innerbannertxt{color: #FFF; font-size:180%; font-weight:700; text-align:center; line-height:120%;}
.bannerlead{float: left; width: 100%; font-size: 12px;; font-style: italic; margin:0px; line-height:100%;}
.bannermain{float: left; width: 100%; font-size: 15px;; font-weight: 400; margin-top:5px; margin-bottom:0px; line-height:100%;}
.homectas{float: left; width: 100%; padding-left: 5%; padding-right: 5%; box-sizing: border-box; margin-top: 50px; margin-bottom: 50px;}
.ctabox{float: left; width: 45%; box-sizing: border-box; margin-bottom: 25px; min-height:365px;}
.ctabox:nth-child(even){float: right;}
.homepic{float: left; width: 100%;}
.homeblack{float: left; width: 100%; padding-left: 5%; padding-right: 5%; box-sizing: border-box;}
.bottomstatement{float: left; width: 100%; box-sizing: border-box; padding-top:20px;}
.bottomarrow{float: left; width: 100%; box-sizing: border-box;}
.homeclientlogos{text-align:center; float: left; width: 100%; padding-left: 5%; padding-right: 5%; box-sizing: border-box;}
.bottomlogo{float:left; width:100%; box-sizing:border-box;}
.bottominfo{float:left; width:100%; box-sizing:border-box;}
.footernav{float:left; width:100%; box-sizing:border-box;}
.footernav ul{list-style:none; padding:0px; margin:0px;}
.footernav ul li{margin-bottom:8px; float: left; width: 50%;}
.footernav ul li a{color:#0e72c7; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; text-transform:uppercase;}
.boxlink{margin-top:30px;}
.boxlink a{border:none; color:#FFF; padding-top:10px; padding-bottom:10px; padding-left:30px; padding-right:30px; font-family: 'Roboto Condensed', sans-serif; background: #0e72c7;}
.servicebox{float: left; width: 100%; box-sizing: border-box; padding-left:5%; padding-right:5%; padding-top:20px; padding-bottom:20px; background:#000;}
.greybox{background:#e5e5e5;}
.clientlogos br{display:none;}
.corporatelogos br{display:none;}
.clientlogos img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	max-width:50%;
}
.clientlogos img:nth-child(odd){clear:left;}
.clientlogos img:hover{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}
.corporatelogos img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	max-width:49%;
}
.corporatelogos img:hover{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}
.corporatelogos img:nth-child(odd){clear:left;}	
.formcol{margin-bottom:25px;}
.formcol input{width:95% !important; border:solid 1px #0e72c7 !important; font-family: 'Poppins', sans-serif !important; box-sizing:border-box; padding-left:15px;}
.textareacol{margin-bottom:25px;}
.textareacol textarea{width:95% !important; border:solid 1px #0e72c7 !important; font-family: 'Poppins', sans-serif !important; box-sizing:border-box; padding-left:15px;}
.sendcol input{padding-left:25px; padding-right:25px; padding-top:8px; padding-bottom:8px; border:none; background:#0e72c7; color:#FFF; font-size:85%; font-weight:700;}
.sendcol input:hover{cursor:pointer;}
.lpbutton input{background:#c3122f;}
.bottomlinks{font-size:100%;}
@media screen and (min-width: 980px) {
	body {
		font-size: 22px;
	}
	h1 {font-size: 32px;}
	h2 {font-size: 30px;}
	h3 {font-size: 28px;}
	p{line-height: 150%;}
	.mobileonly{display:none;}
	.deskonly{display:inline;}
	.deskright{float: right;}
	.flex{display:flex;}
	.left_text{float: left; width: 48%; padding-left:0px; padding-right:0px;}
	.right_image{float: right; width: 48%; padding-left:0px; padding-right:0px;}
	.right_text{float: right; width: 48%; padding-left:0px; padding-right:0px;}
	.left_image{float: left; width: 48%; padding-left:0px; padding-right:0px;}
	.twocol{float: left; width: 50%;}
	.threecol{float: left; width: 33%; padding-left:2%; padding-right:2%;}
	.fourcol{float: left; width: 25%; padding-left: 2%; padding-right: 2%; font-size: 80%;}
	.fivecol{float: left; width: 20%;}
	.sixcol{float: left; width: 16.66%;}
	#blogbody{width: 75%;}
	#blogside{width: 20%; float:right;}
	#pagetop{
		background-image: url(images/homebanner.jpg);
		height: 774px;
	}
	#innerpagetop{
		background-image: url(images/servicebanner.jpg);
		height: 487px;
	}
	.page-id-6 #innerpagetop{background-image: url(images/aboutbanner.jpg);}
	.page-id-12 #innerpagetop{background-image: url(images/clientsbanner.jpg);}
	.page-id-10 #innerpagetop{background-image: url(images/processbanner.jpg);}
	.page-id-14 #innerpagetop{background-image: url(images/contactbanner.jpg);}
	.page-id-8 #innerpagetop{background-image: url(images/strategybanner.jpg);}
	.page-id-55 #innerpagetop{background-image: url(images/ecommercebanner.jpg); height:487px;}
	.page-id-77 #innerpagetop{background-image: url(images/webdesignbanner.jpg); height:487px;}
	.page-id-79 #innerpagetop{background-image: url(images/ppcbanner.jpg); height:487px;}
	.page-id-71 #innerpagetop{background-image: url(images/webdevbanner.jpg); height:487px;}
	.page-id-86 #innerpagetop{background-image: url(images/geobanner.jpg); height:487px;}
	.page-id-90 #innerpagetop{background-image: url(images/marketingbanner.jpg); height:487px;}
	.page-id-84 #innerpagetop{background-image: url(images/progbanner.jpg); height:487px;}
	.page-id-82 #innerpagetop{background-image: url(images/seobanner.jpg); height:487px;}
	.page-id-88 #innerpagetop{background-image: url(images/socialmediabanner.jpg); height:487px;}
	.page-id-580 #innerpagetop{background-image: url(images/clientsbanner.jpg);}
	.logo{width: 15%;}
	#mainmenu{float: left; width: 65%; margin-top:60px; position:relative; z-index:999999;}
	.topcall{width: 20%; text-align:right; margin-top:60px; font-size:100%;}
	.bannertext{bottom:80px;}
	.bannerlead{float: left; width: 100%; font-size: 25px; font-style: italic; margin:0px; line-height:100%;}
	.bannermain{float: left; width: 100%; font-size: 40px; font-weight: 400; margin-top:5px; margin-bottom:0px; line-height:100%;}
	.ctabox{float: left; width: 33.33%; box-sizing: border-box; padding-right: 2%;  min-height:0px;}
	.ctabox:nth-child(even){float: left;}
	.ctapic{float: left; width: 20%; padding-right: 2%;}
	.ctatxt{float: left; width: 78%;}
	.ctatxt h2{margin-top:0px; margin-bottom:0px; font-size:20px;}
	.ctatxt p{font-size:18px;}
	.homepic{float: left; width: 50%; margin-bottom:-10px;}
	.homeblack{float: left; width: 50%; padding-left: 2%; padding-right: 2%; padding-top:0px; box-sizing: border-box;}
	.homeblack h2{font-size:22px;}
	.homeblack p{font-size:80%;}
	.bottomstatement{width: 60%; text-align:left; font-weight:700; font-size:130%;}
	.bottomarrow{float: right; width: auto; box-sizing: border-box; padding-top:50px;}
	.bottomlogo{float:left; width:20%; box-sizing:border-box;}
.bottominfo{float:left; width:60%; box-sizing:border-box;}
.footernav{float:left; width:20%; box-sizing:border-box;}
	.footernav ul li a{font-size: 20px;}
.servicebox{float: left; width: 33.3333%;}	
.clientlogos img{
	max-width:16%;
}
.clientlogos img:nth-child(odd){clear:none;}
.corporatelogos img{
	max-width:24%;
}
.corporatelogos img:nth-child(odd){clear:none;}
.formcol input{box-sizing: border-box !important; height:35px !important;}	
.textareacol textarea{box-sizing: border-box !important; width: 97.5% !important;}	
.bottomlinks{font-size:12px;}
}
@media screen and (min-width:1200px){
	.bannerlead{float: left; width: 100%; font-size: 45px; font-style: italic; margin:0px; line-height:100%;}
	.bannermain{float: left; width: 100%; font-size: 70px; font-weight: 400; margin-top:5px; margin-bottom:0px; line-height:100%;}
	.ctatxt h2{font-size:26px;}
	.ctatxt p{font-size:22px;}
	.homeblack{float: left; width: 50%; padding-left: 5%; padding-right: 5%; padding-top:30px; box-sizing: border-box;}
	.homeblack h2{font-size:26px;}
	.homeblack p{font-size:80%;}
}
@media screen and (min-width: 1400px) {
	h1 {font-size: 36px;}
	h2 {font-size: 32px;}
	h3 {font-size: 28px;}
	.myrow{padding-left: 15%; padding-right: 15%;}
	.topcall{font-size:120%; margin-top:50px;}
	.topcall img{max-height:60px;}
	.ctatxt h2{font-size:30px;}
	.homeblack{float: left; width: 50%; padding-left: 5%; padding-right: 15%; padding-top:30px; box-sizing: border-box;}
	.homeblack h2{font-size:32px;}
	.homeblack p{font-size:100%;}
}