/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 12px/22px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: #F38920;
    text-transform: uppercase;
    position: relative;
}

nav a.union {
	display: block;
	width: 50px;
	height: 50px;
	background:url(http://cdn.shopify.com/s/files/1/0214/2344/files/union-black.png?924) no-repeat 0 0;
}

body#welcome nav a.union {
	background:url(http://cdn.shopify.com/s/files/1/0214/2344/files/union-white.png?924) no-repeat 0 0;
}

nav a:hover,
nav a:visited {
    color: #F38920;
}

nav a:hover {
    text-decoration: none;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 15px 0;
}

.main aside {
    color: black;
    padding: 0px;
}

.footer-container footer {
    color: black;
    padding: 20px 0;
    border-top: 1px solid gray;
}

.footer-container footer a {
    color: black;
	text-decoration: none;
}

.footer-container footer a:hover {
	text-decoration: underline;
}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

.lt-ie8 .instagram-placeholder img    { 
      width: auto; /* for ie 8 */
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body#welcome {
    background-color: black;
}

.header-container {
    margin-top: 10px;
}

.template-index .footer-container {
  	display:none;
}


h1.title a {
    background-image:url(//cdn.shopify.com/s/files/1/0214/2344/t/2/assets/bxr_logo_onwhite.png?7981239930459695324);
    background-repeat: no-repeat;
    width: 150px;
    height: 100px;
    display: block;
    margin: 0 auto;
}

#more p,
#previous p {
    background: black;
    color: white;
    text-align: center;
    padding: 10px;
    margin-top: 40px 
}

#more p a,
#previous p a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}



nav a.cart {
    color: black;
}

body.template-index nav a.cart {
    color: white;
}

body.template-index h1.title a {
    background-image:url(//cdn.shopify.com/s/files/1/0214/2344/t/2/assets/bxr_logo_onblack.png?7981239930459695324);
}

.instagram-placeholder img,
#lookbook img  {
    width: 100%;
    height: auto;
    margin-bottom: 2%;
}

.lazy {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    margin: 1.33em 0;
}

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }

.video-small {
    float: left;
    display: block;
    width: 100%;
}

#small-player {
    max-width: 100%;
    height: auto;
}

#large-player { 
 	background-color:black;

    -webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
}

body#welcome footer {
    display: none;
}

/* Product Nav */

ul.products {
    margin: 0;
    padding: 0;
}

ul.products li {
    width: 99%;
  	position:relative;
    min-height: 250px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    _height: 250px;
}

ul.products li img,
.main aside#product-photos img,
table img {
    max-width: 100%;
    height: auto;
}

/* Added Sold Out April 20 2013
a.sold-out-overlay { 
	background-color: darkred;
	color: white;
	text-decoration: none;
	z-index: 9000;
	position: absolute;
	width: 100%;
	top: 40%;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	/* Safari
	-webkit-transform: rotate(-10deg);
	
	/* Firefox
	-moz-transform: rotate(-10deg);
	
	/* IE
	-ms-transform: rotate(-10deg);
	
	/* Opera
	-o-transform: rotate(-10deg);
}
*/

/* Updated Sold Out April 25 2013 */
a.sold-out-overlay { 
	z-index: 9000;
	position: absolute;
	width: 65%;
	top: 10%;
  left: 17%;
}

a.sold-out-overlay span {
  display:none;
}

/* Map Overlay */

        .map {
			position: absolute; 
			top: 0; 
			left: 0; 
			min-width: 100%; 
			min-height: 100%; 
			width: auto; 
			height: auto; 
			z-index: 1000; 
			overflow: hidden;
			background: #10529d url('http://cdn.shopify.com/s/files/1/0214/2344/files/map.gif?969') no-repeat top center;
        }
        
        .map-links {
        	position: relative; 
        	top: 0; 
        	left: 0; 
        	min-width: 960px; 
        	min-height: 600px; 
        	width: 960px; 
        	height: 600px; 
        	z-index: 2000; 
        	display: block;
        	margin: 0 auto;
        }
        
	        .map-links a.la {
	        	position: absolute;
	        	top: 305px;
	        	left: 60px;
	        	width: 150px;
	        	height: 25px;
	        	display: block;
	        }
	        
	        .map-links a.mexico {
	        	position: absolute;
	        	top: 365px;
	        	left: 85px;
	        	width: 140px;
	        	height: 25px;
	        	display: block;
	        }
	        
	        .map-links a.london {
	        	position: absolute;
	        	top: 255px;
	        	left: 400px;
	        	width: 160px;
	        	height: 15px;
	        	display: block;
	        }
	        
	        .map-links a.paris {
	        	position: absolute;
	        	top: 275px;
	        	left: 410px;
	        	width: 110px;
	        	height: 15px;
	        	display: block;
	        }
	        
	        .map-links a.italy {
	        	position: absolute;
	        	top: 295px;
	        	left: 430px;
	        	width: 100px;
	        	height: 15px;
	        	display: block;
	        }
	        
	        .map-links a.australia {
	        	position: absolute;
	        	top: 540px;
	        	left: 820px;
	        	width: 120px;
	        	height: 25px;
	        	display: block;
	        }
	        
	        .map-links a.continue {
	        	position: absolute;
	        	top: 5px;
	        	left: 405px;
	        	width: 150px;
	        	height: 25px;
	        	display: block;
	        }


/* Product Page */


#product-content h1 {
    text-transform: uppercase;
    font-size: 2em;
    margin: 1.6em 0 .6em 0;
}

#product-content h2 {
    margin: 0;
}

#product-content #full_description {
    margin: 0 0 1.33em 0;
}

select {
    margin-left: 1em;
}

section#product-prices {
    border-top: 1px solid #ccc;
    font-size: 1.33em;
    color: gray;
}

input#add {
    margin: 3em 0;
}

.btn {
    background-color:#000;
    color:white;
    border-style:outset;
    border-color:#fff;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
  width:100%;
  margin: .6em 0;
}

/* Cart Page */

.shopping-cart h1 {
    text-transform: uppercase;
    font-size: 2em;
    margin: 0 0 1.33em 0;
}

.shopping-cart h3 {
    text-transform: uppercase;
    font-size: 1.6em;
}

table {
   width: 100%;
}

thead th {
   white-space: nowrap;
   border-bottom: 1px solid #ccc;
   color: #888;
}

th, td {
   padding: .5em 1em;
   text-align: right;
}

th:first-child, 
td:first-child {
   text-align: left;
   width: 25%;
}

th:nth-child(2), 
td:nth-child(2) {
   text-align: left;
   width: 40%;
}

tbody th, td {
   border-bottom: 1px solid #e6e6e6;
}

.quantity { 
    padding:5px; 
    width:35px; 
}

#checkout-buttons,
.shopping-cart p {
    text-align: center;
}

#checkout-buttons span {
    display: none;
}

#update-cart {
    background-color: #888;
    color:white;
}

.shopping-cart a {
    text-decoration: none;
    color: black;
}

.main aside#product-photos #product-photo-container {
    display: none;
}

#navigation { display: none }
.tinynav { display: block; margin: 0; padding: 0}
select.tinynav { width: 100%; font-size: 1.5em}
select.single-option-selector { display: block; width: 100%; margin:0; font-size: 1.5em}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

        h1.title a {
                margin: 0;
        }
        
/* ====================
    INTERMEDIATE: Menu
   ==================== */

    nav a {
        float: left;
        margin: 0 10px;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 10px;
    }
    
    ul.products li {
        width: 49%;
    }
    
    .btn {
        width:auto;    
    }
    
    #checkout-buttons span {
        display: inline;
        margin: 0 1em;
    }
    
    #checkout-buttons,
    .shopping-cart p {
        text-align: right;
    }

    .tinynav { display: none }
    #navigation { display: block }
    select.single-option-selector { display: inline; width: auto; margin-left:1em; font-size: 1em }

}

@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
        border-bottom: none;
    }

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

    nav {
        float: right;
            margin-right: 10%;
        margin-top: 77px;
    }

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 50%;
    }

    .main aside {
        float: right;
        width: 40%;
    }
    
    .main article.full {
        float: left;
        width: 100%;
    }
    
    .main article.left {
        float: left;
        width: 45%;
    }

    .main article.right {
        float: right;
        width: 45%;
    }  
    
    ul.products li {
        width: 33%;
    }
  
        .main article#product-content {
            float: right;
            width: 45%;
        }  
        
        .main aside#product-photos {
            float: left;
            width: 50%;
        }  
        
        .main aside#product-photos #product-photo-container {
                display: block;
                padding-bottom: 5px;
                border-bottom: 1px solid #ccc;
        }
        
        .main aside#product-photos img.smallImage {
                width: 50px;
                padding: 5px;
        }
        
        .main aside#product-photos img.smallImage:hover {
                cursor: pointer;
        }

        .loading {
            background: #fff url(//cdn.shopify.com/s/files/1/0214/2344/t/2/assets/loading.gif?7981239930459695324) no-repeat left center;
            height: 16px;
            position: absolute;
            top: 1;
            left: 1;
            display: block;
            z-index: 100;
            padding: 5px;
            font-size: .8em;
            text-transform: uppercase;
        }
        .loading span { margin-left: 20px;}
  
}

@media only screen and (min-width: 960px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 864px; /* 960px - 10% for margins */
        margin: 0 auto;
    }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}