/*
Theme Name:Martlec
Author:Jonico Bansil & Tracey Shaw @ GOOP
Author URI:http://www.goop.com.au/
Description:Custom WordPress theme for Martlec.
Version:1.0
*/

@import url("css/base.css");
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");

html, body {height:100%;margin:0;padding:0;line-height:1.3;font-size:90%;background:#a6ce39;color:#525a5f;font-weight:400;}
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
a, img, li {-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

/* Fonts */
body, input, select, textarea, label, button {font-family: 'Roboto Condensed', sans-serif;}
aside .action li:first-child span {font-family: 'Anton', sans-serif;}
#responsive ul li.menu-item-has-children:before, article a.pdf:before {font-family:'FontAwesome';}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {font-family: 'Roboto Condensed', sans-serif!important;}

h2, h3, h4, h5, h6 {font-weight:normal;}
#martlec {padding:0;position:relative;background:#ffffff;}

/* Header */
header.container {padding:20px 10px;position:relative;z-index:100;}
header #logo {text-align:center;}
header #logo img {width:100%;max-width:200px;margin:0 auto;display:block;}
header #details {list-style:none;display:block;text-align:center;margin:20px 0 0;}
header #details li {color:#232830;font-size:1.3em;font-weight:400;text-transform:uppercase;}
header #details li:nth-child(2) {color:#b8b4b4;font-size:1.1em;}
header #details li:nth-child(3) {font-weight:700;font-size:1.6em;}

/* Responsive Menu */
#responsive {display:block;position:relative;z-index:1000;}
#responsive > ul {background:#232830;box-shadow:inset 0 -5px 5px #1b1e24;padding:0;display:none;}
#responsive ul li {border-bottom:1px solid #1b1e24;line-height:30px;min-height:30px;padding:0 10px;text-transform:uppercase;font-size:1.1em;}
#responsive ul li:last-child {border:none;}
#responsive ul li:hover {background:#1b1e24;}
#responsive ul li a {color:#ffffff;text-decoration:none;display:block;line-height:35px;height:35px;}
#responsive ul li.menu-item-has-children > a {width:90%;}
#responsive ul li.menu-item-has-children {position:relative;}
#responsive ul li.menu-item-has-children:before {position:absolute;top:3px;right:10px;content:"\f107";color:#cccccc;}
#responsive ul li > ul {opacity:0;position:absolute;top:-999px;left:-999px;}
#responsive ul li:hover > ul {opacity:1;position:relative;top:auto;left:auto;display:block;height:auto;width:auto;white-space:nowrap;margin:0 -10px;text-align:left;overflow:visible;}
#responsive ul li ul li {font-size:0.8em;background:#1b1e24;}
#responsive span {font-size:2em;padding:10px;position:absolute;left:0;color:#231f20;line-height:1em;cursor:pointer;}

/* Navigation */
nav {padding:0;display:block;position:relative;display:none;z-index:999;margin-top:10px;}
nav ul {text-align:right;margin:0;padding:0;height:30px;}
nav ul li {text-transform:uppercase;font-size:1.1em;line-height:30px;display:inline-block;margin:0 0 0 7px;position:relative;font-weight:700;}
nav ul li > a {color:#232830;text-decoration:none;border-bottom:2px solid transparent;}
nav ul li:hover > a, nav ul li.current-menu-item > a, nav ul li.current-page-ancestor > a {color:#a6ce39;}
nav ul li ul {position:absolute;top:-99999px;left:0;opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;z-index:1;}
nav ul li:hover > ul {opacity:1;position:absolute;top:100%;left:0;display:block;height:auto;width:auto;white-space:nowrap;margin-top:0;text-align:left;padding:0;}
nav ul li ul li {display:block;margin:0;font-size:0.8em;background:#232830;padding:0;line-height:25px;height:25px;}
nav ul li ul li a {color:#fff;border:none;padding:0 10px;}
nav ul li ul li.current-menu-item a, nav ul li ul li:hover a {color:#a6ce39;}

/* Slideshow */
section#slideshow {position:relative;z-index:1;}
section#slideshow .cycle-slideshow {width:100%;height:200px;}
section#slideshow .cycle-slideshow div {width:100%;height:200px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;display:none;}
section#slideshow .cycle-pager {position:absolute;bottom:20px;width:100%;text-align:center;z-index:1000;}
section#slideshow .cycle-pager a {background:rgba(44,44,44,0.7);color:transparent;overflow:hidden;display:inline-block;width:50px;height:10px;margin:0 2px;}
section#slideshow .cycle-pager a:hover, section#slideshow .cycle-pager a.cycle-pager-active {background:rgba(44,44,44,0.9);}

/* Services */
section#services {background:#a6ce39;padding:0;text-align:center;}
section#services ul {list-style:none;padding:5px;}
section#services ul li {margin:0;position:relative;}
section#services ul li img {display:block;margin:5px 5px 5px auto;}
section#services ul li a {position:absolute;top:0;left:0;bottom:0;background:#ffffff;width:60%;text-decoration:none;color:#525a5f;text-align:left;padding:15px 15px 0;margin:5px;}
section#services ul li a h4 {color:#a6ce39;display:block;font-size:1.8em;line-height:22px;margin-bottom:10px;text-transform:uppercase;}
section#services ul li a span {background:#232830;color:#ffffff;display:block;font-weight:700;margin:12px 0 0;padding:4px 4px 15px;text-align:center;text-decoration:none; text-transform:uppercase;width:60px;position:absolute;bottom:0;}
section#services ul li a:hover span {background-color:#a6ce39}



/* Article */
article {position:relative;margin:0;padding:15px 0; text-align: justify;}
article h1 {font-size:1.8em;margin:0 0 10px;color:#232830; font-weight: 700}
article h2 {font-size:1.6em;margin:0 0 5px;color:#232830; font-weight: 700}
article h3 {font-size:1.5em;margin:0 0 3px;color:#232830; font-weight: 700}
article h4, article h5, article h6 {font-size:1.3em;margin:0 0 10px;color:#232830; font-weight: 700}
article p {font-size:1em;margin:0 0 1em;}
article ul, article ol {margin:0 10px 15px 30px;}
article p + ul, article p + ol {margin:-5px 10px 15px 30px;}
article ul li, article ol li {margin-bottom:3px;font-size:1em;}
article ul.columns-2 {float:left;}
article ol li ul {margin-top:10px;list-style:disc;}
article ul li ul {margin:3px 20px;}
article ul li small, article ol li small {font-size:0.9em;}
article blockquote {font-size:0.9em;}
article blockquote:first-of-type {margin-top:20px;}
article table {margin:0 0 20px 0;border-collapse:collapse;}
article table, article table th, article table td {border:1px solid #444444;}
article table tr th {padding:3px 10px 3px;font-size:1em;text-align:left;}
article table tr td {padding:3px 10px 3px;font-size:1em;text-align:left;}
article hr {border-color:#444444;height:1px;}
article .domain:before {content:"\40";margin-right:0px;}

/* Article Extras */
article a.pdf:before {content:"\f0f6";margin-right:5px;}

/* Links */
article a {color:#444444;text-decoration:none;border-bottom:1px solid #dddddd;}
article a:hover {color:#a6ce39;border-bottom:1px solid #a6ce39;}

aside a {color:#444444;text-decoration:none;}
aside a:hover {color:#a6ce39;}

/* Posts & Children */
article .page, article .post {clear:both;padding:20px 0 0;margin:20px 0 0;border-top:1px solid #cccccc;}
article .page:first-child, article .post:first-child {padding-top:0;margin-top:0;border-top:none;}
article .page:only-child, article .post:only-child {padding-top:0;margin-top:0;border-top:none;}
article .page h2.title, article .post h2.title {background:none;padding:0;margin:0 0 5px;}
article .page h2.title a, article .post h2.title a {border:none;text-decoration:none;padding:0;margin:0;color:inherit;}
article .page h2.title a:hover, article .post h2.title a:hover {background:none;}
article .page small, article .post small, .single article small {display:block;font-size:0.8em;margin:0 0 10px;text-transform:uppercase;opacity:0.7;}
article .page p, article .post p {display:inline;}
article .page a.readmore, article .post a.readmore {white-space:nowrap;}

/* Images */
.alignnone {margin:0 0 1em 0;}
.aligncenter, div.aligncenter {display:block;margin:0 auto 1em;}
.alignright {float:right;margin:0 0 1em 1em;}
.alignleft {float:left;margin:0 1em 1em 0;}
.aligncenter {display:block;margin:0 auto;}
img, img[class*="align"], img[class*="wp-image-"] {max-width:100%;height:auto;}
img.alignright {margin-left:0 0 1em 1em;}
img.alignleft {margin:0 1em 1em 0;}
img.aligncenter {display:block;margin:0 auto 1em;}
img[class*="align"], img[class*="wp-image-"] {border:none;}
.wp-caption {margin-bottom:1em;margin-left:0;max-width:96%;text-align:center;position:relative;}
.wp-caption img {display:block;margin:0 auto;}
.wp-caption-text {position:absolute;bottom:0;font-size:0.8em;background:rgba(0,0,0,0.5);padding:1em;width:100%;margin:0;}

article .gallery {margin:0 0 40px!important;}
article .gallery:last-of-type {margin:0!important;}
article .gallery .gallery-item {margin:0 1% 0.5% 0!important;float:none!important;display:inline-block!important;width:15.8%!important;position:relative!important;}
article .gallery .gallery-item:nth-of-type(6n+6) {margin-right:0!important;}
article .gallery .gallery-item img {display:block;border:none!important;width:100%;height:auto;}
article .gallery br {display:none;}
article .gallery .gallery-item .gallery-caption {position:absolute!important;bottom:0;text-align:center;background:rgba(0,0,0,0.5);padding:5px;color:#ffffff;width:100%;font-style:normal;opacity:0;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;display:none;} article .gallery .gallery-item:hover .gallery-caption {opacity:1;}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_slideshow, #slb_viewer_wrap .slb_theme_slb_baseline .slb_group_status {display:none;}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {font-size:1.5em!important;}

/* Contact Form(s) */
.ninja-forms-cont {margin-bottom:20px;}
.ninja-forms-cont form .ninja-forms-required-items {display:block;margin:0 0 5px 0;font-size:0.8em;color:#666666;}
.ninja-forms-cont form input[type=text], .ninja-forms-cont form input[type=email], .ninja-forms-cont form textarea, .ninja-forms-cont form select {border:1px solid #bbbbbb;padding:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;margin-left:0!important;width:100%;font-size:1em;color:#999999;}
.ninja-forms-cont form input[type=text]:focus, .ninja-forms-cont form textarea:focus, .ninja-forms-cont form select:focus {color:#444444;}
.ninja-forms-cont form input[type=submit] {margin:0;background:#414042;border:none;border-radius:5px;padding:0 20px;color:#ffffff;font-weight:700;font-size:1em;line-height:30px;cursor:pointer;width:auto;}
.ninja-forms-cont form input[type=submit]:hover {background:#00dce8;}
.ninja-forms-cont .ninja-forms-response-msg {margin:0;font-weight:700;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg {color:#cc0000;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-success-msg {color:#398f14;margin:0 0 20px;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-success-msg p {margin-bottom:0;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-success-msg a {color:inherit;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-success-msg a:hover {color:#ffffff;}
.ninja-forms-cont .ninja-forms-field-error {color:#cc0000;font-size:0.8em;}
.ninja-forms-cont .ninja-forms-field-error p {display:inline;}
.ninja-forms-cont form .ninja-forms-error input[type=text], .ninja-forms-cont form .ninja-forms-error textarea, .ninja-forms-cont form .ninja-forms-error select {border-color:#cc0000;}
.ninja-forms-cont .field-wrap {margin-bottom:5px;}

/* Iframes */
article iframe {margin:0 0 20px;display:block;width:100%!important;}


/* Videos */
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 20px; }
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Pagination */
article .pagination {margin:20px 0 0;padding:0;display:block;}
article .pagination span, article .pagination a {display:block;background:#777777;color:#ffffff;height:20px;width:20px;line-height:20px;text-align:center;font-size:0.7em;border:none;text-decoration:none;display:inline-block;vertical-align:middle;padding:0;margin:0;}
article .pagination.single {margin:20px -2px 0;}
article .pagination.single div {display:inline-block;width:50%;margin:0 -2px;}
article .pagination.single div.newer {text-align:right;}
article .pagination .page-numbers.current, article .pagination a:hover {background:#414042;}

/* Sitemap */ article ul.sitemap {margin-left:25px;} article ul.sitemap li a {border:none;} article ul.sitemap li ul {margin:5px 0 10px 15px;list-style-type:inherit;} article ul.sitemap li.current_page_item {display:none;}

/* Sidebar */
aside {margin:20px 0;padding:0;}
aside .sidebar {list-style:none;background-color:#e8e8eb;padding:15px 0;margin-bottom:20px;}
aside .sidebar li {color:#232830;display:block;font-size:1em;margin:0 0 5px 0;padding:0 15px;}
aside .sidebar li h3 {font-size:1.3em;text-transform:uppercase;font-weight:700;}
aside .sidebar li a {border-color:transparent; color:#232830}
aside .sidebar li a:hover {border-color:transparent; color:#a6ce39}

/* Sidebar */
aside .action {list-style:none;background:#232830;margin:0;text-align:center;}
aside .action li {color:#ffffff;padding:15px;border-bottom:1px solid #41454c;}
aside .action li:first-child {text-transform:uppercase;font-size:1.3em;padding:10px;}
aside .action li:first-child span {font-size:1.8em;}
aside .action li:first-child a {background:#a6ce39;color:#232830;display:block;font-size:1.1em;font-weight:700;margin:15px auto 12px;padding:3px;width:110px;}
aside .action li:first-child a:hover {background:#ffffff;}

aside .logos {list-style:none;padding:15px 10px;display:block;background-color:#e8e8eb;text-align:center;}
aside .logos li {padding:15px 0;}
aside .logos li img {margin:0 auto;width:120px;height:auto;display:block;}
aside .logos li img:hover {opacity:0.8;}

/*Mobile CTA */

#mobile-cta {
	background-color: #a6ce39;
	border-top: 1px solid rgba(56, 56, 56, 0.4);
	bottom: 0;
	display: block;
	padding: 0 10px;
	position: fixed;
	width: 100%;
	z-index: 999999;
}

#mobile-cta ul {
	display: flex;
	justify-content: space-around;
	list-style: none;
}

#mobile-cta ul li {
	padding: 10px 20px;
}

#mobile-cta ul li a {
	color: rgb(255,255,255);
	font-size: 24px;
	text-decoration: none;
}

@media screen and (min-width: 768px) {
	#mobile-cta {
		display: none;
	}
}

/* Footer */
footer {text-align:left;padding:20px 10px;background:#a6ce39;color:#ffffff;}

/* GOOP */
footer ul.goop {display:block;text-align:center;list-style:none;margin:0;}
footer ul.goop li {display:inline-block;font-size:0.7em;padding:0;text-transform:uppercase;line-height:20px;vertical-align:middle;margin:0 4px;}
footer ul.goop li a {color:#ffffff;text-decoration:none;padding:0;margin:0;display:block;}
footer ul.goop li a span {font-size:1em;vertical-align:text-bottom;vertical-align:text-top;margin-top:2px;}
footer ul.goop li a:hover {opacity:0.7;}

/* Scroll */
#scroll {width:20px;height:20px;padding:0px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;color:#333;z-index:10000;background-size:100%;opacity:0.5;}

@media only screen and (min-width:480px) {
}

@media (min-width:560px) {
section#services ul li a {width:75%;}
}

@media only screen and (min-width:768px) {
header #details {text-align:right;margin:10px 0 0;padding:0;}
header #details li {display:inline-block;margin:0 0 0 10px;vertical-align:middle;}
header #details li:first-child {display:block;}
section#services ul li a {width:60%;}
.ninja-forms-cont {margin-left:20px;}
aside {padding:0 0 0 20px;}
}

@media only screen and (min-width:800px) {
}

@media only screen and (min-width:960px) {
html, body {font-size: 100%;}
#responsive {display: none;}
nav {display: block;}
header {padding:10px 20px;}
header #logo img {margin:20px 0 0 0;}
header #details {margin:0;}
section#slideshow div.cycle-slideshow {height:290px;}
section#slideshow div.cycle-slideshow div {height:290px;}
}

@media only screen  and (max-width:479px) {.alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {display:block;margin:0 0 1em;float:none;max-width:100%;width:100%;}}

/* IE */

/*.lt-ie9 html, .lt-ie9 body {font-size: 100%;}
.lt-ie9 section.services ul li .content .title {font-size: 1.7em;line-height: 25px;}
.lt-ie9 section.services ul li {width: 30%; }
.lt-ie9 section.services ul li.service1 {margin-right: 25px;}
.lt-ie9 section.services ul li.service2 {margin-right: 25px;}
.lt-ie9 section#slideshow div.cycle-slideshow {height: 310px;}
.lt-ie9 section#slideshow div.cycle-slideshow div {height: 310px;}
.lt-ie9 section.services {padding: 25px 0;}
.lt-ie9 section#slideshow #pager a {width: 100px;}
.lt-ie9 aside .call-to-action .callus .title {font-size: 1.4em;}
.lt-ie9 aside .call-to-action .callus .title span {font-size: 2em;}
.lt-ie9 header a.logo {height: 105px; }
.lt-ie9 .contact {margin-top: 35px; text-align: right;}
.lt-ie9 #responsive{display: none;}
.lt-ie9 nav{display: block;}
.lt-ie9 aside .call-to-action {margin: 0 0;}
.lt-ie9 aside .logos { margin: 0 0;}
.lt-ie9 aside .archives-holder { margin: 0 0;}
.lt-ie9 article {padding: 15px 15px 15px 0;}
.lt-ie9 footer ul.goop li {font-size: 0.8em;}*/



/* Older Browsers */
#browser {text-align:center;padding:0;background:#ffffcc;margin:0;font-size:70%;width:100%;border-bottom:1px solid #cccccc;font-family:Arial, Helvetica, sans-serif;z-index:10000;position:relative;}
#browser span {display:block;width:960px;margin:0 auto;padding:3px;color:#666666;}
#browser span a {color:#C60;}
#browser span a:hover {background:none;color:#C60;text-decoration:underline;}