/* Theme Name:Martlette Author: Goop Digital Author URI:http://www.goop.com.au/ Description:Custom WordPress theme for Martlette. Version:1.0 */ @import url("css/base.css"); @import url("css/mailchimp.css"); @import url("css/forms.css"); html, body {height:100%;margin:0;padding:0;line-height:1.3;font-size:100%;/*background:#ffffff url(img/backgrounds/body.png);*/background:#ffffff;color:#3e4c54;font-weight:400;} /* Fonts */ body, input, select, textarea, label, button {font-family:'Questrial', sans-serif;} h1, h2, h3, h4, h5, h6, #mc_embed_signup .button {font-weight:normal;} #martlette {padding:0;} #martlette > .container {border:0px solid #dbe2e6;margin:0;padding:20px;width:100%;} a {-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} /* Header */ header {border-bottom:1px solid #cccfd1;padding:0;} header a.logo {background:url(img/.png) center top no-repeat;height:150px;display:block;text-indent:-9000px;margin:0 auto 0;background-size:auto 100%;width:250px;} #details {text-align:center;font-size:1.2em;display:block;margin:10px 30px;color:#3e4c54;font-weight:400;} #details span {font-weight:300;} /* Navigation */ nav {padding:0;margin:0;position:relative;} nav ul#menu-responsive {list-style:none;text-align:left;margin:0 0 20px;padding:0;z-index:-1;border:0px solid #c2c7c9;border-left:1px solid #c2c7c9;} nav ul#menu-responsive li {display:inline-block;font-size:1.1em;width:100%;margin:0 -3px 0 0;vertical-align:top;} nav ul#menu-responsive li a {padding:0 7px;color:#3e4c54;text-decoration:none;line-height:30px;display:block;background:rgba(219,226,230,0.3);} nav ul#menu-responsive li a:hover, nav ul#menu-responsive li.current-menu-item a {background:rgba(219,226,230,0.8);} nav ul#menu-responsive li ul {} nav ul#menu-responsive li ul li {font-size:0.8em;border:0px solid transparent;text-align:left;width:100%;} nav ul#menu-responsive li ul li a:before {content:"-";margin-right:5px;} /*nav ul#menu-responsive li ul li.menu-item-logo-design, nav ul#menu-responsive li ul li.menu-item-print-packaging-design, nav ul#menu-responsive li ul li.menu-item-web-digital-design, nav ul#menu-responsive li ul li.menu-item-signage-display-design {font-size:0.8em;border:0px solid transparent;text-align:left;width:100%;} nav ul#menu-responsive li ul li.menu-item-print-packaging-design, nav ul#menu-responsive li ul li.menu-item-signage-display-design {} nav ul#menu-responsive li.menu-item-portfolio, nav ul#menu-responsive li.menu-item-faqs {border-top:1px solid #c2c7c9;} nav ul#menu-responsive li a {padding:0 7px;color:#3e4c54;text-decoration:none;line-height:30px;display:block;background:rgba(219,226,230,0.3);} nav ul#menu-responsive li a:hover, nav ul#menu-responsive li.current-menu-item a {background:rgba(219,226,230,0.8);} nav ul#menu-responsive li ul li.menu-item-logo-design a, nav ul#menu-responsive li ul li.menu-item-print-packaging-design a, nav ul#menu-responsive li ul li.menu-item-web-digital-design a, nav ul#menu-responsive li ul li.menu-item-signage-display-design a {} nav ul#menu-responsive li ul li.menu-item-signage-display-design a {} nav ul#menu-responsive li ul li.menu-item-logo-design a:before, nav ul#menu-responsive li ul li.menu-item-print-packaging-design a:before, nav ul#menu-responsive li ul li.menu-item-web-digital-design a:before, nav ul#menu-responsive li ul li.menu-item-signage-display-design a:before {content:"-";margin-right:5px;}*/ /* Responsive Menu */ #responsive {margin:0;z-index:5000;position:absolute;top:0;right:0;} #responsive span {display:block;height:40px;width:40px;background:url(img/icons/menu.png) no-repeat center center;cursor:pointer;} nav, #menu-main {display:none;} #menu-responsive {display:block;} /* Slides */ #carousel {position:relative;overflow:hidden;z-index:0;margin:0;padding:0;border-bottom:1px solid #cccfd1;} #home #carousel, #featured #carousel {margin:0 0 20px;} #carousel ul {overflow:hidden;z-index:0;margin:0;padding:0;list-style:none;} #carousel ul li {width:100%;margin:0;display:none;text-align:center;} #carousel ul li.cycle-slide {display:none;} #carousel ul li img {width:auto;display:block;margin:0 auto;} #carousel #caption {position:absolute;top:-2px;right:0px;width:53%;font-size:70%;} #carousel #caption h3 {font-size:1.4em;} #carousel #caption p:first-of-type {display:none;} #carousel #caption a {color:#e33139;border-bottom:1px solid transparent;} #carousel #caption a:hover {border-bottom:1px solid #e33139;} #martlette-services {border-bottom:1px solid #cccfd1;list-style:none;margin:-20px 0 20px;padding:5px 0;display:table;width:100%;display:none;} #martlette-services li {display:table-cell;margin:0;text-align:center;font-size:0.9em;} #martlette-services li a {color:#e33139;border-bottom:1px solid transparent;} #martlette-services li a:hover {border-bottom:1px solid #e33139;} /* Section */ section {margin:0;padding:0;position:relative;z-index:0;display:block;} /* Article */ article {position:relative;margin:20px 0 20px;padding:0;font-size:90%;} article#featured {margin-top:0;} article h1 {font-size:1.8em;margin:0 0 10px;} article h2 {font-size:1.3em;margin:0 0 5px;} article h3 {font-size:1.3em;margin:0 0 5px;} article h4, article h5, article h6 {font-size:1.1em;display:block;margin:0 0 5px;} article p {font-size:1em;margin-bottom: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 table {margin:0 0 20px 0;border-collapse:collapse;} article table, article table th, article table td {border:1px solid #cccfd1;} 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:#cccfd1;height:1px;border-style:solid;} article .domain:before {content:"\40";margin-right:0px;} /* Article Extras */ article ul.columns-2 {margin:0;} #newsletter-archives article ul {margin:0;} #newsletter-archives article ul li {display:inline-block;margin:0 20px 4px 0;} .single article blockquote, .blog article blockquote, .archive article blockquote {border:1px solid #cccfd1;background:url(img/backgrounds/blockquote-post.png) center 8px no-repeat rgba(219,226,230,0.8);background-size:100% auto;margin:0 0 20px;padding:10px 10%;min-height:50px;} .single article blockquote p, .blog article blockquote p, .archive article blockquote p {margin:0;} /* Testimonials */ #testimonials div.quote {clear:both;border:1px solid #cccfd1;background:url(img/backgrounds/blockquote.png) center 15px no-repeat rgba(219,226,230,0.8);background-size:100% auto;margin:0 0 20px;padding:20px 18%;min-height:155px;font-size:0.9em;display:none;} #testimonials div.quote blockquote {padding:0;margin:0 0 5px;} #testimonials div.quote span {font-style:normal;font-size:90%;} #testimonials div.quote span[itemprop="name"] {padding-right:5px;} #testimonials div.quote span.title {color:#899196;} #testimonials {margin-top:20px;} #reviews div.quote {margin:0 0 30px;} #reviews div.quote:last-of-type {margin:0;} #reviews div.quote blockquote {padding:0;margin:0 0 5px;} #reviews div.quote blockquote p:last-of-type {margin:0 0 2px;} #reviews div.quote span {font-style:normal;font-size:90%;} #reviews div.quote span[itemprop="name"] {padding-right:5px;} #reviews div.quote span.title {color:#899196;} /* Portfolio */ /*article ul#portfolio-filter {list-style:none;text-align:center;display:none;margin-right:0px;} article ul#portfolio-filter li {display:inline-block;font-size:0.9em;margin-bottom:-1px;} article ul#portfolio-filter li a {text-decoration:none;border:none;padding:4px 6px;border:1px solid transparent;margin:0 0 0 -1px;color:inherit;display:block;} article ul#portfolio-filter li .current, article ul#portfolio-filter li:hover a {border:1px solid #c2c7c9;background:rgba(219,226,230,0.8);}*/ article #select-box {text-decoration:none;border:none;padding:0;margin:0 0 20px auto;color:inherit;display:block;position:relative;width:200px;} article #select-box a.view-all {padding:4px 6px;border:none;display:inline-block;width:70px;} article #select-box #select-box-inner {border:1px solid #c2c7c9;display:block;height:28px;position:relative;width:200px;display:inline-block;} article #select-box #select-box-inner span.select {padding:4px 6px;display:block;} article #select-box #select-box-inner span.arrow {background:rgba(219,226,230,0.8);height:28px;width:28px;position:absolute;top:-1px;right:-1px;border:1px solid #c2c7c9;cursor:pointer;} article #select-box #select-box-inner span.arrow:after {content:"";width:0;height:0;border-style:solid;border-width:8px 5.5px 0 5.5px;border-color:#3e4c54 transparent transparent transparent;position:absolute;top:10px;left:8px;} article #select-box #select-box-inner span.arrow:hover {background:rgb(219,226,230);} article #select-box #select-box-inner ul#portfolio-filter {list-style:none;margin:0;padding:0;text-align:left;background:#ffffff;border:1px solid #c2c7c9;border-top:none;position:absolute;z-index:9999;left:-1px;right:-1px;top:27px;display:none;} article #select-box #select-box-inner ul#portfolio-filter li {text-align:left;} article #select-box #select-box-inner ul#portfolio-filter li a {text-decoration:none;border:none;padding:6px 6px;line-height:1;display:block;} article #select-box #select-box-inner ul#portfolio-filter li a:hover, article #select-box #select-box-inner ul#portfolio-filter li a.current {background:rgba(219,226,230,0.8);color:inherit;} /* ---- Isotope / Portfolio Filter ---- */ article #portfolio-wrapper {margin:0 0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article #portfolio-wrapper:after {content:'';display:block;clear:both;} #portfolio-wrapper #portfolio-list .portfolio-item {position:relative;float:left;width:100%;height:220px;margin:0;padding:0;} #portfolio-wrapper #portfolio-list .portfolio-item > * {margin:0;padding:0;} article #portfolio-list .portfolio-item div.thumb .link {background:rgba(62,76,84,0);padding:0;display:block;text-align:center;position:relative;border-bottom:20px solid #ffffff;} article #portfolio-list .portfolio-item div.thumb:hover .link {background:rgba(62,76,84,0.85)} article #portfolio-list .portfolio-item div.thumb .link span.inner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:none;width:100%;padding:0 20px;color:#ffffff;} article #portfolio-list .portfolio-item div.thumb .link span.inner h3 {} article #portfolio-list .portfolio-item div.thumb .link span.inner .tags {display:block;} article #portfolio-list .portfolio-item div.thumb .link span.inner .button {display:inline-block;margin-top:10px;text-transform:uppercase;position:relative;} article #portfolio-list .portfolio-item div.thumb .link span.inner .button:after {content:"";position:absolute;top:100%;right:0;left:0;height:1px;background:#ffffff;} article #portfolio-list .portfolio-item div.thumb .link:hover span.inner {display:block;} article #portfolio-list .portfolio-item .link img {display:block;margin:0;height:200px;} article #portfolio-list .portfolio-item .link.wide img {width:200%;} article #portfolio-list .grid_sizer {width:100%;} article #portfolio-list .gutter_sizer {width:0;} @media (min-width:480px) { article #portfolio-wrapper {margin:0 -10px 20px;} #portfolio-wrapper #portfolio-list .portfolio-item {width:50%;} article #portfolio-list .portfolio-item div.thumb .link {border-left:10px solid #ffffff;border-right:10px solid #ffffff;} article #portfolio-list .grid_sizer {width:50%;} } @media (min-width:600px) { #portfolio-wrapper #portfolio-list .portfolio-item {width:33.33%;height:185px;} #portfolio-wrapper #portfolio-list .portfolio-item.wide {width:66.66%;} article #portfolio-list .grid_sizer {width:33.33%;} article #portfolio-list .portfolio-item .link img {height:165px;} } @media (min-width:768px) { #portfolio-wrapper #portfolio-list .portfolio-item {height:220px;} article #portfolio-list .portfolio-item .link img {height:200px;} } @media (min-width:960px) { #portfolio-wrapper #portfolio-list .portfolio-item {height:250px;} article #portfolio-list .portfolio-item .link img {height:230px;} } article.project #gallery {padding:0;} article.project #gallery .slideshow span.previous {display:none!important;} article.project #gallery ul.thumbs {margin:0;padding:0;list-style:none;font-size:0;} article.project #gallery ul.thumbs li {padding:0;margin:3% 0 0 0;width:23%;display:inline-block;} article.project #gallery ul.thumbs li:nth-child(2), article.project #gallery ul.thumbs li:nth-child(3), article.project #gallery ul.thumbs li:nth-child(4) {margin-left:0;} article.project #gallery a {border:none;} article.project #gallery img {width:100%;height:auto;display:block;border:1px solid #cccfd1;} article.project #breadcrumbs {margin:0 0 10px 0;font-size:0.8em;color:#cccccc;} article.project #breadcrumbs a {color:inherit;border-color:transparent;} article.project #breadcrumbs a:hover {border-color:#cccccc;} /* Links */ article a, aside a {color:#3e4c54;text-decoration:none;border-bottom:1px solid rgba(120,130,135,0.5);} article a:hover, aside a:hover {color:#e33139;border-bottom:1px solid #e33139;} article.project .six.columns a:last-child {color:#e33139;border-bottom:1px solid transparent;} article.project .six.columns a:last-child:hover {border-bottom:1px solid #e33139;} /* Posts & Children */ article .post {clear:both;border-top:1px solid #cccfd1;padding:10px 0 0 0;margin:20px 0 0 0;} article .post:first-of-type {border-top:none;padding:0;margin:0;} article .post h2.title {background:none;padding:0;margin-bottom:0px;} article .post h2.title a {border:none;padding:0;text-decoration:none;} article .post h2.title a:hover {} article .post small {display:block;font-size:0.8em;} 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;} #services article .post p {display:inline;} /* Posts Archives */ .blog h1 #archive-select, .archive h1 #archive-select {position:absolute;top:25px;right:30px;} .blog h1 #archive-select select, .archive h1 #archive-select select {width:150px;padding:3px;border:1px solid #333333;background:transparent;color:#ffffff;font-size:0.6em;} .single #archive-select {} .single h1 #archive-select select {width:150px;padding:3px;border:1px solid #333333;background:transparent;color:#ffffff;font-size:0.6em;} .blog article .post, .archive article .post {clear:both;} /* Images */ .alignleft {float:left;background:rgba(255,255,255,0.3);} .alignright {float:right;background:rgba(255,255,255,0.3);} .aligncenter {display:block;margin-left:auto;margin-right:auto;background:rgba(255,255,255,0.3);} .alignnone {background:rgba(255,255,255,0.3);} img.alignleft {margin:5px 20px 5px 0;clear:both;} .wp-caption.alignleft {margin:5px 20px 5px 0;} img.alignright {margin:5px 0 5px 20px;clear:both;} .wp-caption.alignright {margin:5px 0 5px 20px;clear:both;max-width:40%;} img.aligncenter {margin:5px auto 20px;} img.alignnone {margin:5px 0 20px;} .wp-caption .wp-caption-text,.entry-caption,.gallery-caption {font-style:italic;font-weight:300;text-align:center;font-size:0.8em;} .wp-caption.alignleft + ul,.wp-caption.alignleft + ol {list-style-position:inside;} /* Responsive Images */ article img, .wp-caption {max-width: 100%;height: auto;} article img[class*="align"], article img[class*="wp-image-"] {height: auto;} article img.size-full {max-width: 100%;width: auto;} /* Contact Form(s) */ #contact .form-container {margin-bottom:10px;} #contact form .ninja-forms-required-items {display:block;margin:0 0 5px 0;font-size:0.8em;color:#666666;} #contact form input, #contact form textarea, #contact form select {border:1px solid #bbbbbb;padding:5px 0;text-indent:3px;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display:block;margin-left:0!important;width:100%;} #contact form .label-left label {margin-bottom:2px!important;display:block;} #contact form input[type=submit] {margin:0;padding:0 7px;color:#3e4c54;text-decoration:none;line-height:25px;display:inline-block;border:1px solid #c2c7c9;background:rgba(219,226,230,0.8);width:auto;cursor:pointer;} #contact form input[type=submit]:hover {background:rgba(219,226,230,1.0);} #contact .ninja-forms-response-msg {margin:0;} #contact .ninja-forms-response-msg.ninja-forms-error-msg {color:#cc0000;} #contact .ninja-forms-response-msg.ninja-forms-success-msg {color:#398f14;} #contact .ninja-forms-field-error {color:#cc0000;font-size:0.8em;} #brief form input:not([type="button"]):not([type="checkbox"]):not([type="file"]):not([type="image"]):not([type="radio"]):not([type="submit"]), #brief form textarea, #brief form select {border:1px solid #bbbbbb;padding:5px 0;text-indent:3px;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display:inline-block;margin-left:0!important;width:100%;} #brief form input[type=submit] {margin:0;padding:0 7px;color:#3e4c54;text-decoration:none;line-height:25px;display:inline-block;border:1px solid #c2c7c9;background:rgba(219,226,230,0.8);width:auto;cursor:pointer;} #brief form input[type=submit]:hover {background:rgba(219,226,230,1.0);} #conbrieftact .ninja-forms-response-msg {margin:0;} /* Iframes */ /* article iframe {margin:10px auto 20px;display:block;width:100%!important;height:250px;} */ /* 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 {float:left;clear:both;margin:20px 0 0 0;} 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;} 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:#3e4c54;} article .pagination a.page-numbers.prev, article .pagination a.page-numbers.next {font-family:'arrows';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:20px;-webkit-font-smoothing:antialiased;font-size:0.7em;} article .pagination.single {display:block;margin:0 0 0;padding:20px 0 10px;float:none;} article .pagination.single a {border-color:transparent;} article .pagination.single a:hover {border-color:#e33139} article .pagination.single div {display:block;width:50%;float:left;font-size:0.7em;} article .pagination.single div.right {text-align:right;} article .pagination.single div.left a:before {font-family:'arrows';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:20px;-webkit-font-smoothing:antialiased;font-size:0.8em;margin-right:6px;content:"\3c";} article .pagination.single div.right a:after {font-family:'arrows';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:20px;-webkit-font-smoothing:antialiased;font-size:0.8em;margin-left:6px;content:"\3e";} /* Sitemap */ article ul.sitemap {margin-left:25px;} article ul.sitemap li a {border:none;} article ul.sitemap li ul {margin-top:5px;} article ul.sitemap li ul li ul {display:none;} article ul.sitemap li.current_page_item {display:none;} /* Sidebar */ aside {margin:0;padding:20px 0;border-top:1px solid #cccfd1;font-size:90%;} aside .archives {margin:0 0 20px;display:block;} aside .archives li {display:block;font-size:1em;margin:5px 0;text-align:center;} aside .archives li h3 {font-size:1.5em;} aside .archives li a {margin:4px 0;text-decoration:none;line-height:1em;border:none;} aside .archives li a:hover {border:none;} aside .categories {margin:0 auto 10px;display:block;padding:0px 0 20px;text-align:center;} aside .categories li {color:#666666;display:block;font-size:0.9em;margin:5px 0;} aside .categories li h3 {font-size:1.4em;} aside .categories li a {color:#666666;margin:4px 0;text-decoration:none;line-height:1em;} aside .categories li a:hover {border-bottom:1px solid #3e4c54;color:#3e4c54;} /* Footer */ footer {padding:20px 0 0 0;margin-top:10px;border-top:1px solid #cccfd1;} footer small {font-size:0.8em;color:#bbbbbb;} footer .one-third.column {padding:0 10px 10px;text-align:center;} footer .one-third.column h3 {font-size:1em;} footer .one-third.column p {font-size:0.8em;} footer .one-third.column p:last-child {margin:10px 0 0 0;} footer .one-third.column p a {padding:0 7px;color:#3e4c54;text-decoration:none;line-height:25px;display:inline-block;border:1px solid #c2c7c9;background:rgba(219,226,230,0.8);margin-bottom:10px;} footer .one-third.column p a:hover {background:rgba(219,226,230,1.0);} #socialmedia {list-style:none;margin:10px 0;text-align:center;} #socialmedia li {display:inline-block;height:20px;width:20px;overflow:hidden;} #socialmedia li a {display:block;height:20px;width:20px;background:url(img/icons/social-icons-small.png) 0 0 no-repeat;text-indent:100px;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;transition:none;} #socialmedia li.googleplus a {background-position:-20px 0;} #socialmedia li.instagram a {background-position:-60px 0;} #socialmedia li.pinterest a {background-position:-40px 0;} #socialmedia li a:hover {background-position:bottom left;} #socialmedia li.googleplus a:hover {background-position:-20px -20px;} #socialmedia li.instagram a:hover {background-position:-60px -20px;} #socialmedia li.pinterest a:hover {background-position:-40px -20px;} @media screen and (min-width:600px) { #socialmedia { text-align: right;position: absolute;right: 0;top:25px;z-index:10; } } /* Links */ footer ul.goop {display:block;text-align:center;list-style:none;margin:0;padding:0;} footer ul.goop li {display:inline-block;font-size:0.75em;line-height:15px;margin:0 4px 0;text-transform:uppercase;} footer ul.goop li a {color:#C8C8C8;text-decoration:none;padding:0;margin:0;} footer ul.goop li a:hover {text-decoration:underline;} footer ul.goop li.logo a {margin:0;border:none;padding:0;} 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:15px;margin:-1px 0 0 5px;font-size:0px;} /* Portfolio */ /* PORTFOLIO FILTER STYLE ----------------------------------------------- */ /*#portfolio-filter { list-style-type: none; } #portfolio-filter li { display: inline; padding-right: 10px; } #portfolio-filter li a { color: #777; text-decoration: none; } #portfolio-filter li .current, #portfolio-filter li:hover { color: #084a9a; }*/ /* PORTFOLIO LIST STYLE ----------------------------------------------- */ /*#portfolio-wrapper { padding-bottom: 25px; } #portfolio-list { list-style-type: none; } #portfolio-list .portfolio-item { width: 400px; float: left; margin-right: 5px; } #portfolio-list .portfolio-item h3 a { color: #084a9a; text-transform: uppercase; font-weight: bold; } #portfolio-list .portfolio-item .excerpt { text-align: justify; font-size: 14px; line-height: 18px; padding-right: 15px; margin-bottom: 5px; } #portfolio-list .portfolio-item .excerpt a { color: #555; } #portfolio-list .portfolio-item .excerpt a:hover { text-decoration: none; }*/ @media only screen and (min-width:480px) { #carousel #caption {top:30px;right:0px;font-size:80%;width:50%;} article ul#portfolio-list {font-size:0;margin-left:-2%;margin-right:-2%;} article ul#portfolio-list li {width:50%;padding:2%;} /*article ul#portfolio-list li {width:31.8%;margin:0 1% 1% 0;}*/ } @media only screen and (min-width:600px) { header {padding-bottom:20px;position:relative;} header a.logo {margin:0;background-position:top left;} #details {font-size:1.3em;text-align:right;margin:0;position:absolute;top:0;right:0;} #responsive {top:10px;right:10px;display:none;} #menu-responsive {display:none;} nav, #menu-main {display:block!important;} nav {height:98px;} nav ul#menu-main {text-align:right;margin:0;z-index:100;position:absolute;bottom:0;right:0;padding:0;/*height:40px;line-height:40px;*/} nav ul#menu-main li {display:inline-block;margin:0 -4px 0 0;font-size:0.8em;padding:0 7px;height:30px;line-height:30px;position:relative;border:1px solid transparent;} nav ul#menu-main li a {color:#3e4c54;text-decoration:none;/*margin:7px;line-height:30px;height:30px;padding:0 7px;*/display:block;} nav ul#menu-main li:hover, nav ul#menu-main li.current-menu-item, .blog nav ul#menu-main li.current_page_parent, .archive nav ul#menu-main li.current_page_parent, .single-post nav ul#menu-main li.current_page_parent, .single-project nav ul#menu-main li.menu-item-portfolio {border:1px solid #c2c7c9;background:rgba(219,226,230,0.8);} nav ul#menu-main li ul {display:none;position:absolute;overflow:hidden;} nav ul#menu-main li:hover > ul {border:1px solid #c2c7c9;width:auto;background:rgba(219,226,230,0.8);top:100%;margin:0 0 0 -8px; transition: max-height 0.7s ease-in;display:block;} nav ul#menu-main li:hover ul li, nav ul#menu-main ul li {float:none;font-size:0.9em;display:block;text-align:left;margin:0;height:auto;padding:0;height:25px;line-height:25px;border:none;white-space:nowrap;} nav ul#menu-main li:hover ul li:hover, nav ul#menu-main ul li:hover {border:none;background:none;} nav ul#menu-main li:hover ul li a, nav ul#menu-main ul li a {padding:0 10px;border:none;color:#3e4c54;background:none;height:auto;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;transition:none;} nav ul#menu-main li:hover ul li.current-menu-item a, nav ul#menu-main li:hover ul li:hover a {color:#e33139;} nav ul#menu-responsive li.menu-item-faqs {} nav ul#menu-responsive li a {color:#3e4c54;text-decoration:none;line-height:30px;display:block;background:rgba(219,226,230,0.3);} nav ul#menu-responsive li a:hover, nav ul#menu-responsive li.current-menu-item a {} #carousel #caption {top:30px;right:0;width:50%;font-size:80%;} #carousel #caption p:first-of-type {display:block;} .eleven.columns article {padding-right:20px;} /*article ul#portfolio-filter {display:block;text-align:center;margin:0 0 15px;} */ /*article ul#portfolio-list li {width:33.33%;vertical-align:top;position:relative;}*/ /*article ul#portfolio-list li.wide {width:66.66%;} article ul#portfolio-list li.wide img {height:auto;width:47%;}*/ article.project #gallery {padding:0 20px 0 0;} aside {padding:27px 0 0 10px;} aside ul.archives, aside ul.categories {text-align:right;} aside {margin:20px 0;padding:0 0 0 20px;text-align:center;border-top:none;border-left:1px solid #cccfd1;} aside .archives {margin:0 0 20px;display:block;} aside .archives li {text-align:left;} aside .archives li h3 {font-size:1.5em;} aside .archives li a {margin:4px 0;text-decoration:none;line-height:1em;border:none;} aside .archives li a:hover {border:none;} footer .one-third.column {text-align:left;} } @media only screen and (min-width:768px) { header a.logo {height:102px;background-size:auto 100%;} nav {height:107px;} nav ul#menu-main {} nav ul#menu-main li {font-size:1.1em;height:35px;line-height:35px;} nav ul#menu-main li:hover ul li {font-size:0.8em;height:30px;line-height:30px;} #carousel #caption {top:50px;right:10px;width:50%;font-size:90%;} article, aside {font-size:100%;} article .post a.readmore span {width:10px;height:10px;} /*article ul#portfolio-list {margin: 0 -1.3% 20px 0;} article ul#portfolio-list li {width:23.6%;} article ul#portfolio-list li .link {padding-top:40px;} article ul#portfolio-list li h3 {font-size:1.1em;} article ul#portfolio-list li a.button {bottom:30px;font-size:0.9em;}*/ #contact .content {float:left;width:50%;padding-right:20px;} #contact .form-container {float:left;width:50%;} } @media only screen and (min-width:800px) { #martlette > .container {margin:28px auto 0; max-width:960px;padding:20px 50px;} #carousel #caption {top:40px;} } @media only screen and (min-width:960px) { #martlette > .container {padding:20px 100px;} #carousel #caption {top:45px;right:10px;font-size:100%;} } @media only screen and (min-width:1024px) { #details {font-size:1.5em;} nav ul#menu-main li {font-size:1.2em;} } /* IE */ .lt-ie9 #details {font-size:2em;} .lt-ie9 #responsive, .lt-ie9 #menu-responsive {display:none} .lt-ie9 nav #menu-main {display:block;} .lt-ie9 nav {display:block;height:75px;} .lt-ie9 nav ul#menu-main {text-align:right;margin:0;z-index:100;position:absolute;bottom:0;right:0;padding:0;} .lt-ie9 nav ul#menu-main li {display:inline-block;margin:0 -4px 0 0;font-size:0.8em;padding:0 7px;height:30px;line-height:30px;position:relative;border:1px solid transparent;} .lt-ie9 nav ul#menu-main li a {color:#3e4c54;text-decoration:none;display:block;} .lt-ie9 nav ul#menu-main li:hover, .lt-ie9 nav ul#menu-main li.current-menu-item, .lt-ie9 nav ul#menu-main li.current_page_parent {border:1px solid #c2c7c9;background:rgba(219,226,230,0.8);} .lt-ie9 nav ul#menu-main li ul {display:block;position:absolute;overflow:hidden;max-height:0;} .lt-ie9 nav ul#menu-main li:hover > ul {max-height:200px;border:1px solid #c2c7c9;width:auto;background:rgba(219,226,230,0.8);top:100%;margin:0 0 0 -8px; transition: max-height 0.7s ease-in;} .lt-ie9 nav ul#menu-main li:hover ul li, .lt-ie9 nav ul#menu-main ul li {float:none;font-size:0.9em;display:block;text-align:left;margin:0;height:auto;padding:0;height:25px;line-height:25px;border:none;white-space:nowrap;} .lt-ie9 nav ul#menu-main li:hover ul li:hover, .lt-ie9 nav ul#menu-main ul li:hover {border:none;background:none;} .lt-ie9 nav ul#menu-main li:hover ul li a, .lt-ie9 nav ul#menu-main ul li a {padding:0 10px;border:none;color:#3e4c54;background:none;height:auto;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;transition:none;} .lt-ie9 nav ul#menu-main li:hover ul li.current-menu-item a, .lt-ie9 nav ul#menu-main li:hover ul li:hover a {color:#e33139;} .lt-ie9 nav ul#menu-responsive li a {color:#3e4c54;text-decoration:none;line-height:30px;display:block;background:rgba(219,226,230,0.3);} /* 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;} .photospace { position:relative; margin-bottom: 20px !important; min-height: 200px; /* space for loader */ } .photospace .advance-link { font-size:0; display:block; } .photospace, .photospace .thumnail_col, .photospace .gal_content, .photospace .slideshow-container, .photospace .slideshow span, .photospace .slideshow a.advance-link, .photospace .slideshow img{ width: 100% !important; height: auto !important; } .photospace .slideshow span{ display: block !important; } .photospace .gal_content{ float: none !important; } .photospace .slideshow span{ position: relative !important; /* Keep the gallery height - Doesn't work with synced transistions */ } .photospace .loader{ width: 100px !important; height: 100px !important; top: 50% !important; left: 50% !important; margin-left: -50px; } .photospace .thumbs_wrap2{ min-height:45px; /* space for thumbnails */ overflow: hidden; } .photospace .thumbs{ min-height:40px; } .photospace .thumbs_wrap{ float: left; left: 50%; position: relative; } .photospace .pageLink.next{ margin-right:0; } .photospace .thumnail_col { float: left; left: -50%; width:auto !important; position: relative; } .photospace ul.thumbs { float:left; margin:10px 0!important; } .photospace ul.thumbs li { margin:0 2% 2% 0!important; width:48.2%!important; } .photospace ul.thumbs li:nth-child(2n+2) { margin-right:0!important; } @media only screen and (min-width:480px) { .photospace ul.thumbs li { width:23.3%!important; } .photospace ul.thumbs li:nth-child(2n+2) { margin-right:2%!important; } .photospace ul.thumbs li:nth-child(4n+4) { margin-right:0!important; } } .photospace span.image-caption{ position: inherit !important; }