@import "bootstrap.less";
@import "location.less";
@import "shortcodes.less";
/*General Classes*/
.t-center{
	text-align: center;
}
.t-left {
	text-align: left;
}
.t-right {
	text-align: right;
}
.not-list {
	list-style-type: none;
	padding-left: 0px;
}

*:focus{
	outline: none !important;
	-webkit-outline:none !important;	
}
.font (@size : 15, @weight : normal) {
  font-size: 0px + @size;
  font-weight: @weight;
}
//CT Corp Colors
@ct-green: #00703c;
@ct-orange: #ee7621;
@text:#656564;
@light-text:#b5b5b4;

.fade{
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
}

body{width:100%; max-width:100%; overflow-x:hidden; color:#656564;}

a {
	color: @ct-green;
	&:hover{
		color: #0eab5f;
		text-decoration: none;
	}
}
p {
	color: @text;
}
ul {padding-left:15px;}

input[type="text"],input[type="email"], input[type=password], textarea{
	border: 1px solid #d3d3d3;
	padding: 10px !important;
	font-size: 15px !important; 
	height: 35px;
	color: @text;
}
input[type="submit"] {
	.btn();
	.btn-green();
	border: none;
}
select{
		height: 35px;
		border:none;
	    outline:none;
	    display: inline-block;
	    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    cursor:pointer;
	    border: 1px solid #ccc;
	    padding-left: 10px !important;
	    font-size: 14px !important;
	    font-weight: 300;
	    background: white url('http://technology.flywheelsites.com/wp-content/themes/comptroub/images/arrow.png') no-repeat 95% 12px;
	    padding-right: 30px !important;
	    border-radius: 0px !important;
	    font-weight: normal;
	    font-family: "inherit";
}
input[type="radio"] {
	margin-left: 4px;
}
.gfield_radio{
	margin: 20px 0 !important;
	label{
		font-weight: normal;
	}
}
@-moz-document url-prefix() {
    select {
        padding-top: 8px;
    }
}

.gform_footer {
	margin-top: 0px !important;
}
//Buttons

.btn {
	background-color: @ct-orange;
	color: white;
	&:hover {
		background-color: #d05d0b;
		color: white;
	}
}

.btn-green {
	background-color: @ct-green;
	color: white;
	&:hover {
		background-color: #0a9a44;
		color: white;
	}
}
.btn.small{
	padding: 5px 8px;
	font-size: 11px;
	font-weight: bold;
}
.btn-info {
border: none;
}
.alert-warning{
		a{
			color: #8a6d3b;
			font-weight: bold;
			text-decoration: underline;
		}
	}

header{
	.make-row();
	#logo{
	.make-md-column(8);
	.make-xs-column(12);
	@media(max-width:@screen-sm-max){
		text-align:center;
		margin-bottom: 30px;
	}	
		#short-nav {
			display: inline;
			margin-left: 50px;
				a {
				 display: inline;
				 color: @text;
				 margin-right: 15px;
				}
		}
    }
    #locator-top{
	.make-md-column(4); .make-xs-column(12);
	margin-top: 20px;
	@media(max-width:@screen-sm-max){
		text-align:center;
	}
	#top-form-wrap{
		text-align: left;
		display: inline-block;
	}
	text-align: right;
	i{
		color: @ct-orange;
		margin-right: 5px;
	}
	form{
		min-width: 280px;
		input[type=text]{
			font-size: 13px !important;
			width: 85%;
		}
		input[type=submit]{
			font-family: "FontAwesome";
			font-size: 16px;
			border-radius:0px;
			margin-left: -5px;
			height: 35px;
			background: @ct-orange;
			width: 15%;
		}
	}
    }
    padding: 20px 0 30px;
}
nav {
	.make-row();
		#navigation {
			.make-lg-column(12);
			padding: 0;
			//Hide navigation on medium, small and xtrasmall
			margin: 0px 0 -60px;
			.hidden-md; .hidden-sm; .hidden-xs;
				ul {
					.not-list;
					li {
						position: relative;
						padding-bottom: 60px;
						.pull-left;
						a {
							padding: 10px 21px;
							margin-right: 3px;
							text-transform: uppercase;
							color: @text;
							.font(16);
								&:hover {
									text-decoration: none;
									background-color:#dedede; color:@text; border-radius:5px;
								}
						}
						&:hover > .sub-menu{
							display: block;
							.fade();
						}
						.sub-menu{
							.fade();
							position: absolute;
							width: 300px;
							z-index: 99;
							background: @ct-orange;
							left: 0px;
							top: 42px;
							display: none;
							&:after	{
								content: '';
								position: absolute;
								border-style: solid;
								border-width: 0 10px 10px;
								border-color: #ee7621 transparent;
								display: block;
								width: 0;
								z-index: 1;
								top: -10px;
								left: 20%;
							}
							li{
								padding-bottom: 0px;
								a{
									font-size: 14px;
									padding: 8px 10px;
									display: block;
									text-transform: capitalize;
									color: white;
									.fade();
									&:hover{
										background-color: #b34f08 !important;
										.fade();
										color: white;
										border-radius:0px;
									}
								}
								float: none;
								display: block;
								width: 100%;
							}
						}
					}
					.current-menu-item a {
						background-color: @ct-orange;
						border-radius: 5px;
						color: white;
					}
				}
		}
	
}
.current-menu-ancestor a{
background-color: @ct-orange;
border-radius: 5px;
color: white !important;
}
.site-main{
	#banner{
		.flexslider{
			height: 335px !important;
			.slides{
				height: 335px !important;
			}
		}
	}
}
#blog-pagination{
	display: none;
}
#page{.make-row(); 
	h1{
		font-size: 24px;
	}
	h2{
		font-size: 22px;
		font-weight: normal;
	}
	a h3, h3 a{
		color: #656564;
		margin-bottom: 0px;
		&:hover{
			color: @ct-green;
		}
	}
	h3{
		font-size: 20px;
		margin-top: 15px;
		margin-bottom: 0px !important;
	}
	h4{
		font-size: 18px;
	}
    .loc-m-down{
    	margin-bottom: 30px;
    	
    }
    p{
    	margin: 0 0 10px !important;
    	display: block;
    	min-height: 1px;
    }
}
h2.summary{
	font-weight: bold !important;
}
.content-area{
	ul{
		list-style-image: url(../images/bullet.png);
		margin-left: 20px;
		color: #656564;
		li{
			margin-bottom: 10px;
		}
	}
	ol {
		li{
			color: #656564;
			margin-bottom: 10px;
		}
	}
}
.page-title {color:@ct-green; .font(30); margin-bottom:10px;}
main{.make-lg-column(12);}
section {
	.make-row();
	#banner {
		.make-lg-column(12, 0);
		height: 335px;
		margin-top: -20px;
	}
}
.quote-wrapper{
	background-color: #2c2e31;
	border-bottom: 10px solid @ct-orange;
	padding: 15px 0;
}
section#quote {
	.make-lg-column(12);
	.btn {
		.font(20);
		margin-top: 15px;
	}
}
#mid-wrapper {
background: #f1f1f1;
}
section#mid-modules{
	#res-solutions{ .make-lg-column(4); padding: 15px 20px 0px;}
	#bus-solutions { .make-lg-column(8); background-color:#dae7d8; padding:15px 20px; }
}
#lower-modules{
	padding-top: 40px;
	h4 { text-transform:uppercase; display:block; border-bottom: 1px dotted #dedede; padding-bottom:10px; color:#656564;}
}
#lower-group {
	.make-lg-column(8);
		.lower-group-module {
			.make-lg-column(6);
		}
		#home-testimonials{
			.make-lg-column(12);
		}
}
#home-offers {
	.make-lg-column(4);
}
#home-testimonials {
	.fa-quote-left {position:absolute; z-index:-1; color:#ededed; font-size:90px; }
	#testimonial_text_home p {.font(20); font-style: italic; padding-top: 20px}
	#home-author { color:@ct-green;}
}
#footer-wrapper{
	background-color: #2c2e31;
	margin-top: 50px;
		p,a,ul li a {color:@light-text;}
}
footer {
	.make-row();
	h4 {color:@light-text; text-transform:uppercase;}	
	padding: 20px 0;
	.footer-module { .make-lg-column(4); 
		#gform_1 {
			label {display:none; }
			input[type="text"]{margin-bottom:15px; width:100%}
			input[type="submit"]{width:100%; text-align:center;}
			}
	}
		section {
			.footer-group-module { .make-lg-column(6); 
			}
			#footer-social{.make-lg-column(12);
				.footer-sicon { .font(25); margin-right:10px;}
				#fb {color:#3b5998; }
				#tw {color:#00aced; }
				#gp {color:#dd4b39; }
				#li {color:#007bb6; }
				#yt {color:#bb0000; }
			}
			nav ul {list-style-type: none;
					li { margin-bottom:10px;}
					}
					
		}
}
#footer-copy-wrap {
	background-color: #7c7d7f;
	#copy {
		.make-lg-column(12);
		p {
			color: #333;
			margin-top: 10px;
			a { color: #333 }
		}
	}
}
#footer-last-wrap {
	background-color: #595a5d;
	 #disclaimer {
	 	margin-top: 15px;
	 	p { color: @light-text; .font(13); }
	 	.make-lg-column(12);
	 }	
}

.page-b-m {
	.make-md-column(6,60px);
	.make-lg-column(4,60px);	
	img{ .pull-left(); margin-right:15px; margin-bottom:80px; }
}
.bottom-modules-wrapper {
	background-color: #dae7d8;
	padding: 30px 0px;
}
.find-office{margin-top:40px;}
/*Mobile Navigation*/

#trigger{.hidden-lg;
	background-color:@ct-orange;
	color: white;
	.t-center;
	display: block;
	padding: 15px 0;
	font-weight: bold;
	&:hover {
		background-color: @ct-green;
	}
}
.posts{.make-lg-column(12);
	.post {
		.list-meta {
			img {
				.img-circle();
			}
		}
		a.t-center {
			width: 100%;
			position: relative;
			display: block;
		}
	width: 30%;
	padding: 15px 15px 60px 15px;
	border: 1px solid #d3d3d3;
	box-shadow: 0px 0px 2px #dedede;
	margin: 10px;
	}
}
sidebar {
	.make-lg-column(3);
	input[type=text], input[type=submit] {
		width: 100% !important;
		margin-bottom: 15px;
	}
	background: #f6f6f6;
	.widget {
		padding: 15px;
		border-bottom: 1px solid #f1f1f1;
	}
	label{display:none !important;}
}
#infscr-loading{
	bottom:-20px;
	position: absolute;
	width: 100%;
	text-align: center;
}
.pagination{
	.make-lg-column(12);
}
.post-detail{
	.make-lg-column(9);
	.author-avatar {
	img{
		.img-circle();
	}
		margin-right: 20px;
	}
	i.fa { font-size:30px; margin-bottom:60px;}
}
.author-entry{
	.make-lg-column(12);
	img {
		.img-circle();
		margin: 0px 20px 20px;
	}
	.author-name { .make-xs-column(4); .make-sm-column(4); .make-md-column(4); .make-lg-column(6); }
	.author-social-links {.make-xs-column(8); .make-sm-column(8); .make-md-column(8); .make-lg-column(6); padding-top: 20px;}
}
.fa-twitter-square {
	color:#00aced;
	font-size: 30px;
	vertical-align: middle;
}
.fa-facebook-square {
	color: #3b5998;
	font-size: 30px;
	vertical-align: middle;
}
.fa-google-plus-square {
	color: #dd4b39;
	font-size: 30px;
	vertical-align: middle;
}
#gform_wrapper_2{
	width: 70%;
	margin: 0 auto;
}
.ginput_complex span{
	margin-bottom: 10px;
}
@media (max-width: @screen-xs-max) { 
#banner{
	.hidden();
}
.container{
	padding-left: 30px;
	padding-right: 30px;
}
.lower-group-module {margin-bottom:50px;}
img { max-width:100% !important;}
.banner-img{background-size:100%; background-repeat:no-repeat;}
#top-locator{ .t-center;}
#gform_wrapper_2{
	width: 100%;
}
 }

#franchise-nav {
	ul {
		background: @ct-orange;
		list-style-type: none;
		padding: 0px;
		li{
			display: block;
			a {
				display: block;
				color: white;
				padding: 10px 25px;
				.fade();
				&:hover{
					background: #cd5e10;
					.fade();
				}
			}
		}
		.current-menu-item {
			a{
				background: #cd5e10;
			}
		}
		.current-page-ancestor{
			a{
				background: #ee7621 !important;
			}
		}
	}

}

.webinar{
	.make-md-column(6);
	.make-lg-column(6);
	iframe {
		width: 100% !important;
		min-height: 350px;
		height: auto !important;
		margin: 0 auto;
		position: relative;
		display: table;
	}
	
}
#mobile-nav{
	background: #f0f0f0;
	margin-top: -15px;
	ul{
		list-style-type: none;
		padding-left: 0px;
		li{
			a{
				padding: 10px 15px;
				display: block;
				border-bottom: 1px solid #e1e1e1;
			}
		.sub-menu{
			background: #e5e5e5;
			padding-left: 20px;
			a{
				font-size: 13px;
				border-bottom: 1px solid #d7d7d7;
			}
		}
		}
	}
	
}