/*  
Theme Name: expertlaw313
Theme URI: http://www.expertlaw.com.au
Description: 2016 WP theme for Expert Law
Version: 1.0
Author: Studio 313
Author URI: http://www.studio313.com.au
*/

/** RESET **/

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, em, img, ins, kbd, q, s, samp,small, strike, strong, 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;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }



/** SITE STYLES **/

body { -webkit-text-size-adjust: none; -webkit-appearance: none; background-color:#0895B5; font-size:13px;}

h1, h2, h3, h4 { font-family: 'open_sansbold'; margin:0; padding:0; text-decoration:none; outline:none; border:none;line-height:140%;}

h1 { font-size: 20px; color:#0294b5; margin:0 0 10px 0;}
h2 { font-size: 16px; color:#01687f; margin:0 0 7px 0;}
h3 { font-size: 14px; color:#545454; margin:0 0 7px 0;}
h4 { font-size: 14px; color:#0294b5; margin:0 0 7px 0; font-weight:400px;}

p, a, li { font-family: 'open_sansregular'; margin:0; padding:0; text-decoration:none; outline:none; border:none;}
p, li { font-size: 14px; color:#545454; line-height:140%;}
p { margin:0 0 10px 0;}

a { text-decoration:none; color:#00d7ff; outline:none; border:none;}
a:hover { text-decoration:none; color:#545454;}

ul, ol { margin-left:30px; margin-bottom:7px;}
ul { list-style:disc;}
ol { list-style:decimal;}

table { margin:20px auto;}
th { text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

b, strong { font-family: 'open_sansbold';}
i, em { font-family: 'open_sansitalic';}
i b, em b, i strong, em strong { font-family: 'open_sansbold_italic';}

blockquote { font-family: 'open_sansbold'; font-size:16px; border-left:3px solid #00d7ff; width:80%; left:10%; margin:30px auto; padding-left:15px; line-height:150%; color:#545454;}

.container { width:100%; max-width:1400px;}


/* colours */
	

/* Logos */ 
	




/* WRAPPERS */
	header { position:relative; margin:0; padding:0;background-color:#F5F5F5;}
	footer { position:relative; background-color:#0895B5; padding:15px 15px 30px; color:#fff; text-align:center; }
	footer p, footer p a { font-family: 'open_sansbold'; font-size:14px; color:#fff;}
	footer p:not(:first-of-type), footer p:not(:first-of-type) a { color:rgba(255,255,255,0.7); font-family: 'open_sansregular'; font-size:12px;}
	footer p a:hover { color:rgba(255,255,255,1.0);}






/** HEADER **/
	.el-nav { padding-top:30px;}
	.el-head-logo img { max-width:200px; height:auto;}
	.el-head-nav { margin-top:25px;}
	.el-head-phone { margin-top:15px;}
	.el-head-phone p { text-align:right; font-size:24px;}
	
	@media only screen and (max-width :1000px) {.el-head-logo, .el-head-phone, .el-head-phone p { text-align:center !important; float:none; width:100%;}
	}
	
	/* nav */
	.navbar { background-color:#0895B5; border:none; border-radius:0; padding-top:10px; padding-bottom:7px; margin-bottom:0 !important; }
	ul.nav { z-index:2000;}
	
	ul.nav li { max-width:100%; text-align:left; padding-left:20px; padding-right:20px; }
	ul.nav li a { line-height:12px !important; color:#fff !important; font-family: 'open_sansbold'; font-size:16px;}
	ul.nav li a .nav-text { margin-bottom:0px; display:block; text-transform:lowercase;}
	ul.nav li a .nav-subtext { color:rgba(255,255,255,0.7); font-family: 'open_sansregular'; font-size:11px; padding-right:10px;}
	ul.nav li span.glyphicon { font-size:12px; padding-left:7px;}
	
	ul.dropdown-menu { background-color:#0294B5; border:0; box-shadow:none; padding:0 !important; margin:0 !important; padding-bottom:10px !important; }
	ul.dropdown-menu li { padding:0 !important; margin:0 !important;}
	ul.dropdown-menu li a { color:rgba(255,255,255,0.7) !important; font-family: 'open_sansregular'; font-size:12px; padding:7px 10px;}
	ul.dropdown-menu li a:hover { color:rgba(255,255,255,1.0) !important;}
	ul.dropdown-menu li a:before {content:''; padding-right:5px;}
	ul.dropdown-menu li a:hover { background:none;}
	
	@media only screen and (min-width :800px) {
	ul.nav li { max-width:175px; text-align:left; padding-left:20px; padding-right:20px; }
	ul.nav li a { line-height:12px !important; color:#fff !important; font-family: 'open_sansbold'; font-size:16px;}
	ul.nav li a .nav-text { margin-bottom:0px; display:block; text-transform:lowercase;}
	ul.nav li a .nav-subtext { color:rgba(255,255,255,0.7); font-family: 'open_sansregular'; font-size:11px; padding-right:10px;}
	ul.nav li span.glyphicon { font-size:12px; padding-left:7px;}
	}
@media only screen and (min-width :1023px) {
	/*span.caret { display:none;}*/
	
	ul.nav li { max-width:240px; text-align:left; padding-left:20px; padding-right:20px; }
	ul.nav li a { line-height:12px !important; color:#fff !important; font-family: 'open_sansbold'; font-size:16px;}
	ul.nav li a .nav-text { margin-bottom:0px; display:block; text-transform:lowercase;}
	ul.nav li a .nav-subtext { color:rgba(255,255,255,0.7); font-family: 'open_sansregular'; font-size:11px; padding-right:30px;}
	ul.nav li span.glyphicon { font-size:12px; padding-left:7px;}
	
	ul.dropdown-menu { background-color:#0294B5; border:0; box-shadow:none; padding:0 !important; margin:0 !important; padding-bottom:10px !important; }
	ul.dropdown-menu li { padding:0 !important; margin:0 !important;}
	ul.dropdown-menu li a { color:rgba(255,255,255,0.7) !important; font-family: 'open_sansregular'; font-size:12px; padding:7px 33px;}
	ul.dropdown-menu li a:hover { color:rgba(255,255,255,1.0) !important;}
	ul.dropdown-menu li a:before {content:''; padding-right:5px;}
	ul.dropdown-menu li a:hover { background:none;}
	
	
	.dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; }
	.dropdown-menu li:hover .sub-menu { visibility: visible; }
	.dropdown:hover .dropdown-menu { display: block; }
	.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; }
	.navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px;}
	.navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; top: 11px; left: -6px;}
	
	.navbar .navbar-nav { display: inline-block; float: none; }
	.navbar .navbar-collapse { text-align: center; }
}

.navbar-header button { font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif; color:#545454; font-size:14px; text-transform:uppercase; font-weight:800; float:none; width:calc(100% - 40px); margin-left:20px; border:none;}


/* nav breakpoint change */
	@media (max-width: 1023px) {
    .navbar-header {  float: none; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important;  margin: 7.5px -15px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px;  }
    .navbar-text { float: none; margin: 15px 0; }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {  display: block!important; }
    .collapsing { overflow: hidden!important;  }
	ul.dropdown-menu, ul.dropdown-menu li { width:100%;background-color:#0294B5; box-shadow:none; border:none; margin-left:5px !important;}
	ul.dropdown-menu { border-bottom:1px solid #fff;}
	 ul.dropdown-menu li { padding-left:20px !important;}
	}
	
	
	.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background:#0895B5;}
	


	
/** CONTENT **/
	/* home */	
	.el-home-banner { padding:0 20px;}
	
	.el-home-menu { background-color:#E6E7E8; padding:20px;}
	.el-home-menu.home-list { }
	.el-home-menu h2, .el-home-text h2 { color:#545454; font-size:22px; font-family: 'open_sansregular';}
	.el-home-menu ul { margin:0; margin-bottom:60px; padding:0; list-style:none;}
	.el-home-menu ul li { margin:0; padding:20px !important;}
	.el-home-menu ul li a { color:#05B0CC; font-size:18px;}
	.el-home-menu ul li a:after {content:'\00bb'; padding-left:7px;}
	
	.el-home-text { padding:20px 20px 0 20px;}
	.el-home-text h2 { color:#545454;}
	
	.carousel-caption { position:relative; width:100%; height:auto; background:#333; left:0; bottom:0; padding:20px;}
	.carousel-caption h1, .carousel-caption p { text-align:left; font-family: 'open_sansregular'; font-size:22px; color:#0895B5 !important;}	
	.carousel-caption h1 { margin-bottom:10px;}
	.carousel-caption p { font-size:14px; color:#fff !important; margin-bottom:30px;}
	
	@media only screen and (max-width :1023px) {
		.el-home-text { width:100%;}
	}
	
	@media only screen and (min-width :1023px) {		
	.carousel-caption { position:absolute; background:none; width:500px; height:auto; top:200px; left:150px;}
	.carousel-caption h1, .carousel-caption p { text-align:left; font-family: 'open_sansregular'; font-size:41px; color:#0895B5 !important;}	
	.carousel-caption h1 { margin-bottom:30px;}
	.carousel-caption p { font-size:24px; color:#fff !important; width:400px;}
		
	.el-home-banner { background-color:#01687F !important;}
	.el-home-text h2 { color:#fff;}
	}
	
	
	
		
	.body-wrap { background: #F5F5F5 url(images/body-cf-bg.png) bottom left repeat-x; height:auto; padding-bottom:10px;}
	.body-wrap > .body-wrap-inner { background:#fff; -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.15); box-shadow: 0 0 5px 2px rgba(0,0,0,0.15); position:relative; z-index:1;}
	.body-wrap .body-inner { background:#fff; width:100%; position:relative;}
	.el-page-title { }
	.el-page-title h1 { display:block; background:#01687f; width:100%; padding:15px 20px; font-size:18px; font-family: 'open_sansregular'; color:#fff;}
	.el-content { padding:40px 20px 80px !important;}
	.el-content .sidebar {}
	.el-content .sidebar h3 { font-size:18px; font-family: 'open_sansregular'; color:#545454;}
	.el-content .sidebar ul { position:relative; list-style:none; margin:0; padding:0;}
	.el-content .sidebar ul li { padding:10px 0;}
	.el-content .sidebar ul li a { color:#05b0cc; font-size:16px;}
	.el-content .sidebar ul li a:after {content:'\00bb'; padding-left:7px;}
	.el-content .sidebar ul li a:hover { color:#545454;}
	
	.el-content .post-sidebar {}
	.el-content .post-sidebar h3 { font-size:18px; font-family: 'open_sansbold'; color:#6d6e71; background:#e6e7e8; border-radius:3px; padding:10px 15px; margin-bottom:10px;}
	.el-content .post-sidebar ul { position:relative; margin:0; padding:0; margin-left:30px; margin-bottom:30px;}
	.el-content .post-sidebar ul li { margin-bottom:7px; }
	.el-content .post-sidebar ul li a { color:#545454; font-size:14px;}
	.el-content .post-sidebar ul li a:hover { color:#05b0cc;}
	
	.el-cont-mod { margin-bottom:30px !important; max-width:100%;}
	
	.el-cont-mod img {margin:5px 0 10px 0 !important; border-top:4px solid #00D7FF; border-right:4px solid #00D7FF;}
	
	.el-cont-mod-cta {content: ""; display: table;}
	.el-cont-mod-cta a { border:2px solid #0294b5; border-radius:4px; padding:7px 15px; color:#545454; font-size:15px; font-family: 'open_sansbold'; display:block;}
	.el-cont-mod-cta a:after {content:'\00bb'; padding-left:7px;}
	.el-cont-mod-cta a:hover { background:#0294b5; color:#fff;}
	
	
	
	
	@media only screen and (min-width :800px) {	
		.el-page-title h1 { font-size:20px; width:calc(100% - 40px); max-width:500px; margin-left:0; position:absolute; top:-58px;}
		.el-content { padding:40px 20px 80px !important; }
		.el-cont-mod { content: ""; display: table;}
	}
	
	@media only screen and (min-width :1000px) {	
		.el-cont-mod-cta.cta-left { float:left;}
	.el-cont-mod-cta.cta-center {position: absolute; left: 46%; transform: translate(-50%, -0%);}
	.el-cont-mod-cta.cta-right { float:right; margin-right:40px;}
	}
	
	@media only screen and (min-width :1400px) {
		.body-wrap .body-inner { background:#fff; width:1400px; margin:0 auto; padding-left:200px; padding-right:200px; position:relative;}
		.el-cont-mod { padding-right:50px !important;}
	}
	
	ul.el-news-feed { position:relative; margin:0; padding:0; list-style:none; text-align:center; }
	ul.el-news-feed li { display:inline-block; width:100%; margin:0 0 30px 0; text-align:left; }
	ul.el-news-feed li img { width:100%; height:auto;}
	ul.el-news-feed li h1 a { color:#545454; font-size:14px; font-family: 'open_sansbold';}
	ul.el-news-feed li p { color:#a7a9ac; font-size:12px;}
	ul.el-news-feed li a.feed-link { display:block; border-top:1px solid #ccc; padding:7px 0; text-transform:uppercase; font-size:14px; color:#0294B5; font-family: 'open_sansregular'; text-align:right;}
	ul.el-news-feed li a.feed-link:after { content:'\00bb'; padding-left:7px;}
	
	@media only screen and (min-width :700px) {
		ul.el-news-feed { position:relative; margin:0; padding:0; margin-left:-20px; list-style:none; text-align:center; }
		ul.el-news-feed li { display:inline-block; width:calc(50% - 30px); margin:0; text-align:left; }
		ul.el-news-feed li img { width:100%; height:auto;}
		ul.el-news-feed li:nth-of-type(odd) { margin-right:10px !important;}
		ul.el-news-feed li:nth-of-type(even) { margin-left:10px !important;}
	}
	
	@media only screen and (min-width :1023px) {
		.head-feat-filler { height:100px;}
		ul.el-news-feed { position:relative; margin:0; padding:0; margin-left:-20px; list-style:none; text-align:center; }
		ul.el-news-feed li { display:inline-block; width:calc(33% - 15px); margin:0 0 30px 0; text-align:left;}
		ul.el-news-feed li img { width:100%; height:auto;}
		ul.el-news-feed li:nth-of-type(3n+1) { margin-left:0 !important;}
		ul.el-news-feed li:nth-of-type(3n+3) { margin-right:0 !important;}
		ul.el-news-feed li:nth-of-type(3n+2) { margin-left:24px; margin-right:24px;}
		
	}
	
	.contact-sidebar p span { color:#0294b5; font-family: 'open_sansbold';}
	.contact-sidebar img { margin-bottom:30px; border-top:4px solid #00D7FF; border-left:4px solid #00D7FF;}
	

	/* form */
	#gform_wrapper_1 label.gfield_label { font-size:12px; font-family: 'open_sansregular'; color:#808285; font-weight:400; padding:0 0 3px 0; margin:10px 0 0 0;}
	#gform_wrapper_1 input[type=text], #gform_wrapper_1 textarea, #gform_wrapper_1 input[type=submit] { -webkit-border-radius: 5px; border-radius: 5px; background-color:#fff; padding:10px; resize:none; border:1px solid #ccc; width:100%; margin:0 0 0 0;}
	#gform_wrapper_1 input[type=submit] { background-color:#bcbec0; color:#fff; text-transform:uppercase; font-weight:800; width:100%; font-size:14px; font-family: 'open_sansregular'; cursor:pointer; margin:0;-webkit-appearance: none;}
	#gform_wrapper_1 input[type=submit]:hover { background-color:#808285; }
				
				
				
			
/** FOOTER **/
	.el-foot-news-divider { border-top:1px solid #ccc; width:calc(100% - 40px); margin-left:20px;}
	.el-foot-news { padding:30px 20px; margin-top:0px;}
	.el-foot-news h1 { color:#545454; font-size:15px; font-family: 'open_sansbold';}
	.el-foot-news h1.head-lge { color:#0294B5; font-size:24px; font-family: 'open_sansregular'; margin-bottom:30px;}
	.el-foot-news .col-sm-4 { width:100%; margin-bottom:30px; }
	.el-foot-news img { width:100%; height:auto; margin-bottom:20px;}
	.el-foot-news a { display:block; border-top:1px solid #ccc; padding:7px 0; text-transform:uppercase; font-size:14px; color:#0294B5; font-family: 'open_sansregular'; text-align:right;}
	.el-foot-news a:after { content:'\00bb'; padding-left:7px;}
	
@media only screen and (max-width :1023px) {.el-foot-news img { display:none;}}

@media only screen and (min-width :1023px) {
	.el-foot-news-divider { border-top:1px solid #ccc; width:calc(100% - 60px); margin-left:30px;}
	.el-foot-news { padding:40px 0; }
	.el-foot-news .col-sm-4 { width:calc(33% - 8px); }
	.el-foot-news .col-sm-4:nth-of-type(2) { margin-left:16px; margin-right:15px;}
}
	
/* misc */
	
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.no-r-pad { padding-right:0 !important;}
	.no-l-pad { padding-left:0 !important;}
	.hidden {display:none; height:0; width:0;}
	.display {display:block;}

@media only screen and (min-width : 1024px) {
	.d-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.d-no-r-pad { padding-right:0 !important;}
	.d-no-l-pad { padding-left:0 !important;}
	}

@media only screen and (min-width : 700px) and (max-width : 1023px) {
	.t-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.t-no-r-pad { padding-right:0 !important;}
	.t-no-l-pad { padding-left:0 !important;}
	.t-hide {display:none; height:0; width:0;}
}

@media only screen and (max-width : 699px) {
	.m-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.m-no-r-pad { padding-right:0 !important;}
	.m-no-l-pad { padding-left:0 !important;}
	.m-hide {display:none; height:0; width:0;}
	}



/* image align */
	img.alignright {float:right; margin:0px 0 10px 10px !important; border-top:4px solid #00D7FF; border-right:4px solid #00D7FF;} .alignright {float:right; }
	img.alignleft {float:left; margin:0px 10px 10px 0; border-top:4px solid #00D7FF; border-left:4px solid #00D7FF;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:20px; margin-top:20px; border-bottom:4px solid #00D7FF;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 500px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 499px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	
	
	
/* fonts */
	
	@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans/opensans-bold-webfont.eot');
    src: url('fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
url('fonts/opensans/opensans-bold-webfont.woff') format('woff'),
url('fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
url('fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans/opensans-regular-webfont.eot');
    src: url('fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
url('fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
url('fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
url('fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
url('fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans/opensans-italic-webfont.eot');
    src: url('fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
url('fonts/opensans/opensans-italic-webfont.woff') format('woff'),
url('fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
url('fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}