/*
Theme Name: staffroad
Author: Susnet
Author URI: http://www.susnet.co.uk
Description: Staff on the Road Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Wordpress editor styles start*/

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone { 
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left; 
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/*Wordpress editor styles end*/

body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 30px;
color: #333333;
}

h1, h2, h3, h4, h5 {
font-family: 'Roboto Condensed', sans-serif;
color: #111111;  
}

h1 {margin-top: 0px;font-size: 36px;text-transform: uppercase; font-weight: bold;}

h2 {font-size: 26px;line-height:30px;margin-top: 0px;text-transform: uppercase; font-weight: bold;}

h3 {font-size: 26px;line-height:30px;margin-top: 0px;text-transform: uppercase; font-weight: bold;}

h4 {line-height: 26px;text-transform: uppercase; font-weight: bold; font-size: 16px; margin-top: 0px;}

.redtext {color: #006ac3; font-weight: bold;}

a {color: #006ac3;word-wrap: break-word;}

a:hover, a:focus {color: #006ac3;text-decoration: underline;}

#staffroadtop {background: #ffffff;margin-bottom: 0px;}

.staffroadmenu {background: #111111;width: 100%;}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {line-height: 50px;}
.ubermenu .ubermenu-target-text {letter-spacing: 2px;}

.stafflogo {padding: 0px;padding-top: 17px;padding-bottom: 17px;float: left;}

.stafflogo > img {width: 100%; max-width: 56px;}

#staffroadtop h1 {font-size: 28px !important; font-weight: normal !important;margin-left: 10px; line-height: 56px;margin-bottom: 0px; padding-top: 20px;padding-bottom: 20px;float: left;}
#staffroadtop h1 span {font-weight: bold !important;}

.topcontact { color: #111111;font-size: 16px;line-height: 20px;padding-top: 28px;text-align: right;text-transform: uppercase;}
.topcontact a {color: #111111;}
.topcontact a:hover, .topcontact:focus {color: #006ac3;}

.stafffooter {background: #222222; color: #ffffff; text-align: left; padding-top: 75px;padding-bottom: 75px;margin-top: 30px;}

.stafffooter a {color: #ffffff;}
.stafffooter a:hover, .stafffooter a:focus {color: #006ac3;}

.stafffooter h3 {text-transform: uppercase;font-size: 20px;font-weight: normal;color: #ffffff;}

.stafffooter ul {list-style: outside none none;padding-left: 0;}

.footerlogo {margin-bottom: 30px; width: 100%; max-width: 350px;}

.stafffooterright {text-align: right;}

.footersocial {text-align: right;}
.footersocial a {font-size: 40px;color: #747474;margin-left: 5px;}
.footersocial a:hover, .footersocial a:focus {color: #333333;}

.copyrightnotice {background: #111111;text-align: center;}
.copyrightnotice p {padding: 20px 0px; font-size: 11px;color: #ffffff;margin-bottom: 0px;text-transform: uppercase;}
.copyrightnotice a {color: #ffffff;}
.copyrightnotice a:hover, .copyrightnotice a:focus {color: #006ac3;}
 
#aimright .widget {padding: 15px 20px;margin-bottom: 30px;background: #eeeeee;}
#aimright{margin-top: 30px;margin-bottom: 30px;}
#contactright{margin-top: 30px;margin-bottom: 30px;}
#contactright .widget {padding: 0px;margin-bottom: 30px;}
#aimright ul, #contactright ul {padding-left: 0px; list-style: none;}
#aimright ul li a, #contactright ul li a {line-height: 26px;color: #333;padding-left: 5px;}
#aimright ul li:before, #contactright ul li:before {content:"\f054";font-family: FontAwesome;font-size: 12px;}

.maincontentcol {border-right: 0px solid #eaeaea;padding-right: 0px;padding-bottom: 0px;}

.maincontentcol h1 {margin-top: 30px;}
.maincontentcol h2 {font-size: 24px;}

.categorypostimg img {width: 100%;height: auto;margin-bottom: 15px;}
.maincontentcol .post {padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #eaeaea;}
.maincontentcol .post h2 {margin-top: 0px;}

.single .maincontentcol .post h1 {font-size: 24px; margin-top: 0px;}
.maincontentcol .post small {display: block;margin-bottom: 10px;}

.maincontentcol img {max-width: 100%; height: auto;}
.archive  .maincontentcol {padding-top: 30px;}

textarea {width: 100%;}
.wpcf7-form-control.wpcf7-text {width: 100%;}
.wpcf7-form textarea  {max-height: 80px;}

.ubermenu-skin-black-white-2.ubermenu-responsive-toggle {background: none !important; border: 0px;box-shadow: 0px 0px 0 0 rgba(255, 255, 255, 0.0)  !important;}

.pricing-signup .pricing-button a {text-transform: uppercase; padding: 10px 20px !important;}
.pricing-plan.blue .pricing-button {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.ticklist li::before {color: #0097db;content: "";font-family: "FontAwesome";margin: 0 6px 0 -20px;}

.ticklist {list-style: outside none none;margin-left: 0;}

.contactsocial a {color: #747474;font-size: 40px;margin-left: 5px;}
.contactsocial a:hover, .contactsocial a:focus {color: #006ac3;}

.benefitsblock h2 {margin-top: 0px;}

.savingcalcbox {}

.savingcalcbox form {max-width: 800px;margin-left: auto; margin-right: auto;border: 5px solid #333}

.savingcalcbox label {width: 60%;color: #000;}

.savingcalcbox .formnote {font-size: 10px; margin-left: 10px;}

.savingcalcbox .row1, .savingcalcbox .row3, .savingcalcbox .row5, .savingcalcbox .row7, .savingcalcbox .row9, .savingcalcbox .row11 {background: #f1f1f1;padding: 5px 20px;}
.savingcalcbox .row2, .savingcalcbox .row4, .savingcalcbox .row6, .savingcalcbox .row8 {background: #dddddd;padding: 5px 20px;}
.savingcalcbox .row10 {background: #006ac3;color: #ffffff;padding: 5px 20px;}
.savingcalcbox .row10 label {color: #ffffff;}
.savingcalcbox .row1 > input {margin-left: 4px;margin-right: 15px;}
.savingcalcbox input {padding-left: 10px;}

.pricing-content ul li {font-size: 12px;}

#OverallSaving {font-weight: bold; font-size: 20px;}
#CostsSaved, #CostToUse {font-weight: bold;}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-background-color-blue.vc_icon_element-background {background: #006ac3 !important;}
.vc_btn3.vc_btn3-color-primary, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {background: #006ac3 !important;}
.vc_btn3.vc_btn3-color-primary:hover, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:hover {background: #2176b0 !important;}

.pricing-plan.blue .pricing-button, .pricing-plan.blue .icon-wrap, .pricing-title.blue {background-color: #006ac3 !important;}

@media(max-width:1199px){

}
@media(max-width:959px){

}


@media(max-width:1199px){
}
@media(max-width:999px){

}


@media(max-width:767px){
#staffroadtop {text-align: center;}
.stafflogo {padding-bottom: 0px;}
#staffroadtop h1 {padding-bottom: 10px;}
.sr-logo {display: inline-block;}
.topcontact {text-align: center;padding-top: 0px;display: none;}
.themeva_pricing_table .pricing-plan {margin-bottom: 40px !important;}
.savingcalcbox label {width: 100%; line-height: 20px;}
.savingcalcbox .row1, .savingcalcbox .row3, .savingcalcbox .row5, .savingcalcbox .row7, .savingcalcbox .row9, .savingcalcbox .row11 {background: #f1f1f1;padding: 20px 20px;}
.savingcalcbox .row2, .savingcalcbox .row4, .savingcalcbox .row6, .savingcalcbox .row8 {background: #dddddd;padding: 20px 20px;}
.savingcalcbox .row10 {background: #006ac3;color: #ffffff;padding: 20px 20px;}
}
@media(max-width:479px){

}
@media(max-width:379px){
#staffroadtop h1 {font-size: 22px !important; }
}
@media(max-width:339px){
#staffroadtop h1 {font-size: 18px !important; }
}
@media(min-width:768px){



}
@media(min-width:992px){}
@media(min-width:1200px){}