/*
Theme Name: Wentworth Lawyers Pty Ltd
Theme URI: http://wentworthlawyers.com.au
Description: Wentworth Lawyers Theme
Author: FIVE Creative
Version: 1.0
*/

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

/* reset all elements */
@import url("css/reset.css");

/* BOOTSTRAP */
@import url("css/bootstrap.min.css");
@import url("css/custom-bootstrap.css");

@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

section, article, header, footer, nav, aside, hgroup {
 display: block;
} 
.clear {
	clear: both;
}

.lettered-list { list-style:lower-latin; }
.numbered-list	{ list-style:lower-alpha; }


::selection{color: #29B373;}
::selection {color: white; background: #29B373;}
::-moz-selection {color: white; background: #29B373;}

body{ background: url(images/bg-main.jpg) repeat top left; font: 16px/22px 'Raleway', sans-serif !important; color: black;}

em { font-style: italic; }
strong, b { font-weight: bold; }

/*=================================== HEADER */
#header{ background: white; min-height: 90px;}
#logo{ margin: 15px 0 0 0; } 

#main-menu{ float:right; text-decoration: none; list-style: none; margin: 35px 0 0 0; padding: 0;  }
#main-menu li{ float: left; padding-right: 35px; }
#main-menu li.last { padding-right: 0px; }
#main-menu li a{ text-decoration:none; color: #A6A8AB; font-size: 20px; letter-spacing: 1px;
	transition: 	color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out; }   
#main-menu .current_page_item  a,  #main-menu li a:hover {color: #27B473 !important; }

#icon-mobile-menu{ margin: 10px 0; } 

/*===================================== SLIDER */
#slider{ float:left; width: 100%;  border-top: 4px #3F8D69 solid; }
#slider #slider-inside img{ width: 100%; max-height: 300px; }

/*====================================== MAIN CONTENT */

#breadcrumbs { padding-top: 10px; float: left; }

#content{ float:left; width: 100%; }

#content #main-content{ margin: 30px 0; }
#content #main-content .title-content{ background-color: #29B373;  height: auto;}
#content #main-content .title-content h1, #content #main-content .title-content h2{ margin: 0; padding: 10px 0; text-transform: uppercase; font-weight: bold;  color: white; font-size: 22px; line-height: 30px; padding-left: 15px;}
#content #main-content .title-content h1 a { color: #ffffff; }
#content #main-content .title-content h2 span, .title-content h1 span{  text-transform: none !important; font-size: 14px !important; }
#content #main-content .title-content h2 a{ color: white; }
#content #main-content .content-inside{ float: left; background-color: #D3EFE2; padding: 15px 15px; width: 100%; }
#content #main-content .content-inside .post-content{ float: left; width: 100%; }
#content #main-content .content-inside .has_image{ width: 75% !important; padding-left: 20px; }
#content #main-content .content-inside .has_image p{ margin: 0 !important; }
#content #main-content .content-inside .post-image{ float: left; width: 20%; height: 140px;}

#content #main-content .article .title-content, .home #content #main-content  .title-content{ background-color: #001A0E;  }
#content #main-content .article .content-inside, .home #content #main-content  .content-inside{ background-color: #E6E7E8; }

#content #banner-frontpage{ float: left; list-style: none; width:100%; margin: 30px 0 0 0; padding: 0; padding-left: 0px !important; }
#content #banner-frontpage li:hover .banner-frontpage-link{ background-color: #29B473; }
#content #banner-frontpage li img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#content #banner-frontpage li:hover img{ opacity:0.5 }
#content #banner-frontpage li{  float:left; position: relative; margin-bottom: 30px; }
#content #banner-frontpage li .banner-frontpage-link{ position: absolute; bottom: 0; max-width: 360px; left: 0; width:100%; height: 50px; background-color: #929497; padding-left: 25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#content #banner-frontpage li .banner-frontpage-link a{ line-height: 50px; color: white; font-size: 20px; text-transform: uppercase; text-decoration:none; }
#content #banner-frontpage li  .banner-frontpage-image{ position: relative; max-width: 360px;}

.disclaimer { background: #E6E7E8; }
.disclaimer h3 { background: #000000; color: white; padding: 5px 10px; font-size: 16px;}
.disclaimer span {padding: 10px; display: block; font-size: 14px; }

#sidebar-right, #sidebar-left{ margin: 30px 0;   }
#sidebar-right .sidebar-item h4, #sidebar-left .sidebar-item h4{ background-color: #001A0E;  height: 50px; margin: 0; padding: 0; font-weight: bold; color: white; font-size: 20px; line-height: 50px; padding-left: 15px; }
#sidebar-right .sidebar-item ul, #sidebar-left .sidebar-item ul{ margin: 0; padding: 30px 0 0 15px !important; list-style: none; background-color: #E6E7E8;}
#sidebar-right .sidebar-item .textwidget, #sidebar-left .sidebar-item .textwidget{ margin: 0; padding: 30px 0 20px 15px; background-color: #E6E7E8; }
#sidebar-right .sidebar-item ul li, #sidebar-left .sidebar-item ul li{ text-decoration:none; padding-bottom: 30px;}
#sidebar-right .sidebar-item ul li a, #sidebar-left .sidebar-item ul li a{ float: left; width: 95%; color: #001A0E; }

/*=========================================== BLOG */
#main-content .post{ float: left; width: 100%; position: relative; }
#main-content .article, #main-content .person{  margin-bottom: 30px; }

#main-content .post-hover{ cursor: pointer; }
#main-content .post-hover .title-content, #main-content .person .title-content{ background-color: #29B373 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }  
#main-content .post-hover .content-inside , #main-content .person .content-inside{ background-color: #D3EFE2 !important;   -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } 
#main-content .post-hover .post-read-more-arrow{ background: url(images/bg-read-more.png) no-repeat top right; }

#main-content .post-read-more{ position: absolute; width: 150px; height: 30px; bottom: 0; right: 0;  }
#main-content .post-read-more a{ color: black; font-size: 12px; line-height: 30px; opacity:0; float:right; } 
#main-content .post-read-more-arrow{ width: 30px; height: 30px; float:right; background: url(images/bg-read-more.png) no-repeat top left;}

/*======================================== NAVIGATION */
#navigation{ float: left; width: 100%; }
#navigation ul{ list-style: none; margin:0; padding: 0; width: 100%;}
#navigation ul li{ float:left; width:50%; }
#navigation ul li:nth-child(2) a{ float: right !important;  }
#navigation ul li a{ color: black; font-weight: bold; text-transform: uppercase;}

/*======================================== FOOTER */
#footer{ width:100%; float:left; background-color: #231F20; color: #F4F4F4; font-family: 'Helvetica' ; font-size: 12px;  line-height: 50px;	}
#footer #copyright{  }
#footer #brandname{ font-size: 18px; background: url(images/footer-logo.png) no-repeat center right; height: 50px; }

/*========================================= 404 */
#page-error{ width: 100%; height: 300px; text-align: center; padding-top: 30px; font-size: 30px; font-weight: bold; } 
#page-error span{ text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); }

.single-post .content-inside li { margin-bottom: 15px; }

ol { padding-left: 45px; }
ul { padding-left: 45px !important; }
blockquote { padding: 10px 20px !important; margin: 0 0 35px !important; font-size: 16px !important; border-left: 0px solid #eee !important; }  

.simple-image img { width: 50%; height: auto; background: white; padding: 10px; margin-bottom: 10px; }
.simple-image { text-align: center; background: #E6E7E8; margin-bottom: 0px !important;  }