/*   

Theme Name: Capstone Case Website Template

Theme URI: http://capstonelawyers.com/cases/

Description: This is a custom template for the capstone lawyers Company.

Author:Ilan Mor-Livne

Author URI: http://capstonelawyers.com/cases/

Version: 1.0

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

		margin: 0;

		padding: 0;

		border: 0;

		font-size: 100%;

		font: inherit;

		vertical-align: baseline; 

}



.clear{

	clear:both;

}

body {

	font-family:BrandonGrotesque-Regular, Arial, sans-serif;

	font-size:17px;

	font-weight:normal;

	line-height:25px;

	color:#333;

}

* {

  margin: 0;

}

html, body {

  height: 100%;



}

/*Example for a Menu Style*/

#turnkey-credit{

	display:none;

}

.clear{

	clear:both;

}

.bold{



	font-weight:bold;



}

.italic{

	font-style:italic;

}

h1, h2, h3, h4, h5, h6{

	font-family:BrandonGrotesque-Medium, Arial, sans-serif;

}

.container {

	width:100%;

}

.containerLeft {

    width:19%;

	height:auto;

	position:fixed;

	padding-left:3%;

	padding-top:25px;

	

}

.containerRight {

    width:78%;

	margin-right:2%;

	margin-left:2%;

	margin-top:40px;

	margin-bottom:20px;

	height:auto !important;

	box-shadow: 0 0 10px #000000 inset;

	position:relative;

	padding:2%;

	

}



a, a:visited, a:focus, a:active, a:hover{

    outline:0 none !important;

}



/*********** Menu *****************/

.containerLeft ul {

	list-style:none; 

	text-align:left;

	padding:15px 0;

	margin-top:20px;

}

.containerLeft li {

	font-family: BrandonGrotesque-Medium,Arial,sans-serif;

	font-size:16px;

	line-height:24px;

	zoom:1;

	text-transform:uppercase;

	padding:8px 0 8px 10px;

	border-bottom:1px solid #ccc;

	}



.containerLeft li a {

	color:#333; 

	text-decoration:none; 

}



.containerLeft li a.tabactive {

	position:relative;

	border:0;

	outline:none;

}

/********************** Content **********************/

.hide {

	display:none;

}

.active {

	display:block;

}

.mainContent{

	padding-top:20px;

	width:100%;

	clear:both;

}

.header{

	width:100%;

	height:75px;

	border-bottom:1px solid #ccc;

	padding-bottom:10px;

}

.headerLeft{

	min-width:73%;

	float:left;

	height:65px;

}

.headerLeft h1{

	color:#e41;

	font-size:31px;

	line-height:34px;

	text-transform:uppercase;

	font-family: BrandonGrotesque-Medium,Arial,sans-serif;

	margin:0px;

}



.headerLeft h4{

	font-size:19px;

	line-height:28px;

	text-transform:uppercase;

	font-family: BrandonGrotesque-Medium,Arial,sans-serif;

	margin:0px;

}



.headerRight{

	min-width:25%;

	height:65px;

	float:right;

	position:relative;

	

}





/********** new phone number style **************************/

.casePhone {

	width:25%;

	max-width:25%;

	height:65px;

	float:right;

	background-color:red;

	text-align:center;

	background:url(images/call-us-orange.png) no-repeat left top;

	padding-left:50px;

}

.casePhone h5 {
	font-size:22px;
	margin:3px 0 0 0;
	padding:0 !important;
	font-weight:bold;
	font-family: BrandonGrotesque-Medium,Arial,sans-serif;
}

.casePhone h6 {
	font-size:25px;
	margin:0;
	padding:0 !important;
	color:#e41;
	text-transform:uppercase;
	font-weight:bold !important;
	font-family: BrandonGrotesque-Medium,Arial,sans-serif;
}





.content{

	width:100%;

	height:100%;

	clear:both;

}



.contentleft h3{

	font-size:20px;

	line-height:28px;

	padding-bottom:15px;

	text-transform:uppercase;

	font-family: BrandonGrotesque-Medium,Arial,sans-serif;
	
	

}



.contentleft ol{

	padding:0 0 10px 30px;

	margin-right:15px;

}



.contentleft ol li{

	padding-bottom:5px;

}

.contentleft ul{

	padding:0 0 10px 30px;

	margin-right:15px;

}

.contentleft ul li{

	padding-bottom:5px;

}

.contentleft {

	min-width:73%;

	width:73%;

	float:left;

	font-family:BrandonGrotesque-Regular,Arial,sans-serif;

	font-size:17px;

	line-height:25px;

	font-weight:normal !important;

}

.contentleft a{

	color:#e41;

	text-decoration:none;

	font-family: BrandonGrotesque-Medium,Arial,sans-serif;

}

.contentleft a:hover {

	color:#e41;

	text-decoration:none;

	font-family: BrandonGrotesque-Medium,Arial,sans-serif;

	}

.contentright{

	min-width:25%;

	width:25%;

	float:right;

	border-left:1px solid #ccc;

	padding-left:20px;
	
	margin-top:20px;

	font-family:BrandonGrotesque-Regular,Arial,sans-serif;

	font-size:17px;

	line-height:25px;

	font-weight:normal !important;

}



.contentright h3 {

	font-family:BrandonGrotesque-Regular,Arial,sans-serif;

	font-size:18px !important;

	line-height:28px;

	padding-bottom:15px;

	text-transform:uppercase;

	font-weight:bold;
	
	margin-top:0 !important;

}

/*===================== form ==========================*/

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {

	font-size:15px;

	line-height:19px;

}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {

	overflow:auto;

}

body .gform_wrapper .gform_footer {

	min-height:25px;

	padding:0;

}

body .gform_wrapper .gform_footer input[type=image] {

	float:right;

}

.centerText {

	width:80%;

	text-align:center;

	margin:10px auto 10px auto;

}

.contentleft ul {

	list-style-type:square;

	margin-left:50px;

	margin:10px 0px 0px 50px;

}





/*========================Foooter ======================*/

.footer, .push {

	height: 50px; /* .push must be the same height as .footer */

	clear:both;

}

.footer {

  width:96%;

  position:relative;

  text-align:right;

  margin:0 auto;

}

.site-footer ul{

	list-style:none;

	

}



.footer ul li{

	display:inline;

	border-right:1px solid #ccc;

	padding:0 5px;

	text-transform:uppercase;

	

}

.footer ul li.last{

	border:none;

}

.footer ul li a{

	color:#666;

	text-decoration:none;

	font-size:14px;

	

}



.footer li a.tabactive{

	outline:none !important;

	border:0;

}





@media only screen 

and (min-width : 768px) {

	#mobile {

		display:none;

	}

}

@media only screen 

and (max-width : 768px) {

	#desktop {

		display:none;

	}

	

	.containerLeftMobile {

		height:auto !important;

		box-shadow: 0 0 10px #000000 inset;

		position:relative;

		margin:0 2%;

		padding:4%;

		font-family:BrandonGrotesque-Regular, Arial, sans-serif;

		font-size:16px;

		font-weight:normal;

		line-height:25px;

		color:#333;

	}

	

	.container-fluid {

	  padding-right:0px;

	  padding-left: 0px;

	  *zoom: 1;

	}

	img {

	  width: auto\9;

	  height: auto;

	  max-width: 43%;

	  vertical-align: middle;

	  border: 0;

	  -ms-interpolation-mode: bicubic;

	}

	.header-inside{

		border-bottom:1px solid #ccc;

		margin-bottom:10px !important;

	}



	.header-inside h1{

		color:#e41;

		font-size:28px;

		line-height:34px;

		text-transform:uppercase;

		margin:0 !important;

		font-family:BrandonGrotesque-Medium, Arial, sans-serif;

	}

	#callUsMobile{

		float:right;

		padding-right:5px;

		margin-top:22px;

		width:auto;

		height:auto;

		text-align:center;

	}

 	

	#callUsMobile .callTop{

		color:#e41;

		font-size:18px;

		line-height:20px;

		font-weight:700;
		
		text-transform:uppercase;
	
		font-family: BrandonGrotesque-Medium,Arial,sans-serif !important;
	}
	#tabsLinks li a {
		font-family: BrandonGrotesque-Medium,Arial,sans-serif !important;
		font-size:16px;
		line-height:24px;
		zoom:1;
		text-transform:uppercase;
		font-weight:normal;
	}
	#callUsMobile .callBot {
		font-family: BrandonGrotesque-Medium,Arial,sans-serif !important;
		color:#333;

		font-size:20px;

		text-align:center;

		font-weight:700;
		
		

	}



	#callUsMobile h4 .number a {

		color:#333;

		font-size:26px;

		line-height:12px;

		font-weight:700;

		text-transform:uppercase;

		text-decoration:none;

		padding-top:-5px;



	}

	.header-inside h4{

		font-size:19px;

		line-height:28px;

		text-transform:uppercase;

		margin:0 !important;

		font-family:BrandonGrotesque-Medium, Arial, sans-serif;

	}

	.mainContentMobile a{

		color:#e41;

		text-decoration:none;

		font-family: BrandonGrotesque-Medium,Arial,sans-serif;

	}

	.mainContentMobile h3{

		font-size:20px;

		line-height:28px;

		padding-bottom:15px;

		text-transform:uppercase;
		
		font-family: BrandonGrotesque-Medium,Arial,sans-serif !important;
	

	}
	.container h3 {
		font-size:20px;

		line-height:28px;

		padding-bottom:15px;

		text-transform:uppercase;
		
		font-family: BrandonGrotesque-Medium,Arial,sans-serif !important;
	}
	.mainContentMobile p{

		padding-bottom:10px;

		margin-right:15px;

	}

	.mainContentMobile ol{

		padding:0 0 10px 30px;

		margin-right:15px;

	}

	

	.mainContentMobile ol li{

		padding-bottom:5px;

	}

	.mainContentMobile ul{

		padding:0 0 10px 30px;

		margin-right:15px;

		list-style-type:square;

	}

	.mainContentMobile ul li{

		padding-bottom:5px;

	}



	.hide {

		display:none;

	}

	.active {

		display:block;

	}

	.tab ul {

	list-style-type:square;

	margin-left:50px;

	margin:10px 0px 0px 50px;

	}

	.tab a{

	color:#e41;

	text-decoration:none;

	font-family: BrandonGrotesque-Medium,Arial,sans-serif;

	}

	.tab a:hover {

	color:#e41;

	text-decoration:none;

	font-family: BrandonGrotesque-Medium,Arial,sans-serif;

	}	

}
		@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	.callBot a{
		color:#333 !important;
	}
}

/* CONTACT FORM 7 (reCAPTCHA) */

select {
   font-size: 12px !important;
}

.form-fields .sublabel {
	color: #333;
	font-size: 12px;
}

input[type="submit"] {
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
}

@media only screen and (min-width: 767px) and (max-width: 1550px) {
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}