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

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Black.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue.woff2') format('woff2'),
        url('fonts/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    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:top}
* { -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%;
	font-size: 62.5% ;
}
body{font-family:'Helvetica Neue', sans-serif;color:#575756; }
img{border-style:none;}
a{text-decoration:none;color:#00b1b2;}
a:hover{color:#00b1b2;text-decoration:none;}
input,textarea,select{font:100% 'Helvetica Neue', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'Helvetica Neue', sans-serif;}

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

h1, h2, h3, h4, h5, h6{
    margin: 0 0 0.7em;
    padding: 0;
}
h2{
	font-size:2.8rem;
}
h3{
	font-size:2.8rem;
}
h4{
	font-size:2.4rem;
}

/* =====================
Text Styles
======================== */
.entry-content{
	line-height:1.3;
	font-size:1.4rem;
}
.entry-content h3{
	font-weight:700;
	line-height:1.33;
}
.entry-content h4{
	font-weight:400;
	line-height:1.33;
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{
	margin-top:1em
}
.entry-content h1:first-child,.entry-content h2:first-child,.entry-content h3:first-child,.entry-content h4:first-child{
	margin-top:0
}
.entry-content img{
	max-width:100%;
	height:auto;
}
.entry-content iframe{
	max-width:100%;
}
.entry-content p,.entry-content ul{
	margin:0 0 1em;
}
figure{
	margin:1em 0;
	max-width: 100% !important;
}
.entry-content table{
	max-width:100%;
	empty-cells:hide;
	border-collapse:collapse;
	border:none;
	margin:1em 0 2em;
}
.intro-text{
	font-size:1.6rem;
}
.entry-content hr{
	border-top:1px solid #009999;
	margin:2.45em 0 2em;
}
.entry-content ul li:before{
	content:' ';
	width:8px;
	height:8px;
	background:#2b9291;
	position:absolute;
	left:0;
	top:5px;
	-moz-border-radius:50%; 
	-webkit-border-radius:50%;
	border-radius:50%; 
}
.entry-content ul li{
	list-style:none;
	padding-left:20px;
	position:relative;
	margin-bottom:0.1em;
}
.btn:hover{
	background:#3e9f9f;
	color:#fff;
}
.btn{
	display:inline-block;
	font-size:1.8rem;
	font-weight:700;
	-webkit-border-radius:0;
	border-radius:0;
	line-height:2.66;
	padding:0 3em;
	border:none;
	background:#3e9f9f;
	color:#fff;
}


/* =====================
Layout
======================== */
.clear{clear: both;}
.container{
	max-width:1200px;
}
.section{
	margin-bottom:40px;
}
.row.reverse{
	flex-direction:row-reverse
}

/* =====================
Header
======================== */
#page{
	padding-top:80px;
	position:relative;
}
#masthead{
	padding:13px 0 15px;
	height:80px;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:300;
	background:#fff;
	-moz-box-shadow: inset 0 -2px 2px -2px #888;
	-webkit-box-shadow:inset  0 -2px 2px -2px #888;
	box-shadow: inset 0 -2px 2px -2px #888;
}
.site-branding{
	display:inline-block;
	float:left;
}
.site-branding img{
	display:block;
	width:255px;
	height:auto;
}
.header-right{
	float:right;
	display:inline-block;
	padding: 10px 0 0;
}
#desktop-menu {
	font-weight:700;
	font-size:1.4rem;
}
#desktop-menu li a{
	color:#575756;
}
#desktop-menu li:first-child{
	margin-left:0;
}
#desktop-menu li{
	list-style:none;
	display:inline-block;
	text-transform:uppercase;
	margin-left:40px;
}
#desktop-menu .current-menu-item a, #desktop-menu li:hover a{
	color:#00b1b2; 
}

/* =====================
Footer
======================== */
#colophon{
	background:#575756;
	color:#fff;
	padding:25px 0 25px;
	margin-top:60px;
}
.footer-menu li{
	list-style:none;
	font-size:1.4rem;
	font-weight:700;
	line-height:1.7em;
	text-transform:uppercase;
}
#colophon a{
	color:#fff;
}
.footer-menu{
	display:inline-block;
	float:left;
}
.footer-content{
	display:inline-block;
	float:right;
	font-size:1.5rem;
	line-height:1.6em;
	width:370px;
	position:relative;
}
.footer-content strong{
	font-weight:900;
}
.footer-socials a{
	color:#fff;
}
.footer-socials{
	position:absolute;
	left:-35px;
	top:0;
	font-size:32px;
}
.site-info{
	border-bottom:1px solid #fff;
	padding:0 0 25px;
	margin-bottom:25px;
}
#copyright{
	display:inline-block;
	float:left;
	font-size:1.2rem;
}
.design-by{
	display:inline-block;
	float:right;
	font-size:1.2rem;
	width:370px;
}
.disclaimer{
	font-size:1.2rem;
	margin-top:20px;
}

/* =====================
Slider
======================== */
.cycle-slideshow li{
	list-style:none;
	display:none;
	width:100%;
}
.cycle-slideshow li img{
	display:block;
	width:100%;
	height:auto;
}
.slide-content-wrapper{
	position:absolute;
	left:0;
	width:100%;
	top:20.9%;
}
.slide-content {
	color:#fff;
	font-weight:700;
	font-size:5rem;
	line-height:1;
	border:10px solid #fff;
	border-bottom:none;
	background:url(images/border.png) no-repeat left bottom / auto 10px;
	max-width:690px;
	padding: 50px 30px 55px;
}


/* =====================
Two columns content
======================== */
.white,.white a {
	color:#fff;
}
.content-right .entry-content{
	padding-left:45px;
}
.two-columns-content{
	padding:70px 0 ;
}
.content-right-large .entry-content{
	max-width:700px;
}


/* =====================
Banner
======================== */
.banner-image img{
	display:block;
	width:100%;
	height:auto;
}
.banner-content-wrapper{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.banner-image{
	position:relative;
}
.banner-content{
	color:#fff;
	margin:45px 30px 0;
	max-width:330px;
	font-weight:700;
	line-height:1.5em;
}
.banner-content h3{
	font-weight:700;
	font-size:2.8rem;
}

/* =====================
panel
======================== */
.panel{
	position:relative;
	background:#006f6e;
	min-height:430px;
	overflow:hidden;
	margin-bottom:20px;
}
.panel img{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:auto;
}
.panel-content{
	padding: 20px 25px 5px;
	color:#fff;
	position:relative;
	z-index:5;
	font-weight:700;
	line-height:1.5em;
}
.panel-content a{
	color:#fff;
}
.panels-2-col .panel{
	min-height:415px;
	background:none;
}
.panels-2-col .panel-content{
	padding: 45px 25px 5px;
}

/* =====================
Header Image
======================== */
.header-content-wrapper{
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.header-image img{
	display:block;
	width:100%;
	height:auto;
}
.header-image{
	position:relative;
}
.header-content{
	color:#fff;
	border:8px solid #fff;
	border-bottom:none;
	background:url(images/border.png) no-repeat left bottom / auto 8px;
	padding: 30px 20px;
	max-width:390px;
	font-size:2.8rem;
	font-weight:700;
	min-height:200px;
}

/* =====================
Contact
======================== */
#contact-page{
	background:#757574;
	color:#fff;
	margin-bottom:-60px;
	padding:120px 0 80px;
}
#contact-page a{
	color:#fff;
}
.contact-content p{
	margin:0 auto 1.2em;
}
.contact-content{
	max-width:770px;
	margin:auto;
	text-align:center;
}
.contact-content strong{
	margin: 0 10px;
}
.location{
	line-height:29px;
}
.location:before{
	content:'\f456';
	font-family: "Ionicons";
	font-size:28px;
	color:#009999;
	vertical-align:bottom;
	margin-right:12px;
}

/* =====================
Form
======================== */
#page .gfield_label{
	display:none;
}
#page .ginput_container{
	margin:0;
}
#page .entry-content .gform_wrapper{
	margin:0 0 50px;
}
#page .gform_title{
	font-size:2.8rem;
	margin:0 0 0.7em;
	text-align:center;
}
#page .gform_description{
	font-size:1.8rem;
	max-width:680px;
	margin:0 auto 30px;
	display:block;
	text-align:center;
}
#page .gfield.clear{
	display:block;
}
#page .gfield{
	list-style:none;
	padding:0;
	margin:0 0 12px;
	display:inline-block;
	width:100%;
	text-align:left;
}
#page .gfield.col-1-3{
	width:31.62%;
	margin-right:2.56%;
}
#page .gfield.last{
	margin-right:0;
}
#page .gfield input[type='text'],
#page .gfield input[type='email'],
#page .gfield input[type='tel']{
	width:100%;
	border:1px solid transparent;
	padding: 0 15px;
	font-size:1.5rem;
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	border-radius:0;
	height:2.66em;
	color:#292929;
	background:#fff;
}
#page .entry-content .gfield select{
	width:100%;
	border:1px solid #a1a1a1;
	padding: 0 15px;
	font-size:1.5rem;
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	border-radius:0;
	height:2.66em;
}
#page .entry-content .gfield textarea{
	width:100%;
	border:1px solid #a1a1a1;
	padding: 10px 15px;
	font-size:1.5rem;
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	border-radius:0;
	height:250px;
}
#page .gform_button {
	background:#009999;
	border:none;
	color:#fff;
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	border-radius:0;
	font-size:1.6rem;
	height:2.66em;
	font-weight:700;
	min-width:160px;
	text-align:center;
	padding: 0 20px;
	text-transform:uppercase;
	cursor:pointer;
	margin:0;
}
#page .gform_footer {
	margin:15px 0 0;
	padding:0;
	text-align:center;
}
#page .validation_error{
	padding: 0;
	border:none;
	font-size:1.6rem;
}
#page .gfield_error {
	border:none;
	background:none;
	max-width:100% !important;
}
#page .validation_message{
	padding:0;
	font-size:1.1rem;
}
#page .gform_confirmation_message{
	font-size:2.8rem;
	padding:30px 0;
	min-height:200px;
}

/* =====================
Member
======================== */
.no-header-img{
	border-top:155px solid #006666;
	padding: 80px 0 0;
}
.member-content{
	font-size:1.4rem;
	margin-left:-40px;
}
.member-content strong{
	font-size:1.6rem;
}
.member-name{
	font-size:2.4rem;
	font-weight:700;
	margin-bottom:1.5em;
}
.member-pic img{
	display:block;
	max-width:100%;
	height:auto;
}
.member-pic{
	max-width:300px;
}
.member-social-links{
	text-align:right;
	margin:10px 0 ;
	max-width:300px;
}
.member-social-links a{
	margin-right:15px;
	color:#575756;
	font-size:36px;
	vertical-align:middle;
}
.business-card{
	display:inline-block;
	width:39px;
	height:27px;
	background:url(images/business-card.jpg) no-repeat left top / 100% auto;
}
.member-name-list header{
	color:#006666;
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:0.5em;
}
.member-name-list li{
	font-size:1.6rem;
	list-style:none;
	margin-bottom:0.3em;
}
.member-name-list a{
	color:#575756;
}
.member-avatar {
	position:relative;
	overflow:hidden;
	padding-top:95.53%;
}
.member-avatar img{
	display:block;
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	top:0;
}
.member header{
	background:#ebebeb;
	text-align:center;
	color:#575756;
	font-size:2rem;
	font-weight:700;
	padding:10px 0 22px;
}
.member header:after{
	content:' ';
	width:30px;
	height:3px;
	background:#109e9e;
	display:block;
	margin:10px auto 0 ;
}
.member{
	display:block;
	margin-bottom:40px;
}
.in-memoriam{
	background:#ebebeb;
	padding:70px 0 120px;
	margin-bottom:-60px;
}
.in-memoriam header:after{
	content: ' ';
	width: 30px;
	height: 3px;
	background: #109e9e;
	display: block;
	margin: 10px auto 0;
}
.in-memoriam header{
	background: #ebebeb;
	color: #575756;
	font-size: 2rem;
	font-weight: 700;
	padding: 0 0 22px;
	text-align:center;
	margin-top:10px;
}
.in-memoriam h3{
	font-weight:700;
}
.in-memoriam  .entry-content{
	font-size:1.6rem;
	padding-left:30px;
}
.sub-heading{
	font-size:3rem;
	font-weight:700;
}

/* =====================
Experience
======================== */
.exp-pic img{
	display:block;
	max-width:100%;
	height:auto;
}
.exp-pic{
	margin-bottom:40px;
}
.exp-title{
	color:#009999;
	font-size:2.8rem;
	font-weight:700;
	margin-bottom:0.8em;
}
.exp-cat{
	color:#009999;
	font-size:1.8rem;
	font-weight:700;
	text-transform:uppercase;
}
.exp-info li{
	list-style:none;
	margin-bottom:5px;
}
.exp-info{
	border:7px solid #00b0b1;
	max-width:355px;
	padding:20px 20px ;
	margin-top:50px;
	font-size:1.8rem;
	line-height:1.22em;
	color:#009999;
	position:relative;
}
.exp-info:after{
	content:' ';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 0;
	border-color: #ffffff transparent transparent transparent;
	position:absolute;
	bottom:-7px;
	left:0;
}
.exp-info label{
	font-weight:700;
	display:inline-block;
	width:100px;
}
.exp-info value{
	display:inline-block;
	width:calc(100% - 100px);
}
.exp-content{
	margin-bottom:40px;
}
.exp-btn span{
	color:#575756;
}
.exp-btn{
	padding-left:55px;
	position:relative;
	font-size:1.8rem;
	font-weight:700;
	display:inline-block;
	line-height:35px;
}
.exp-btn:before{
	content:' ';
	width:35px;
	height:35px;
	border:6px solid #00b0b1;
	position:absolute;
	left:0;
	top:0;
}
.exp-btn:after{
	content:' ';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 0;
	border-color: #ffffff transparent transparent transparent;
	position:absolute;
	top:28px;
	left:6px;
}
.all-transactions header{
	font-size:2.6rem;
	margin-bottom:0.8em;
	font-weight:700;
	color:#009999;
}
.all-transactions li{
	list-style:none;
	display:inline-block;
	min-width:13.5%;
	margin:0 2.8% 20px 0;
}
.all-transactions li:last-child{
	margin-right:0;
}
.all-transactions li a{
	display:block;
	border:1px solid #2b9291;
	color:#009999;
	font-size:1.6rem;
	line-height:2.77;
	font-weight:700;
	text-align:center;
}
.all-transactions .current a,.all-transactions  li a:hover{
	background:#2b9291;
	color:#fff;
}
.all-transactions{
	padding-bottom:30px;
	text-align:center;
}
.exp-list{
	background:#e1e1e1;
	padding: 80px 0 100px;
}
.exp{
	background:#fff;
	border:1px solid #575756;
	color:#575756;
	text-align:center;
	display:block;
	padding:20px 20px 5px;
	margin-bottom:10px;
	min-height:250px;
}
.exp h3{
	font-size:1.6rem;
	color:#2b9291;
	font-weight:700;
}
.exp-thumb{
	height:85px;
	margin-bottom:17px;
	overflow:hidden;
}
.exp-thumb img{
	height:100%;
	width:auto;
	display:block;
	margin:auto;
}
.efl-thumb:before{
	content:' ';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
}
.efl-thumb{
	height:300px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
}
.efl-thumb img{
	height:100%;
	width:auto;
	display:block;
}
.efl{
	position:relative;
	display:block;
}
.efl:hover .efl-content{
	background:#006f6e;
}
.efl-content{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
	color:#fff;
	padding: 20px 20px;
}
.efl-content h3{
	font-size:2.6rem;
	font-weight:700;
}
.exp-list .exp-btn{
	margin-top:35px;
}
.exp-list .exp-btn:after{
	border-color: #e1e1e1 transparent transparent transparent;
}
.exp-list-heading{
	font-weight:700;
	font-size:2.6rem;
	color:#009999;
	margin-bottom:1.5em;
}
.experience-section .all-transactions{
	margin-top:25px;
}
.tax-transaction .exp-list{
	margin-bottom:-60px;
}
.tax-transaction .all-transactions{
	margin-top:-30px;
}



.mobile{
	display:none;
}

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

/* 1200  */
@media screen and (max-width:1200px){
	#desktop-menu{
		display:none;
	}
	.site-branding img{
		width:200px;
		height:auto;
	}
	#open-mobile-menu{
		display:inline-block;
		color:#006f6e;
		font-size:36px;
		float:right;
	}
	.header-right{
		padding:0;
	}
	#masthead{
		padding:10px 0 5px;
	}
	.mobile-menu{
		padding: 40px 30px 20px;
		color:#fff;
		font-size:1.8rem;
	}
	.mobile-menu li{
		list-style:none;
		margin: 0 0 20px;
		overflow:hidden;
		position:relative;
		padding-right:1px;
		text-transform:uppercase;
	}
	.mobile-menu li a{
		margin-right:25px;
		color:#fff;
		display:block;
	}
	.sidr-open #page{
		opacity:0.5;
	}
	.slide-content{
		font-size:3rem;
		border:none;
		background:none;
		padding:0;
	}
	.slide-image{
		overflow:hidden;
		width:100%;
	}
	.two-columns-content{
		padding:30px 0 20px;
	}
	h3{
		font-size:2.6rem;
	}
	h4{
		font-size:2rem;
	}
	.content-right .entry-content{
		padding:0;
	}
	.banner-image{
		overflow:hidden;
		width:100%;
	}
	.banner-content{
		margin: 40px 15px 0;
	}
	.banner-content h3{
		font-size:2.6rem;
	}
	.banner-image img{
		min-height:300px;
		width:auto;
	}
	.section{
		margin-bottom:20px;
	}
	
	.panel-content{
		padding:20px 15px 10px;
	}
	.entry-content{
		font-size:1.5rem;
	}
	#colophon{
		margin-top:30px;
	}
	.header-content{
		border:none;
		background:none;
	}
	.header-image {
		width:100%;
		overflow:hidden;
	}
	.header-content{
		font-size:2.4rem;
		min-height:0;
		padding:0;
	}
	.intro-text{
		font-size:1.6rem;
	}
	.entry-content hr{
		margin:2em 0 1.55em;
	}
	#contact-page{
		margin-bottom:-30px;
		padding:60px 0 40px;
	}
	#page .gform_title{
		font-size:2.4rem;
	}
	#page .gform_description{
		font-size:1.6rem;
	}
	.exp-list-heading{
		font-size:2.4rem;
	}
	.exp{
		padding:15px;
	}
	.all-transactions ul{
		display:block;
	}
	.all-transactions li{
		flex-grow: none;
		flex-basis: none;
		display:inline-block;
	}
	.all-transactions li a{
		padding: 0 20px;
		font-size:1.6rem;
	}
	.all-transactions header{
		font-size:2.4rem;
	}
	.all-transactions{
		padding-bottom:10px;
	}
	.experience{
		margin-top:-20px;
	}
	.exp-list{
		padding:40px 0 50px;
	}
	.no-header-img{
		border-width:70px;
		padding-top:50px;
	}
	.exp-btn{
		font-size:1.6rem;
		padding-left:45px;
	}
	.member-content{
		margin:0 0 30px;
	}
	.member-name{
		margin-bottom:1em;
	}
}

/* 800  */
@media screen and (max-width:800px){
	.cycle-slideshow li img{
		height:320px;
		width:auto;
	}
	.panel{
		min-height:0;
	}
	.panel img{
		width:100%;
		height:auto;
	}
	.footer-menu{
		display:none;
	}
	.footer-content{
		float:none;
		margin-left:35px;
		width:auto;
	}
	.design-by,#copyright{
		display:block;
		float:none;
		width:100%;
		margin:0;
	}
	#page .gfield.col-1-3{
		width:100%;
		margin-right:0;
	}
	.contact-content p strong{
		display:block;
	}
	.contact-content br{
		margin-bottom:20px;
		display:block;
	}
	.panels-2-col .panel{
		min-height:0;
	}
	.header-image img{
		height:200px;
		width:auto;
	}
	.two-columns-content{
		padding-top:15px;
	}
	.in-memoriam  .entry-content{
		padding-left:0;
	}
}