/*

Theme Name: Carghill Stent Law

Author: Matt Lee

Description: Carghill Stent Law

Version: 1

*/

/*********************************/

/******* FONTS *******************/

h1, h2, p.big_quote, #footer_wrapper span.footer_quote {
	font-family: 'Arno W08', "Times New Roman", Times, serif;
	color:#5E676D;
}

p.big_quote {
	font-weight:lighter;	
}

h1{
	font-size: 1.7em;
	margin-top: 0;
}

h2 {
	font-size: 1.4em;
	color: #DF9C22;
}

.side_wys h1, .side_wys h2, #sidebar h2 {
	margin-top: 0;
}

#menu-footer-menu, #nav_wrapper ul#menu-main-menu{
	font-family: 'Arno W08', "Times New Roman", Times, serif;
}

/*********************************/

/***** 1. General ****************/




/*********************************/

/***** 2. Navigation *************/


/*********************************/

/***** 3. Content ****************/



/*********************************/

/***** 4. Footer *****************/




/*********************************/

/***** 5. Sidebar ****************/



/*********************************/


/***** 6. Form *******************/



/*********************************/

/***********Contents**************/
/* 1. General                    */
/* 2. Backgrounds                */
/* 3. Header                     */
/* 4. Main Content               */
/* 5. Footer                     */
/* 6. Navigation                 */
/* 7. Blog                       */
/* 8. Sidebar                    */
/* 9. Sliding Panel              */
/* 10. Quote Form                */
/* 11. Contact Page              */
/* 12. Pagination                */
/* 13. Full Width Slider         */
/*********************************/


/***** 1. General ****************/



/*********************************/

/***** 1. General ****************/


body {
	padding:0;
	margin:0;
	font-family: sans-serif;
	color:#5E676D;
	font-size:1em;
	background:url(assets/images/background/repeat_pattern.jpg) repeat left top;
	min-width: 320px;
}

.clear_both {
	clear:both;
}

a {
	color:#5E676D;
	text-decoration:none;
}



a img {
	border:none;
}

#slider_wrapper {
}

/*Logo*/

#header{
	width:95%;
	max-width:960px;
	margin: 0 auto;
	height:320px;	
	margin-bottom: 20px;
}

#logo_wrapper {
	margin:0 auto;
	text-align:center;
	padding-top: 20px;
}

#logo_wrapper img {
	width:240px;
	height:auto;
}

img.alignright { float: right; margin: 0 0 .1em .8em; }

img.alignleft { float: left; margin: 0 .8em .1em 0; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; }

.alignleft { float: left; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*********************************/

/***** 2. Navigation *************/
#nav_wrapper{
	width:100%;
	clear: both;
	margin-top:10px;
}

#nav_wrapper ul#menu-main-menu {
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav_wrapper ul#menu-main-menu li {
	height:35px;
	margin:0;
	text-transform:uppercase;
	font-size:.8em;
	margin-top:5px;
	background-color: #182225;
	position: relative;
}

#nav_wrapper ul#menu-main-menu li a {
	color:#B4BCC2;
	text-decoration:none;
	display:block;
	line-height:35px;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
}

#nav_wrapper ul#menu-main-menu li.current_page_item a, #nav_wrapper ul#menu-main-menu li a:hover {
	color:#182225;
	background-color: #DF9C22;
}

#nav_wrapper ul#menu-main-menu > li ul.sub-menu {
	position: absolute;
	left:100%;
	top:0;
	margin: -25% 0 0 0;
	padding:3px 0 3px 10px;
	list-style-type: none;
	width:140%;
	display: none;
}



#nav_wrapper ul#menu-main-menu > li ul.sub-menu li {
	margin: 0;
	background-color: #B4BCC2;
	height: auto;
}

#nav_wrapper ul#menu-main-menu > li ul.sub-menu li a {
	color: #FFF;
	line-height: 20px;
	text-align: left;
	padding: 0 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
}

#nav_wrapper ul#menu-main-menu > li ul.sub-menu li a:hover {
	background-color: #B4BCC2;
	color: #000;
}

#nav_wrapper ul#menu-main-menu > li ul.sub-menu li.current_page_item a {
	background-color: #B4BCC2;
}

#services_menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 15px;
}

#services_menu li {
	padding:0!important;
}

#services_menu li a {
	color: #5E676D;
	text-transform: uppercase;
	font-size: 0.75em;
	padding:0 0 0 2px;
	display: block;
	line-height: 25px;
	max-width: 320px;
}

#services_menu li a:hover {
	background: #f49d00;
	color: #FFF;
	text-decoration: none;
}

/*********************************/

/***** 3. Content ****************/
.enquire{
	background-color:#DF9C22;
	border:#182225 solid 1px;
	padding:5px;
	width:100px;
	text-align:center;
}

.enquire a{
	color:#FFF;
}

.enquire a:hover{
	text-decoration:none;
}

.enquire:hover{
	background-color: #182225;
	text-decoration:none;
}

span.bold{
	font-weight:bolder;
}

span.orange{
	color:#DF9C22;
}

#page_wrapper {
	width:100%;
	margin:0 auto;
	max-width: 960px;
	margin-top: 20px;
}

#background_wrapper{
	background: url(assets/images/background.jpg) repeat-x top left;
	width: 100%;
	height: 100%;
}

#content_wrapper{
	padding:20px 2%;
	background:#FFF;
	margin:0 auto;
	-moz-box-shadow: 0px 3px 3px #333;
	-webkit-box-shadow: 0px 3px 3px #333;
	box-shadow: 0px 3px 3px #333;
	padding-bottom: 0px;
	max-width: 960px;
	width: 95%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

ul#checklist{
	margin:0;
	padding:0;
}

ul#checklist li{
	list-style:none;
	background:url(assets/images/check_green.png) no-repeat left top;
	padding-left:20px;
	margin-bottom:5px;
}

#col_left{
	width:100%;
}

.main_columns {
	-moz-column-count:1; /* Firefox */
	-webkit-column-count:1; /* Safari and Chrome */
	column-count:1;
}

.main_columns p, .main_columns ul, .main_columns ol, .columns p, .columns ul, .columns ol {
	font-size:0.8em;
	line-height:1.55em;
} 
 
.box{
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.8em;
	max-width: 320px;
}

.box h2{
	padding:0;
	margin:0;
	color:#182225;
	font-size: 1.2em;
}

#slider_wrapper .box .h2 {
	margin:0;
}

#slider_wrapper .box p {
	margin: 3px 0 3px 0;
	font-size: 0.9em;
}

.box a {
	color:#182225;
	font-weight:bolder;
}

.box .box_image {
	display: block;
	margin-bottom:5px;
	border: #182225 5px solid;
}

.box .shadow{
	background:url(assets/images/home/shadow.jpg) no-repeat left top;
	width:202px;
	text-align: center;
	height: 140px;
}

.box img{
	width:100%;
	height:auto;
}

.box p{
	margin:10px 0;
	padding:0;
	margin-left:8px;
}

#slider_wrapper{
	width: 100%;
	margin:10px 0;
	padding:10px 0;
	border-top:1px solid #B4BCC2;
	border-bottom:1px solid #B4BCC2;
}

.position {
	display: block;
	font-style: italic;
	color: #B4BCC2;
	margin-bottom: 10px;
}

h1.profile {
	margin: 0;
}

.areas_practice {
	border-bottom: solid 1px #B4BCC2;
}

.areas_practice h2, .profile_contact h2 {
	margin-top: 0;
	font-size: 1.1em;
}

.profile_contact {
	padding-top: 15px;
}

.areas_practice p {
	font-size: 0.9em;
}

span.staff_quote {
	
}

span.ddi {
	font-size: 0.9em;
}

span.qual {
	margin: 0 0 0 8px;
	display: block;
	font-style: italic;
}

.box span.p, .box span.position {
	margin: 0 0 0 8px;
	display: block;
}

span.position {
	margin-bottom: 10px;
	display: block;
}

#directors_wrapper {
	border-bottom: solid 1px #B4BCC2;
}

#col_left .big_quote {
	margin-bottom: 10px;
}

.form_wrapper {
	width:100%;
	max-width: 400px;
}

.gfield_label, .validation_error {
	font-size: 0.95em !important;
}

#map_canvas {
	height:200px;
	max-width: 400px;
	border: solid 3px #000;
}
.job_row{
	width:97%;
	text-align:justify;
	padding:5px;
	border:2px solid #ccc;
    background-color:#fdfdfd;
}
.job_row p{
	font-size: 0.8em;
    line-height: 1.55em;
}


/*********************************/

/***** 4. Footer *****************/

#footer_wrapper {
	width:95%;
	max-width:960px;
	color:#FFF;
	margin: 0 auto;
	padding: 0 2%;
	clear: both;
	background-color: #182225;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#footer_wrapper #footer_logo{
	float:left;
}

#footer_wrapper span.footer_quote {
	float:left;
	display: block;
	color:#DF9C22;
	font-weight: 400;
	line-height: 50px;
}

ul#menu-footer-menu {
	float:right;
	display: block;
	font-size: 0.8em;
	display:none;
}

ul#menu-footer-menu li {
	display:inline;
	text-transform:uppercase;
	border-left:1px solid #B4BCC2;
}

ul#menu-footer-menu li:first-child {
	border-left:none;
}

ul#menu-footer-menu li a {
	color:#B4Bcc2;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 50px;
	padding:0 3px 0 3px;	
}


/*********************************/

/***** 5. Sidebar ****************/

#sidebar{
	margin-top: 10px;
	padding-bottom: 20px;
}

#sidebar a{
	color:#B4BCC2;
}

#sidebar ul li{
	padding:4px 0;
}

p.big_quote{
	color:#DF9C22;
	font-size: 1.6em;
	font-weight: 400;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}

span.services_side_heading {
	font-family: 'Arno W08', "Times New Roman", Times, serif;
	color:#5E676D;
	font-size: 1.2em;
	display: block;
	margin-bottom: 5px;
}

.side_wys {
	padding-top: 15px;
}

.side_wys p {
	font-family: 'Arno W08', "Times New Roman", Times, serif;
	font-size: 1em;
}

/*********************************/


/***** 6. Form *******************/

#form_wrapper {
}


/*********************************/

/***** 7. Blog *******************/
.ariane-line{
	margin:10px 0;
}
.ariane-line small a{
	font-weight:400;
}
.ariane-line small a:hover{
	text-decoration:underline;
}
.row-post{
	background:#f7f7f7;
	border-top:1px solid #ced0d3;
	border-bottom:1px solid #ced0d3;
	padding:10px 10px 20px 10px;
	margin-bottom:10px;
}
.row-post .post-title a:hover{
	color:#DF9C22;
}
.filter-wrapper{
	width:100%;
	background:#60666d;
	padding:2px;
	margin:10px auto;
	height:25px;
}
.post-categories{
	width:auto;
	
}

.post-pill{
	background:#DF9C22;
    padding: 5px;
    line-height: 32px;
    font-size:0.8em;
    color:#fff;	
}
.post-pill::after {
	margin-right: 10px;
}
.post-pill:hover{
	background:#DF9C22;
	opacity:0.8;
}
.post-pill a{
	color:#fff;
	font-weight:300;
}
.row-post h2{
	text-decoration:underline;
	color:#60666d;	
	margin-top:0;
	margin-bottom:5px;
}
.row-post .post-pill a{
	font-weight:300;
}
.post-title{
	font-weight:600;
}
.post-text{
	
}
.single .post-text img{
	height:auto;
	max-width:100%;
}
.single .post-text img .alignleft{
	margin-right:10px;
	
}
.single .post-text img .alignright{
	margin-left:10px;
	
}
.inside-post{
	margin-top:40px;
}
.inside-postpill
{
	background:#fff;
	padding:10px 10px 20px 10px;
	margin-bottom:10px;
	border-top:1px solid #ced0d3;
	border-bottom:1px solid #ced0d3;
}
.back-btn{
	text-decoration:underline;
	color:#fff;
	line-height: 25px;
}
.back-btn:hover{
	color:#DF9C22;
}
.post-btn{
	background:#60666d;
	padding:5px;
	color:#fff;
	width:85px;
	text-align:center;
	font-weight:300;
	float:right;
	display:inline-block;
}
.filter-btn{
	padding:2px;
	color:#fff;
	background:#b4bcc2;
	display:inline-block;
	float:right;
	font-weight:300;
	margin:2px 5px;
}
.filter-btn:hover{
	background:#DF9C22;
}
.post-btn:hover{
	background:#DF9C22;
}	
.blog-count{
	background:#FFF;
	border:1px solid #DF9C22;
	padding:1px 3PX;
	margin:0 5px;
	border-radius:2px;
	color:#Df9C22;
}
#sidebar ul{	
	list-style:none;
}

/*#sidebar .category-style li {
	list-style-image: url(assets/images/list-lane.jpg);
	background-image: url(assets/images/list-lane.jpg) no-repeat;
	padding-left:20px;
}*/
.category-style li{	
	width:100%;
	border-bottom:1px solid #61666e;
	background: url(assets/images/list-black.jpg) no-repeat left center;
}
.category-style li a{
	font-weight:300;
	color:#60666d;
	padding:4px 10px;
}
#sidebar .category-style li a{
	color:#60666d;
}
#sidebar .category-style li a:hover{
	color:#DF9C22;
}
.text-center{
	text-align:center;
}
#sidebar .category-style{
	-webkit-padding-start: 10px;
}

/*********** Pagination **********************/	
.navigation li a
{
	color: #5e676d;
	text-decoration:none;
}
.navigation li a:hover{
	color:#fff;
}
.navigation li.disabled a{
	color: #fff;
	text-decoration:none;
}
.navigation li.active a{
	color: #fff;
	text-decoration:none;
}
.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #f7f7f8;
	border:1px solid #ced1d3;
	cursor: pointer;
	padding: 5px;
	font-size:0.8em;
	font-weight:300;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #5e676d;
}
/*********************************/	
.post-filters {
	padding:0 10px;
}
	
/*********************************/	


@media all and (min-width : 640px) {

	/***** 1. General ****************/
	
	
	
	
	/*********************************/
	
	/***** 2. Navigation *************/

	#nav_wrapper{
		width:180px;
		margin-left:30px;
	}
	
	#nav_wrapper ul#menu-main-menu {
		width:180px;
	}
	
	#nav_wrapper ul#menu-main-menu li {
		font-size:.7em;
	}	
	
	/*********************************/
	
	/***** 3. Content ****************/
	
	.box{
		width:30%;
		max-width: 320px;
		float:left;
		margin-right:2.5%;
	}	
	
	
	/*********************************/
	
	/***** 4. Footer *****************/
	
	
	
	
	/*********************************/
	
	/***** 5. Sidebar ****************/
	
	
	
	/*********************************/
	
	
	/***** 6. Form *******************/
	
	
	
	/*********************************/	
	
}

@media all and (min-width : 769px) {

	/***** 1. General *************/
	
	#logo_wrapper {
		margin:0 ;
		text-align:left;
		padding-top: 20px;
	}
	
	/*********************************/
		
	/***** 2. Navigation *************/

	
	#nav_wrapper ul#menu-main-menu li a {
	}
	
	#nav_wrapper ul#menu-main-menu li.current_page_item a, #nav_wrapper ul#menu-main-menu li a:hover {
	}
	
	#nav_wrapper ul#menu-main-menu > li:hover ul.sub-menu {
		display: block;
	}
	
	/*********************************/
			
	/***** 3. Content ****************/	
	#col_left{
		width:71%;
		margin-right:2%;
		border-right:1px #B4BCC2 solid;
		float:left;
		padding-bottom: 30px;
		padding-right: 1%;
	}
	
	#sidebar{
		width:25%;
		float:right;
		margin-top:0;
	}
	
	.columns {
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Safari and Chrome */
		column-count:2;
		margin-right:5%;
	}
	
	.box{
		float:left;
		margin-right: 1%;
		max-width:202px;
	}
	
	#slider_wrapper{
		margin: 0;
		padding:30px 0 0 0;
		border-top:none;
		border-bottom:none;
	}
		
	/***** 4. Footer ****************/
	ul#menu-footer-menu {
		display:block;
		padding:0;
		margin: 0;
	}
		
	/*********************************/
}