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



@font-face {
    font-family: 'OswaldLight';
    src: url('../assets/fonts/Oswald-Light-webfont.eot');
    src: url('../assets/fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/Oswald-Light-webfont.woff') format('woff'),
         url('../assets/fonts/Oswald-Light-webfont.ttf') format('truetype'),
         url('../assets/fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBook';
    src: url('../assets/fonts/Oswald-Regular-webfont.eot');
    src: url('../assets/fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('../assets/fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('../assets/fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBold';
    src: url('../assets/fonts/Oswald-Bold-webfont.eot');
    src: url('../assets/fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/Oswald-Bold-webfont.woff') format('woff'),
         url('../assets/fonts/Oswald-Bold-webfont.ttf') format('truetype'),
         url('../assets/fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'arizoniaregular';
    src: url('../assets/fonts/arizonia-regular-webfont.eot');
    src: url('../assets/fonts/arizonia-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/arizonia-regular-webfont.woff') format('woff'),
         url('../assets/fonts/arizonia-regular-webfont.ttf') format('truetype'),
         url('../assets/fonts/arizonia-regular-webfont.svg#arizoniaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/



/* ---------  LookBook Styles ---------------*/


#lookbook {
    margin-top:0;
    margin-left:0;
}


#content-wrapper, #content-wrapper .row {
	margin-left:0;
}


#lookbook
#main {
    border-left-width: 0;
    padding: 15px 25px 25px 31px;
    width: 260px;
    min-height: 270px;
    height: 278px;
    margin: 0;
    position: absolute;
    top: 0;
    z-index: 10;
	box-sizing:content-box;
}

#lookbook #main
p {
    font-size: 14px;
}

#lookbook #main
h1 {
	font-family:'OswaldBook';
    font-size: 30px;
    margin: 0;
    color: #36829a;
}

#lookbook #main
h3 {
    margin: 0;
    color: #36829a;
    margin-bottom: 5px;
}

#lookbook
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#lookbook #main
li {
    font-size: 15px;
    margin-bottom: 5px;
    padding-left: 0;
    cursor: pointer;
    line-height: 25px;
    display:inline-block;
    width:127px;
}

#lookbook #main li:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 7px;
    height: 7px;
    border: 1px solid black;
}

#lookbook #main
li.active {
    text-transform: uppercase;
    text-decoration: underline;
}

#lookbook #main li.active:before {
    background-color: black;
}

#lookbook .type-lookbook {
    width: 158px;
    height: 158px;
    margin: 0
1px 1px 0;
}

#lookbook .type-lookbook
img {
    width: 158px;
    height: 158px;
    display: inline-block;
}

#lookbook
div.caption {
    display: none;
}


.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    -ms-transition-property: -ms-transform,opacity;
    -o-transition-property: top,left,opacity;
    transition-property: transform,opacity;
}

.isotope-item.transitioning {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition,
html.touch .isotope,
html.touch .isotope .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}