/*
Theme Name: BlankSlate Two
Theme URI: http://wordpress.org/themes/blankslate_2
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Edited version for the Depot
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/




/* MY STYLE */

@charset "utf-8";
/* CSS Document */

body {
    font-family: "adobe-caslon-pro",serif;
    font-size:16px;
    line-height:1.4;
    font-weight:300;
    letter-spacing: .5px;
    background: #fff;
}
.vc_row {margin-left:0 !important;margin-right:0 !important;}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom:0 !important;}
.vc_column_container>.vc_column-inner  {padding-left:0 !important;padding-right:0 !important;}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section 
{padding-top:0 !important;}
#mc_embed_signup {background-color: transparent !important;}
#mc_embed_signup h2 {text-align: center}
p {
    font-weight:100;
}
.post-255 p {display:none;}
.post-255 .section p {display: block;}

.entry-content p , .wp-post-image img {padding: 15px 0;}
a, a:hover {
    color: #000000;}
    .entry-content a,.entry-content a:hover {text-decoration: underline;}
h4 {
    font-weight:400;
    font-family: futura-pt, "Futura", "Trebuchet MS", Arial, sans-serif;
}
h3 {
    font-size:1.3em;
    font-weight:400;
    font-family: futura-pt, "Futura", "Trebuchet MS", Arial, sans-serif;
}
h2 {
    font-size:2em;
    font-weight:400;
    font-family: futura-pt, "Futura", "Trebuchet MS", Arial, sans-serif;
}
h1 {
    font-family: "adobe-caslon-pro",serif;
    font-size:2em;
    font-weight:400;
    margin-bottom: 25px;
}
.category-featured-artist {border-bottom: 1px solid #777;}
.size-full, .size-medium {max-width:100%; height:auto;}
.btn,.btn-lg,.list-inline,.wpcf7-submit {
    font-family: futura-pt, "Futura", "Trebuchet MS", Arial, sans-serif;
    text-transform: uppercase;font-weight:normal;
}
.fa.fa-instagram, .fa.fa-facebook, .fa.fa-twitter {
    font-size: 1.1em;
}
.on {
    border-bottom: 3px #fff solid;
}
.navbar-text a {
    color:#fff;
    font-size:1.2em;
}
.navbar-text {
    padding:0;
    margin:0;
    margin-left: 8px;
}
.navbar-fixed-top {
    top: -70px;
    /* you'll have to figure out the exact number here */
}
.navbar-default .navbar-toggle .icon-bar {
    background-color:#000;
}
.navbar-default .navbar-toggle {
    border-color: #000;
    border-radius: 0;
}
.navbar-toggle {
    margin:10px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
    /* this can also be static */
}
.btn, .wpcf7-submit {
    border-radius: 0px;
    border-color:#000;
    padding: 15px 30px;
    font-size: .7em;
}
.btn-lg {
    border-radius: 0px;
    border-color:#000;
    padding: 20px 40px;
    font-size: .7em;
}
.btn-default, .wpcf7-submit {
    background-color:transparent;
}
label {padding: 10px 10px 0 0;}

.section, .section-footer1, .section-footer2 {
    padding:60px 0;
} 
.section-footer2 {
    background-color: #ccc;
}
.section-footer1 {
    font-size: .7em;
}
.section-footer2 p {
    font-size: .65em;font-family: futura-pt, "Futura", "Trebuchet MS", Arial, sans-serif;
    text-transform: uppercase; font-weight:400;

}
.section-footer {
    padding:30px 0;
    font-size: .7em;
} 
.section-slim {
    padding:30px 0;
} 
.section-gallery {
    padding:0 0 60px 0;
} 


.section-white {
    background-color:#fff;
}
.whatwedo {padding:20px 0;}
.artgallery {margin-bottom:40px;}
.navbar-collapse {
    background-color:#eee;
}
.section-grey {
    background-color:#eee;
    
}
.section-light-grey {
    background-color:#F2F2F2;
    
}
.section-dark-grey {
    background-color:#555;
    
}
.section-grey a {
    color:#000;
    
    
}
.section-dark-grey {
    color:#fff;
    
    
    
}
.section-dark-grey a {
    color:#fff;
    
    
}
.section-color-hero a, .section-white a{
    color:#000;
    
    
}
.section-black {
    background-color:#000;
}



.section-black {
    background-color:#ccc;
}
.navbar-brand {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: 0 auto;
    font-size:1em;
    padding:0;
    
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left:0;
} 

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color:#000000;
    
}
.navbar-default {
    background-color:transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 0;
}
.navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a {
    color:#000;
    height:auto;
}
.navbar-default .navbar-text {
    color:#000;
}
.navbar-nav>li>a {
    padding-top:79px;
    font-weight: 400;
}
 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color:#ccc;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color:transparent;
}
.navbar {
    background-color: transparent;
    border: 0px;
    border-bottom: none;
    font-size: .9em;
    font-family: "adobe-caslon-pro",serif;
    top:0px;
    margin-bottom:0;
}
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    
}


.section-footer1 li {
    font-size: 1.3em;
    margin-top: 15px;
}

a:hover .tilefour {
    opacity: 1;
}

.tilefour {
    transition: all 0.8s ease;
    height: 48vw;
    background-size: cover;
    color: #fff;
    display: table;
    background-position: center center;
}


.section-hero {
    background-image: url(../img/hero.jpg);
    background-size: cover;
    height:75vw;
    top:0;
    position: fixed;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -39;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.tilefour {
    transition: all 0.8s ease;
    height: 48vw;
    background-size: cover;
    color: #fff;
    display: table;
    background-position: center center;
}

.row-gallery {
    margin-right: -16px;
    margin-left: -15px;
    background-color: #eee;
}

p.tile {
    color:#000;
    font-size:.9em;
    letter-spacing: .5px;
    font-family: "adobe-caslon-pro",serif;
}
p.tile-2 {
    color:#000;
    font-size:1.2em;
    letter-spacing: .5px;
    font-family: "futura-pt", "Futura", "Trebuchet MS", Arial, sans-serif;
    font-weight:500;
}
a .tile {
    opacity: 1;
    border-radius: 0px;
    font-weight: 400;
}

p.tile,p.tile-2 {
    border-color: #fff;
    padding: 0;
    border:1px;
}
div .tiletext  {
    color: #fff;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, .5);
}

.section-tableware div .tiletext,  .section-crystals div .tiletext  {
    color: #000;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, .5);
}

a:hover .tile, a:hover .tile-2 {
    visibility: visible;
    opacity: 1;
    
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    .navbar-collapse {
        background-color:transparent;
    }
    .tilefour {
        height:16.666vw;
    }
    
}


a:hover .tile1
{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-galleries-hover.jpg');
    
}
a:hover .tile2{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/08/tile-sound-hover.jpg');
    
}
a:hover .tile3{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-lab-hover.jpg');
    
}
a:hover .tile4{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-press-hover.jpg');
    
}
a:hover .tile5{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-cultural-hover.jpg');
    
}
a:hover .tile6{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-map-hover.jpg');
    
}
a:hover .tile7{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-liberation-hover.jpg');
    
}
a:hover .tile8{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-depot-hover.jpg');
    
}
a:hover .tile9{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/news-hover.jpg');
    
}
a:hover .tile10{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-whatwedo-hover.jpg');
    
}
a:hover .tile11{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-staff-hover.jpg');
    
}
a:hover .tile12{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-supportus-hover.jpg');
    
}
a:hover .tile13{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-membership-hover.jpg');
    
}
a:hover .tile14{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-location-hover.jpg');
    
}
a:hover .tile15{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-social-hover.jpg');
    
}
a:hover .tile16{
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-contact-hover.jpg');
}

a .tilebase {
    background-size:cover;
    background-position:center center;
    padding:10px 0 30px 0;
    height:25vw;
    transition: background-image 0.5s;
}
a .tile1    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-galleries.jpg');
}
a .tile2    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/08/tile-sound.jpg');
    
}
a .tile3    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-lab.jpg');
    
}
a .tile4    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-press.jpg');
    
}
a .tile5    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-cultural.jpg');
    
}
a .tile6    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-map.jpg');
    
}
a .tile7    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-liberation.jpg');
    
}
a .tile8    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-depot.jpg');
    
}
a .tile9    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/news.jpg');
    
}
a .tile10    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-whatwedo.jpg');
    
}
a .tile11    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-staff.jpg');
    
}
a .tile12    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-supportus.jpg');
    
}
a .tile13    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-membership.jpg');
    
}
a .tile14    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-location.jpg');
    
}
a .tile15    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-social.jpg');
    
}
a .tile16    {
    background-image:url('http://www.depotartspace.co.nz/staging17/wp-content/uploads/2017/07/tile-contact.jpg');
}


/* Small devices (tablets, 768px and down) */
@media (max-width: 767px) {
    
    h1 {
        font-size:1.8em;
        font-weight:400;
    }
    .section {
        padding:40px 0;
    }
    .tilebase {
        height:50vw !important;
    }
    .section-pipe, .section-crystals, .section-candles,  .section-tableware {
        min-height:100vw;
        background-position:center center;
        
    }
    
    .section-tableware {
        background-position:left center;
    }
    .section-tableware div .tiletext,  .section-crystals div .tiletext,.section-pipes div .tiletext,.section-candles div .tiletext  {
        color: #fff;
        text-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
    }
    
    .section-hero {
        background-image: url(../img/hero.jpg);
        
    }
    .navbar-brand {
        padding:0;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    .navbar-nav>li>a {
        padding-top:79px;
    }
    .navbar-nav>li>a.instagram {
        padding-top:74px;
    }
    .navbar-nav>li>a.facebook {
        padding-top:74px;
    }
    .tilebase {
        height:50vw!important;
    }
    a .tile {
        margin-top:20vw;
    }
    a .tile-2 {
        margin-top:40vw;
    }
    
    .section-tableware div .tiletext,  .section-crystals div .tiletext,.section-pipes div .tiletext,.section-candles div .tiletext  {
        color: #fff;
        text-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
    }
    .tilefour {
        height:16.666vw;
    }
    
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-nav>li>a {
        padding-top:79px;
    }
    .navbar-nav>li>a.facebook {
        padding-top:79px;
    }
    .tilebase {
        height:25vw!important;
    }
    a .tile {
    
        padding-top: 6vw;
    }
    a .tile-2 {
        margin-top:10vw;
    }
    .section-tableware div .tiletext,  .section-crystals div .tiletext  {
        color: #000;
        text-shadow: 0px 0px 8px rgba(255, 255, 255, .8);
    }
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
    a .tile {
        margin-top:3vw;
    }
    p.tile-2{
        margin-top:9vw;
    }
}

/* Extra Large devices (desktops, 1680px and up) */
@media (min-width: 1680px) {
    
    body {
        
        font-size:18px;
    }
    
    
}


/* Only Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .navbar-nav>li>a{
        padding-top:20px;
    }
    a .tile {
        margin-top: -60px;
        padding-top: 23vw;
    }
    p.tile-2 {
        margin-top: 19vw;
    }
    .section-footer1 li {
        font-size: 1em;
        margin-top: 10px;
    }
}