/*
Theme Name: Hylandlaw
Theme URI: 
Description: Wordpress Custom theme
Version: 1.0
Author: Thirteen Digital
Author URI: http://thirteendigital.com.au/
*/

html {
	background: #393939;
}

body, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393939;
}

body {
	margin: 0;
	padding: 0;
	background: #fff 0 0 repeat-x;
}

a { text-decoration: none; }

.wrap {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

/*-- TEAM --*/
.wpsm_single_team h4 {
    font-size: 22px !important;
    color: #ed1c24;
    margin-top: 0;
}
.wpsm_team_1_b_desc {
    line-height: 135%;
}

/*-- FORM --*/
::placeholder {
    color: #666 !important;
}
.gf_stylespro .gfield {
    margin-bottom: 0.1em !important;}
.gf_stylespro .gf_hide_label {
    margin-top: 0.1em !important;
}
.sp_goose input, .sp_goose input[type=text] {border-radius: 0px !important;}
textarea {
    border-radius: 0px !important;
}
.gf_stylespro .gform_footer {
    margin-top: 0em !important;
    padding: 0em !important;
    border-top: none !important;}


/*-- SERVICES MENU --*/
#menu-services-1 li {
    display: inline-block;
    background: #000;
    padding: 10px;
    width: 250px;
    text-align: center;
}

/*-- CONTACT --*/
.page-id-184 td {
    font-size: 110% !important;
}

#menu-services-1 li.current-menu-item {
    background: #ed1c24;
}

ul#menu-services-1 {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px;
}

#menu-services-1 li a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

#menu-services-1 li:hover {background: #ed1c24;}

.homewrap p {
    font-size: 20px;
    text-align: center;
}

.homewrap {
    background: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
}


/*-- Homepage icons --*/
.wrap.row.hylandicons {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.hylandicons h4 a, .hylandicons h4 {
    color: #000;
    font-size: 16px;
    margin-top: 0.5em;
}

.hylandicons h4 a:hover, .hylandicons h4:hover, .hylandicons a:hover {
    color: #ed1c24;
    text-decoration: none !important;
}

.wrap.row.hylandicons img {
    max-width: 120px;
}
.wrap.row.hylandicons img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.outer-hero {
	height: 470px;
	overflow: hidden;
}

/*
 * #########################################################
 */

.outer-head {
	background: #ed1c24; /*background: #fff;*/
	overflow: hidden;
    /* border-top: solid 5px #ed1c24; */ border-top: solid 5px #000;
}

#head {
	overflow: hidden;
	/* height: 140px; */ height:auto;
	position: relative;
}

h1#logo {
	float: right;
	display: inline;
	width: 330px;
	height: 75px;
	margin: 20px 0 20px 0;
	padding: 0;
}

h1#logo a {
	display: block;
	overflow: hidden;
	width: 330px;
	height: 75px;
}

img#printlogo { display: none; }

/*
 * #########################################################
 */

#nav {
	position: relative;
	bottom: 54px;
	left: 0;
	margin: 0;
	padding: 0;}

#nav li {
	float: left;
	display: inline;
}

#nav li a {
	/*color: #fff;*/ color: #ed1c24;
	text-transform: uppercase;
	display: block;
	padding: 6px 6px 12px 6px;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
}

.single #nav li.page-item-7 a,
.category #nav li.page-item-7 a,
.page-template-blog-php #nav li.page-item-7 a,
#nav li.current_page_ancestor a,
#nav li.current_page_item a {
	/*color: #f58287;*/ color: #000;
	/*background: url(images/nav.png) right bottom no-repeat;*/
}

#nav li a:hover {
	color: #f58287;
}

/*-- TITLE --*/
.wrap.hltitle {
    background: #000;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 30px;
    margin-bottom: 40px;
    background: #000 url(/wp-content/uploads/brisbane-city-bw2.jpg) no-repeat center center;
}
.home .wrap.hltitle {display:none;}

.hltitletext, .hltitletext h1 {
    color: #ed1c24;
    max-width: 980px !important;
    display: block;
    margin: auto;
    font-size: 30px;
}

/*####flyout#####*/

#nav ul ul {
	display: none;
}

#nav ul li.current_page_ancestor ul,
#nav ul li.current_page_item ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 25px;
	width: 650px;
	z-index: 49999;
}

#nav ul ul li {
	float: left;
	background: none;
	font-size: 13px;
	z-index: 59999;
}

#nav ul ul li a, 
#nav ul li.current_page_ancestor li a,
#nav ul li.current_page_item li a {
	background: none;
	display: block;
	width: auto;
	height: 1%;
	line-height: normal;
	padding: 10px;
	float: none;
	color:#000;
	z-index: 69999;
	border: none;
	font-size: 13px;
	text-transform: none;
}

#nav ul ul li.current_page_ancestor  a,
#nav ul ul li.current_page_item  a {
	color: #f58287;
	background: url(images/sub-arrow.png) bottom center no-repeat;
}

#nav ul ul li a:hover, 
#nav ul ul li.on ul li a:hover,
#nav ul ul li:hover ul li a:hover, 
#nav ul ul li.iehover ul li a:hover {
	background:none;
	color: #f58287;
	z-index: 79999;
}


/*
 * #########################################################
 */

#text-panel {
	overflow: hidden;
}

.home #text-panel,
.home #text-panel p,
.home .size-full {
	margin: 0;
	overflow: hidden;
	height: 461px;
}

#Map {display: none;}

.outer-hero .wrap {white-space: nowrap; text-align: center; margin: auto; height: 400px;}
.the-voice {/* margin: 91px 40px; margin: 91px auto;  width: auto; display: block; */}
.helper { display: inline-block; height: 100%; vertical-align: middle;}

img.the-voice {vertical-align: middle;}


/*
 * #########################################################
 */

.left {
	width: 491px;
	float: left;
	display: inline;
	overflow: hidden;
	line-height: 18px;
}

.left a {
	text-decoration: underline;
	color: #ed1c24;
}

.left a:hover,
.left a:focus,
.left a:active {
	color: #000;
    outline: 0;
}

/*
 * #########################################################
 */

.right {
	width: 459px;
	float: right;
	display: inline;
	overflow: hidden;
	background: #fff;
	padding: /*25px 0 20px 0;*/ 0px 0 20px 0;
	line-height: 18px;
}

.right a {
	text-decoration: underline;
	color: #ed1c24;
}

.right a:hover,
.right a:focus,
.right a:active {
	color: #000;
    outline: 0;
}

.right ::selection {
	background: #999;
    color: #ed1c24;
	text-shadow: none;
}

.right h1,
.right h2 {
	margin: 0 0 8px 0;
	line-height: 24px;
}

/* =Blockquote
-------------------------------------------------------------- */

blockquote {
	border: none;
	overflow: hidden;
	background: url(images/quote-left.png) top left no-repeat;
	margin: 0 0 10px 0;
	padding: 0;
}

blockquote p {
	font-size: 18px;
	line-height: 26px;
	padding: 0 30px;
	background: url(images/quote-right.png) bottom right no-repeat;
	font-weight: bold;
	position: relative;
	display: inline;
}

blockquote p small {
	font-size: 12px;
	float: right;
	display: inline-block;
	margin: 5px 0 0 0;
	font-style: italic;
	font-family: georgia, serif;
	font-weight: normal;
}

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 700;
	line-height: 1.0em;
    word-wrap: break-word;
}

h1, h2 {
    font-size: 18px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #ed1c24;
    margin-bottom: 0;
    margin-top: 0;
}

h3 {
    font-size: 15px; /* = 30px */
    margin-bottom: .857em;
    margin-top: .857em;
    color: #ed1c24;
}

h4 {
    font-size: 15px; /* = 24px */
    margin-bottom: 1em;
    margin-top: 1em;
}

h5 {
    font-size: 11px; /* = 18px */
    margin-bottom: 1.125em;
    margin-top: 1.125em;
    color: #ed1c24;
}

h6 {
    font-size: 11px; /* = 16px */
    margin-bottom: 1.285em;
    margin-top: 1.285em;
}

ul, ol {
	line-height: 18px;
}

/*h3 {
	border-top: #B9BABC 1px solid;
	padding: 8px 0 0 12px;
	cursor: pointer;
	background: url(images/h3.png) 0 11px no-repeat;
}

h3.open,
h3.hover { 
	color: #000; 
	cursor: pointer;
	background: url(images/h3hover.png) 0 11px no-repeat;
}*/

.tools {
	float: right;
	display: inline-block;
	background: #ed1c24;
	padding: 8px 12px;
	color: #fff;
	clear: right;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0 0 20px 0;
}

.tools:hover { color: #000; }

/*
 * #########################################################
 */

.single #text-panel,
.category #text-panel,
.page-template-blog-php #text-panel {
	background: #fff;
}

.single .left,
.category .left,
.page-template-blog-php .left { width: 714px; }

.single .right,
.category .right,
.page-template-blog-php .right { 
	width: 200px; 
	padding: 11px 0 0 0;
}

.blog-post { width: 653px; }

.single h2,
.category h2,
.page-template-blog-php h2,
.blog-title {
	border-bottom: 1px solid #d4d2d2;
	text-transform: uppercase;
	padding: 0 0 8px 0 !important;
	width: 695px;
	margin: 0 0 8px 0;
	line-height: 24px;
}

.post-date {
	font-size: 11px !important;
	display: block;
	color: #6d6e71 !important;
}

.post-title {
	border-bottom: none 0px  !important;
	padding: 0 !important;
	text-transform: none;
}

.post-title a {
	text-decoration: none !important;
	font-size: 18px;
	font-weight: bold;
	color: #ed1c24 !important;
	text-transform: none;
}
.post-title a:hover {
	color: #000000 !important;
}

.post-hero {
	margin: 0 0 8px 0;
	display: block;
}
.post-hero:hover {
	opacity: 0.9;
}

.post-social {
	height: 25px;
	margin: 0 0 10px 0;
}

.comment-count {
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 20px;
	margin: 10px 0 25px 0 !important;
	background: #f0f0f1;
	border-top: 1px solid #ddd;
	font-size: 12px;
}
.comment-count a { color: #4D4543 !important; }

#subnav {
	margin: 0;
	overflow: hidden;
}

#subnav ul {
	font-size: 13px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#subnav li {
	color: #ed1c24;
	font-weight: 600;
	font-size: 15px;
	border-bottom: 1px #d4d2d2 solid;
	padding: 0;
	background: none;
}

#subnav li.red {
	padding: 0 0 3px 0;
}

#subnav li a {
	color: #415464;
	display: block;
	padding: 5px 0;
	text-decoration: none;
	font-weight: 400;
	font-size: 13px;
}

#subnav li.current-cat a,
#subnav li.current_page_ancestor a,
#subnav li.current_page_item a,
#subnav li a:hover {
	color: #ed1c24;
}	

/*
 * #########################################################
 */

ul.paging { 
	list-style: none;
	padding: 0 0 10px 0;
	overflow: hidden;
	margin: 0 0 0 36%;
}

.page-template-page-news-php ul.paging,
.tax-news_category ul.paging {
	padding: 0;
	margin: 0 auto;
}

ul.paging li {
	float: left; 
	margin: 6px 6px 0 0;
}

ul.paging li a, 
ul.paging li.active { 
	display: block; 
	padding: 1px 6px 0 6px; 
	background-color: #f5f5f5; 
	border: 1px solid #ccc;
	text-decoration: none;
}

ul.paging li.active { 
	background-color: #334651;
	border-color: #ccc; 
	color: #fff;
}

/*
 * #########################################################
 */

.outer-footer {
	overflow: hidden;
	clear: both;
	/*background: #ED1C24;*/ background: #000;
margin-top: 20px;
}

#footer {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	min-height: 172px;
	position: relative;
	font-size: 11px;
	color: #fff;	
}

#footer .home-text {
    text-align: center;
    margin: auto;
}

#footer .home-text p {
	/* width: 580px; */ max-width: 580px;
	line-height: 22px;
	font-size: 14px;
	color: #fff;
	/* margin: 20px 0 0 0; */ margin: 30px auto;
}

.footer-logo {
	margin: 20px 0 0 0;
}

.hylandfooter, .hylandfooter a {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
    font-size: 16px;
color:#fff;
}

.hylandfooter .fa {
    color: #ed1c24;
    font-size: 30px;
    padding-bottom: 10px;
}

.outer-copy {
	overflow: hidden;
	clear: both;
	background: #393939;
}

.copy {
	font-size: 11px;
	color: #fff;
	text-transform: none;
	font-weight: bold;
	text-align: right;
	padding: 15px 0 15px 0;
}
.copy a {
	color: #fff;
} 

.copy a:hover {
	color: #ed1c24;
} 

ul#menu-services {
    padding: 0;
    margin: 0;
}

.menu-services-container li {
    list-style-type: none;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #000;
    margin-bottom: 5px;
width: /*300px*/ 33.1%;
display: inline-block;
}

.menu-services-container li a {
    color: #fff;
    font-weight: bold;
}

.menu-services-container li.current-menu-item {
    background: #ed1c24;
}



@media handheld, only screen and (min-width: 991px) {
#nav { position: relative; bottom: auto; left: 0; margin: 0; padding: 0; float: right; padding-top: 40px !important;}
h1#logo {float: left; display: inline; /*width: 330px; height: 75px;*/ margin: 20px 0 20px 0; padding: 0;}
}

@media (max-width: 970px) {
.responsiveSelectContainer ul, ul.responsiveSelectFullMenu, #megaMenu ul.megaMenu.responsiveSelectFullMenu { display: block !important; margin-left: 50px !important;}
}

@media handheld, only screen and (max-width: 990px) {
#nav { width: 100% !important;}
.outer-head .wrap {padding-left:0px !important; padding-right:0px !important;}
}

@media handheld, only screen and (max-width: 620px) {
.outer-hero .wrap { height: auto; margin-top: 50px;}
.wrap, .left, .right { padding-left: 20px !important; padding-right: 20px !important;
width: auto;}
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
 color: #fff;}
.menu-services-container li {width: 300px; display: block;  }
}