<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<main>
<section class="wrap">
<div class="grid">
<div class="box_0 item">
<a class="hero-image" href="#"><img src="" alt=""></a>
</div>
<div class="box_1 item">
<div class="box social">
<a class="ion-flag" href="" target="_blank"></a>
<a class="ion-plus-circled" href="" target="_blank"></a>
<a class="ion-social-pinterest" href="" target="_blank"></a>
<a class="ion-social-facebook" href="" target="_blank"></a>
<a class="ion-social-twitter" href="" target="_blank"></a>
<a class="ion-social-youtube" href="" target="_blank"></a>
<h2>Follow Us</h2>
</div>
</div>
<div class="box_2 item">
<a class="box instagram" href="" target="_blank">
<div class="box-image"></div>
<h2>Instagram with Us</h2>
</a>
</div>
</div>
</section>
<section class="container">
<article>
<div class="header">
<div class="title">
<h1><a href="">Home Tour: Rad and Kate MacCready</a></h1>
<div class="byline">
<address class="author vcard"> posted by <span>Megan Gilger</span></address>|
<time class="entry-date published updated">Jun 01</time>
</div>
</div>
<div class="actions">
<a href="#" class="zilla-likes">
<span class="ion-heart icon"></span>
<span class="zilla-likes-count">7</span>
<span class="zilla-likes-postfix"></span>
</a>
<a class="share action-button" href="javascript:void(0)">Share</a>
<div class="share-options">
<a class="comment" href="" title="Comment">
<span class="ion-chatbox icon"></span>
<span class="count">3</span>
</a>
<a class="facebook" onclick=" window.open( 'https://www.facebook.com/sharer/sharer.php?u=URL', 'facebook-share-dialog', 'width=625,height=430' ); return false;" href="#">
<span class="ion-social-facebook icon"></span>
<span class="count">3</span>
</a>
<a class="twitter" onclick=" window.open( 'https://twitter.com/home?status=URL', 'twitter-share-dialog', 'width=625,height=430' ); return false;" href="#">
<span class="ion-social-twitter icon"></span>
<span class="count">3</span>
</a>
<a class="pinterest" href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">
<span class="ion-social-pinterest icon"></span>
</a>
<div class="glass"></div>
</div>
</div>
</div>
<div class="content">
<img src="https://goo.gl/25T8xY" alt="">
<p>It doesn’t happen every day, but once in a while you meet someone who impress you so greatly that you are changed after meeting them. These are people who go their own way. They see life just a little bit differently, but that little bit of difference
has made a huge impact on their lives and those lucky enough to be near them. In our travels and adventures we have met some of these unique…</p>
<div class="read-more"><a class="btn" href="">Read More</a></div>
</div>
<div class="footer"></div>
</article>
</section>
<section class="wrap">
<div class="grid">
<div class="blogroll frontpage">
<div class="item">
<article>
<div class="header">
<div class="title">
<h1><a href="">Styled: A Weekend Outfit #1</a></h1>
<div class="byline">
<address class="author vcard"> posted by <span>Megan Gilger</span></address>|
<time class="entry-date published updated">May 29</time>
</div>
</div>
<div class="actions">
<a href="#" class="zilla-likes"> <span class="ion-heart icon"></span>
<span class="zilla-likes-count">6</span>
<span class="zilla-likes-postfix"></span>
</a>
</div>
</div>
<div class="content">
<img src="https://goo.gl/HNg0XW" alt="">
<p>The beauty of warm summer days isn’t that they are warm, but that we have the option to wear loose fitting and lightweight clothing. I live for an “unfitted look” that can be hard to get away with in the winter and cooler months of the year.
For summer, I have been on the lookout for the perfect pieces. I wanted to share a couple pieces that I love. These are pieces I wore while…</p>
<div class="read-more"><a class="btn" href="">Read More</a></div>
</div>
<div class="footer"></div>
</article>
</div>
<div class="item">
<article>
<div class="header">
<div class="title">
<h1><a href="">Big Sur: Adventure Summit with Bota Box</a></h1>
<div class="byline">
<address class="author vcard"> posted by <span>Megan Gilger</span></address>|
<time class="entry-date published updated">May 28</time>
</div>
</div>
<div class="actions">
<a href="#" class="zilla-likes">
<span class="ion-heart icon"></span>
<span class="zilla-likes-count">12</span>
<span class="zilla-likes-postfix"></span>
</a>
</div>
</div>
<div class="content">
<img src="https://goo.gl/wTplZu" alt="">
<p>At the beginning of this month, we went on the road trip we had been dreaming of for years. When Mike and I got married, we were planning to spend our honeymoon driving from Vancouver, Canada to Baja, Mexico. We wanted to drive
the length of the west coast and see everything along the way. As many wedding plans go, we got tight on time and money, and instead opted for an all-inclusive experience in Jamaica. We…</p>
<div class="read-more"><a class="btn" href="">Read More</a></div>
</div>
<div class="footer"></div>
</article>
</div>
<div class="item">
<article>
<div class="header">
<div class="title">
<h1><a href="">My Essential Summer Beauty Products</a></h1>
<div class="byline">
<address class="author vcard"> posted by <span>Megan Gilger</span></address>|
<time class="entry-date published updated">May 27</time>
</div>
</div>
<div class="actions">
<a href="#" class="zilla-likes">
<span class="ion-heart icon"></span>
<span class="zilla-likes-count">4</span>
<span class="zilla-likes-postfix"></span>
</a>
</div>
</div>
<div class="content">
<img src="https://goo.gl/7AQvfm" alt="">
<p>Upon returning to Raleigh from Big Sur, it has been full-on summer weather. In Northern Michigan, at most, we only saw five months of “summer” weather. It has been quite an adjustment to find out what my skin wants and needs, here in Raleigh.
Over the years, I have also slowly refined the list of products I can confirm are “as natural as possible” and that I love. Many of you have asked me for…</p>
<div class="read-more"><a class="btn" href="">Read More</a></div>
</div>
<div class="footer"></div>
</article>
</div>
<div class="item">
<article>
<div class="header">
<div class="title">
<h1><a href="">Our Studio – The Build</a></h1>
<div class="byline">
<address class="author vcard"> posted by <span>Mike Gilger</span></address>|
<time class="entry-date published updated">May 25</time>
</div>
</div>
<div class="actions">
<a href="#" class="zilla-likes">
<span class="ion-heart icon"></span>
<span class="zilla-likes-count">13</span>
<span class="zilla-likes-postfix"></span>
</a>
</div>
</div>
<div class="content">
<img src="https://goo.gl/tm2hqb" alt="">
<p>From the moment Megan and I decided to go down this wild journey of entrepreneurship, we have been dreaming of a space totally devoted to creating. For 5 years the dream of what could be, was only that, a dream. Until we bought
our home this last fall. We talked a bit about our home buying process, but after almost a year of searching we had finally found the perfect home with the perfect studio space. For last…</p>
<div class="read-more"><a class="btn" href="">Read More</a></div>
</div>
<footer class="footer"></footer>
</article>
</div>
</div>
</div>
</section>
<section class="post-tiles popular-tiles ">
<div class="wrap">
<div class="grid">
<h1>Popular Posts</h1>
<div class="post_set first active">
<div class="post_tile_1 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image:url(https://goo.gl/VHt9rN);"></div>
<div class="description">
<h2 class="secondary">Fashion</h2>
<h1 class="title">Plaid: A Simple Wardrobe Upgrade</h1>
</div>
</a>
</div>
<div class="post_tile_2 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image:url(https://goo.gl/QtreHR);"></div>
<div class="description">
<h2 class="secondary">Business</h2>
<h1 class="title">In Honor of our 5 Year Anniversary!</h1>
</div>
</a>
</div>
<div class="post_tile_3 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image:url(https://goo.gl/ZLb8u2);"></div>
<div class="description">
<h2 class="secondary">Adventures</h2>
<h1 class="title">A Mountain Tree Hunt with Old Navy</h1>
</div>
</a>
</div>
<div class="post_tile_4 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image:url(https://goo.gl/HOyrHx);"></div>
<div class="description">
<h2 class="secondary">Fashion</h2>
<h1 class="title">A Healthy and Strong 2015</h1>
</div>
</a>
</div>
</div>
<div class="post_set">
<div class="post_tile_5 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image:url(https://goo.gl/WV0Pjy);"></div>
<div class="description">
<h2 class="secondary">Garden</h2>
<h1 class="title">Garden DIY: Mounting a Staghorn Fern</h1>
</div>
</a>
</div>
<div class="post_tile_6 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image:url(https://goo.gl/xzEk2C);"></div>
<div class="description">
<h2 class="secondary">Business</h2>
<h1 class="title">Reaching For What’s Next.</h1>
</div>
</a>
</div>
<div class="post_tile_7 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image:url(https://goo.gl/mA3nXv);"></div>
<div class="description">
<h2 class="secondary">Interior Inspiration</h2>
<h1 class="title">Guest Room Update</h1>
</div>
</a>
</div>
<div class="post_tile_8 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image:url(https://goo.gl/bMZ4ms);"></div>
<div class="description">
<h2 class="secondary">Celebrations</h2>
<h1 class="title">New Year. New Thoughts.</h1>
</div>
</a>
</div>
</div>
<div class="post_set last">
<div class="post_tile_9 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image:url(https://goo.gl/ESe2lH);"></div>
<div class="description">
<h2 class="secondary">Uncategorized</h2>
<h1 class="title">Hello Weekend</h1>
</div>
</a>
</div>
<div class="post_tile_10 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image: url(https://goo.gl/jK8uks)"></div>
<div class="description">
<h2 class="secondary">Business</h2>
<h1 class="title">Today is not Tomorrow.</h1>
</div>
</a>
</div>
<div class="post_tile_11 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image: url(https://goo.gl/00DO7j)"></div>
<div class="description">
<h2 class="secondary">Business</h2>
<h1 class="title">Our Home Buying Experience + A Tour</h1>
</div>
</a>
</div>
<div class="post_tile_12 item">
<a class="single-tile" href="">
<div class="tile-image" style="background-image: url(https://goo.gl/Bs2f6X)"></div>
<div class="description">
<h2 class="secondary">Adventures</h2>
<h1 class="title">A Mountain Escape</h1>
</div>
</a>
</div>
</div>
</div>
<a class="prev-button">←</a>
<a class="next-button">→</a>
</div>
</section>
</main>
<script>
(function ( $ ) {
function posts_carousel() {
if( window.innerWidth > 1158 ) {
$('.post_set').first().addClass('first');
$('.post_set').last().addClass('last');
$('.post-tiles .prev-button').click(function() {
if( !$('.post_set.active').hasClass('first') ) {
$('.post_set.active').removeClass('active').prev('.post_set').addClass('active');
}
else {
$('.post_set.active').removeClass('active');
$('.post_set').last().addClass('active');
}
});
$('.post-tiles .next-button').click(function() {
if( !$('.post_set.active').hasClass('last') ) {
$('.post_set.active').removeClass('active').next('.post_set').addClass('active');
}
else {
$('.post_set.active').removeClass('active');
$('.post_set').first().addClass('active');
}
});
}
else {
$('.post_set').removeClass('active');
$('.post_set').first().addClass('active');
}
}
posts_carousel();
$(window).resize(function() {
posts_carousel();
});
}( jQuery ));
jQuery(document).ready(function($) {
$('.zilla-likes').live('click', function() {
var link = $(this);
if (link.hasClass('active')) return false;
var id = $(this).attr('id'),
postfix = link.find('.zilla-likes-postfix').text();
$.post(zilla_likes.ajaxurl, {
action: 'zilla-likes',
likes_id: id,
postfix: postfix
}, function(data) {
link.html(data).addClass('active').attr('title', 'You already like this');
});
return false;
});
if ($('body.ajax-zilla-likes').length) {
$('.zilla-likes').each(function() {
var id = $(this).attr('id');
$(this).load(zilla_likes.ajaxurl, {
action: 'zilla-likes',
post_id: id
});
});
}
});
</script>
.grid {
list-style: none;
margin: 0;
padding: 0;
margin-left: -30px;
text-align: center;
}
.item {
display: inline-block;
padding-left: 30px;
vertical-align: top;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.grid--rev {
direction: rtl;
text-align: left
}
.grid--rev>.grid__item {
direction: ltr;
text-align: left
}
.grid--full {
margin-left: 0
}
.grid--full>.grid__item {
padding-left: 0
}
.grid--right {
text-align: right
}
.grid--right>.grid__item {
text-align: left
}
.grid--center {
text-align: center
}
.grid--center>.grid__item {
text-align: left
}
.grid--middle>.grid__item {
vertical-align: middle
}
.grid--bottom>.grid__item {
vertical-align: bottom
}
.grid--narrow {
margin-left: -15px
}
.grid--narrow>.grid__item {
padding-left: 15px
}
.grid--wide {
margin-left: -60px
}
.grid--wide>.grid__item {
padding-left: 60px
}
.item,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
width: 50%
}
.one-thirds,
.two-sixths,
.four-twelfths {
width: 33.333%
}
.two-thirds,
.four-sixths,
.eight-twelfths {
width: 66.666%
}
.one-quarter,
.two-eighths,
.three-twelfths {
width: 25%
}
.three-quarters,
.six-eighths,
.nine-twelfths {
width: 75%
}
.one-fifth,
.two-tenths {
width: 20%
}
.two-fifths,
.four-tenths {
width: 40%
}
.three-fifths,
.six-tenths {
width: 60%
}
.four-fifths,
.eight-tenths {
width: 80%
}
.one-sixth,
.two-twelfths {
width: 16.666%
}
.five-sixths,
.ten-twelfths {
width: 83.333%
}
.one-eighth {
width: 12.5%
}
.three-eighths {
width: 37.5%
}
.five-eighths {
width: 62.5%
}
.seven-eighths {
width: 87.5%
}
.one-tenth {
width: 10%
}
.three-tenths {
width: 30%
}
.seven-tenths {
width: 70%
}
.nine-tenths {
width: 90%
}
.one-twelfth {
width: 8.333%
}
.five-twelfths {
width: 41.666%
}
.seven-twelfths {
width: 58.333%
}
.eleven-twelfths {
width: 91.666%
}
@media only screen and (max-width: 480px) {
.item {
width: 100%
}
[class*="post_tile_"].item,
.mobile--two-quarters,
.mobile--three-sixths,
.mobile--four-eighths,
.mobile--five-tenths,
.mobile--six-twelfths {
width: 50%
}
.mobile--one-third,
.mobile--two-sixths,
.mobile--four-twelfths {
width: 33.333%
}
.mobile--two-thirds,
.mobile--four-sixths,
.mobile--eight-twelfths {
width: 66.666%
}
.mobile--one-third,
.mobile--two-eighths,
.mobile--three-twelfths {
width: 25%
}
.mobile--three-quarters,
.mobile--six-eighths,
.mobile--nine-twelfths {
width: 75%
}
.mobile--one-fifth,
.mobile--two-tenths {
width: 20%
}
.mobile--two-fifths,
.mobile--four-tenths {
width: 40%
}
.mobile--three-fifths,
.mobile--six-tenths {
width: 60%
}
.mobile--four-fifths,
.mobile--eight-tenths {
width: 80%
}
.mobile--one-sixth,
.mobile--two-twelfths {
width: 16.666%
}
.mobile--five-sixths,
.mobile--ten-twelfths {
width: 83.333%
}
.mobile--one-eighth {
width: 12.5%
}
.mobile--three-eighths {
width: 37.5%
}
.mobile--five-eighths {
width: 62.5%
}
.mobile--seven-eighths {
width: 87.5%
}
.mobile--one-tenth {
width: 10%
}
.mobile--three-tenths {
width: 30%
}
.mobile--seven-tenths {
width: 70%
}
.mobile--nine-tenths {
width: 90%
}
.mobile--one-twelfth {
width: 8.333%
}
.mobile--five-twelfths {
width: 41.666%
}
.mobile--seven-twelfths {
width: 58.333%
}
.mobile--eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width: 481px) and (max-width: 720px) {
.item {width: 100%}
.box_1.item,
.box_2.item,
[class*="post_tile_"].item,
.palm--two-quarters,
.palm--three-sixths,
.palm--four-eighths,
.palm--five-tenths,
.palm--six-twelfths {width: 50%}
.palm--one-third,
.palm--two-sixths,
.palm--four-twelfths {width: 33.333%}
.palm--two-thirds,
.palm--four-sixths,
.palm--eight-twelfths {width: 66.666%}
.palm--one-quarter,
.palm--two-eighths,
.palm--three-twelfths {width: 25%}
.palm--three-quarters,
.palm--six-eighths,
.palm--nine-twelfths {
width: 75%
}
.palm--one-fifth,
.palm--two-tenths {
width: 20%
}
.palm--two-fifths,
.palm--four-tenths {
width: 40%
}
.palm--three-fifths,
.palm--six-tenths {
width: 60%
}
.palm--four-fifths,
.palm--eight-tenths {
width: 80%
}
.palm--one-sixth,
.palm--two-twelfths {
width: 16.666%
}
.palm--five-sixths,
.palm--ten-twelfths {
width: 83.333%
}
.palm--one-eighth {
width: 12.5%
}
.palm--three-eighths {
width: 37.5%
}
.palm--five-eighths {
width: 62.5%
}
.palm--seven-eighths {
width: 87.5%
}
.palm--one-tenth {
width: 10%
}
.palm--three-tenths {
width: 30%
}
.palm--seven-tenths {
width: 70%
}
.palm--nine-tenths {
width: 90%
}
.palm--one-twelfth {
width: 8.333%
}
.palm--five-twelfths {
width: 41.666%
}
.palm--seven-twelfths {
width: 58.333%
}
.palm--eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width: 721px) and (max-width: 1040px) {
.lap--one-whole {
width: 100%
}
.lap--one-half,
.lap--two-quarters,
.lap--three-sixths,
.lap--four-eighths,
.lap--five-tenths,
.lap--six-twelfths {
width: 50%
}
.box_1.item,
.box_2.item,
[class*="post_tile_"].item,
.lap--two-sixths,
.lap--four-twelfths {
width: 33.333%
}
.lap--two-thirds,
.lap--four-sixths,
.lap--eight-twelfths {
width: 66.666%
}
.lap--one-quarter,
.lap--two-eighths,
.lap--three-twelfths {
width: 25%
}
.lap--three-quarters,
.lap--six-eighths,
.lap--nine-twelfths {
width: 75%
}
.lap--one-fifth,
.lap--two-tenths {
width: 20%
}
.lap--two-fifths,
.lap--four-tenths {
width: 40%
}
.lap--three-fifths,
.lap--six-tenths {
width: 60%
}
.lap--four-fifths,
.lap--eight-tenths {
width: 80%
}
.lap--one-sixth,
.lap--two-twelfths {
width: 16.666%
}
.lap--five-sixths,
.lap--ten-twelfths {
width: 83.333%
}
.lap--one-eighth {
width: 12.5%
}
.lap--three-eighths {
width: 37.5%
}
.lap--five-eighths {
width: 62.5%
}
.lap--seven-eighths {
width: 87.5%
}
.lap--one-tenth {
width: 10%
}
.lap--three-tenths {
width: 30%
}
.lap--seven-tenths {
width: 70%
}
.lap--nine-tenths {
width: 90%
}
.lap--one-twelfth {
width: 8.333%
}
.lap--five-twelfths {
width: 41.666%
}
.lap--seven-twelfths {
width: 58.333%
}
.lap--eleven-twelfths {
width: 91.666%
}
}
@media only screen and (max-width: 1040px) {
.portable--one-whole {
width: 100%
}
.portable--one-half,
.portable--two-quarters,
.portable--three-sixths,
.portable--four-eighths,
.portable--five-tenths,
.portable--six-twelfths {
width: 50%
}
.portable--one-third,
.portable--two-sixths,
.portable--four-twelfths {
width: 33.333%
}
.portable--two-thirds,
.portable--four-sixths,
.portable--eight-twelfths {
width: 66.666%
}
.portable--one-quarter,
.portable--two-eighths,
.portable--three-twelfths {
width: 25%
}
.portable--three-quarters,
.portable--six-eighths,
.portable--nine-twelfths {
width: 75%
}
.portable--one-fifth,
.portable--two-tenths {
width: 20%
}
.portable--two-fifths,
.portable--four-tenths {
width: 40%
}
.portable--three-fifths,
.portable--six-tenths {
width: 60%
}
.portable--four-fifths,
.portable--eight-tenths {
width: 80%
}
.portable--one-sixth,
.portable--two-twelfths {
width: 16.666%
}
.portable--five-sixths,
.portable--ten-twelfths {
width: 83.333%
}
.portable--one-eighth {
width: 12.5%
}
.portable--three-eighths {
width: 37.5%
}
.portable--five-eighths {
width: 62.5%
}
.portable--seven-eighths {
width: 87.5%
}
.portable--one-tenth {
width: 10%
}
.portable--three-tenths {
width: 30%
}
.portable--seven-tenths {
width: 70%
}
.portable--nine-tenths {
width: 90%
}
.portable--one-twelfth {
width: 8.333%
}
.portable--five-twelfths {
width: 41.666%
}
.portable--seven-twelfths {
width: 58.333%
}
.portable--eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width: 1041px) and (max-width: 1158px) {
.desk--one-whole {
width: 100%
}
.desk--one-half,
.desk--two-quarters,
.desk--three-sixths,
.desk--four-eighths,
.desk--five-tenths,
.desk--six-twelfths {
width: 50%
}
.desk--one-third,
.desk--two-sixths,
.desk--four-twelfths {
width: 33.333%
}
.desk--two-thirds,
.desk--four-sixths,
.desk--eight-twelfths {
width: 66.666%
}
.box_1.item,
.box_2.item,
[class*="post_tile_"].item,
.desk--two-eighths,
.desk--three-twelfths {
width: 25%
}
.desk--three-quarters,
.desk--six-eighths,
.desk--nine-twelfths {
width: 75%
}
.desk--one-fifth,
.desk--two-tenths {
width: 20%
}
.desk--two-fifths,
.desk--four-tenths {
width: 40%
}
.desk--three-fifths,
.desk--six-tenths {
width: 60%
}
.desk--four-fifths,
.desk--eight-tenths {
width: 80%
}
.desk--one-sixth,
.desk--two-twelfths {
width: 16.666%
}
.desk--five-sixths,
.desk--ten-twelfths {
width: 83.333%
}
.desk--one-eighth {
width: 12.5%
}
.desk--three-eighths {
width: 37.5%
}
.desk--five-eighths {
width: 62.5%
}
.desk--seven-eighths {
width: 87.5%
}
.desk--one-tenth {
width: 10%
}
.desk--three-tenths {
width: 30%
}
.desk--seven-tenths {
width: 70%
}
.desk--nine-tenths {
width: 90%
}
.desk--one-twelfth {
width: 8.333%
}
.desk--five-twelfths {
width: 41.666%
}
.desk--seven-twelfths {
width: 58.333%
}
.desk--eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width: 1159px) {
.mega--one-whole {
width: 100%
}
.mega--one-half,
.mega--two-quarters,
.mega--three-sixths,
.mega--four-eighths,
.mega--five-tenths,
.mega--six-twelfths {
width: 50%
}
.mega--one-third,
.mega--two-sixths,
.mega--four-twelfths {
width: 33.333%
}
.mega--two-thirds,
.mega--four-sixths,
.mega--eight-twelfths {
width: 66.666%
}
.box_1.item,
.box_2.item,
[class*="post_tile_"].item,
.mega--two-eighths,
.mega--three-twelfths {
width: 25%
}
.mega--three-quarters,
.mega--six-eighths,
.mega--nine-twelfths {
width: 75%
}
.mega--one-fifth,
.mega--two-tenths {
width: 20%
}
.mega--two-fifths,
.mega--four-tenths {
width: 40%
}
.mega--three-fifths,
.mega--six-tenths {
width: 60%
}
.mega--four-fifths,
.mega--eight-tenths {
width: 80%
}
.mega--one-sixth,
.mega--two-twelfths {
width: 16.666%
}
.mega--five-sixths,
.mega--ten-twelfths {
width: 83.333%
}
.mega--one-eighth {
width: 12.5%
}
.mega--three-eighths {
width: 37.5%
}
.mega--five-eighths {
width: 62.5%
}
.mega--seven-eighths {
width: 87.5%
}
.mega--one-tenth {
width: 10%
}
.mega--three-tenths {
width: 30%
}
.mega--seven-tenths {
width: 70%
}
.mega--nine-tenths {
width: 90%
}
.mega--one-twelfth {
width: 8.333%
}
.mega--five-twelfths {
width: 41.666%
}
.mega--seven-twelfths {
width: 58.333%
}
.mega--eleven-twelfths {
width: 91.666%
}
}
[class*="push--"] {
position: relative
}
.push--one-whole {
left: 100%
}
.push--one-half,
.push--two-quarters,
.push--three-sixths,
.push--four-eighths,
.push--five-tenths,
.push--six-twelfths {
left: 50%
}
.push--one-third,
.push--two-sixths,
.push--four-twelfths {
left: 33.333%
}
.push--two-thirds,
.push--four-sixths,
.push--eight-twelfths {
left: 66.666%
}
.push--one-quarter,
.push--two-eighths,
.push--three-twelfths {
left: 25%
}
.push--three-quarters,
.push--six-eighths,
.push--nine-twelfths {
left: 75%
}
.push--one-fifth,
.push--two-tenths {
left: 20%
}
.push--two-fifths,
.push--four-tenths {
left: 40%
}
.push--three-fifths,
.push--six-tenths {
left: 60%
}
.push--four-fifths,
.push--eight-tenths {
left: 80%
}
.push--one-sixth,
.push--two-twelfths {
left: 16.666%
}
.push--five-sixths,
.push--ten-twelfths {
left: 83.333%
}
.push--one-eighth {
left: 12.5%
}
.push--three-eighths {
left: 37.5%
}
.push--five-eighths {
left: 62.5%
}
.push--seven-eighths {
left: 87.5%
}
.push--one-tenth {
left: 10%
}
.push--three-tenths {
left: 30%
}
.push--seven-tenths {
left: 70%
}
.push--nine-tenths {
left: 90%
}
.push--one-twelfth {
left: 8.333%
}
.push--five-twelfths {
left: 41.666%
}
.push--seven-twelfths {
left: 58.333%
}
.push--eleven-twelfths {
left: 91.666%
}
@media only screen and (max-width: 480px) {
.push--mobile--one-whole {
left: 100%
}
.push--mobile--one-half,
.push--mobile--two-quarters,
.push--mobile--three-sixths,
.push--mobile--four-eighths,
.push--mobile--five-tenths,
.push--mobile--six-twelfths {
left: 50%
}
.push--mobile--one-third,
.push--mobile--two-sixths,
.push--mobile--four-twelfths {
left: 33.333%
}
.push--mobile--two-thirds,
.push--mobile--four-sixths,
.push--mobile--eight-twelfths {
left: 66.666%
}
.push--mobile--one-quarter,
.push--mobile--two-eighths,
.push--mobile--three-twelfths {
left: 25%
}
.push--mobile--three-quarters,
.push--mobile--six-eighths,
.push--mobile--nine-twelfths {
left: 75%
}
.push--mobile--one-fifth,
.push--mobile--two-tenths {
left: 20%
}
.push--mobile--two-fifths,
.push--mobile--four-tenths {
left: 40%
}
.push--mobile--three-fifths,
.push--mobile--six-tenths {
left: 60%
}
.push--mobile--four-fifths,
.push--mobile--eight-tenths {
left: 80%
}
.push--mobile--one-sixth,
.push--mobile--two-twelfths {
left: 16.666%
}
.push--mobile--five-sixths,
.push--mobile--ten-twelfths {
left: 83.333%
}
.push--mobile--one-eighth {
left: 12.5%
}
.push--mobile--three-eighths {
left: 37.5%
}
.push--mobile--five-eighths {
left: 62.5%
}
.push--mobile--seven-eighths {
left: 87.5%
}
.push--mobile--one-tenth {
left: 10%
}
.push--mobile--three-tenths {
left: 30%
}
.push--mobile--seven-tenths {
left: 70%
}
.push--mobile--nine-tenths {
left: 90%
}
.push--mobile--one-twelfth {
left: 8.333%
}
.push--mobile--five-twelfths {
left: 41.666%
}
.push--mobile--seven-twelfths {
left: 58.333%
}
.push--mobile--eleven-twelfths {
left: 91.666%
}
}
@media only screen and (min-width: 481px) and (max-width: 720px) {
.push--palm--one-whole {
left: 100%
}
.push--palm--one-half,
.push--palm--two-quarters,
.push--palm--three-sixths,
.push--palm--four-eighths,
.push--palm--five-tenths,
.push--palm--six-twelfths {
left: 50%
}
.push--palm--one-third,
.push--palm--two-sixths,
.push--palm--four-twelfths {
left: 33.333%
}
.push--palm--two-thirds,
.push--palm--four-sixths,
.push--palm--eight-twelfths {
left: 66.666%
}
.push--palm--one-quarter,
.push--palm--two-eighths,
.push--palm--three-twelfths {
left: 25%
}
.push--palm--three-quarters,
.push--palm--six-eighths,
.push--palm--nine-twelfths {
left: 75%
}
.push--palm--one-fifth,
.push--palm--two-tenths {
left: 20%
}
.push--palm--two-fifths,
.push--palm--four-tenths {
left: 40%
}
.push--palm--three-fifths,
.push--palm--six-tenths {
left: 60%
}
.push--palm--four-fifths,
.push--palm--eight-tenths {
left: 80%
}
.push--palm--one-sixth,
.push--palm--two-twelfths {
left: 16.666%
}
.push--palm--five-sixths,
.push--palm--ten-twelfths {
left: 83.333%
}
.push--palm--one-eighth {
left: 12.5%
}
.push--palm--three-eighths {
left: 37.5%
}
.push--palm--five-eighths {
left: 62.5%
}
.push--palm--seven-eighths {
left: 87.5%
}
.push--palm--one-tenth {
left: 10%
}
.push--palm--three-tenths {
left: 30%
}
.push--palm--seven-tenths {
left: 70%
}
.push--palm--nine-tenths {
left: 90%
}
.push--palm--one-twelfth {
left: 8.333%
}
.push--palm--five-twelfths {
left: 41.666%
}
.push--palm--seven-twelfths {
left: 58.333%
}
.push--palm--eleven-twelfths {
left: 91.666%
}
}
@media only screen and (min-width: 721px) and (max-width: 1040px) {
.push--lap--one-whole {
left: 100%
}
.push--lap--one-half,
.push--lap--two-quarters,
.push--lap--three-sixths,
.push--lap--four-eighths,
.push--lap--five-tenths,
.push--lap--six-twelfths {
left: 50%
}
.push--lap--one-third,
.push--lap--two-sixths,
.push--lap--four-twelfths {
left: 33.333%
}
.push--lap--two-thirds,
.push--lap--four-sixths,
.push--lap--eight-twelfths {
left: 66.666%
}
.push--lap--one-quarter,
.push--lap--two-eighths,
.push--lap--three-twelfths {
left: 25%
}
.push--lap--three-quarters,
.push--lap--six-eighths,
.push--lap--nine-twelfths {
left: 75%
}
.push--lap--one-fifth,
.push--lap--two-tenths {
left: 20%
}
.push--lap--two-fifths,
.push--lap--four-tenths {
left: 40%
}
.push--lap--three-fifths,
.push--lap--six-tenths {
left: 60%
}
.push--lap--four-fifths,
.push--lap--eight-tenths {
left: 80%
}
.push--lap--one-sixth,
.push--lap--two-twelfths {
left: 16.666%
}
.push--lap--five-sixths,
.push--lap--ten-twelfths {
left: 83.333%
}
.push--lap--one-eighth {
left: 12.5%
}
.push--lap--three-eighths {
left: 37.5%
}
.push--lap--five-eighths {
left: 62.5%
}
.push--lap--seven-eighths {
left: 87.5%
}
.push--lap--one-tenth {
left: 10%
}
.push--lap--three-tenths {
left: 30%
}
.push--lap--seven-tenths {
left: 70%
}
.push--lap--nine-tenths {
left: 90%
}
.push--lap--one-twelfth {
left: 8.333%
}
.push--lap--five-twelfths {
left: 41.666%
}
.push--lap--seven-twelfths {
left: 58.333%
}
.push--lap--eleven-twelfths {
left: 91.666%
}
}
@media only screen and (max-width: 1040px) {
.push--portable--one-whole {
left: 100%
}
.push--portable--one-half,
.push--portable--two-quarters,
.push--portable--three-sixths,
.push--portable--four-eighths,
.push--portable--five-tenths,
.push--portable--six-twelfths {
left: 50%
}
.push--portable--one-third,
.push--portable--two-sixths,
.push--portable--four-twelfths {
left: 33.333%
}
.push--portable--two-thirds,
.push--portable--four-sixths,
.push--portable--eight-twelfths {
left: 66.666%
}
.push--portable--one-quarter,
.push--portable--two-eighths,
.push--portable--three-twelfths {
left: 25%
}
.push--portable--three-quarters,
.push--portable--six-eighths,
.push--portable--nine-twelfths {
left: 75%
}
.push--portable--one-fifth,
.push--portable--two-tenths {
left: 20%
}
.push--portable--two-fifths,
.push--portable--four-tenths {
left: 40%
}
.push--portable--three-fifths,
.push--portable--six-tenths {
left: 60%
}
.push--portable--four-fifths,
.push--portable--eight-tenths {
left: 80%
}
.push--portable--one-sixth,
.push--portable--two-twelfths {
left: 16.666%
}
.push--portable--five-sixths,
.push--portable--ten-twelfths {
left: 83.333%
}
.push--portable--one-eighth {
left: 12.5%
}
.push--portable--three-eighths {
left: 37.5%
}
.push--portable--five-eighths {
left: 62.5%
}
.push--portable--seven-eighths {
left: 87.5%
}
.push--portable--one-tenth {
left: 10%
}
.push--portable--three-tenths {
left: 30%
}
.push--portable--seven-tenths {
left: 70%
}
.push--portable--nine-tenths {
left: 90%
}
.push--portable--one-twelfth {
left: 8.333%
}
.push--portable--five-twelfths {
left: 41.666%
}
.push--portable--seven-twelfths {
left: 58.333%
}
.push--portable--eleven-twelfths {
left: 91.666%
}
}
@media only screen and (min-width: 1041px) and (max-width: 1158px) {
.push--desk--one-whole {
left: 100%
}
.push--desk--one-half,
.push--desk--two-quarters,
.push--desk--three-sixths,
.push--desk--four-eighths,
.push--desk--five-tenths,
.push--desk--six-twelfths {
left: 50%
}
.push--desk--one-third,
.push--desk--two-sixths,
.push--desk--four-twelfths {
left: 33.333%
}
.push--desk--two-thirds,
.push--desk--four-sixths,
.push--desk--eight-twelfths {
left: 66.666%
}
.push--desk--one-quarter,
.push--desk--two-eighths,
.push--desk--three-twelfths {
left: 25%
}
.push--desk--three-quarters,
.push--desk--six-eighths,
.push--desk--nine-twelfths {
left: 75%
}
.push--desk--one-fifth,
.push--desk--two-tenths {
left: 20%
}
.push--desk--two-fifths,
.push--desk--four-tenths {
left: 40%
}
.push--desk--three-fifths,
.push--desk--six-tenths {
left: 60%
}
.push--desk--four-fifths,
.push--desk--eight-tenths {
left: 80%
}
.push--desk--one-sixth,
.push--desk--two-twelfths {
left: 16.666%
}
.push--desk--five-sixths,
.push--desk--ten-twelfths {
left: 83.333%
}
.push--desk--one-eighth {
left: 12.5%
}
.push--desk--three-eighths {
left: 37.5%
}
.push--desk--five-eighths {
left: 62.5%
}
.push--desk--seven-eighths {
left: 87.5%
}
.push--desk--one-tenth {
left: 10%
}
.push--desk--three-tenths {
left: 30%
}
.push--desk--seven-tenths {
left: 70%
}
.push--desk--nine-tenths {
left: 90%
}
.push--desk--one-twelfth {
left: 8.333%
}
.push--desk--five-twelfths {
left: 41.666%
}
.push--desk--seven-twelfths {
left: 58.333%
}
.push--desk--eleven-twelfths {
left: 91.666%
}
}
@media only screen and (min-width: 1159px) {
.push--mega--one-whole {
left: 100%
}
.push--mega--one-half,
.push--mega--two-quarters,
.push--mega--three-sixths,
.push--mega--four-eighths,
.push--mega--five-tenths,
.push--mega--six-twelfths {
left: 50%
}
.push--mega--one-third,
.push--mega--two-sixths,
.push--mega--four-twelfths {
left: 33.333%
}
.push--mega--two-thirds,
.push--mega--four-sixths,
.push--mega--eight-twelfths {
left: 66.666%
}
.push--mega--one-quarter,
.push--mega--two-eighths,
.push--mega--three-twelfths {
left: 25%
}
.push--mega--three-quarters,
.push--mega--six-eighths,
.push--mega--nine-twelfths {
left: 75%
}
.push--mega--one-fifth,
.push--mega--two-tenths {
left: 20%
}
.push--mega--two-fifths,
.push--mega--four-tenths {
left: 40%
}
.push--mega--three-fifths,
.push--mega--six-tenths {
left: 60%
}
.push--mega--four-fifths,
.push--mega--eight-tenths {
left: 80%
}
.push--mega--one-sixth,
.push--mega--two-twelfths {
left: 16.666%
}
.push--mega--five-sixths,
.push--mega--ten-twelfths {
left: 83.333%
}
.push--mega--one-eighth {
left: 12.5%
}
.push--mega--three-eighths {
left: 37.5%
}
.push--mega--five-eighths {
left: 62.5%
}
.push--mega--seven-eighths {
left: 87.5%
}
.push--mega--one-tenth {
left: 10%
}
.push--mega--three-tenths {
left: 30%
}
.push--mega--seven-tenths {
left: 70%
}
.push--mega--nine-tenths {
left: 90%
}
.push--mega--one-twelfth {
left: 8.333%
}
.push--mega--five-twelfths {
left: 41.666%
}
.push--mega--seven-twelfths {
left: 58.333%
}
.push--mega--eleven-twelfths {
left: 91.666%
}
}
[class*="pull--"] {
position: relative
}
.pull--one-whole {
right: 100%
}
.pull--one-half,
.pull--two-quarters,
.pull--three-sixths,
.pull--four-eighths,
.pull--five-tenths,
.pull--six-twelfths {
right: 50%
}
.pull--one-third,
.pull--two-sixths,
.pull--four-twelfths {
right: 33.333%
}
.pull--two-thirds,
.pull--four-sixths,
.pull--eight-twelfths {
right: 66.666%
}
.pull--one-quarter,
.pull--two-eighths,
.pull--three-twelfths {
right: 25%
}
.pull--three-quarters,
.pull--six-eighths,
.pull--nine-twelfths {
right: 75%
}
.pull--one-fifth,
.pull--two-tenths {
right: 20%
}
.pull--two-fifths,
.pull--four-tenths {
right: 40%
}
.pull--three-fifths,
.pull--six-tenths {
right: 60%
}
.pull--four-fifths,
.pull--eight-tenths {
right: 80%
}
.pull--one-sixth,
.pull--two-twelfths {
right: 16.666%
}
.pull--five-sixths,
.pull--ten-twelfths {
right: 83.333%
}
.pull--one-eighth {
right: 12.5%
}
.pull--three-eighths {
right: 37.5%
}
.pull--five-eighths {
right: 62.5%
}
.pull--seven-eighths {
right: 87.5%
}
.pull--one-tenth {
right: 10%
}
.pull--three-tenths {
right: 30%
}
.pull--seven-tenths {
right: 70%
}
.pull--nine-tenths {
right: 90%
}
.pull--one-twelfth {
right: 8.333%
}
.pull--five-twelfths {
right: 41.666%
}
.pull--seven-twelfths {
right: 58.333%
}
.pull--eleven-twelfths {
right: 91.666%
}
@media only screen and (max-width: 480px) {
.pull--mobile--one-whole {
right: 100%
}
.pull--mobile--one-half,
.pull--mobile--two-quarters,
.pull--mobile--three-sixths,
.pull--mobile--four-eighths,
.pull--mobile--five-tenths,
.pull--mobile--six-twelfths {
right: 50%
}
.pull--mobile--one-third,
.pull--mobile--two-sixths,
.pull--mobile--four-twelfths {
right: 33.333%
}
.pull--mobile--two-thirds,
.pull--mobile--four-sixths,
.pull--mobile--eight-twelfths {
right: 66.666%
}
.pull--mobile--one-quarter,
.pull--mobile--two-eighths,
.pull--mobile--three-twelfths {
right: 25%
}
.pull--mobile--three-quarters,
.pull--mobile--six-eighths,
.pull--mobile--nine-twelfths {
right: 75%
}
.pull--mobile--one-fifth,
.pull--mobile--two-tenths {
right: 20%
}
.pull--mobile--two-fifths,
.pull--mobile--four-tenths {
right: 40%
}
.pull--mobile--three-fifths,
.pull--mobile--six-tenths {
right: 60%
}
.pull--mobile--four-fifths,
.pull--mobile--eight-tenths {
right: 80%
}
.pull--mobile--one-sixth,
.pull--mobile--two-twelfths {
right: 16.666%
}
.pull--mobile--five-sixths,
.pull--mobile--ten-twelfths {
right: 83.333%
}
.pull--mobile--one-eighth {
right: 12.5%
}
.pull--mobile--three-eighths {
right: 37.5%
}
.pull--mobile--five-eighths {
right: 62.5%
}
.pull--mobile--seven-eighths {
right: 87.5%
}
.pull--mobile--one-tenth {
right: 10%
}
.pull--mobile--three-tenths {
right: 30%
}
.pull--mobile--seven-tenths {
right: 70%
}
.pull--mobile--nine-tenths {
right: 90%
}
.pull--mobile--one-twelfth {
right: 8.333%
}
.pull--mobile--five-twelfths {
right: 41.666%
}
.pull--mobile--seven-twelfths {
right: 58.333%
}
.pull--mobile--eleven-twelfths {
right: 91.666%
}
}
@media only screen and (min-width: 481px) and (max-width: 720px) {
.pull--palm--one-whole {
right: 100%
}
.pull--palm--one-half,
.pull--palm--two-quarters,
.pull--palm--three-sixths,
.pull--palm--four-eighths,
.pull--palm--five-tenths,
.pull--palm--six-twelfths {
right: 50%
}
.pull--palm--one-third,
.pull--palm--two-sixths,
.pull--palm--four-twelfths {
right: 33.333%
}
.pull--palm--two-thirds,
.pull--palm--four-sixths,
.pull--palm--eight-twelfths {
right: 66.666%
}
.pull--palm--one-quarter,
.pull--palm--two-eighths,
.pull--palm--three-twelfths {
right: 25%
}
.pull--palm--three-quarters,
.pull--palm--six-eighths,
.pull--palm--nine-twelfths {
right: 75%
}
.pull--palm--one-fifth,
.pull--palm--two-tenths {
right: 20%
}
.pull--palm--two-fifths,
.pull--palm--four-tenths {
right: 40%
}
.pull--palm--three-fifths,
.pull--palm--six-tenths {
right: 60%
}
.pull--palm--four-fifths,
.pull--palm--eight-tenths {
right: 80%
}
.pull--palm--one-sixth,
.pull--palm--two-twelfths {
right: 16.666%
}
.pull--palm--five-sixths,
.pull--palm--ten-twelfths {
right: 83.333%
}
.pull--palm--one-eighth {
right: 12.5%
}
.pull--palm--three-eighths {
right: 37.5%
}
.pull--palm--five-eighths {
right: 62.5%
}
.pull--palm--seven-eighths {
right: 87.5%
}
.pull--palm--one-tenth {
right: 10%
}
.pull--palm--three-tenths {
right: 30%
}
.pull--palm--seven-tenths {
right: 70%
}
.pull--palm--nine-tenths {
right: 90%
}
.pull--palm--one-twelfth {
right: 8.333%
}
.pull--palm--five-twelfths {
right: 41.666%
}
.pull--palm--seven-twelfths {
right: 58.333%
}
.pull--palm--eleven-twelfths {
right: 91.666%
}
}
@media only screen and (min-width: 721px) and (max-width: 1040px) {
.pull--lap--one-whole {
right: 100%
}
.pull--lap--one-half,
.pull--lap--two-quarters,
.pull--lap--three-sixths,
.pull--lap--four-eighths,
.pull--lap--five-tenths,
.pull--lap--six-twelfths {
right: 50%
}
.pull--lap--one-third,
.pull--lap--two-sixths,
.pull--lap--four-twelfths {
right: 33.333%
}
.pull--lap--two-thirds,
.pull--lap--four-sixths,
.pull--lap--eight-twelfths {
right: 66.666%
}
.pull--lap--one-quarter,
.pull--lap--two-eighths,
.pull--lap--three-twelfths {
right: 25%
}
.pull--lap--three-quarters,
.pull--lap--six-eighths,
.pull--lap--nine-twelfths {
right: 75%
}
.pull--lap--one-fifth,
.pull--lap--two-tenths {
right: 20%
}
.pull--lap--two-fifths,
.pull--lap--four-tenths {
right: 40%
}
.pull--lap--three-fifths,
.pull--lap--six-tenths {
right: 60%
}
.pull--lap--four-fifths,
.pull--lap--eight-tenths {
right: 80%
}
.pull--lap--one-sixth,
.pull--lap--two-twelfths {
right: 16.666%
}
.pull--lap--five-sixths,
.pull--lap--ten-twelfths {
right: 83.333%
}
.pull--lap--one-eighth {
right: 12.5%
}
.pull--lap--three-eighths {
right: 37.5%
}
.pull--lap--five-eighths {
right: 62.5%
}
.pull--lap--seven-eighths {
right: 87.5%
}
.pull--lap--one-tenth {
right: 10%
}
.pull--lap--three-tenths {
right: 30%
}
.pull--lap--seven-tenths {
right: 70%
}
.pull--lap--nine-tenths {
right: 90%
}
.pull--lap--one-twelfth {
right: 8.333%
}
.pull--lap--five-twelfths {
right: 41.666%
}
.pull--lap--seven-twelfths {
right: 58.333%
}
.pull--lap--eleven-twelfths {
right: 91.666%
}
}
@media only screen and (max-width: 1040px) {
.pull--portable--one-whole {
right: 100%
}
.pull--portable--one-half,
.pull--portable--two-quarters,
.pull--portable--three-sixths,
.pull--portable--four-eighths,
.pull--portable--five-tenths,
.pull--portable--six-twelfths {
right: 50%
}
.pull--portable--one-third,
.pull--portable--two-sixths,
.pull--portable--four-twelfths {
right: 33.333%
}
.pull--portable--two-thirds,
.pull--portable--four-sixths,
.pull--portable--eight-twelfths {
right: 66.666%
}
.pull--portable--one-quarter,
.pull--portable--two-eighths,
.pull--portable--three-twelfths {
right: 25%
}
.pull--portable--three-quarters,
.pull--portable--six-eighths,
.pull--portable--nine-twelfths {
right: 75%
}
.pull--portable--one-fifth,
.pull--portable--two-tenths {
right: 20%
}
.pull--portable--two-fifths,
.pull--portable--four-tenths {
right: 40%
}
.pull--portable--three-fifths,
.pull--portable--six-tenths {
right: 60%
}
.pull--portable--four-fifths,
.pull--portable--eight-tenths {
right: 80%
}
.pull--portable--one-sixth,
.pull--portable--two-twelfths {
right: 16.666%
}
.pull--portable--five-sixths,
.pull--portable--ten-twelfths {
right: 83.333%
}
.pull--portable--one-eighth {
right: 12.5%
}
.pull--portable--three-eighths {
right: 37.5%
}
.pull--portable--five-eighths {
right: 62.5%
}
.pull--portable--seven-eighths {
right: 87.5%
}
.pull--portable--one-tenth {
right: 10%
}
.pull--portable--three-tenths {
right: 30%
}
.pull--portable--seven-tenths {
right: 70%
}
.pull--portable--nine-tenths {
right: 90%
}
.pull--portable--one-twelfth {
right: 8.333%
}
.pull--portable--five-twelfths {
right: 41.666%
}
.pull--portable--seven-twelfths {
right: 58.333%
}
.pull--portable--eleven-twelfths {
right: 91.666%
}
}
@media only screen and (min-width: 1041px) and (max-width: 1158px) {
.pull--desk--one-whole {
right: 100%
}
.pull--desk--one-half,
.pull--desk--two-quarters,
.pull--desk--three-sixths,
.pull--desk--four-eighths,
.pull--desk--five-tenths,
.pull--desk--six-twelfths {
right: 50%
}
.pull--desk--one-third,
.pull--desk--two-sixths,
.pull--desk--four-twelfths {
right: 33.333%
}
.pull--desk--two-thirds,
.pull--desk--four-sixths,
.pull--desk--eight-twelfths {
right: 66.666%
}
.pull--desk--one-quarter,
.pull--desk--two-eighths,
.pull--desk--three-twelfths {
right: 25%
}
.pull--desk--three-quarters,
.pull--desk--six-eighths,
.pull--desk--nine-twelfths {
right: 75%
}
.pull--desk--one-fifth,
.pull--desk--two-tenths {
right: 20%
}
.pull--desk--two-fifths,
.pull--desk--four-tenths {
right: 40%
}
.pull--desk--three-fifths,
.pull--desk--six-tenths {
right: 60%
}
.pull--desk--four-fifths,
.pull--desk--eight-tenths {
right: 80%
}
.pull--desk--one-sixth,
.pull--desk--two-twelfths {
right: 16.666%
}
.pull--desk--five-sixths,
.pull--desk--ten-twelfths {
right: 83.333%
}
.pull--desk--one-eighth {
right: 12.5%
}
.pull--desk--three-eighths {
right: 37.5%
}
.pull--desk--five-eighths {
right: 62.5%
}
.pull--desk--seven-eighths {
right: 87.5%
}
.pull--desk--one-tenth {
right: 10%
}
.pull--desk--three-tenths {
right: 30%
}
.pull--desk--seven-tenths {
right: 70%
}
.pull--desk--nine-tenths {
right: 90%
}
.pull--desk--one-twelfth {
right: 8.333%
}
.pull--desk--five-twelfths {
right: 41.666%
}
.pull--desk--seven-twelfths {
right: 58.333%
}
.pull--desk--eleven-twelfths {
right: 91.666%
}
}
@media only screen and (min-width: 1159px) {
.pull--mega--one-whole {
right: 100%
}
.pull--mega--one-half,
.pull--mega--two-quarters,
.pull--mega--three-sixths,
.pull--mega--four-eighths,
.pull--mega--five-tenths,
.pull--mega--six-twelfths {
right: 50%
}
.pull--mega--one-third,
.pull--mega--two-sixths,
.pull--mega--four-twelfths {
right: 33.333%
}
.pull--mega--two-thirds,
.pull--mega--four-sixths,
.pull--mega--eight-twelfths {
right: 66.666%
}
.pull--mega--one-quarter,
.pull--mega--two-eighths,
.pull--mega--three-twelfths {
right: 25%
}
.pull--mega--three-quarters,
.pull--mega--six-eighths,
.pull--mega--nine-twelfths {
right: 75%
}
.pull--mega--one-fifth,
.pull--mega--two-tenths {
right: 20%
}
.pull--mega--two-fifths,
.pull--mega--four-tenths {
right: 40%
}
.pull--mega--three-fifths,
.pull--mega--six-tenths {
right: 60%
}
.pull--mega--four-fifths,
.pull--mega--eight-tenths {
right: 80%
}
.pull--mega--one-sixth,
.pull--mega--two-twelfths {
right: 16.666%
}
.pull--mega--five-sixths,
.pull--mega--ten-twelfths {
right: 83.333%
}
.pull--mega--one-eighth {
right: 12.5%
}
.pull--mega--three-eighths {
right: 37.5%
}
.pull--mega--five-eighths {
right: 62.5%
}
.pull--mega--seven-eighths {
right: 87.5%
}
.pull--mega--one-tenth {
right: 10%
}
.pull--mega--three-tenths {
right: 30%
}
.pull--mega--seven-tenths {
right: 70%
}
.pull--mega--nine-tenths {
right: 90%
}
.pull--mega--one-twelfth {
right: 8.333%
}
.pull--mega--five-twelfths {
right: 41.666%
}
.pull--mega--seven-twelfths {
right: 58.333%
}
.pull--mega--eleven-twelfths {
right: 91.666%
}
}
body {
min-width: 300px;
background: #f2f1ef;
overflow-x: hidden
}
.wrap {
max-width: 1024px;
width: 95%;
margin: 0 auto
}
strong {
font-weight: bold
}
em {
font-style: italic
}
u {
text-decoration: underline
}
body {
font: normal 14px/22px 'Roboto', sans-serif;
color: #515151
}
h1 {
font: normal 400 24px 'Roboto', Arial, sans-serif;
letter-spacing: 2px
}
h2 {
font: normal 400 22px 'Roboto', Arial, sans-serif;
letter-spacing: 2px
}
h3 {
font: normal 400 18px 'Roboto', Arial, sans-serif;
letter-spacing: 2px
}
h4 {
font: normal 400 16px 'Roboto', Arial, sans-serif;
letter-spacing: 2px
}
h5 {
font: normal 400 14px 'Roboto', Arial, sans-serif;
letter-spacing: 2px
}
h6 {
font: normal 400 12px 'Roboto', Arial, sans-serif;
letter-spacing: 2px
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 12px;
color: #000;
text-transform: uppercase
}
p {
padding-bottom: 16px
}
a {
color: #ae9623;
font-style: italic;
text-decoration: none;
-webkit-transition: .2s all ease-in-out;
transition: .2s all ease-in-out
}
a:hover,
a:focus {
color: #e8c000
}
.main ul,
.main ol {
padding-bottom: 28px
}
.main ul li,
.main ol li {
margin-left: 1.25em
}
.main ul li {
list-style-type: disc
}
.main ol li {
list-style-type: decimal
}
.module,
.text-module,
.photo-module {
margin-bottom: 30px;
background: #fff
}
.module.large-margin-bottom,
.large-margin-bottom.text-module,
.large-margin-bottom.photo-module {
margin-bottom: 50px
}
.text-module {
padding: 48px 40px;
overflow: hidden;
line-height: 26px
}
.text-module section {
padding-bottom: 52px
}
.text-module section.no-padding-bottom {
padding-bottom: 0px
}
.text-module h1,
.text-module h2 {
font: normal 400 26px 'Roboto', Arial, sans-serif;
letter-spacing: 2px
}
.text-module p {
color: #515151
}
.photo-module .image_one-third {
padding-top: 100%;
background-repeat: no-repeat;
background-size: cover
}
.photo-module .image_two-thirds {
padding-top: 47.325%;
background-repeat: no-repeat;
background-size: cover
}
.photo-module .image_one-half {
height: 100%;
background-repeat: no-repeat;
background-size: cover
}
.photo-module img {
width: 100%;
height: auto;
display: block
}
ul.styled-list {
padding-bottom: 14px;
line-height: 32px;
color: #515151
}
ul.styled-list li {
list-style-type: none;
margin-left: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
ul.styled-list li span {
padding-right: 8px;
display: inline-block;
font: normal 13px 'minion-pro', Georgia, serif
}
ul.styled-list.uppercase {
line-height: 23px
}
ul.styled-list.uppercase li {
list-style-type: none;
margin-left: 0
}
ul.styled-list.uppercase li span {
font: normal 900 13px 'Roboto', Arial, sans-serif;
letter-spacing: 1px;
text-transform: uppercase
}
.two-column-layout {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px
}
.three-column-layout {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px
}
@media all and (max-width: 875px) {
.three-column-layout {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px
}
}
@media all and (max-width: 800px) {
.two-column-layout {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px
}
}
@media all and (max-width: 580px) {
.three-column-layout {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px
}
}
.button,
.button-light,
.btn,
input[type="submit"]#submit {
height: 40px;
padding: 0 20px;
display: inline-block;
border: none;
font: normal 900 10px 'Roboto', Arial, sans-serif;
letter-spacing: 2px;
line-height: 42px;
text-align: center;
text-transform: uppercase;
overflow: hidden;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.button.full-width,
.full-width.button-light,
.full-width.button-dark,
input.full-width[type="submit"]#submit {
width: 100%
}
.button:hover,
.button-light:hover,
.btn:hover,
input[type="submit"]#submit:hover {
text-decoration: none
}
.button-light {
background: #cecece;
color: #454545
}
.button-light:hover,
.button-light:focus {
background: #dbdada;
color: #454545
}
.btn,
input[type="submit"]#submit {
background: #000;
color: #fff
}
.btn:hover,
input[type="submit"]#submit:hover,
.btn:focus,
input[type="submit"]#submit:focus {
background: #a68f21;
color: #fff
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"] {
width: 100%;
max-width: 100%;
height: 40px;
margin-bottom: 18px;
padding: 14px 20px;
vertical-align: top;
border: none;
border-radius: 0;
font: normal 900 10px/20px 'Roboto', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
textarea {
width: 100%;
max-width: 100%;
height: 152px;
margin-bottom: 18px;
padding: 10px 20px;
vertical-align: middle;
background-color: #fff;
border: none;
border-radius: 0;
font: normal 900 10px 'Roboto', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 20px;
overflow: auto;
resize: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
textarea:focus {
line-height: 22px
}
select {
width: 30%;
height: 40px;
padding: 0 3%;
display: none;
position: relative;
background-color: #fff;
border: none;
border-radius: 0;
font: normal 900 0px/20px 'Roboto', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 48px;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type="submit"] {
border-radius: 0
}
.dk_container {
width: 100%;
background-color: #fff;
font: normal 900 10px/20px 'Roboto', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 18px;
border-radius: 0
}
.dk_container.half-width {
width: 50%
}
.dk_container.third-width {
width: 30%
}
.dk_container:focus {
outline: 0
}
.dk_container[disabled] {
opacity: .4
}
.dk_container a {
font-style: normal;
color: #888888;
text-decoration: none !important;
cursor: pointer
}
.dk_container[disabled] a {
cursor: not-allowed
}
.dk_toggle {
width: 100% !important;
height: 40px;
line-height: 42px;
padding: 0 5%;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.dk_toggle.input-white {
background-color: #fff
}
.dk_toggle.input-light {
background: #f1f1ef
}
.dk_toggle.input-dark {
background: #454545
}
.dk_toggle:after {
position: absolute;
top: 45%;
right: 12px;
content: '';
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #888888
}
.dk_open {
z-index: 10
}
.dk_options {
background: #fff
}
.dk_options ul li {
list-style-type: none;
margin-left: 0
}
.dk_options a {
width: 90%;
height: 38px;
line-height: 40px;
color: #000;
background-color: #d6d6d0;
padding: 0 5%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.dk_options a:hover,
.dk_options:focus,
.dk_options .dk_option_current a {
background-color: #cbcbc5;
color: #000;
text-decoration: none
}
.dk_options li:last-child a {
border-bottom: none
}
.dk_options .disabled {
display: none;
cursor: default
}
.dk_options .disabled a {
color: #aaa
}
.dk_options .disabled:hover,
.dk_options .disabled:hover a,
.dk_options .disabled:focus,
.dk_options .disabled:focus a {
cursor: default;
background-color: #fff;
border-bottom-color: #999;
text-shadow: none
}
ul.dk_options_inner {
max-height: 342px;
padding-bottom: 0;
color: #333
}
.dk_container {
display: none;
float: left
}
.dk_container a {
outline: 0
}
.dk_toggle {
display: -moz-inline-stack;
display: inline-block;
*display: inline;
position: relative;
zoom: 1
}
.dk_open {
position: relative
}
.dk_open .dk_options {
display: block
}
.dk_open .dk_label {
color: inherit
}
.dk_options {
display: none;
margin-top: -1px;
position: absolute;
right: 0;
width: 100%
}
.dk_options a,
.dk_options a:link,
.dk_options a:visited {
display: block
}
.dk_options_inner {
overflow: auto;
position: relative;
-webkit-overflow-scrolling: touch
}
.dk_container select {
position: absolute;
visibility: hidden
}
.dk_mobile {
position: relative
}
.dk_mobile select {
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: visible;
opacity: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none
}
.input-light {
background: #f1f1ef;
color: #515151
}
.input-dark {
background: #454545;
color: #ffffff
}
.email-us {
font: italic normal 24px/24px 'minion-pro', Georgia, serif;
color: #626262
}
.wpcf7-form {
margin-top: 4px
}
.signup-form {
margin-bottom: 6px
}
.signup-form input[type="email"] {
width: 75%;
margin-bottom: 0
}
.signup-form input[type="submit"] {
width: 25%
}
.search-form {
margin-bottom: 6px
}
.search-form input[type="search"] {
width: 75%;
margin-bottom: 0
}
.search-form input[type="submit"] {
width: 24%
}
div.wpcf7 {
font-size: 0
}
div.wpcf7 p {
font-size: 16px
}
div.wpcf7-response-output {
margin: 0;
padding: 0;
font-size: 16px
}
div.wpcf7-response-output.wpcf7-validation-errors,
div.wpcf7-response-output.wpcf7-mail-sent-ok {
border: none
}
input.wpcf7-not-valid,
select.wpcf7-not-valid,
textarea.wpcf7-not-valid {
border: 1px solid #be4f4f !important
}
span.wpcf7-not-valid-tip {
display: none
}
:focus {
outline: none
}
::-webkit-input-placeholder {
color: #888888
}
:-moz-placeholder {
color: #888888
}
::-moz-placeholder {
color: #888888
}
:-ms-input-placeholder {
color: #888888
}
.page-header .signup-bar {
height: 49px;
display: block;
background: #000;
text-align: center;
color: #e2e2e2
}
.page-header .signup-bar h2 {
padding-bottom: 0;
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: 50px;
letter-spacing: 3px;
color: #e2e2e2
}
.page-header .signup-bar .signup-form {
margin: 9px 0 0 28px;
display: inline-block;
vertical-align: top
}
.page-header .signup-bar .signup-form input[type="email"] {
width: 230px;
height: 30px;
margin: 0 -6px 0 0;
padding: 0 20px;
line-height: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.page-header .signup-bar .signup-form input[type="submit"] {
width: 100px;
height: 30px;
line-height: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.page-header .signup-bar .close {
width: 23px;
height: 23px;
position: absolute;
top: 12px;
right: 12px;
cursor: pointer
}
.page-header .signup-bar.hidden {
display: none
}
.page-header .main-nav {
height: 48px;
position: relative;
z-index: 997;
background: #fff
}
.page-header .main-nav li {
display: inline-block;
position: relative
}
.page-header .main-nav li a {
padding: 0 28px;
display: block;
font: normal 900 12px/48px 'brandon-grotesque', Arial, sans-serif;
letter-spacing: 1px;
color: #000;
text-transform: uppercase;
text-decoration: none
}
.page-header .main-nav li a:hover,
.page-header .main-nav li a:focus {
color: #ae9623
}
.page-header .main-nav li ul {
visibility: hidden;
width: 200px;
margin-left: -100px;
padding: 14px 0;
position: absolute;
top: 100%;
left: 50%;
z-index: 2;
opacity: 0;
white-space: nowrap;
background: #000;
-webkit-transition: .2s all ease-in-out;
transition: .2s all ease-in-out
}
.page-header .main-nav li ul li {
display: block;
text-align: center
}
.page-header .main-nav li ul li a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
font-size: 9px;
letter-spacing: 2px;
color: #fff;
line-height: 32px
}
.page-header .main-nav li ul li a:hover,
.page-header .main-nav li ul li a:focus {
color: #ae9623
}
.page-header .main-nav li ul:before {
content: "";
width: 0;
height: 0;
margin: auto;
display: block;
position: absolute;
top: -8px;
left: 0;
right: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 8px solid black
}
.page-header .main-nav li.current-menu-item a {
color: #cecece
}
.page-header .main-nav li:hover ul,
.page-header .main-nav li:focus ul {
visibility: visible;
opacity: 1;
-webkit-transition: .2s all ease-in-out;
transition: .2s all ease-in-out
}
.page-header .main-nav .category-nav {
float: left;
margin-left: -28px
}
.page-header .main-nav .page-nav {
float: right;
margin-right: -28px
}
.page-header .main-nav .responsive-nav {
display: none !important
}
body main {
padding: 30px 0 0px;
}
main {
padding: 30px 0 58px;
overflow-x: hidden;
clear: both
}
main .hero-image {
margin-top: 20px;
padding-bottom: 52px;
display: block;
text-align: center
}
main .hero-image img {
max-width: 100%;
height: auto;
margin: 0 auto
}
main .box {
width: 100%;
height: 116px;
margin: 0 auto 30px;
display: block;
position: relative;
background: #fff
}
main .box_0 {
display: block;
width: 100%;
}
main .box .box-image {
background-image: url('https://goo.gl/tNc1B0');
width: 100%;
height: 80px;
display: block
}
main .box h2 {
margin: 0 auto;
padding-bottom: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #fff;
font: normal 900 10px/40px 'Roboto', Arial, sans-serif;
letter-spacing: 2px;
color: #000;
text-align: center;
text-transform: uppercase
}
main .box:hover .box-image,
main .box:focus .box-image {
opacity: 0.8;
-webkit-transition: .2s opacity ease-in-out;
transition: .2s opacity ease-in-out
}
main .box:hover h2,
main .box:focus h2 {
color: #a68f21;
-webkit-transition: .2s color ease-in-out;
transition: .2s color ease-in-out
}
main .box.social {
text-align: center;
position: relative
}
main .box.social a {
margin-right: 12px;
display: inline-block;
vertical-align: top;
font-size: 18px;
line-height: 90px;
color: #000
}
main .box.social a:hover,
main .box.social a:focus {
color: #ae9623;
text-decoration: none
}
main .box.social > a:nth-child(6) {
margin-right: 0
}
main .box.social h2:after {
content: "";
display: block;
width: 84%;
height: 1px;
position: absolute;
top: 0px;
left: 8%;
background: #000
}
main .box.social:hover h2,
main .box.social:focus h2 {
color: #000
}
main .box.instagram,
main .box.shop,
main .box.wild-measure {
background: #000
}
main .box.instagram .box-image,
main .box.shop .box-image,
main .box.wild-measure .box-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.container {
margin: 0 auto
}
article {
margin: 0 auto;
max-width: 800px;
padding-bottom: 30px;
font-size: 14px;
line-height: 26px;
text-align: left;
}
main .blogroll,
main section {
margin-bottom: 28px;
font-size: 0
}
article .header {
padding: 40px 6% 34px;
position: relative;
background: #fff
}
article .title {
width: calc(100% - 4px);
display: inline-block;
vertical-align: top;
padding-right: 95px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
article .title h1 {
width: 100%;
padding-bottom: 0px
}
article .title h1 a {
color: #000;
font-style: normal;
}
article .title h1 a:hover,
article .title h1 a:focus {
color: #ae9623;
text-decoration: none
}
article .title .byline {
font-size: 12px;
letter-spacing: 1px;
font-style: italic;
color: #888
}
article .title .byline address {
padding-right: 8px;
display: inline-block
}
article .title .byline address span {
color: #888;
text-decoration: none;
text-transform: uppercase
}
article .header .byline time {
padding-left: 8px
}
article .header .actions {
width: 80px;
display: inline-block;
vertical-align: top;
margin-left: -80px;
padding-top: 6px;
text-align: right;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
article .header .actions .action-button,
article .header .actions .zilla-likes {
background: none;
display: block;
position: relative;
font: normal 900 13px 'Roboto', Arial, sans-serif;
letter-spacing: 1px;
color: #000;
text-transform: uppercase;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
article .header .actions .action-button.active,
article .header .actions .action-button:hover,
article .header .actions .action-button:focus,
article .header .actions .zilla-likes.active,
article .header .actions .zilla-likes:hover,
article .header .actions .zilla-likes:focus {
color: #ae9623;
text-decoration: none
}
article .header .actions .zilla-likes {
background: none;
-webkit-transition: none;
transition: none
}
article .header .actions .zilla-likes .icon {
margin: -4px 4px 0 0;
display: inline-block;
vertical-align: top;
font-size: 22px
}
article .header .actions .zilla-likes .zilla-likes-count {
display: inline-block;
vertical-align: top
}
article .header .actions .share-options {
width: 68px;
height: 225px;
padding: 3px 0;
visibility: collapse;
position: absolute;
top: 40px;
right: -42px;
z-index: 990;
background: #000
}
article .header .actions:hover .share-options {
visibility: visible;
}
article .header .actions .share-options a {
height: 25%;
display: block;
font: normal 500 13px 'Roboto', Arial, sans-serif;
color: #fff;
text-align: center;
line-height: 50px;
-webkit-transition: none;
transition: none
}
article .header .actions .share-options a span.icon {
padding-right: 4px;
display: inline-block;
vertical-align: top;
font-size: 24px;
line-height: 65px
}
article .header .actions .share-options a span.count {
display: none;
vertical-align: top
}
article .header .actions .share-options a.comment:hover,
article .header .actions .share-options a.comment:focus {
color: #ae9623;
text-decoration: none
}
article .header .actions .share-options a.facebook:hover,
article .header .actions .share-options a.facebook:focus {
color: #3b5998;
text-decoration: none
}
article .header .actions .share-options a.twitter:hover,
article .header .actions .share-options a.twitter:focus {
color: #00aced;
text-decoration: none
}
article .header .actions .share-options a.pinterest:hover,
article .header .actions .share-options a.pinterest:focus {
color: #cb2027;
text-decoration: none
}
article .header .actions .share-options .glass {
width: 25px;
height: 94px;
position: absolute;
top: 0px;
left: -25px
}
article .header .actions .share-options:after {
content: "";
width: 0;
height: 0;
margin: auto;
display: block;
position: absolute;
bottom: -12px;
left: 26px;
border-left: 42px solid #595959;
border-right: 42px solid transparent;
border-bottom: 12px solid transparent
}
article .content {
background: #fff;
padding: 0 6% 48px;
overflow: hidden
}
article .content img {
width: 114%;
height: auto;
margin: 0 0 20px -7%;
display: block
}
article .content figure.wp-caption {
max-width: 100%
}
article .content figure.wp-caption figcaption.wp-caption-text {
text-align: center;
font-style: italic
}
article .content img[class*="wp-image"] {
width: 114%;
height: auto;
margin: 10px 0 10px -7%;
display: block
}
article .content iframe[src*="youtube.com"],
article .content iframe[src*="vimeo.com"] {
margin: 10px 0 10px -7%
}
article .content p:first-child img[class*="post-image"],
article .content p:first-child img[class*="wp-image"] {
margin-top: 0 !important
}
article .content p.image-wrap {
padding-bottom: 0
}
article .content p.image-wrap+p:not(.image-wrap) {
padding-top: 16px
}
article .content blockquote {
margin-top: 10px
}
article .content .read-more {
margin-top: 20px
}
article .content .read-more a {
font-size: 12px;
letter-spacing: 2px
}
article .content .read-more a:hover {
background: #a68f21
}
article .footer {
background: #dadad7
}
article .footer .actions {
width: 90%;
margin: 0 auto;
text-align: center
}
article .footer .actions .action-button {
padding: 26px 0;
display: block;
font: normal 900 13px/24px 'Roboto', Arial, sans-serif;
letter-spacing: 2px;
color: #000;
text-align: center;
text-transform: uppercase
}
article .footer .actions .action-button .icon {
display: block;
font-size: 26px
}
article .footer .actions .action-button .icon .count {
padding: 0 0 0 3px;
display: none;
vertical-align: top;
font-size: 13px
}
article .footer .actions .action-button:hover {
color: #ae9623;
text-decoration: none
}
article .footer .actions .favorite {
padding-top: 21px
}
article .footer .actions .favorite .icon-heart {
font-size: 32px;
color: #000
}
article .footer .actions .favorite .active .icon-heart {
color: #AE961E
}
article .footer .actions .favorite .zilla-likes-count {
display: none
}
article .footer .actions .comment .icon .count {
padding: 0 0 0 8px
}
article .footer .actions .twitter .icon .count {
padding: 0 0 0 7px
}
main .page-nav,
main .post-nav {
width: 100%;
margin: 0px auto 58px;
clear: both;
overflow: hidden;
font: normal 900 13px 'Roboto', Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 2px
}
main .page-nav .prev,
main .page-nav .next,
main .page-nav .back-to-top,
main .post-nav .prev,
main .post-nav .next,
main .post-nav .back-to-top {
float: left;
font-style: normal;
color: #000
}
main .page-nav .prev:hover,
main .page-nav .prev:focus,
main .page-nav .next:hover,
main .page-nav .next:focus,
main .page-nav .back-to-top:hover,
main .page-nav .back-to-top:focus,
main .post-nav .prev:hover,
main .post-nav .prev:focus,
main .post-nav .next:hover,
main .post-nav .next:focus,
main .post-nav .back-to-top:hover,
main .post-nav .back-to-top:focus {
color: #ae9623
}
main .page-nav .prev:before,
main .post-nav .prev:before {
content: "<< ";
display: inline-block;
vertical-align: top;
margin-top: -1px;
margin-right: 6px
}
main .page-nav .next:after,
main .post-nav .next:after {
content: " >>";
display: inline-block;
vertical-align: top;
margin-top: -1px;
margin-left: 6px
}
main .page-nav .back-to-top,
main .post-nav .back-to-top {
float: right
}
main .page-nav span,
main .post-nav span {
float: left;
margin: -1px 32px 0
}
main .post-tiles,
main .shop-tiles {
margin-bottom: 58px;
clear: both;
font-size: 0
}
main .post-tiles .wrap,
main .shop-tiles .wrap {
position: relative
}
main .post-tiles h1,
main .shop-tiles h1 {
font-size: 26px;
text-align: center;
padding-bottom: 26px
}
main .post-tiles .filter-bar,
main .shop-tiles .filter-bar {
padding-bottom: 32px
}
main .post-tiles .filter-bar .category-filter,
main .shop-tiles .filter-bar .category-filter {
width: 30%;
float: left;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
main .post-tiles .filter-bar .category-filter .dk_toggle,
main .shop-tiles .filter-bar .category-filter .dk_toggle {
font: normal 900 10px/40px 'brandon-grotesque', Arial, sans-serif;
text-transform: uppercase
}
main .post-tiles .filter-bar .category-filter li a,
main .shop-tiles .filter-bar .category-filter li a {
font: normal 900 10px/40px 'brandon-grotesque', Arial, sans-serif;
letter-spacing: 2px;
text-transform: uppercase
}
main .post-tiles .filter-bar .sort-by,
main .shop-tiles .filter-bar .sort-by {
float: right;
line-height: 40px
}
main .post-tiles .filter-bar .sort-by span,
main .shop-tiles .filter-bar .sort-by span {
margin: -2px 12px 0 0;
display: inline-block;
font: normal 900 13px 'brandon-grotesque', Arial, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
color: #000
}
main .post-tiles .filter-bar .sort-by a,
main .shop-tiles .filter-bar .sort-by a {
height: 17px;
margin-top: -2px;
margin-left: 32px;
display: inline-block;
font: italic normal 14px 'minion-pro', Georgia, serif;
letter-spacing: 1px;
color: #666
}
main .post-tiles .filter-bar .sort-by a:hover,
main .post-tiles .filter-bar .sort-by a:focus,
main .post-tiles .filter-bar .sort-by a.current,
main .shop-tiles .filter-bar .sort-by a:hover,
main .shop-tiles .filter-bar .sort-by a:focus,
main .shop-tiles .filter-bar .sort-by a.current {
border-bottom: 1px solid #666;
text-decoration: none
}
main .post-tiles .single-tile,
main .shop-tiles .single-tile {
width: 100%;
margin: 0 auto 30px;
display: block;
background: #fff
}
main .post-tiles .single-tile .tile-image,
main .shop-tiles .single-tile .tile-image {
padding-top: 100%;
background-color: #ebebeb;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
main .post-tiles .single-tile .description,
main .shop-tiles .single-tile .description {
height: 60px;
padding: 18px 22px 14px;
text-align: center
}
main .post-tiles .single-tile .description .secondary,
main .shop-tiles .single-tile .description .secondary {
font: italic normal 10px 'minion-pro', Georgia, serif;
padding-bottom: 5px
}
main .post-tiles .single-tile .description .title,
main .shop-tiles .single-tile .description .title {
width: 100%;
height: 30px;
font: normal 900 10px/15px 'brandon-grotesque', Arial, sans-serif;
padding-bottom: 0;
overflow: hidden
}
main .post-tiles .single-tile.featured .tile-image,
main .shop-tiles .single-tile.featured .tile-image {
padding-top: 46.25%
}
main .post-tiles .single-tile.featured .description,
main .shop-tiles .single-tile.featured .description {
height: 41px;
padding: 27px 22px
}
main .post-tiles .single-tile.featured .description .secondary,
main .shop-tiles .single-tile.featured .description .secondary {
font: italic normal 11px 'minion-pro', Georgia, serif;
padding-bottom: 5px
}
main .post-tiles .single-tile.featured .description .title,
main .shop-tiles .single-tile.featured .description .title {
width: 100%;
height: 30px;
font: normal 900 14px/14px 'brandon-grotesque', Arial, sans-serif;
padding-bottom: 0;
overflow: hidden
}
main .post-tiles .single-tile:hover,
main .post-tiles .single-tile:focus,
main .shop-tiles .single-tile:hover,
main .shop-tiles .single-tile:focus {
text-decoration: none
}
main .post-tiles .single-tile:hover h1,
main .post-tiles .single-tile:hover h2,
main .post-tiles .single-tile:focus h1,
main .post-tiles .single-tile:focus h2,
main .shop-tiles .single-tile:hover h1,
main .shop-tiles .single-tile:hover h2,
main .shop-tiles .single-tile:focus h1,
main .shop-tiles .single-tile:focus h2 {
color: #a68f21;
-webkit-transition: .2s color ease-in-out;
transition: .2s color ease-in-out
}
main .post-tiles .load-more,
main .shop-tiles .load-more {
margin-top: 20px;
padding-left: 30px;
display: block;
text-align: center
}
main .post-tiles .load-more a,
main .shop-tiles .load-more a {
padding: 0 8%;
font-size: 13px;
letter-spacing: 3px
}
main .post-tiles .prev-button,
main .post-tiles .next-button,
main .shop-tiles .prev-button,
main .shop-tiles .next-button {
position: absolute;
top: 40%;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
font-size: 0;
cursor: pointer
}
main .post-tiles .prev-button,
main .shop-tiles .prev-button {
left: -50px;
border-right: 20px solid #000
}
main .post-tiles .prev-button:hover,
main .post-tiles .prev-button:focus,
main .shop-tiles .prev-button:hover,
main .shop-tiles .prev-button:focus {
border-right: 20px solid #ae9623
}
main .post-tiles .next-button,
main .shop-tiles .next-button {
right: -50px;
border-left: 20px solid #000
}
main .post-tiles .next-button:hover,
main .post-tiles .next-button:focus,
main .shop-tiles .next-button:hover,
main .shop-tiles .next-button:focus {
border-left: 20px solid #ae9623
}
main .post-tiles.popular-tiles,
main .shop-tiles.popular-tiles {
padding-top: 30px;
background: #fff
}
main .post-tiles.popular-tiles .post_set,
main .shop-tiles.popular-tiles .post_set {
display: none
}
main .post-tiles.popular-tiles .post_set.active,
main .shop-tiles.popular-tiles .post_set.active {
display: block
}
main .post-tiles.popular-tiles.bottom-of-page,
main .shop-tiles.popular-tiles.bottom-of-page {
margin-bottom: 1px
}
main .post-tiles.related-tiles,
main .shop-tiles.related-tiles {
position: relative
}
main .post-tiles.related-tiles .post_set,
main .shop-tiles.related-tiles .post_set {
display: none
}
main .post-tiles.related-tiles .post_set.active,
main .shop-tiles.related-tiles .post_set.active {
display: block
}
main .post-tiles.related-tiles .prev-button,
main .shop-tiles.related-tiles .prev-button {
left: -20px
}
main .post-tiles.top-of-page,
main .shop-tiles.top-of-page {
margin-top: 0
}
main .comment-area {
margin-top: 58px;
clear: both
}
main .comment-area .comments {
max-width: 830px;
min-height: 185px;
margin: 0 auto 58px;
padding: 14px 2.5%;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
main .comment-area .comments.legacy {
background: transparent
}
main .comment-area .comments.legacy .comments-title {
margin: 0 auto 30px;
padding: 14px 20px;
background: #fff;
font: normal 900 13px 'brandon-grotesque', Arial, sans-serif;
letter-spacing: 1px;
text-transform: uppercase
}
main .comment-area .comments.legacy .comment-form {
margin-bottom: 30px;
margin-left: -30px;
font-size: 0
}
main .comment-area .comments.legacy .comment-form p.logged-in-as {
margin-left: 30px;
font-size: 13px
}
main .comment-area .comments.legacy .comment-form p.form-submit {
margin-left: 30px;
padding-bottom: 0px
}
main .comment-area .comments.legacy .comment-list {
padding-bottom: 0
}
main .comment-area .comments.legacy .comment-list .comment {
margin: 0 auto 30px;
padding: 14px 20px;
list-style-type: none;
background: #fff
}
main .comment-area .comments.legacy .comment-list .comment p {
padding-bottom: 8px
}
main .comment-area .page-nav,
main .comment-area .post-nav {
max-width: 830px
}
main .about-content,
main .contact-content,
main .page-content {
max-width: 830px
}
.page-footer {
padding: 48px 0 0;
background: #000;
color: #fff
}
.page-footer h2 {
padding-bottom: 18px;
font: normal 400 20px/20px 'brandon-grotesque', Arial, sans-serif;
letter-spacing: 2px;
color: #e2e2e2
}
.page-footer .social-links {
margin-top: 10px;
padding-bottom: 38px
}
.page-footer .social-links li {
padding-right: 16px;
display: inline-block;
vertical-align: top
}
.page-footer .social-links li a {
display: block;
vertical-align: top;
font-size: 20px;
color: #fff
}
.page-footer .social-links li a:hover,
.page-footer .social-links li a:focus {
color: #ae9623;
text-decoration: none
}
.page-footer .social-links li:last-child {
padding-right: 0
}
.page-footer .bottom-nav {
margin-top: 30px;
padding-bottom: 14px
}
.page-footer .bottom-nav li a {
font: normal 900 14px/36px 'brandon-grotesque', Arial, sans-serif;
letter-spacing: 2px;
color: #fff;
text-transform: uppercase
}
.page-footer .bottom-nav li a:hover,
.page-footer .bottom-nav li a:focus {
color: #ae9623;
text-decoration: none
}
.page-footer .signup-form {
margin-bottom: 38px
}
.page-footer .signup-form input[type="email"] {
width: 75%;
margin-bottom: 0
}
.page-footer .signup-form input[type="submit"] {
width: 25%
}
.page-footer .feature-tile {
width: 100%;
max-width: 234px;
height: 80px;
display: block;
margin-bottom: 38px;
position: relative;
background: #ddd
}
.page-footer .feature-tile .feature-tile-image {
width: 100%;
height: 80px;
display: block
}
.page-footer .feature-tile:hover .feature-tile-image,
.page-footer .feature-tile:focus .feature-tile-image {
opacity: 0.8;
-webkit-transition: .2s opacity ease-in-out;
transition: .2s opacity ease-in-out
}
.page-footer .feature-tile.instagram,
.page-footer .feature-tile.shop {
background: #000
}
.page-footer .feature-tile.instagram .feature-tile-image,
.page-footer .feature-tile.shop .feature-tile-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.page-footer .facebook-box {
display: block;
overflow: hidden;
max-width: 234px;
width: 100%;
height: 240px;
margin-left: -10px;
margin-bottom: 38px
}
.page-footer .hosting-partnership {
margin-top: 42px;
background: #252525;
color: #454545;
text-align: center;
overflow: hidden
}
.page-footer .hosting-partnership a.federated {
margin: 17px 0 11px;
float: left
}
.page-footer .hosting-partnership a.flywheel {
margin: 14px 0 0;
float: right
}
.lightbox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 998
}
.lightbox-overlay.light {
background: rgba(255, 255, 255, 0.9)
}
.lightbox-overlay.dark {
background: rgba(0, 0, 0, 0.7)
}
.sign-up-lightbox {
max-width: 548px;
width: 90%;
height: 460px;
margin: auto;
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: #fff;
-webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.5);
text-align: center
}
.sign-up-lightbox .photo {
padding-top: 60.218%;
background: #dedede url("images/email_signup.jpg") no-repeat center center/cover
}
.sign-up-lightbox .text {
padding: 12px 32px 14px
}
.sign-up-lightbox .close {
width: 23px;
height: 23px;
position: absolute;
top: 12px;
right: 12px;
cursor: pointer
}
.search-lightbox {
width: 95%;
max-width: 1024px;
margin: 0 auto;
display: none;
position: fixed;
top: 80px;
left: 0;
right: 0;
z-index: 999
}
.search-lightbox h1 {
text-align: center
}
.search-lightbox form {
hieght: 52px;
margin-top: 40px;
display: block
}
.search-lightbox .search-bar {
width: 100%;
height: 52px;
padding: 0 150px 0 0;
background: transparent;
border-bottom: 2px solid #cecece;
font-size: 36px;
color: #000;
text-align: left;
line-height: 52px
}
.search-lightbox .button-light {
width: 150px;
height: 52px;
margin-left: -150px;
line-height: 54px
}
.search-lightbox .close {
width: 150px;
display: block;
float: right;
font-size: 14px;
color: #757575;
text-align: center
}
@media all and (max-width: 1158px) {
.desk--display-none {
display: none
}
.page-header .main-nav li:hover ul,
.page-header .main-nav li:focus ul {
visibility: hidden;
opacity: 0
}
main .about-content .supplemental-photo {
display: none
}
main .post-tiles .prev-button,
main .post-tiles .next-button {
display: none
}
}
@media all and (max-width: 1040px) {
.lap--display-none {
display: none
}
.page-header .main-nav .wrap {
width: 100%
}
.page-header .main-nav .category-nav,
.page-header .main-nav .page-nav {
display: none
}
.page-header .main-nav .responsive-nav {
width: 100%;
margin-bottom: 0px;
padding-top: 4px;
display: block !important;
text-align: center
}
.page-header .main-nav .responsive-nav .dk_toggle {
font: normal 900 10px/40px 'brandon-grotesque', Arial, sans-serif;
text-transform: uppercase
}
.page-header .main-nav .responsive-nav .dk_options {
margin-top: 6px
}
.page-header .main-nav .responsive-nav li {
display: block
}
.page-header .main-nav .responsive-nav li a {
width: 100%;
padding: 0;
font: normal 900 10px/40px 'brandon-grotesque', Arial, sans-serif;
letter-spacing: 2px;
text-transform: uppercase
}
.page-header .main-nav .responsive-nav li a:hover,
.page-header .main-nav .responsive-nav li a:focus {
color: #000
}
main .feature_tile_4 {
display: none
}
article .title .byline address {
font-size: 0
}
article .title .byline address span {
font-size: 12px
}
main .popular-tiles .post_tile_4,
main .related-tiles .post_tile_4 {
display: none
}
.page-footer .bottom-nav,
.page-footer .facebook-box {
display: none
}
.page-footer .feature-tile.shop {
display: none
}
.page-footer .footer_column_3 {
padding-left: 0px
}
.page-footer .footer_column_3 h2:nth-child(3) {
display: none
}
}
@media all and (max-width: 875px) {
main .container {
margin: 0 0 28px
}
main .container article {
width: 95%
}
main .container.comment-area .comments {
width: 95%
}
}
@media all and (max-width: 720px) {
.palm--display-none {
display: none
}
.page-header .signup-bar {
margin-top: 0
}
.page-header .signup-bar h2 {
display: none
}
.page-header .signup-bar .signup-form {
margin: 9px 0 0
}
.page-header .hero-image {
height: auto;
padding-bottom: 31.9444%;
display: block;
background: #6dcff6 url("images/temp_banner.jpg") no-repeat center center;
background-size: cover
}
main .feature_tile_3 {
display: none
}
main .post-tiles .filter-bar .category-filter {
width: 48%
}
main .post-tiles .filter-bar .sort-by span {
display: none
}
main .popular-tiles .post_tile_3,
main .related-tiles .post_tile_3 {
display: none
}
main .page-nav,
main .post-nav {
text-align: center
}
main .page-nav .prev,
main .page-nav .next,
main .page-nav .back-to-top,
main .post-nav .prev,
main .post-nav .next,
main .post-nav .back-to-top {
float: none
}
main .page-nav .back-to-top,
main .post-nav .back-to-top {
display: block;
margin-top: 22px
}
main .page-nav span,
main .post-nav span {
float: none;
margin: -1px 18px 0
}
.page-footer .footer_column_3 {
padding-left: 30px
}
.sign-up-lightbox {
height: auto;
top: 0;
bottom: auto
}
.sign-up-lightbox .text {
padding: 12px 32px 20px
}
}
@media all and (max-width: 480px) {
.mobile--display-none {
display: none
}
.text-module {
padding: 48px 7%
}
.page-header .signup-bar .signup-form {
width: 100%;
margin: 9px 0 0;
padding-right: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.page-header .signup-bar .signup-form input[type="email"] {
width: 100%;
height: 30px;
margin: 0 -6px 0 0;
padding: 0 120px 0 20px;
line-height: 32px
}
.page-header .signup-bar .signup-form input[type="submit"] {
width: 100px;
height: 30px;
margin-left: -98px;
line-height: 32px
}
main .box {
max-width: 328px
}
main .post-tiles .filter-bar .category-filter {
width: 80%;
margin: 0 auto;
float: none
}
main .post-tiles .filter-bar .sort-by {
float: none;
text-align: center
}
main .post-tiles .filter-bar .sort-by span {
display: none
}
main .post-tiles .filter-bar .sort-by a {
height: 17px;
margin: 34px 16px 0
}
main .post-tiles .single-tile,
main .shop-tiles .single-tile {
max-width: 328px;
margin: 0 auto 32px
}
main .post-footer .post-actions {
width: 95%
}
main .footer .actions .action-button .text {
display: none
}
#email_address .email-us {
font: italic normal 20px/20px 'minion-pro', Georgia, serif
}
#newsletter_signup .signup-form input[type='email'] {
width: 100%;
margin-bottom: 18px
}
#newsletter_signup .signup-form input[type='submit'] {
width: 100%;
margin-left: 0
}
.page-footer h2,
.page-footer p {
text-align: center
}
.page-footer .signup-form input[type="email"] {
width: 100%;
padding: 0 120px 0 20px
}
.page-footer .signup-form input[type="submit"] {
width: 100px;
margin-left: -100px
}
.page-footer .mobile-wrap {
width: 234px;
margin: 0 auto
}
.sign-up-lightbox .signup-form input[type="email"] {
width: 100%;
display: block
}
.sign-up-lightbox .signup-form input[type="submit"] {
width: 100%;
display: block;
margin-top: 8px
}
}
@media all and (max-width: 350px) {
main #email_address .email-us {
font: italic normal 17px/17px 'minion-pro', Georgia, serif
}
.page-footer .hosting-partnership a.federated {
width: 25%;
margin: 17px 0 11px -10px;
float: left
}
.page-footer .hosting-partnership a.federated img {
max-width: 100%;
height: auto
}
.page-footer .hosting-partnership a.flywheel {
width: 75%;
margin: 14px 0 0;
float: right
}
.page-footer .hosting-partnership a.flywheel img {
max-width: 100%;
height: auto
}
}
/* zilla */
.zilla-likes {
border: 0 !important;
min-height: 14px;
text-decoration: none;
}
.zilla-likes:hover,
.zilla-likes.active {
border: 0 !important;
text-decoration: none;
}
.zilla-blog-widget .zilla-likes,
.tz_recentwork_widget .zilla-likes,
.tz_blog_widget .zilla-likes,
.home div#the_body #slider .excerpt .zilla-likes,
.archive div#the_body #slider .excerpt .zilla-likes {
display: none;
}
