@charset "UTF-8";
/* CSS Document */

html, body {font-family: "Lato", sans-serif; font-size:18px; color:#666666; background-color:#ffffff; padding:0; margin:0; background-repeat:repeat-x;}
html {overflow: auto;}
* {margin:0; padding:0; border:0px solid red;}
h1, h2{color: #00349a; line-height: 1.15;}
h1{margin-top: 35px; margin-bottom: 15px;  font-size: 1.55rem; }
h2{margin-top: 35px; font-size: 1.33rem; margin-bottom: 10px;}
a{color: #9a884a;}
a:hover{text-decoration: none;}
p{margin-bottom: 15px; line-height: 1.35;}

ol,ul{padding-left: 20px; margin-left: 10px;}
ol li, ul li{padding-left: 10px; margin-bottom: 15px; line-height: 1.35;}
ol li ol, ul li ul {margin-top: 15px; }

.no-margin{margin:0;}
.author, .salutation{color: #00349a; font-weight: bold; }
.alignright{float:right;margin: 0 0 16px 20px;}
.alignleft{float:left;margin: 0 20px 16px 0 ;}
.btn{background: #d7e3ed; height: 50px; line-height: 50px; padding: 0 20px; color: #333333; text-decoration: none; display: inline-block; border-radius: 5px; margin-top: 20px;}
.btn:hover{background-color: #e1edf7;}
.btn i{color:#9a884a; margin-left: 10px;}
.italic{font-style: italic;}
.caption{font-weight: bold; font-size: 0.77rem; color: #333333;}
.no-margin-top{margin-top: 0 !important;}
.float-container{display: none;}

p.article{margin-bottom: 20px;}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

.container {max-width:916px; margin: auto;}
.header {min-height: 175px; display: flex; align-items: center; justify-content: space-between; }
.company_details { color:#525c77; max-width: 218px;}
.company_details a{display: block;}
.company_details a, .company_details a:visited{color: #000000; text-decoration: none;}
.container .call-phone{background: #9a884a; color: #ffffff; height: 40px; line-height: 40px; display: inline-block; text-decoration: none; padding: 0 30px 0 25px; border-radius: 7px; font-size: 1.055rem; margin-bottom: 20px;}
.container .call-phone:hover{background-color: #b09a51;}
.call-phone i{margin-right: 10px;}
.company_details .head-icon{font-size: 0.77rem; padding-left: 27px; position: relative; display: block; color: #000000;}
.company_details .head-icon:before{font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto; line-height: 1; margin-right: 12px;  color: #c4d7e8; font-size: 1.11rem; position: absolute; left: 0;}
.company_details .email{margin-bottom: 15px;}
.company_details .email:hover{color:#9a884a;}
.company_details .email:before{content: "\f0e0";}
.company_details .address:before{content: "\f3c5"; left: 3px;}
.nav {background: #d7e3ed; height: 50px; position: sticky; top: 0; z-index: 9999; overflow: hidden;}
.nav ul {list-style:none; padding-left: 0; margin-left: 0;transition: 0.3s margin linear;}
.nav ul li {float:left; padding-left: 0; margin: 0;}
.nav ul li a, .nav ul li a:visited {text-decoration:none; line-height: 50px; padding: 0 35px; color: #333; text-transform: uppercase; display: inline-block; font-size: 0.88rem;}
.nav ul li a:hover {background-color:#c4d7e8;}

.responsive-menu-icon{display: none;}

.nav .container{display: table; background: url("/web/20210329104230im_/https://searlelaw.com.au/images/struc_images/sticky-menu-icon.png") no-repeat left center; background-position: 0 -45px; transition: 0.3s all linear; position: relative; overflow: hidden; width: 100%;}
.nav .call-phone{margin: 4px 0 0; position: absolute; right: 0; top: -50px; transition: 0.3s all linear;}
.nav.is-sticky{box-shadow: 0 0 4px #333;}
.nav.is-sticky .container{background-position: 0 1px; transition: 0.3s all linear;}
.nav.is-sticky ul{margin-left: 50px; transition: 0.3s margin linear;}
.nav.is-sticky .call-phone{top: 0;transition: 0.3s all linear;}

.tagline{background: #f6f6f6; font-style: italic; text-align: center;  color: #666666; font-size: 0.83rem; letter-spacing: 0.5px;}
.tagline p{margin-bottom: 0; height: 36px; line-height: 36px;}

a.button1, a.button1:visited {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #525c77; color:#e2e2e2; font-size:200%; padding:10px; position:relative; top:20px; text-decoration:none;}
a.button1:hover {background-color:#9e0003;}

.liability {font-size:90%; padding:8px 10px 0 10px; float:left; width:400px;}


/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */
.highlight { max-width:100%; clear:both;}
.highlight .highlight_main_content {position:relative; z-index:1000; display:block; max-width:480px; float:left; }
.highlight_main_content p {margin-bottom:20px;}
.highlight_main_content ul {list-style:none; float:left; margin-right:30px;}
	.highlight_main_content ul li {background-image:url(/web/20210329104230im_/https://searlelaw.com.au/images/struc_images/bullet2.gif); background-repeat:no-repeat; background-position:left 5px; padding:0 0 10px 14px;}
	.highlight_main_content ul li a, .content_left ul li a:visited {color:#9e0003;}
	.highlight_main_content ul li a:hover {color:#525c77;}

.highlight .hl {width:100%; height:430px;}
.highlight .highlight_image {height:430px; display:block; text-align:left;}
.highlight .highlight_image img {margin:5px 0px 0 0px; text-align:right;}
.highlight .highlight_content {float:right; width:50%; text-align:left; height:430px; display:block;}
.highlight_content h1 {font-size:400%; color:#9e0003; font-weight:bold; line-height:80px; width:100%; margin-top:130px;}
.highlight_content h2 {font-size:200%; color:#000; margin-top:10px;}

.main_content {width:100%; margin-bottom: 55px; clear:both;}
.main_content:after{content: ''; clear: both; display: block;}
.main_content_inner {width:100%; float:left; background-color:#fff;-webkit-border-radius: 10px;-moz-border-radius:10px; border-radius: 10px; margin-top:20px;}
.staff {background: #f1f1f1; padding: 50px 60px 35px; margin-top: 35px; margin-bottom: 45px;font-family: 'Noto Serif', serif;}
.staff.contact-page{margin-top:15px;}
.staff_column {width:280px; float:left; margin:0 13px 0 0;}
.staff_column h3 {font-size:120%; color:#525c77; margin:10px 0;}
.staff_column a, .staff_column a:visited {color:#525c77; text-decoration:none;}
.staff_column a:hover {text-decoration:underline;}
.staff_column p {color:#323232; }
.staff p{line-height: 1.5;}
.staff_column .bullet {padding:10px 0 0 0; display:inline-block;}

/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */

.content {float:left; width:100%; background-color:#f5f5f5; color:#323232;-webkit-border-radius: 10px;-moz-border-radius:10px; border-radius: 10px; border:1px solid #ccc;}
.content h1 {color:#525c77; font-size:290%;}
.content_left {float:left; width:50%; padding: 15px 19px;}
.content_left h1 {font-size:200%;}
.content_left p {margin:15px 0; font-size:110%;}
.content_left ul {list-style:none; float:left; margin-right:30px;}
	.content_left ul li {background-image:url(/web/20210329104230im_/https://searlelaw.com.au/images/struc_images/bullet2.gif); background-repeat:no-repeat; background-position:left 5px; padding:0 0 10px 14px;}
	.content_left ul li a, .content_left ul li a:visited {color:#9e0003;}
	.content_left ul li a:hover {color:#525c77;}
.content_left_inner ol {padding-left:20px;}
	.content_left_inner ol li {margin:0 0 15px 10px;  font-size:130%;}
		.content_left_inner ol li ol {margin-top:15px;}
		.content_left_inner ol li ol li {font-size:100%;}
.content_right {float:left; width:40%; padding:15px 0; font-size:120%;}
.content_right h3 {color:#9e0003; font-size:150%; margin-top:15px;}

.content_left_inner {float:left; width:60%; padding:15px 19px;}
.content_left_inner p {margin:15px 0; font-size:120%;}
.content_left_inner a, .content_left_inner a:visited {color:#9e0003; font-weight:bold; text-decoration:none;}
.content_left_inner a:hover {text-decoration:underline;}
.content_right_inner img {margin:0px 30px 30px 10px; padding:5px; border:1px solid #ccc; background-color:#fff;}
.content_left_inner h3 {color:#9e0003; font-size:150%; margin-top:15px;}

.columns{display: flex; margin-bottom: 35px;}

.footer{background: #333333; clear: both; font-size: 0.77rem;padding: 25px 15px 5px;}
.footer:after{content: ''; clear:both; display: block;}
.footer p{margin: 0 0 5px; color: #999999;}
.footer-text{max-width: 315px; text-align: right; font-size: 0.85rem;}
.footer .copyright p{color: #777;}


@media only screen  and (max-width :1024px ) {
	.container{padding: 0 15px;}
	.nav{padding: 0 15px;}
	.nav .container{padding: 0;}

	.highlight .highlight_image{width: 100% !important;}
	.highlight .highlight_image img{max-width: 100%; height:auto;}
	.highlight .highlight_main_content{max-width: 50%;}

	.footer .container{padding: 0;}

	.footer .alignright, .footer .alignleft{float:none; margin-left: 0; margin-right: 0;}
	.footer{text-align: center;}
	.footer div{margin-bottom: 20px;}

	.columns,.columns img{display: block;}
	.columns .column:first-child{margin-bottom: 20px;}
	.footer-text{max-width: none; text-align: center;}
}

@media only screen  and (max-width :900px ) {
	.nav ul li a, .nav ul li a:visited{padding: 0 20px;}
	.header img{max-width: 60%;    width: 100%;    height: auto;}
}

@media only screen  and (max-width :768px ) {

	img{max-width: 100%; height: auto;}
	ol li img{display: block;}
	h1{margin-top: 20px;}

	.alignright:not(.remain-float-m){float:none; margin-left: 0;}
	.half-width-m{max-width: 50%;}
	.no-margin-m{margin: 0;}
	.responsive-video{position: relative;  padding-bottom: 56.25%; /* 16:9 */  height: 0;}
	.responsive-video iframe{position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
	.between-list{margin-left: 40px; width: calc(100% - 40px);}
	.switch-mobile{display: flex;    flex-wrap: wrap;    flex-direction: column-reverse;}
	.switch-mobile .item{margin-bottom: 5px;}
	.btn{margin-top: 0;}
	.inside-sublist{margin-left: -80px !important;    width: calc(100% + 80px);    max-width: none;}

	.header{display: block; padding-bottom: 25px; padding-top: 20px;	}
	.company_details .email{font-size: 0.88rem;	}
	.tagline p{height: auto; line-height: 1.5; padding: 15px 0;}
	.main_content{margin-bottom: 30px;}

	.nav .container{background: none;}
	.responsive-menu-icon{display: block; cursor: pointer; height: 50px; line-height: 50px; padding: 0 15px; text-align: center; color: #333333;}
	.nav{height: auto; padding: 0;}
	.nav .container{overflow: visible;}
	.nav ul{display: none; background:  #c4d7e8 ;	}
	.nav ul.show{display: block;	}
	.nav ul li{float: none; display: block;}
	.nav ul li a{display: block; padding: 0 15px; line-height: 40px;}
	.nav.is-sticky ul{margin-left: 0;}

	.nav.is-sticky .responsive-menu-icon{text-align:left;}
	.nav.is-sticky .container .call-phone{display: block;}
	.responsive-menu-icon i{margin-right: 5px;}


	.staff{padding: 20px 20px 1px; margin-bottom: 0;margin-top: 20px;}

	.nav .container .call-phone{top: 0; right: 15px; display: none;}

	.header{min-height: auto;}
	.header img{display: block; margin: auto; max-width: 100%; width: auto;}
	.company_details{margin-top: 20px;    margin-left: auto;    margin-right: auto;}
	.company_details .head-icon.address{margin-bottom: 0;}

	.highlight .highlight_main_content{max-width: 100%;}
	.highlight .hl{display: none; margin-bottom: 10px;}
	.highlight .float-container{float: right; display: block; max-width: 50%;	}
/**

	.highlight{max-width: 100%;    clear: both;    display: flex;    flex-wrap: wrap;    flex-direction: column-reverse;}
	.highlight .highlight_main_content{max-width: 100%;} **/




}

@media only screen  and (max-width :374px ) {
	.half-width-m{max-width: 40%;}
}

@media only screen  and (max-width :340px ) {
	.half-width-m{max-width: 100%; float: none; margin : 0 0 15px;}
}