/*
Theme Name: SEGO
Description: Semantic, SEO Optimised, Custom Wordpress Theme for SEGO
Author: Hopping Mad Design
Author URI: http://www.hoppingmad.com.au/
*/

@font-face {
    font-family: 'cooper_hewitt';
    src: url('fonts/cooperhewitt-book-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-book-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'cooper_hewitt';
    src: url('fonts/cooperhewitt-semibold-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'cooper_hewitt';
    src: url('fonts/cooperhewitt-medium-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'cooper_hewitt';
    src: url('fonts/cooperhewitt-bold-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; }
input[type="search"] {	-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input{-webkit-appearance: none;}

/* Defaults */
html,body{height:100%;margin:0; }
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	color:#333333; 
	font: 62.5% 'cooper_hewitt', sans-serif;
	background:#e7e7e7;
}
img{border-style:none}
a{text-decoration:none;color:#0e606e;}
a:hover{color:#0493ad;}
input,textarea,select{font:100% 'cooper_hewitt', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'cooper_hewitt', sans-serif;}

img.alignleft {margin: 5px 30px 20px 0;}
.alignleft {float: left;}
img.alignright {margin: 5px 0 20px 30px;}
.alignright {float: right;}
.aligncenter {margin:20px auto;}


.clear{clear: both;}

h1, h2, h3, h4, h5, h6{
    margin: 0 0 0.7em;
    padding: 0;
	font-weight:400;
}
.entry-content p,.entry-content ul{
	margin:0 0 1em;
}
h1{
	font-size:3.6rem;
}
h2{
	font-size:2.8rem;
}
h3{
	font-size:2.4rem;
	font-weight:600;
}
h4{
	font-size:1.7rem;
	font-weight:500;
}

/* =====================
Layout
======================== */
.layout{
	max-width:1170px;
	margin:auto;
	position:relative;
}
.page-title{
	color:#0e606e;
	margin-bottom:1em;
}
.content-area{
	padding:45px 0 60px;
	min-height:500px;
}
.intro-content{
	font-size:2.2rem;
	border-bottom:1px solid #7aa3aa;
	padding-bottom:25px;
	margin-bottom:50px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.half{
	width:48.71%;
}
.col-2{
	width:74.35%;
}
.col-1{
	width:20.51%;
}
.table-content table{
	font-size:1.5rem;
	border-collapse:collapse;
	width:100% !important;
	line-height:1.6em;
	table-layout:fixed;
}
.table-content strong{
	font-weight:500;
}
.page-template-pt-contact .table-content table td{
	height:237px;
}
.table-content table td{
	vertical-align:top;
	border-bottom:1px solid #7aa3aa;
	padding:30px 20px 20px 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.table-content table td:last-child{
	padding-right:0;
}
.table-content a{
	font-size:1.7rem;
}
.entry-content{
	font-size:1.7rem;
	line-height:1.41em;
}
.entry-content img{
	max-width:100%;
	height:auto;
}
.entry-content h1, .entry-content h2, .entry-content h3{
	margin:1em 0 0.7em;
	line-height:1.4em;
}
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child{
	margin-top:0;
}
.entry-content ol{
	margin-left:30px;
}
.entry-content ul{
	position:relative;
	left:30px;
}
.entry-content li{
	padding:5px 0 5px 4px;
}
.entry-content:after{
	content:'';
	clear:both;
	display:block;
}
.anchor-tag{
	padding-top:30px;
	margin-top:-30px;
}

/* =====================
Header
======================== */
.site-branding{
	display:inline-block;
	float:left;
}
.site-branding img{
	display:block;
	height:100px;
	width:auto;
}
#masthead{
	background:#0e606e;
	z-index:200;
}
#desktop-menu{
	text-align:right;
	padding:0 40px 0 0;
	font-size:0;
}
.nav li{
	list-style:none;
	display:inline-block;
	font-size:1.7rem;
	line-height:1.764;
	color:#fff;
	padding:35px 0 35px;
	position:relative;
}
.nav li a{
	color:#fff;
	display:inline-block;
	padding:0 30px;
	position:relative;
	border-left:1px solid #71a1aa;
	cursor:pointer;
}
.nav li:first-child a{
	border:none;
}
.nav .current-menu-item a,.nav li a:hover{
	color:#a0d5e3;
}
.nav .dropdown-active{
	background:#0493ad;
}
.nav .dropdown-active:after{
	content:' ';
	width:1px;
	height:100%;
	background:#0493ad;
	right:-1px;
	top:0;
	z-index:10;
	position:absolute;
}
.nav .dropdown-active:before{
	content:' ';
	width:1px;
	height:100%;
	background:#0493ad;
	left:0;
	top:0;
	z-index:10;
	position:absolute;
}
.nav .dropdown-open a{
	padding-right:35px;
}
.dropdown-open a:after{
	content:'\f107';
	position:absolute;
	right:15px;
	top:4px;
	font:20px 'FontAwesome';
}
.dropdown-open.current-menu-item a:after{
	content:'\f106';
}
.dropdown.active{
	display:block;
}
.dropdown{
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#0493ad;
	z-index:200;
	padding:25px 100px 0;
	color:#fff;
	font-size:1.7rem;
	display:none;
	margin-top:-1px;
}
.dropdown table{
	color:#a0d5e3;
	font-weight:500;
	border-collapse:collapse;
	vertical-align:top;
	border:none;
	margin:27px 0 0;
}
.dropdown table a{
	color:#fff;
}
.dropdown table a:hover{
	color:#a0d5e3;
}
.dropdown table li{
	list-style:none;
	margin:13px 10px;
	font-weight:400;
}
.dropdown table td{
	width:33%;
	padding:0 30px 0 0;
}
.dropdown-close{
	color:#fff;
	position:absolute;
	right:25px;
	top:12px;
	font-size:30px;
	font-weight:400;
	cursor:pointer;
}

/* =====================
Footer
======================== */
#colophon{
	background:#2b7f8d;
	color:#fff;
	font-size:1.7rem;
	padding:30px 0 ;
}
#colophon a{
	color:#fff;
	display:inline-block;
}
.footer-menu{
	width:34.18%;
	float:left;
}
#copyright{
	float:left;
	width:48.6%;
	font-size:1.6rem;
}
#copyright a{
	margin:0 5px;
}
.design-by{
	text-align:right;
	float:left;
	width:17.22%;
	font-size:1.3rem;
}
.disclaimer{
	text-align:center;
	margin:20px 0 5px;
	font-size:1.3rem;
}

/* =====================
Info
======================== */
#internal-header .page-title{
	text-align:center;
	margin:0 0 0.6em;
}
#internal-header{
	margin-top:40px;
}
.header-wrapper{
	width:100%;
	height:auto;
	display:block;
}
.header-wrapper iframe{
	width:100%;
	display:block;
}
.header-wrapper img{
	width:100%;
	height:auto;
	display:block;
}
.header-line{
	border-top:1px solid #0e606e;
	margin:0 20px;
}
.side-menu li{
	display:block;
	margin:0 0 10px 15px;
	background:#0e606e;
}
.side-menu li a{
	display:block;
	color:#fff;
	font-size:1.7rem;
	padding:18px 20px;
}
.side-menu li:hover,.side-menu .current{
	margin-left:0;
	background:#0493ad;
}
.patient-info-content{
	margin-bottom:60px;
}
.faq-wrapper {
	margin:0 0 60px;
}
.faq-wrapper header{
	background:#0493ad;
	color:#fff;
	padding:12px 20px;
	font-size:2.8rem;
}
.faq .question{
	font-size:2.2rem;
	font-weight:500;
	color:#0e606e;
	margin:0;
	padding-left:40px;
	position:relative;
	cursor:pointer;
}
.faq{
	border-bottom:2px solid #9bcbd3;
	padding:12px 0;
	margin:0 30px;
}
.question:before{
	content:'\f061';
	position:absolute;
	left:7px;
	top:5px;
	font:normal normal normal 14px/1 FontAwesome;
	color:#0e606e;
}
.active .question:before{
	content:'\f063';
}
.answer{
	display:none;
	margin:20px 0 10px 40px ;
}
.active .answer{
	display:block;
}

/* =====================
Home
======================== */
.slideshow-wrapper{
	top:-100px;
	position:relative;
	margin-bottom:-40px;
}
.slideshow img{
	width:100%;
	display:block;
	height:auto;
}
.slideshow li{
	list-style:none;
	display:none;
	width:100%;
}
.slideshow li:first-child{
	display:block;
}
.slide-content{
	color:#fff;
	background:#0493ad;
	max-width:530px;
	padding:25px 25px 30px;
	font-size:2.2rem;
	line-height:1.45em;
}
.slide-content-wrapper{
	position:absolute;
	bottom:7.09%;
	left:0;
	width:100%;
}
.slide-nav{
	color:#fff;
	position:absolute;
	top:50%;
	font-size:60px;
	z-index:200;
	cursor:pointer;
}
.slide-nav.prev{
	left:2.08%;
}
.slide-nav.next{
	right:2.08%;
}
.home-boxes-wrapper{
	background:#a0d5e3;
	color:#fff;
	margin-top:70px;
}
.home-boxes table{
	border-collapse:collapse;
	background:#0e606e;
	font-size:1.7rem;
	line-height:1.4em;
}
.home-boxes td:nth-child(2){
	background:#003b46;
}
.home-boxes td:nth-child(3){
	background:#0493ad;
}
.home-boxes td{
	vertical-align:top;
	padding:30px 25px 50px;
}
.home-boxes table p{
	margin-bottom:0.5em;
}
.profile{
	max-width:970px;
	margin:auto;
}
.profile-left{
	width:38.14%;
	padding-top:75px;
}
.profile-right{
	width:58.76%;
}
#page .profile-right img{
	display:none;
}
.profile-left img{
	display:block;
	width:100%;
	height:auto;
}
.profile-right h1{
	color:#0e606e;
	font-weight:400;
	display:inline-block;
	border-bottom:1px solid #0e606e;
	padding-bottom:20px;
}
.home-content-2{
	margin-top:50px;
}
.home-content-2 .right{
	padding-top:50px;
}
#menu-landing{
	background:#0493ad;
	color:#fff;
	font-size:1.7rem;
	min-height:800px;
}
#menu-landing td{
	display:block;
	color:#a0d5e3;
	padding:10px 0;
}
#menu-landing li{
	list-style:none;
	padding:5px 10px;
}
#menu-landing a{
	color:#fff;
}
#menu-landing p{
	margin-bottom:10px;
}

#open-mobile-menu,#page .mobile-image{
	display:none;
}
/* =====================
Slide menu defautl style
======================== */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:500;width:270px;overflow-x:none;overflow-y:auto;background:#0e606e;}
.sidr .sidr-inner{padding:0 0 15px}
.sidr.right{left:auto;right:-270px}
.sidr.left{left:-270px;right:auto}

/* 1024px  */
@media screen and (max-width:1024px){
	.site-branding img{
		height:80px;
	}
	.slide-content{
		font-size:1.7rem;
		padding:20px 20px 25px;
	}
	.slideshow img{
		height:450px;
		width:auto;
	}
	.slideshow li{
		overflow:hidden;
	}
	.layout{
		padding-left:20px;
		padding-right:20px;
	}
	#masthead,.home-boxes-wrapper .layout,#internal-header{
		padding:0;
	}
	.slide-nav{
		display:none;
	}
	.header-wrapper iframe{
		height:500px;
	}
	.page-title{
		padding:
	}
	#desktop-menu{
		display:none;
	}
	#open-mobile-menu{
		display:block;
		color:#fff;
		font-size:30px;
		position:absolute;
		right:0;
		top:0;
		padding:20px;
	}
	.mobile-menu a{
		color:#fff;
		padding:10px 0;
		display:inline-block;
	}
	.mobile-menu li{
		list-style:none;
		border-bottom:1px solid #6ea0a8;
		padding:5px 0;
	}
	.mobile-menu{
		font-size:1.7rem;
		padding:75px 15px 0;
	}
	.sidr-open #open-mobile-menu .fa-bars{
		display:none;
	}
	.sidr-open #open-mobile-menu{
		background:url(images/close.png) no-repeat center center / 16px auto;
		width:60px;
		height:80px;
	}
	.slideshow-wrapper{
		top:auto;
		margin-bottom:30px;
	}
	.entry-content,.home-boxes table{
		font-size:1.5rem;
	}
	h1{
		font-size:2.8rem;
	}
	h2{
		font-size:2.4rem;
	}
	h3{
		font-size:2rem;
	}
	#colophon{
		font-size:1.8rem;
	}
	#copyright,.design-by{
		font-size:1.5rem;
	}
	.intro-content{
		font-size:1.7rem;
		margin-bottom:20px;
		padding-bottom:20px;
	}
	.faq .question{
		font-size:1.7rem;
	}
	.header-wrapper{
		padding:0 20px;
	}
	.entry-content img{
		float:none !important;
		display:block;
	}
	.page-template-pt-contact .table-content table td{
		height:auto;
	}
	.table-content table{
		font-size:1.7rem;
	}
	
	.page-template-pt-contact #page .left, .page-template-pt-contact #page .right{
		float:none;
		width:100%;
	}
	.table-content a{
		font-size:1.5rem;
	}
	#page .mobile-image{
		display:block;
		width:100%;
		height:auto;
	}
	#page .desktop-image{
		display:none;
	}
}

/* 600px  */
@media screen and (max-width:600px){
	
	.slide-content-wrapper{
		position:relative;
		left:auto;
		bottom:auto;
		width:100%;
	}
	.slide-content-wrapper .layout{
		padding:0;
	}
	.profile-left{
		display:none;
	}
	#page .profile-right img{
		display:block;
		max-width:100%;
		height:auto;
	}
	.home-content-2 .right{
		padding-top:10px;
	}
	.home-content-2 .right img{
		max-width:100%;
		height:auto;
	}
	.home-boxes td{
		display:block;
		padding:30px 20px ;
	}
	.home-content-2{
		margin-top:20px;
	}
	.footer-menu,#copyright,.design-by{
		float:none;
		width:100%;
		margin-bottom:10px;
		text-align:center;
	}
	.table-content table td{
		display:block;
		padding:20px 0;
		height:auto;
	}
	#page .left, #page .right{
		float:none;
		width:100%;
	}
	.patient-info-content{
		margin:30px 0;
	}
	.content-area{
		padding-top:30px;
	}
	.header-wrapper iframe{
		height:235px;
		display:block;
	}
	.page-template-pt-info .content-area{
		padding-top:0;
	}
	.side-menu{
		background:#0e606e;
	}
	.side-menu li:hover, .side-menu .current{
		background:#0e606e;
	}
	.side-menu li{
		display:inline-block;
		margin:0;
		padding:10px 0;
	}
	.side-menu li a{
		border-right:1px solid #fff;
		padding:4px 20px;
		font-size:1.5rem;
	}
	.side-menu li:last-child a{
		border:none;
	}
	.col-1{
		margin-bottom:35px;
	}
	#internal-header{
		margin-top:20px;
	}
	.faq{
		margin:0;
	}
	.faq img{
		float:none;
		max-width:100%;
		height:auto;
		display:block;
	}
	.faq-wrapper{
		margin:0 0 30px;
	}
	.anchor-tag{
		padding:0;
		margin:0;
	}
	.faq-wrapper header{
		font-size:2.2rem;
		margin:0 -20px;
	}
	.header-wrapper{
		padding:0;
	}
	.side-menu{
		width:calc(100% + 40px)!important;
		margin:0 -20px 0;
	}
}