/* Theme Name:Oz Extreme Author:Jonico Bansil & Tracey Shaw @ GOOP Author URI:http://www.goop.com.au/ Description:Custom WordPress theme for Oz Extreme. Version:1.0 */ @import url("css/base.css"); @import url("css/font-awesome.css"); @import url("css/woocommerce.css"); html, body {height:100%;margin:0;padding:0;line-height:1.3;font-size:90%;color:#444444;font-weight:400;} *, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} a, img {-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 Narrow', sans-serif; font-weight:400;} body.chrome, .chrome input, .chrome select, .chrome textarea, .chrome label, .chrome button {font-weight:300;} #responsive ul li.menu-item-has-children:before, article a.pdf:before, article a.doc: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;} h2, h3, h4, h5, h6 {font-weight:400;} #ozextreme {padding:0;position:relative;min-height:100%;} .container {padding:0;width:100%;} /* Header */ header {padding:0;position:relative;margin:0 0 10px;z-index:100;background:#161616;} header a.logo {background:url(img/logo.png) top center no-repeat;width:100%;height:60px;display:block;text-indent:-9000px;margin:0 auto 0;background-size:auto 100%;} header #details {padding:10px 0 10px;} header #details ul {list-style:none;} header #details ul li {text-transform:uppercase;color:#ffffff;text-align:center;font-size:0.85em;} header #details ul li a {color:#ffffff;text-decoration:none;} header #details ul li a:hover {color:#ed008c;} header #details ul li.social ul {margin:0 0 5px;} header #details ul li.social ul li {display:inline-block;font-size:2em;margin:0 3px;} header #details ul li.social ul li i {line-height:1em;} header #shop {padding:0px 0 20px;clear:both;} header #shop ul {list-style:none;text-align:center;} header #shop ul li {text-transform:uppercase;color:#ffffff;text-align:center;font-size:1.1em;display:inline-block;} header #shop ul li a {color:#ffffff;text-decoration:none;} header #shop ul li a .cart-count {padding-left:5px;} header #shop ul li a:hover {color:#ed008c;} header #shop ul li.search {margin-right:10px;cursor:pointer;} @media (min-width:768px) { header #shop {padding:10px 0 0 0;} header #shop ul {text-align:right;} } @media (min-width:960px) { header #shop ul li {font-size:0.85em;} } /* Responsive Menu */ #responsive {display:block;position:relative;z-index:1000;background:#161616;} #responsive span {color:#ffffff;display:block;font-size:2em;text-align:center;padding:10px 10px 0;line-height:1em;cursor:pointer;} #responsive > ul {background:#444444;padding:0;display:none;} #responsive ul li {border-bottom:1px solid #333333;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:#222222;} #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: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:#333333;} /* Navigation */ nav {padding:0;position:relative;display:none;background:rgba(50,50,50,0.9);z-index:1000;margin:0 10px 10px;} nav ul {text-align:center;margin:0;padding:0;height:30px;display:table;width:100%;} nav ul li {display:table-cell;font-size:1.1em;font-weight:500;margin:0;position:relative;text-transform:uppercase;line-height:30px;height:30px;} nav ul li:last-child {margin-right:0;} nav ul li a {color:#ffffff;display:block;padding:0 6px;text-decoration:none;white-space:nowrap;} nav ul li:hover > a, nav ul li.current-menu-item > a, nav ul li.current-page-parent > a, nav ul li.current-page-ancestor > a, nav ul li.current_page_parent > a, nav ul li.current_page_ancestor > a {background:#333333;} .error404 nav ul li.current_page_parent > a {color:inherit;background:transparent;} 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.85em;background:rgba(255,255,255,0.9);padding:0 8px;line-height:25px;height:25px;} nav ul li ul li > a {color:#232323;display:block;padding:0;text-decoration:none;} nav ul li ul li:hover > a, nav ul li ul li.current-menu-item > a {color:#ed008c;background:none;} /* Slideshow */ #banner {display:none;margin:0 10px 10px;position:relative;} #banner .cycle-slideshow {width:100%;border:8px solid #ffffff;} #banner .cycle-slideshow div {width:100%;margin:0;display:none;background-position: center; background-repeat: no-repeat; background-size: cover;padding: 20% 50%;} #banner .cycle-slideshow div a {display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0;} #banner .cycle-slideshow div a:after {background-color: rgba(22, 22, 22, 0.5); bottom: 0;content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: 0.3s ease-in-out;} #banner .cycle-slideshow div a:hover:after { opacity: 1; } #banner #caption {color:#cccccc;font-size:1.5em;font-weight:400;right:0px;position:absolute;text-transform:uppercase;top:30px;z-index:1000;right:8px;background:rgba(50,50,50,0.3);padding:20px;} #banner #caption span {color:#ffffff;display:block;font-size:1.7em;font-weight:700;} #banner #caption a {color:#ffffff;display:inline-block;font-size:.8em;background:rgba(50,50,50,0.8);padding:5px;text-decoration:none;} #banner #caption a:hover {background:#ed008c;} #banner #pager {bottom:-10px;margin-right:40px;position:absolute;right:0;z-index:999;display:none;} #banner #pager a {text-decoration:none;color:#d1d3d4;font-size:4em;} #banner #pager a.cycle-pager-active {color:#4d4d4f;} #banner.internal {background:url(img/slides/banner.jpg) center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:150px;border:8px solid #ffffff;margin-bottom:0;} #banner.internal #caption {text-align:left;position:absolute;background:none;color:#ffffff;font-size:1.5em;text-transform:uppercase;font-weight:500;top:auto;right:0px;bottom:0px;} /* Book Now */ #booknow {margin:0 10px 10px;background:#000000;border:solid #ffffff;border-width:8px;margin-bottom:0;padding:12px;text-align:center;font-size:1.2em;color:#ffffff;text-transform:uppercase;font-weight:bold;} #booknow a {display:inline-block;padding:8px 15px 6px;background:#ed008c;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:1em;margin:10px 50px 0;} #booknow a:hover {background:#cd0179;} /* Countdown */ #countdown {display:block;margin:0 10px 6px;position:relative;background:#ed008c;color:#ffffff;text-align:center;font-size:1.4em;text-transform:uppercase;padding:10px;} #countdown span {font-weight:bold;display:inline-block;} /* Boxes */ #boxes {text-align:center;margin:0 5px 10px;} #boxes ul {text-align:center;margin:0;padding:0;} #boxes ul li {display:block;float:left;margin:0;width:50%;vertical-align:top;} #boxes ul li a {display:block;color:#ffffff;text-decoration:none;margin:5px;} #boxes ul li:hover a {color:#ed008c;} #boxes ul li a img {display:block;width:100%;height:auto;} #boxes ul li a span {display:block;width:100%;padding:3px 5px;text-align:right;text-transform:uppercase;background:url(img/boxes/angle.png) top left no-repeat;background-size:auto 100%;font-size:1.1em;} /* Logos */ #logos {background:#ffffff;padding:10px;margin:0 10px 10px;} #logos span {text-transform:uppercase;font-weight:700;font-size:1.1em;} #logos ul {text-align:center;} #logos ul li {display:inline-block;vertical-align:middle;} #logos img {height:40px;width:auto;max-height:85px;padding:2px 14px;margin:0 auto;display:block;} #logos a:hover img {opacity:0.8;} #sales #logos {padding:20px 0 0 0;margin:0;background:none;border-top:1px solid #bbbbbb;} #sales #logos span {display:none;} /* Signup */ #mailinglist {background:rgba(50,50,50,0.8);text-transform:uppercase;margin:10px 10px 10px;} #mailinglist span {display:block;text-align:center;color:#ffffff;padding:10px;} #mailinglist a {display:inline-block;text-align:center;color:#ffffff;padding:2px 8px;background-color:#232323;text-decoration:none;margin-left:5px;} #mailinglist a:hover {background:#ed008c;} /* Section */ section {margin:0 10px 0;padding:0;position:relative;z-index:0;display:block;} section > .row {background:rgba(255,255,255,0.9);padding:15px;} /* Article */ article {position:relative;margin:0;} article h1 {font-size:1.5em;margin:0 0 10px;color:#222222;text-transform:uppercase;border-bottom:1px solid #222222;padding-bottom:7px;} article h2 {font-size:1.4em;margin:0 0 5px;color:#333333;clear:both;} article h3 {font-size:1.3em;margin:0 0 5px;color:#333333;border-bottom:1px solid #333333;padding-bottom:7px;clear:both;text-transform:uppercase;} article h4, article h5, article h6 {font-size:1.1em;margin:0 0 3px;color:#232323;clear:both;} 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;width:100%;} article table, article table th, article table td {border:1px solid #bbbbbb;} 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:#bbbbbb;height:1px;} article .domain:before {content:"\40";margin-right:0px;} /* Article Extras */ .blog .thumbnail, .blog .description {display:inline-block;margin:0 -4px 0 0;vertical-align:middle;} .blog .thumbnail {padding:0 0 5px 0;} .blog .thumbnail img {display:block;width:100%;height:auto;} .blog .thumbnail .thumbnail a {border:none;} article a.file {text-decoration:none;} article a.pdf:before {content:"\f0f6";margin-right:5px;text-decoration:none;} article a.doc:before {content:"\f0f6";margin-right:5px;text-decoration:none;} #tours article ol {margin-left:0;list-style:none;border-top:1px solid #dddddd;} #tours article ol li {border-bottom:1px solid #dddddd;padding:3px 0;} #tours article ol li strong {padding-right:10px;} #tours article h1 + ol, #tours article h2 + ol, #tours article h3 + ol {border-top:none;} #hire article table tr th {text-transform:uppercase;} #hire article table tr th, #hire article table tr td {text-align:right;width:12%;} #hire article table tr th:first-child, #hire article table tr td:first-child {text-align:left;width:28%;} #size-guide article table {max-width:350px;} #size-guide article table th, #size-guide article table td {width:33.3%;text-align:center;} #faq article h3 {padding:0;text-transform:none;border:none;margin-bottom:3px;} /* Our Team page featureing staff */ #our-team ul.people { list-style: none; padding: 20px 0 2%; border-top: 2px solid #000; } #our-team ul.people li img { max-height: 300px; max-width: 400px; width: 100%; height: auto; margin: 10px 0; } #our-team ul.people li { padding-bottom: 5px; } #our-team ul.people li span { font-weight: 600; padding-right: 10px; } /* Links */ article a:not(.img), aside a:not(.img) {color:#232323;text-decoration:underline;padding:1px 3px 2px;margin:0px -3px -2px;} article a:not(.img):hover, aside a:not(.img):hover {color:#ffffff;background:#ed008c;border-radius:2px;text-decoration:none;} article big a:not(.img) {color:#ffffff;background:#ed008c;border-radius:2px;text-decoration:none;padding:5px 8px;margin: 20px 0;font-size: 150%;display: inline-block;} article big a:not(.img):hover { background:#c40074; } /* Posts & Children */ article .post {clear:both;padding:20px 0 0 0;margin:20px 0 0 0;border-top:1px solid #bbbbbb;} article .post:first-of-type, article .post:only-child, article hr + .post {border-top:none;padding:0;margin:0;} article .post h2.title {background:none;padding:0;margin:0 0 5px;border:none;text-transform:uppercase;} article .post h2.title a {border:none;text-decoration:none;color:inherit;} article .post h2.title a:hover {color:#ffffff;} article .post small, article.post small {display:block;font-size:0.8em;margin:0 0 10px;text-transform:uppercase;opacity:0.5;} article .post small a, article .post small a:hover, article .post small a:focus {border:none;text-decoration:none;color:inherit;background:none;} article .post a.readmore, article .post a.more-link {text-transform:none;white-space:nowrap;} .page-parent article .post p, .blog article .post p, .archive article .post p, #projects article .post p {display:inline;} /* 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 a {display:block;background:transparent;} article .gallery .gallery-item a:hover img {border-color:#ed008c!important;} article .gallery .gallery-item img {display:block;border:none;width:100%;height:auto;margin:0;padding:0;border:1px solid transparent!important;} 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 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:#222222;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:#ed008c;} .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 {display:inline;padding-right:5px;} .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:10px;} /* Iframes */ article iframe {margin:0 0 20px;display:block;width:100%!important;height:200px;} #contact article iframe {height:475px!important;margin:0;} /* 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%;min-height:0;} /* Pagination */ article .pagination {margin:20px 0 0 0;padding:10px 0 0 0;border-top:1px solid #bbbbbb;} article .pagination .page-numbers {background:#777777;display:block;height:18px;width:18px;float:left;text-align:center;line-height:18px;font-size:0.8em;margin:0 2px 0 0;color:#ffffff;border:none;padding:0;} article .pagination a.page-numbers, article .pagination .page-numbers.dots {color:#ffffff;text-decoration:none;margin:0 2px 0 0;padding:0;} article .pagination a.page-numbers:hover, article .pagination .page-numbers.current {background:#ed008c;color:#ffffff;} article .pagination a.page-numbers.prev, article .pagination a.page-numbers.next {speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:18px;-webkit-font-smoothing:antialiased;} article .pagination.single {display:block;border:none;} article .pagination.single a {border-color:transparent;} article .pagination.single a:hover {border-color:transparent;} article .pagination.single div {display:inline-block;width:50%;margin:0 -4px 0 0;font-size:0.8em;text-transform:uppercase;} article .pagination.single div.right {text-align:right;} article .pagination.single div i {background:#777777;height:18px;width:18px;text-align:center;line-height:18px;font-size:0.8em;color:#ffffff;} article .pagination.single div i:hover {background:#ed008c;} .pagination.single div a, .pagination.single div a:hover {padding:0;margin:0;background:none;} /* Pagination */ article .woocommerce-pagination {margin:20px 0 0 0;padding:10px 0 0 0;border-top:1px solid #bbbbbb;background:none;} article .woocommerce-pagination .page-numbers {background:#777777;display:block;height:18px;width:18px;float:left;text-align:center;line-height:18px;font-size:0.8em;margin:0 2px 0 0;color:#ffffff;border:none;padding:0;} article .woocommerce-pagination a.page-numbers, article .woocommerce-pagination .page-numbers.dots {color:#ffffff;text-decoration:none;margin:0 2px 0 0;padding:0;} article .woocommerce-pagination a.page-numbers:hover, article .woocommerce-pagination .page-numbers.current {background:#ed008c;color:#ffffff;} article .woocommerce-pagination a.page-numbers.prev, article .woocommerce-pagination a.page-numbers.next {speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:18px;-webkit-font-smoothing:antialiased;} article .woocommerce-pagination.single {display:block;border:none;} article .woocommerce-pagination.single a {border-color:transparent;} article .woocommerce-pagination.single a:hover {border-color:transparent;} article .woocommerce-pagination.single div {display:inline-block;width:50%;margin:0 -4px 0 0;font-size:0.8em;text-transform:uppercase;} article .woocommerce-pagination.single div.right {text-align:right;} article .woocommerce-pagination.single div i {background:#777777;height:18px;width:18px;text-align:center;line-height:18px;font-size:0.8em;color:#ffffff;} article .woocommerce-pagination.single div i:hover {background:#ed008c;} .woocommerce-pagination.single div a, .woocommerce-pagination.single div a:hover {padding:0;margin:0;background:none;} /* 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:0 0 0 0;padding:0;} aside .list {margin:0 0 10px;} aside .list li {margin:0;padding:0;text-transform:uppercase;border-bottom:1px solid #dddddd;} aside .list li:first-child {border-bottom:1px solid #dddddd;} aside .list li h3 {font-size:1.5em;margin-bottom:5px;} aside .list li a {display: block;text-decoration:none;padding:5px 0 5px 0;margin:0;} aside .list li a:hover {border-color:#dddddd;background:none;color:#ed008c;} aside .list.archives li a {border:none;border-left:1px solid #dddddd;padding:5px 0 5px 10px;margin:0 0 0 38px;display: block;text-decoration:none;} aside .list.archives li a:hover {border-color:#dddddd;} aside .list.archives li.archive-year {float:left;padding:5px 0 3px 0;color:#aaaaaa;border:none;} aside .list.archives li.archive-year a {color:#aaaaaa;margin:0;border:0px;padding: 0;} aside .list.archives li.archive-year a:hover {color:#ed008c;} aside .list.archives li.archive-year {float:left;padding:5px 0 3px 0;color:#aaaaaa;border:none;} aside .list.archives li.archive-year a {color:#aaaaaa;margin:0;border:0px;padding: 0;} aside .list.archives li.archive-year a:hover {color:#ed008c;} /* Footer */ footer {text-align:left;padding:15px 10px 0;background:#161616;color:#ffffff;font-size:90%;} footer small {font-size:0.8em;color:#bbbbbb;} footer .one-third.column {padding:0 5px 10px!important;} footer .one-third.column span {display:block;font-size:1.5em;font-weight:700;margin-bottom:5px;text-transform:uppercase;} footer .one-third.column a {color:#ffffff;text-decoration:none;} footer .one-third.column a:hover {color:#ed008c;} footer .one-third.column ul.contact {list-style:none;margin:0 0 5px;} footer .one-third.column ul.social {list-style:none;margin:0 0 5px;} footer .one-third.column ul.social li {display:inline-block;font-size:1.5em;margin:0 3px;} footer .one-third.column ul.social li i {line-height:1em;} /* GOOP */ footer ul.goop {display:block;text-align:center;list-style:none;margin:0;padding:5px 0;} footer ul.goop li {display:inline-block;font-size:0.8em;line-height:20px;margin:0 -4px 0 0;text-transform:uppercase;} footer ul.goop li a {color:#cccccc;text-decoration:none;padding:0 7px;margin:0;} footer ul.goop li:first-child a {padding-left:0;} footer ul.goop li a:hover {} footer ul.goop li.logo a {margin:0;border:none;padding:0 0 0 7px;} footer ul.goop li.logo a + a {padding:0;} footer ul.goop li.logo a span {display:block;float:right;text-indent:-9000px;background:url(img/goop.png) no-repeat center center;width:38px;height:12px;margin:5px 0 0 5px;font-size:0px;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 (min-width:480px) { header #details ul li br {display:none;} header #details ul li.email strong:last-child {padding-left:10px;} #booknow a {margin:0 0 0 10px;} aside .list {margin:0 1% 10px 0;display:inline-block;width:48%;vertical-align:top;} aside .list.archives {margin:0 0 10px 1%;} } @media (min-width:600px) { #ozextreme {padding-bottom:175px;} #banner {display:block;} #booknow {border-width:0 8px 8px;} #boxes ul li {width:25%;} #mailinglist span {font-size:1.4em;} footer {height:175px;position:absolute;bottom:0;width:100%;} footer .container .one-third.column {width:33.3%;padding-right:20px;} } @media only screen and (min-width:768px) { #ozextreme {padding-bottom:160px;} #responsive {display:none;} header {margin-bottom:0;padding:20px;} header .container { padding-left:10px; padding-right:10px; } header a.logo {background-position:center left;margin:0;} header #details {padding-top:5px;} header #details ul {position:relative;text-align:right;max-width:410px;float:right;} header #details ul li {display:inline-block;width:100%;text-align:right;font-size:0.95em;} header #details ul li.social {width:100px;position:absolute;} header #details ul li.social ul li {width:auto;font-size:1.8em;} nav {display:block!important;} #logos img {height:50px;} section .thirteen.columns {float:right;padding-left:20px;} article .eight.columns:first-child {padding-right:10px;} article .eight.columns:last-child {padding-left:10px;} aside .list {margin:0 0 10px;display:block;width:100%;vertical-align:top;} footer {height:160px;} } @media only screen and (min-width:960px) { html, body {font-size:100%;} #ozextreme {padding-bottom:180px;} header #details ul {max-width:500px;} header #details ul li {font-size:0.8em;} header #details ul li.social {width:120px;padding-top:5px;} nav ul li {font-size:1.05em;} nav ul li a {padding: 0 10px;} nav ul li ul li a {padding:0 3px;} /*#banner .cycle-slideshow div {height:300px;}*/ #logos img {height:55px;} #sales #logos img {height:50px;} aside {font-size:85%;} footer {height:180px;font-size:85%;} } @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%;}} @media only screen and (max-width:599px) { #hire article table, #hire article table thead, #hire article table tbody, #hire article table th, #hire article table td, #hire article table tr {display:block;border:none;font-size:1em;} #hire article table {clear:both;} #hire article table thead tr {position:absolute;top:-9999px;left:-9999px;} #hire article table tr:first-of-type {display:none;} #hire article table tr th:first-of-type {} #hire article table th {padding:3px 6px;text-align:left!important;} #hire article table td {/* Behave like a "row" */position:relative;border-collapse:collapse;border-bottom:1px solid #bbbbbb;padding-left:30%;line-height:22px;width:100%!important;text-align:left!important;} #hire article table td:before {/* Now like a table header */position:absolute;/* Top/left values mimic padding */top:6px;left:6px;padding-right:10px;white-space:nowrap;width:25%;} #hire article table td:first-child {font-weight:700;} /* Label the data */ #hire article table td:before {font-weight:700;margin-top:-2px;line-height:22px;text-transform:uppercase;} #hire article table td:nth-of-type(1):before {content:"Hire";} #hire article table td:nth-of-type(2):before {content:"1 Day";} #hire article table td:nth-of-type(3):before {content:"2 Days";} #hire article table td:nth-of-type(4):before {content:"3 Days";} #hire article table td:nth-of-type(5):before {content:"4 Days";} #hire article table td:nth-of-type(6):before {content:"5 Days";} #hire article table td:nth-of-type(7):before {content:"Extra Day";} } /* IE */ .lt-ie9 html, .lt-ie9 body {font-size:100%;} .lt-ie9 #responsive {display:none;} .lt-ie9 header {margin:0;padding:20px 0;} .lt-ie9 nav {display:block;background:#333333;} .lt-ie9 nav ul li ul {background:#ffffff;} .lt-ie9 #slideshow div.cycle-slideshow {display:none;} .lt-ie9 #slideshow #caption {display:none;} .lt-ie9 #boxes ul li {width:25%;} .lt-ie9 #logos img {height:50px;} .lt-ie9 #mailinglist {background:#333333;} .lt-ie9 section {background:#ffffff;} .lt-ie9 header a.logo {height:70px;} /* 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;} #searchform { background:#444444; padding:0 2%; text-align:center; transition:0.3s ease-in-out; width:100%; height:40px; margin-top:-40px; } #searchform.open { margin-top:0; } #searchform form { width:100%; position:relative; margin:0 auto; max-width:600px; padding:5px 0 10px; height:40px; } #searchform form label { margin:0; } #searchform form label span { display: none; } #searchform form input[type=search] { background:transparent; padding:5px 25px 5px 0; line-height:1; border:solid #ffffff; border-width:0 0 1px; width:100%; color:#ffffff; outline:none; transition:0.3s ease-in-out; text-transform:lowercase; font-size:13px; } #searchform form input[type=search]:hover, #searchform form input[type=search]:focus { color:#ffffff; } #searchform form button { border:none; font-size:13px; position:absolute; top:10px; right:0; color:#ffffff; background:transparent; padding:0; } #searchform form button:hover, #searchform form button:focus{ color:#ed008c; }