#block-inspiration-lookbook { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 40px 10px 80px; }

.lookbook { position: relative; }
.lookbook header { position: absolute; top: -220px; right: 0; z-index: 1; }
.lookbook header h2 { text-align: left; letter-spacing: 0; font-size: 52px; padding: 10px 10px 10px 10%; line-height: 40px; margin-left: -15%; }
.lookbook header h2 span.val { display: block; font-family: 'Valentine', sans-serif; }
.lookbook header h2 span.san { display: inline-block; padding: 2px 0 0 56px; }

.masonry-layout { padding: 0; }
.masonry-item { width: 33%; width: calc(100%/3); margin: 0; padding: 0;
    background-color: transparent; }
.masonry-item.views-row-2 { margin-top: -60px; }
.masonry-item.views-row-3 { margin-top: -100px; }

.masonry-item .masonry-wrap { margin: 10px; overflow: hidden; border-radius: 5px;
    background: #ffffff;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2),0px 2px 4px 0px rgba(0,0,0,0.2); transition: box-shadow 0.2s ease; }
.masonry-item .masonry-wrap:hover {
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2),0px 6px 8px 0px rgba(0,0,0,0.2); }

.lookbook .views-field-link-flag .field-content { display: block; position: relative; width: 100%; }
.lookbook .views-field-link-flag .flag-love-inspiration { position: absolute; width: 100%; top: -25px; text-align: center; }
.lookbook .views-field-link-flag .flag-love-inspiration a { display: inline-block; width: 50px; height: 0; padding-top: 50px; overflow: hidden; border-radius: 50%;
    background-color: #ffffff; background-image: url("../../images/fave.png"); background-position: top center; background-repeat: no-repeat; background-size: 100%; }
.lookbook .views-field-link-flag .flag-love-inspiration a:hover { 
    background-position: bottom center; }
.lookbook .views-field-link-flag .flag-love-inspiration.action-flag a {  }
.lookbook .views-field-link-flag .flag-love-inspiration.action-unflag a { background-position: bottom center; }
.lookbook .views-field-link-flag .flag-love-inspiration.action-unflag a:hover { background-position: top center; } 

.lookbook .views-field-title { padding: 25px 20px 0 20px; }
.lookbook .views-field-title span { font-family: 'OSBold', sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; line-height: 15px; }

.lookbook .views-field-body { padding: 5px 20px 0 20px; }
.lookbook .views-field-body .field-content { font-family: 'elight', serif; font-size: 12px; line-height: 19px; }

.lookbook .views-field-view { padding: 5px 20px 0 20px; margin: 10px 0 5px; }
.lookbook .views-field-view div { display: inline; }
.lookbook .views-field-field-keyword-tags .field-content { display: inline; margin: 0 0 5px 0; }
.lookbook .views-field-field-keyword-tags .field-content a { display: inline-block; margin-bottom: 5px;font-family: 'OSBold', sans-serif; text-transform: uppercase; font-size: 8px; color: #ffffff; letter-spacing: 2px; padding: 7px 10px; border-radius: 14px; 
    background-color: rgba(82, 192, 167, 0.7); }
.lookbook .views-field-field-keyword-tags .field-content a:hover { 
    background-color: rgba(82, 192, 167, 1); }

.lookbook .views-field-nothing { padding: 5px 20px 20px 20px; text-align: right; }
.lookbook .views-field-nothing span.inspiration { display: inline-block; font-family: 'OSBold', sans-serif; text-transform: uppercase; font-size: 10px; color: #52c0a7; border-bottom: 1px solid transparent; cursor: pointer; }
.lookbook .views-field-nothing span.inspiration:hover { border-bottom: 1px solid #52c0a7; }

#block-inspiration-lookbook footer { text-align: center; margin-top: 60px; }
#block-inspiration-lookbook footer a { display: inline-block; font-family: 'OSBold',sans-serif; text-transform: uppercase; font-size: 10px; color: #52c0a7; letter-spacing: 3px; padding: 10px 20px; border: 2px solid #52c0a7;
    background-color: #ffffff; }
#block-inspiration-lookbook footer a:hover { color: #ffffff;
    background-color: #52c0a7; } 

body.lookbook .first-content { border-bottom: 1px solid #efefef;
    background-color: transparent; background-image: url('../../images/tiles-grey.jpg'); background-repeat: repeat; background-position: top center; background-size: 300px; }
body.lookbook .first-content .wrapper { padding-top: 40px;
    background-color: transparent; background-image: url('../../images/tile-blanks.png'); background-repeat: repeat-x; background-position: top center; background-size: 1800px; }
.lookbook .masonry-layout-inspiration-lookbook { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }

.lookbook main form { margin: 45px auto; }
.lookbook .views-exposed-form .js-form-type-select { float: left; width: 33%; width: calc(100%/3); margin-bottom: 15px; }
.lookbook .views-exposed-form .js-form-type-select.form-item-materials { padding: 0 10px; }
.lookbook .views-exposed-form .form-item-flagged { clear: both; padding: 25px 0 0 0; text-align: center; margin: 0 auto; cursor: pointer;
    background-color: transparent; background-image: url("../../images/fave.png"); background-position: top -10px center; background-repeat: no-repeat; background-size: 70px; }

.lookbook .views-exposed-form .form-actions { text-align: center; }
.lookbook .views-exposed-form .form-actions .button { border: none; color: #e4824c;
    background: transparent; }
.lookbook .views-exposed-form .form-actions .button:hover { text-decoration: underline; }
.lookbook .views-exposed-form .form-actions .button::before,
.lookbook .views-exposed-form .form-actions .button::after { content: "-"; }

.lookbook .more-link { text-align: center; margin: 60px 0; }
.lookbook .more-link a { display: inline-block; font-family: 'OSBold',sans-serif; text-transform: uppercase; font-size: 10px; color: #52c0a7; letter-spacing: 3px; padding: 10px 20px; border: 2px solid #52c0a7;
    background-color: #ffffff; }
.lookbook .more-link a:hover { color: #ffffff; background-color: #52c0a7; }