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

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

html, body {height:100%;margin:0;padding:0;line-height:1.3;font-size:90%;background:#ffffff;color:#888888;font-weight:300;}
*, *: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', Arial, 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', Arial, sans-serif!important;font-size:1.1em!important;}

h1, h2, h3, h4, h5, h6 {font-weight:300;color:#555555;}
#sirocco {padding:0;position:relative;}

/* Header */ 
header {padding:20px 0px;position:relative;margin:0;z-index:100;border-bottom:2px solid #d8dede;} 
header a.logo {display:block;width:200px;margin:10px auto 0;height:auto;} 
header a.logo img {width:100%;height:auto;display:block;}
header #details {color:#696e71;font-size:1.5em;font-weight:300;margin-top:10px;text-align:center;}
header #details li {display:inline-block;vertical-align:middle;}
header #details li:first-child {border-right:1px solid #cccccc;padding-right:8px;margin:0 10px 0 0;}
header #details li a i {color:#3a5a97;text-decoration:none;font-size:1.2em;margin-top:2px;}

/* Responsive Menu */ 
#responsive {display:block;position:relative;z-index:1000;} 
#responsive span {font-size:2em;padding:10px;position:absolute;left:0;color:#68686a;line-height:1em;}
#responsive > ul {background:#666666;box-shadow:inset 0 -5px 5px rgba(50,50,50,0.5);padding:0;display:none;} 
#responsive ul li {border-bottom:1px solid #777777;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:#555555;} 
#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;cursor:pointer;} 
#responsive 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;}
#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;border-top:1px solid #777777;} 
#responsive ul li ul li {font-size:0.8em;background:#555555;} 
#responsive ul li ul li:hover {background:#444444;}

/* Navigation */ 
nav {padding:0;display:block;position:relative;display:none;} 
nav ul {text-align:right;margin:0;padding:0;height:25px;} 
nav ul li {text-transform:uppercase;font-size:1.1em;line-height:25px;display:inline-block;margin:0 0 0 10px;position:relative;font-weight:300;} 
nav ul li > a {color:#8A9496;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, nav ul li.current_page_parent > a {color:#444444;} 
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;z-index:1000;} 
nav ul li ul li {display:block;margin:0;font-size:0.8em;background:#58585a;padding:0 10px;line-height:22px;height:22px;} 
nav ul li ul li:first-child {padding-top:5px;height:27px;} 
nav ul li ul li:last-child {padding-bottom:5px;height:27px;} 
nav ul li ul li a {color:rgba(255,255,255,0.7);} 
nav ul li ul li.current-menu-item a, nav ul li ul li:hover a {color:rgba(255,255,255,1);}

/*nav ul li:hover > a, nav ul li.current-menu-item > a, nav ul li.current-page-ancestor > a, .category-news nav ul li.current_page_parent > a, .category-projects nav ul li.menu-item-137 > a, .category-products nav ul li.menu-item-132 > a {color:#58585a;} 




*/

/* Banner */ 
#banner .cycle-slideshow {max-height:400px;overflow:hidden;z-index:0;}
#banner .cycle-slideshow img {width:100%;height:auto;display:none;}

/*#banner ul {list-style:none;}
#banner ul li {position:relative;display:none;}
#banner ul li:nth-child(3) {display:block;}
#banner ul li img {width:100%;height:auto;display:block;}*/
#banner .tagline {position:absolute;bottom:60px;background:rgba(255,255,255,0.8);color:#888888;display:block;font-size:1.5em;font-weight:300;padding:10px;text-align:center;width:90%;margin:0 0 0 -300px;z-index:1000;width:600px;display:none;left:50%;}
#banner .tagline span {display:block;color:#555555;font-size:1.3em;}

/* pager */
.cycle-pager {text-align:center;width:100%;z-index: 500; position: absolute; bottom:10px; overflow: hidden;}
.cycle-pager span {width:11px;height:11px;display:inline-block;cursor:pointer;border-radius:100px;margin:0 2px;color:transparent;border:2px solid #ffffff;}
.cycle-pager span.cycle-pager-active {background:#ffffff;}
.cycle-pager > * {cursor:pointer;}

/*#banner .image1{background:url(img/banner/banner1.jpg) no-repeat;background-size:100% auto;display: block;width:100%; padding-top:60%; margin-bottom:5px;}
#banner .image2{background:url(img/banner/banner2.png) no-repeat;background-size:100% auto;display: block;width:100%; padding-top:39%; margin-bottom:4px;}
#banner .image3{background:url(img/banner/banner3.jpg) no-repeat;background-size:100% auto;display: block;width:100%; padding-top:39%;}
#banner .image3 .tagline{ }
#banner .image3 .tagline span{display:block;color:#586264;font-size:1.3em;}*/

/* Services */
#services {}
#services ul {list-style:none;text-align:center;margin-bottom:10px;}
#services ul li {position:relative;margin-bottom:10px;font-weight:300;font-size:1.1em;}
#services ul li a {color:#696E71;display:block;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;}
#services ul li a img {width:100%;height:auto;display:block;margin-bottom:5px;}
#services ul li a:hover {color:#444444;}

/*section.service ul li{display:inline-block;width:100%;}
section.service ul li a{ }
section.service ul li a:hover{ color:#58585a;}
section.service ul li a.service1{background:url(img/other/service1.jpg) no-repeat;background-size:100% auto;}
section.service ul li a.service2{background:url(img/other/service2.jpg) no-repeat;background-size:100% auto;}
section.service ul li a.service3{background:url(img/other/service3.jpg) no-repeat;background-size:100% auto;}*/

/* Article */
article {position:relative;margin:0;padding:12px 8px;text-align:justify}
article h1 {font-size:1.6em;margin:0 0 10px;text-transform:uppercase;}
article h2 {font-size:1.4em;margin:0 0 5px;text-transform:uppercase;}
article h3 {font-size:1.2em;margin:0 0 3px;}
article h4, article h5, article h6 {font-size:1.1em;margin:0 0 10px;text-transform:uppercase;color:#696E71;font-weight:300;}
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:#9ba5a5;height:1px;}
article .domain:before {content:"\40";margin-right:0px;}

/* Article Extras */
article a.pdf:before {content:"\f0f6";margin-right:5px;}
.parent-pageid-14 article ol {margin:0 0 20px;list-style:none;}

/* Links */
article a, aside a {color:#666666;text-decoration:none;border-bottom:1px solid #cccccc;}
article a:hover, aside a:hover {color:#444444;border-bottom:1px solid #444444;} 
article a[data-slb-group] {border:none;}

/* Images */
article .alignnone {margin:0 0 1em 0;}
article .aligncenter, article div.aligncenter {display:block;margin:0 auto 1em;}
article .alignright {float:right;margin:0 0 1em 1em;}
article .alignleft {float:left;margin:0 1em 1em 0;}
article .aligncenter {display:block;margin:0 auto;}
article img, article img[class*="align"], article img[class*="wp-image-"] {max-width:100%;height:auto;}
article img.alignright {margin:0 0 1em 1em;}
article img.alignleft {margin:0 1em 1em 0;}
article img.aligncenter {display:block;margin:0 auto 1em;}
article img[class*="align"], article img[class*="wp-image-"] {border:none;}
.wp-caption {margin-bottom:1em;margin-left:0;max-width:100%;text-align:left;position:relative;}
.wp-caption img {display:block;margin:0 auto;}
.wp-caption-text {font-size:0.8em;padding:8px 5px;opacity:0.8;}

article .gallery {margin:0 0 20px!important;}
article .gallery a, article .gallery a:hover {padding:0;margin:0;background:none;}
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_slideshow {display:none;}

/* 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, article h1 + .post {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;}

article .page .thumbnail, article .page .description, article .post .thumbnail, article .post .description {display:inline-block;margin:0 -4px 0 0;vertical-align:top;}
article .page .thumbnail, article .post .thumbnail {padding:0 0 5px 0;}
article .page .thumbnail img, article .post .thumbnail img {display:block;width:100%;height:auto;}
article .page .thumbnail a, article .post .thumbnail a, article .page .thumbnail a:hover, article .post .thumbnail a:hover {border:none;padding:0;margin:0;}

/* Pagination */ 
article .pagination {margin:20px 0 0 0;padding:0;display:block;} 
article .pagination span, article .pagination a {display:block;background:#888888;color:#ffffff;height:20px;width:20px;line-height:20px;text-align:center;font-size:0.8em;border:none;text-decoration:none;display:inline-block;} 
article .pagination.single {margin:0 -2px;}
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:#444444;}

/* Contact Form(s) */
.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:#888888;border:none;border-radius:5px;padding:0 20px;color:#ffffff;font-size:1em;line-height:30px;cursor:pointer;width:auto;}
.ninja-forms-cont form input[type=submit]:hover {background:#444444;}
.ninja-forms-cont .ninja-forms-response-msg {margin:0;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg {color:#cc0000;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg p {margin:0;}
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg p:last-child {margin-bottom:10px;}
.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 {display:inline;}
.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 .mc-field-group {margin-bottom:8px;}
.ninja-forms-cont form input[type=submit]#mc-embedded-subscribe {margin-top:3px;}
.ninja-forms-cont .ninja-forms-field-description {font-size:0.8em;}
.ninja-forms-cont .ninja-forms-field-description p {margin:0 0 5px;color:#cccccc;}
.ninja-forms-cont .field-wrap {margin-bottom:5px;}

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

/* 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%;}

/* 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 {padding:0 0 20px;}

aside img {width:100%;height:auto;display:block;margin:0 auto 20px;max-width:200px;}

aside .sidebar {margin-bottom:20px;}
aside .sidebar li {display:block;padding:5px 0;margin:0;border-bottom:1px solid #cccccc;}
aside .sidebar li:first-child {padding-top:0;}
aside .sidebar li h3 {color:#696E71;display:block;text-transform:uppercase;font-size:1.8em;font-weight:300;}
aside .sidebar li a {font-size:1.5em;font-weight:300;border-bottom:none;}
aside .sidebar li a:hover {color:#444444;}

/* Footer */
footer {text-align:left;padding:15px 10px 5px;border-top:2px solid #d8dede;}

/* GOOP */
footer ul.goop {display:block;text-align:center;list-style:none;margin:0;word-spacing:-5px;}
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;word-spacing:normal;}
footer ul.goop li a {color:#8C9696;text-decoration:none;padding:0;margin:0;display:block;}
footer ul.goop li a span {font-size:1em;vertical-align:middle;line-height:0;}
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;}

/* Print */
.print {display:none;}

@media only screen and (min-width:480px) {
.parent-pageid-14 article ol {word-spacing:-4px;}
.parent-pageid-14 article ol li {word-spacing:normal;display:inline-block;margin:0;width:50%;padding:5px 5px 5px 0;border-bottom:1px solid #dddddd;}
#services ul {margin:0 -4px 10px;}
#services ul li {width:50%;display:inline-block;vertical-align:top;padding:0 4px;}
}

@media only screen and (min-width:600px) {
/*section.service ul li {width:33%;}
section.service ul li a {font-size:1.4em;}*/


#services ul li {width:25%;}

}

@media only screen and (min-width:768px) {
#responsive {display:none;}
header a.logo {margin:0;width:240px;}
header #details {margin:0;text-align:right;}
nav {display:block;margin-top:10px;}
#banner .tagline {display:block;}
article {padding:20px 0;}
article .eight.columns:first-child {padding-right:10px;}
article .eight.columns:last-child {padding-left:10px;}
aside {padding:20px 0 30px 30px;}
}

@media only screen and (min-width:960px) {
html, body {font-size:100%;}
header a.logo {width:275px;}
aside {font-size:85%;}
}

@media only screen and (min-width:1200px) {
#banner .cycle-slideshow img {margin-top:-100px;}	
}

@media only screen and (min-width:1500px) {
#banner .cycle-slideshow {max-height:500px;}
#banner .cycle-slideshow img {margin-top:-100px;}	
}

@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 */

/* 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;}