/* Theme Name:Saffron Springs Author:Tracey Shaw @ GOOP Author URI:http://www.goop.com.au/ Description:Custom WordPress theme for Saffron Springs. Version:1.0 */ @import url("css/base.css"); @import url("css/font-awesome.css"); html, body {height:100%;margin:0;padding:0;line-height:1.3;font-size:90%;background:#ffffff;color:#3f5965;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:'Open Sans', 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;} h1, h2, h3, h4, h5, h6 {font-family:'Roboto Condensed';font-weight:normal;} #saffronsprings {padding:0; padding-bottom: 51px; position:relative;} /* Header */ header {padding:40px 10px 30px;position:relative;margin:0;z-index:100;} header a.logo {background:url(img/logo.png) center center no-repeat;width:100%;height:130px;display:block;text-indent:-9000px;background-size:auto 100%;} header #details {text-align:center;color:#516873;font-size:2em;font-weight:700;margin-top:10px;} /* Responsive Menu */ #responsive {display:block;position:relative;z-index:1000;} #responsive span {font-size:1.8em;padding:10px;position:absolute;right:0;color:#009fbb;line-height:1em;cursor:pointer;} #responsive > ul {background:#009fbb;padding:0;display:none;} #responsive ul li {border-bottom:1px solid #23adc5;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:#008ea7;} #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:#008ea7;} /* Navigation */ nav {position:relative;display:none;background:#009fbb;padding:15px 0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;} nav ul {text-align:center;margin:0;padding:0;} nav ul li {font-family: "Open Sans Condensed";font-size:1.3em;line-height:25px;display:inline-block;margin:0;padding:0 20px;position:relative;font-weight:700;border-left:1px solid #FFF;} nav ul li:first-child{border:0;} nav ul li > a {color:#fff;text-decoration:none;} 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:#66e8ff} nav ul 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:#3f5965;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,1);border:none;} nav ul li ul li.current-menu-item a, nav ul li ul li:hover a {color:rgba(255,255,255,0.8);} /*nav ul li ul { margin-left:-90% !important;margin-top:-15% !important;}*/ /* Banner */ #banner {text-align:center;border-bottom:2px solid #ffffff;padding-bottom:20px;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 2%,#f5f5f5 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffffff), color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(top,#ffffff 2%,#f5f5f5 100%);background:-o-linear-gradient(top,#ffffff 2%,#f5f5f5 100%);background:-ms-linear-gradient(top, #ffffff 2%,#f5f5f5 100%);background:linear-gradient(to bottom, #ffffff 2%,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );} #banner ul.banner {text-align:center} #banner ul.banner li {display:inline-block;text-align:center;width:20%;margin:0 2px;} #banner ul.banner li:nth-child(1) a {background:url(img/banner/bottled-water.png) center top no-repeat;background-size:100% auto;} #banner ul.banner li:nth-child(2) a {background:url(img/banner/water-coolers.png) center top no-repeat;background-size:100% auto;} /*#banner ul.banner li:nth-child(3) a {background:url(img/banner/water-filters.png) center top no-repeat;background-size:100% auto;}*/ #banner ul.banner li:nth-child(3) a {background:url(https://www.saffronsprings.com.au/wp-content/uploads/2014/06/Bottle-Rack.jpg) center no-repeat;background-size:100% auto;} #banner ul.banner li a {font-family:'Roboto Condensed';color:#FFF;display:block;font-weight:700;text-decoration:none;padding-top:180%;font-size:0.8em} #banner ul.banner li a span {background:#0067ac;padding:5px 15px;border-radius:5px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #banner ul.banner li a:hover span{background:#009fbb;text-shadow:0px;} /* Distributor */ #distributor {font-family:'Roboto Condensed';color:#516873;font-weight:700;line-height:20px;padding:20px 0;background:#f5f5f5;} /*#distributor span {background:url(img/icons/neverfail.png) no-repeat center top;background-size:100% auto;display:inline-block;height:25px;margin:0 3px;width:55px;vertical-align:middle;overflow:hidden;text-indent:1000px;}*/ #distributor span {font-size:0.85em;} #distributor a {font-size:0.85em; width:100%; text-align:center;display:inline-block;padding:2px 10px;background:#516873;color:#fff;text-decoration:none;margin-left:5px;border-radius:5px;} #distributor a:hover {background:#009fbb;} /* Content */ /* Article */ article {position:relative;margin:0;padding: 30px 0;} article h1 {font-size:1.8em;margin:0 0 10px;color:#104d81;text-transform:none;font-weight:700} article h2 {font-size:1.3em;margin:0 0 5px;color:#104d81;text-transform:none;font-weight:700} article h3 {font-size:1.2em;margin:0 0 3px;text-transform:none;font-weight:700} article h4, article h5, article h6 {font-size:1.1em;margin:0 0 10px;color:#104d81;text-transform:none;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 */ #our-springwater article ol {list-style:none;margin-left:0;border-top:1px dotted #cccccc;padding-top:10px;} #our-springwater article ol li {display:inline-block;vertical-align:middle;padding:0 0 0 110px;height:110px;line-height:100px;margin:0 0 10px;border-bottom:1px dotted #cccccc;width:100%;} #our-springwater article ol li span {line-height:1em;display:inline-block;} #our-springwater article ol li:nth-child(1) {background:url(img/icons/01.jpg) no-repeat 0 0;} #our-springwater article ol li:nth-child(2) {background:url(img/icons/02.jpg) no-repeat 0 0;} #our-springwater article ol li:nth-child(3) {background:url(img/icons/03.jpg) no-repeat 0 0;} #our-springwater article ol li:nth-child(4) {background:url(img/icons/04.jpg) no-repeat 0 0;} #our-springwater article ol li:nth-child(5) {background:url(img/icons/05.jpg) no-repeat 0 0;} .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;} .parent-pageid-117 article table tr td {text-align:right;} /* Links */ .product a, article a, aside a {color:#104d81;text-decoration:none;border-bottom:1px dotted #104d81;} .product a, article a:hover, aside a:hover {color:#009fbb;border-bottom:1px dotted #009fbb;} /* Posts & Children */ article .post {clear:both;padding:20px 0 0 0;margin:20px 0 0 0;border-top:1px solid #444444;} 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;} article .post h2.title a {border:none;padding:0;text-decoration:none;color:inherit;} article .post h2.title a:hover {} 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 {border:none;color:inherit;} article .post a.readmore, article .post a.more-link {text-transform:none;white-space:nowrap;} article .post a.more-link {padding:2px 6px;display:table;background:#e33139;border:none;margin:10px 0 0 0;color:#ffffff;} article .post a.more-link span {display:inline-block;margin-left:5px;background:url(img/icons/more-link.png) center right no-repeat;width:8px;height:8px;background-size:auto 100%;} article .post a.more-link:hover {color:#ffffff;background-color:#3e4c54;} article .post a.readmore:hover, article .post a.more-link:hover {} article .post a.readmore span {display:inline-block;margin-left:5px;background:url(img/icons/more.png) center left no-repeat;width:8px;height:8px;background-size:auto 100%;} article .post a.readmore:hover span {background-position:center right;} .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:19.2%!important;position:relative!important;} article .gallery .gallery-item:nth-of-type(5n+5) {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 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:#009fbb;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:#06869d;} .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;} /* Videos */ .video {position:relative;padding:0 0 56.25%;overflow:hidden;margin-bottom:10px;} .video iframe,.video-container object,.video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;} /* Pagination */ article .pagination {margin:20px 0 0 0;padding:10px 0 0 0;border-top:1px solid #444444;} article .pagination .page-numbers {background:#888888;display:block;height:18px;width:18px;float:left;text-align:center;line-height:18px;font-size:0.8em;margin-right:5px;color:#ffffff;border-radius:100px;} article .pagination a.page-numbers, article .pagination .page-numbers.dots {color:#ffffff;background:#888888;text-decoration:none;border:none;} article .pagination a.page-numbers:hover, article .pagination .page-numbers.current {background:#00aeef;} 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;font-size:0.7em;} article .pagination.single {display:block;} 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:#888888;height:18px;width:18px;text-align:center;line-height:18px;font-size:0.8em;color:#ffffff;border-radius:100px;} article .pagination.single div i:hover {background:#00aeef;} article .pagination.shop ul.page-numbers {width:100%;list-style:none;margin:0;padding:0;background:none;text-align:left;} article .pagination.shop ul.page-numbers li {float:none;display:inline-block;vertical-align:top;text-align:center;margin:0 -3px 0 0;font-size:1.3em;} /* 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 .archives {text-align:center;display:block;vertical-align:top;margin:0;padding:10px 20px;} aside .archives li {color:#666666;display:block;font-size:1em;margin:0 0 5px 0;font-weight:700;} aside .archives:first-child li, aside .archives.categories li, aside .archives li .sub-menu li {font-weight:400;} aside .archives:last-child li {} aside .archives li h3 {font-size:1.2em;color:#00aeef;text-transform:uppercase;} aside .archives li a {border-color:transparent;} aside .archives li a:hover {border-color:transparent;} aside .archives li .sub-menu li {display:inline-block;} /* Footer */ footer {text-align:left;padding:20px 0 0;background:#009fbb;color:#ffffff;} footer #footer {background:#3f5965;} footer .container .one-third.column {text-align:center;padding:0 10px 10px;vertical-align:top;font-size:90%;} footer .container .one-third.column img {width:auto;height:85px;display:block;margin:0 auto;} footer .container .one-third.column span {font-family:'Open Sans Condensed';display:block;font-size:1.8em;font-weight:400;margin:10px 0;} footer .container .one-third.column a {font-family:'Roboto Condensed';background:#ffffff;border-radius:5px;color:#009fbb;display:block;font-size:1.5em;font-weight:700;margin:8px auto;text-transform:uppercase;width:85px;text-decoration:none;} footer .container .one-third.column a:hover {background:#104d81;} /* GOOP */ footer ul.goop {font-family:'Roboto Condensed';display:block;text-align:center;list-style:none;margin:0;padding:20px 0;} footer ul.goop li {display:inline-block;font-size:0.7em;line-height:20px;margin:0 -4px 0 0;text-transform:uppercase;} footer ul.goop li a {color:#ffffff;text-decoration:none;padding:0 7px;margin:0;} footer ul.goop li:first-child a {padding-left:0;} footer ul.goop li a:hover {text-decoration:underline;} 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:3px 0 0 5px;font-size:0px;} /* 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) { } @media only screen and (min-width:600px) { #banner ul.banner li {margin:0 10px;} #banner ul.banner li a {font-size:1.1em;} #distributor {font-size:1.4em;} #distributor span {height:35px;width:70px;} footer .container .one-third.column {width:33.3%;padding-bottom:10px;} } @media only screen and (min-width:768px) { #responsive{display:none} header {padding:0 0 30px;} header a.logo {margin:20px 0 20px;height:155px;background-position:top left;} header #details {font-size:1.5em;text-align:right;line-height:175px;margin-top:0;color:#009fbb;} nav {display:block;} #distributor {font-size:1.8em;} #distributor span {height:50px;width:95px;} article .eight.columns:first-child {padding-right:10px;} article .eight.columns:last-child {padding-left:10px;} } @media only screen and (min-width:800px) { } @media only screen and (min-width:960px) { html, body {font-size:100%;} #banner ul.banner li a {} #distributor a {padding:9px 18px;} #distributor {padding:40px 0;} } @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%;} #banner ul.banner li a span {background:none;color:#0067ac;padding:0;} #banner ul.banner li a:hover span{background:none;color:#0067ac;text-decoration:underline;} } /* IE */ .lt-ie9 html, .lt-ie9 body {font-size:100%;} .lt-ie9 header a.logo {height:67px;margin-top:30px;} .lt-ie9 .phone {font-size:2.6em;} .lt-ie9 section.distributor a {padding:9px 18px;} .lt-ie9 section.distributor {padding:40px 0;font-size:1.8em;} .lt-ie9 section#banner ul li a.banner {font-size:1.5em;} .lt-ie9 #responsive{display:none} .lt-ie9 nav {display:block;} .lt-ie9 header {padding:0 10px;} .lt-ie9 section.distributor span {height:47px;margin-bottom:-22px;width:96px;} .lt-ie9 section#banner ul li a.banner {font-size:1.1em;} .lt-ie9 section#banner ul li {margin:0 10px;} /* 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;} .product { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid grey; } .product img { display: block; margin: 0 auto; } .product .columns { padding: 0 20px } #mobile-cta { background-color: #009fbb; border-top: 1px solid rgba(56, 56, 56, 0.4); bottom: 0; display: block; position: fixed; width: 100%; z-index: 999999; } #mobile-cta ul { display: flex; justify-content: space-around; list-style: none; margin: 0; } #mobile-cta ul li { padding: 10px 20px; } #mobile-cta ul li a { color: white; font-size: 24px; text-decoration: none; } @media screen and ( min-width: 768px ) { #mobile-cta { display: none; } #saffronsprings { padding-bottom: 0; } }