pre:before,
#cancel-comment-reply-link:before,
.menu-toggle:before,
.main-navigation .menu-item-has-children > a:after,
.search-toggle:before,
.social-links a:before,
.posts .type-page .entry-title:before,
.posts .format-image .entry-media:before,
.format-link .entry-content a:before,
.format-quote:before,
.format-status .entry-content p:first-child:before,
.entry-meta-element:before,
.entry-meta .comments-link a:before,
.entry-meta .entry-likes a:before,
.post-table-of-contents a:before,
.post-table-of-contents .current a:before,
.post-table-of-contents .passed a:before,
.bypostauthor .comment-author:before,
.post-navigation .meta-nav:after,
.post-navigation .meta-nav:before,
.comment-edit-link:before,
.comment-reply-link:before,
.widget_archive li:before,
.widget_categories li:before,
.widget_nav_menu li:before,
.widget_pages li:before,
.widget_recent_comments li:before,
.widget_recent_entries li:before,
.widget_zilla_likes_widget li:before {
font-family: 'Genericons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
}
.genericon.vertical-align-middle:before   { vertical-align: middle;   }
.genericon.vertical-align-baseline:before { vertical-align: baseline; }
.genericon.vertical-align-bottom:before   { vertical-align: bottom;   }  body { position: relative; }
.site,
.main-navigation,
.site-footer {
padding-left: 4%;
padding-right: 4%;
}
.site-inner,
.main-navigation-inner,
.site-banner-inner,
.site-footer-area,
.site-info-conainer {
width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
z-index: 1;
}
.site-inner { padding-top: 8em; }  caption { text-align: left; } .text-center { text-align: center; }  .pagination > span.dots,
.pagination .extend { background: transparent; }  html { font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }   .site-title { font-size: 2.24rem; }
.site-banner h1 { font-size: 6.62rem; } .entry-title .entry-edit { font-size: .62em; }
.sidebar { font-size: .81em; }
.main-navigation .menu,
.nav-search-form,
.posts .entry-meta,
.footer-area-site-info { font-size: .9em; }
.site-footer .social-links { font-size: 1.24em; }
.post-navigation a { font-size: 1.38em; }
.social-links { font-size: 1.62em; }
.error-404 .page-title,
.not-found .page-title,
.nav-search-form .search-field { font-size: 2.24em; } .page-title,
.error-404,
.not-found,
.format-link .entry-content,
.posts .format-image .post-excerpt,
.pagination,
.post-navigation .meta-nav { font-weight: 300; }
.is-singular .posts .post-excerpt,
.is-singular.attachment .post-excerpt,
#back-to-top { font-weight: 400; }
.active-menu-item > a { font-weight: 700; } .post-navigation a { line-height: 1.38; }
.site-banner h1,
.posts .entry-title { line-height: 1.19; }  .label-sticky {
position: absolute;
display: block;
width: 32px;
height: 32px;
right: 0;
top: 0;
line-height: 28px;
text-align: center;
z-index: 10;
}
.label-sticky .genericon {
margin-left: -.38em;
font-size: 18px;
vertical-align: bottom;
}
.label-sticky:before,
.label-sticky:after {
content: '';
position: absolute;
display: block;
border: 16px solid transparent;
}
.label-sticky:before {
right: 100%;
top: 0;
}
.label-sticky:after {
right: 0;
top: 100%;
}   .button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 1em;
border: 0;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active { opacity: .75; }
.button:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active { opacity: .9; } .error-404 .form-search,
.not-found .form-search { color: #1a1c1e; } #cancel-comment-reply-link:before {
content: '\f405';
margin-right: .19em;
font-size: 1.38em;
vertical-align: middle;
}  .entry-title,
.page-title {
padding: 0;
margin: 0 0 6%;
text-transform: uppercase;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.entry-title .entry-edit:before { content: '\2014\2002'; }
.page-title {
padding: 1.62em 0;
margin: 0;
border-top: 2px solid;
}  .site-branding {
float: left;
display: inline-block;
margin: 0;
color: inherit;
}
.site-branding,
.site-banner,
.site-header .social-links,
.error-404,
.not-found,
.page-header,
.post-navigation,
.posts .format-image .entry-media:before { text-shadow: 0 2px 0 rgba(0,0,0, .4); }
.site-title { text-transform: uppercase; }
.site-title,
.site-description {
display: inline-block;
margin: 0;
vertical-align: top;
}
.site-description {
padding-left: 1.62em;
margin: .31em 1.62em; border-left: 1px solid;
}
.site-title,
.site-description,
.site-branding a,
.site-branding a:hover,
.site-branding a:active {
text-decoration: none;
color: inherit;
}
.site-branding img {
display: inline-block;
vertical-align: top;
} .main-navigation {
position: fixed;
width: 100%;
left: 0;
top: 0;
opacity: .8;
z-index: 999;
-webkit-backface-visibility: hidden; -webkit-transition: opacity .4s, top .2s ease-in-out;
transition: opacity .4s, top .2s ease-in-out;
}
.main-navigation:hover { opacity: 1; }
.admin-bar .main-navigation { top: 32px; }
.main-navigation a:hover,
.main-navigation a:active { color: inherit; }
.main-navigation .menu { float: left; }
.main-navigation ul {
padding: 0;
margin: 0;
text-transform: uppercase;
list-style: none;
}
.main-navigation li {
float: left;
position: relative;
padding: 0;
margin: 0 2em 0 0;
line-height: 3.62;
white-space: nowrap;
}
.main-navigation ul a {
display: inline-block;
max-width: 100%; padding: 0;
text-decoration: none;
color: inherit;
opacity: .6;
}
.menu-item-description {
display: block;
text-transform: uppercase;
opacity: .6;
}
.main-navigation .menu > ul > li > a .menu-item-description { display: none; } .main-navigation .expander {
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
right: 0;
top: 50%;
padding: 0;
margin-left: 2px;
line-height: 14px;
text-align: center;
font-size: 14px;
font-weight: 400;
border: 1px solid;
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.main-navigation li li .expander { right: 1em; }
.main-navigation .expander::before { content: '+'; }
.main-navigation li:hover > a .expander::before,
.main-navigation li[aria-expanded="true"] > a .expander::before { content: '-'; }
.main-navigation li.menu-item-has-children > a { padding-right: 1.62em; }
.main-navigation li li.menu-item-has-children > a { padding-right: 2.62em; } .main-navigation li ul {
position: absolute;
visibility: hidden;
min-width: 100%;
left: -1.62em;
top: 138%;
padding: 0 0 .38em;
margin: 0;
text-transform: none;
opacity: 0;
z-index: 99;
border-radius: 0 0 .38em .38em;
-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0, .4);
box-shadow: 0 5px 20px 0 rgba(0,0,0, .4);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.main-navigation li:hover > ul,
.main-navigation li[aria-expanded="true"] > ul {
visibility: visible;
top: 100%;
opacity: 1;
}
.main-navigation li li,
.main-navigation li li a {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.main-navigation li li {
float: none;
display: block;
margin: 0;
line-height: 1.62;
border-top: 1px solid;
}
.main-navigation li li:first-child { border: 0; }
.main-navigation li li > a {
display: block;
min-width: 10em;
padding: .62em 1.62em;
color: inherit;
} .main-navigation li li ul {
visibility: hidden;
min-width: 0;
padding-top: .38em;
left: 119%;
right: auto;
border-radius: .38em;
-webkit-transition: opacity .4s, left .4s ease-in-out;
transition: opacity .4s, left .4s ease-in-out;
}
.main-navigation li li:hover > ul,
.main-navigation li li[aria-expanded="true"] > ul {
left: 100%;
right: auto;
top: -.38em;
} .main-navigation .menu a:hover,
.main-navigation .menu li:hover > a,
.main-navigation .menu li.active-menu-item > a { opacity: 1; } .menu-toggle { display: none; } .nav-search-form {
float: right;
padding: 0;
}
.search-toggle {
display: inline-block;
position: relative;
height: 1.75em;
line-height: 1.75;
font-size: 2em;
color: inherit;
}
.search-toggle:before {
content: '\f400';
vertical-align: middle;
}
.nav-search-form.active .search-toggle:before { content: '\f406'; }
.search-toggle:hover { text-decoration: none; }
.nav-search-form .form-search {
position: absolute;
width: 100%;
max-width: 100%;
top: -500px;
right: 0;
text-align: center;
overflow: hidden;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.nav-search-form.active .form-search,
.no-js .nav-search-form:hover .form-search { top: 100%; }
.nav-search-form .search-field,
.nav-search-form .search-field:focus {
padding: 2%;
border: 0;
-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0, .2);
box-shadow: 0 5px 20px 0 rgba(0,0,0, .2);
} .social-links { float: right; }
.site-header .social-links { margin-top: .19em; }
.social-links:hover a { opacity: .4; }
.social-links ul {
margin: 0;
list-style: none;
overflow: hidden;
}
.social-links li { float: left; }
.social-links a {
padding-left: .38em;
color: inherit;
-webkit-transition: all .4s;
transition: all .4s;
}
.social-links a:hover {
text-decoration: none;
opacity: 1;
}
.social-links a:before {
content: '';
display: inline-block;
}
.social-links a[href^="http"]:before,
.social-links .website a:before                  { content: '\f475'; }
.social-links a[href*="mailto:"]:before,
.social-links .email a:before                    { content: '\f410'; }
.social-links a[href*="/feed/"]:before,
.social-links .rss a:before                      { content: '\f413'; }
.social-links a[href*="codepen.io"]:before,
.social-links .codepen a:before                  { content: '\f216'; }
.social-links a[href*="digg.com"]:before,
.social-links .digg a:before                     { content: '\f221'; }
.social-links a[href*="dribbble.com"]:before,
.social-links .dribbble a:before                 { content: '\f201'; }
.social-links a[href*="dropbox.com"]:before,
.social-links .dropbox a:before                  { content: '\f225'; }
.social-links a[href*="facebook.com"]:before,
.social-links .facebook a:before                 { content: '\f204'; }
.social-links a[href*="flickr.com"]:before,
.social-links .flickr a:before                   { content: '\f211'; }
.social-links a[href*="foursquare.com"]:before,
.social-links .foursquare a:before               { content: '\f226'; }
.social-links a[href*="github.com"]:before,
.social-links .github a:before                   { content: '\f200'; }
.social-links a[href*="instagram.com"]:before,
.social-links .instagram a:before                { content: '\f215'; }
.social-links a[href*="linkedin.com"]:before,
.social-links .linkedin a:before                 { content: '\f207'; }
.social-links a[href*="pinterest.com"]:before,
.social-links .pinterest a:before                { content: '\f209'; }
.social-links a[href*="plus.google.com"]:before,
.social-links .google-plus a:before              { content: '\f218'; }
.social-links a[href*="getpocket.com"]:before,
.social-links .pocket a:before                   { content: '\f224'; }
.social-links a[href*="polldaddy.com"]:before,
.social-links .polldaddy a:before                { content: '\f217'; }
.social-links a[href*="reddit.com"]:before,
.social-links .reddit a:before                   { content: '\f222'; }
.social-links a[href*="skype:"]:before,
.social-links .skype a:before                    { content: '\f220'; }
.social-links a[href*="spotify.com"]:before,
.social-links .spotify a:before                  { content: '\f515'; }
.social-links a[href*="stumbleupon.com"]:before,
.social-links .stumbleupon a:before              { content: '\f223'; }
.social-links a[href*="tumblr.com"]:before,
.social-links .tumblr a:before                   { content: '\f214'; }
.social-links a[href*="twitch.tv"]:before,
.social-links .twitch a:before                   { content: '\f516'; }
.social-links a[href*="twitter.com"]:before,
.social-links .twitter a:before                  { content: '\f202'; }
.social-links a[href*="vimeo.com"]:before,
.social-links .vimeo a:before                    { content: '\f212'; }
.social-links a[href*="wordpress.org"]:before,
.social-links a[href*="wordpress.com"]:before,
.social-links .wordpress a:before                { content: '\f205'; }
.social-links a[href*="youtube.com"]:before,
.social-links .youtube a:before                  { content: '\f213'; } .site-banner { clear: both; }
.no-js .site-banner.enable-slider article,
.enable-slider .site-banner-inner:not(.slick-slider) article { display: none; }
.no-js .site-banner.enable-slider article:first-child,
.enable-slider .site-banner-inner:not(.slick-slider) article:first-child { display: block; }
.site-banner a,
.site-banner a:hover { text-decoration: none; }
.site-banner h1 {
padding: 10% 0;
margin: 0;
text-transform: none;
letter-spacing: 2px;
color: inherit;
}
.site-banner.enable-slider h1 { padding-bottom: 14%; }
.no-slider .site-banner-media,
.no-js .enable-slider .site-banner-media,
.enable-slider .site-banner-inner:not(.slick-slider) .site-banner-media,
.enable-slider .banner-images {
position: absolute;
width: 100%;
max-width: 100%;
max-height: 100%; left: 0;
top: 0;
overflow: hidden;
z-index: -1;
}
.site-banner-media:before,
.banner-images:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 62%;
left: 0;
bottom: 0;
z-index: 1;
}
.site-banner figure {
position: relative;
z-index: 0;
}
.site-banner figure:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: .4;
z-index: 1;
}
.site-banner img {
position: relative;
width: 100%;
height: auto;
z-index: 0;
}
.not-front-page .site-banner img {
top: -20px;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-filter: blur(10px) grayscale(100%) contrast(66%);
-moz-filter: blur(10px) grayscale(100%) contrast(66%);
-ms-filter: blur(10px) grayscale(100%) contrast(66%);
filter: blur(10px) grayscale(100%) contrast(66%);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="blur-grayscale-contrast"><feGaussianBlur stdDeviation="10" /><feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0" /><feComponentTransfer><feFuncR type="linear" slope=".66" intercept="-(0.5 * .66) + 0.5" /><feFuncG type="linear" slope=".66" intercept="-(0.5 * .66) + 0.5" /><feFuncB type="linear" slope=".66" intercept="-(0.5 * .66) + 0.5" /></feComponentTransfer></filter></svg>#blur-grayscale-contrast'); } .site-content,
.home.paged .site-content { padding: 6% 0 10%; }
.home .site-content { padding-top: 4%; }
.content-area {
position: relative;
z-index: 1;
}
.is-singular .content-area {
-webkit-box-shadow: 0 0 4em rgba(0,0,0, .4);
box-shadow: 0 0 4em rgba(0,0,0, .4);
} .single-post .entry-header { margin-bottom: 1.62em; }
.single-post .main-heading.entry-header { margin-bottom: 0; }
.is-singular .entry-inner {
max-width: 62%;
padding: 8% 0;
margin: 0 auto;
} a img {
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
a img:hover { opacity: .8; }  .no-js .format-gallery a,
.format-gallery .enable-slider:not(.slick-slider) a { display: none; }
.no-js .format-gallery a:first-child,
.format-gallery .enable-slider:not(.slick-slider) a:first-child { display: block; } .posts .format-image .entry-media:before,
.format-link .entry-content a:before,
.format-quote:before,
.format-status .entry-content p:first-child:before { content: '\f102'; }
.format-link .entry-content a:before,
.format-status .entry-content p:first-child:before {
margin-right: .19em;
vertical-align: middle;
}
.posts .format-image .entry-media { position: relative; }
.posts .format-image .entry-media:before {
position: absolute;
left: .38em;
top: .38em;
font-size: 1.62em;
line-height: 1;
color: #fff;
vertical-align: top;
z-index: 1;
}
.posts .format-image:hover .entry-media:before { display: none; } .format-link .entry-content a:before { content: '\f107'; } .posts .format-quote { padding-bottom: 6em; }
.format-quote:before {
content: '\f106';
position: absolute;
left: .62em;
top: .62em;
font-size: 5.86em;
opacity: .33;
}
.posts .format-quote:before {
left: 19%;
top: auto;
bottom: 0;
}
.format-quote a,
.format-status a { color: inherit; } .format-status .entry-content p:first-child:before { content: '\f300'; } .post-table-of-contents a:before {
content: '\f404';
margin-right: .38em;
vertical-align: middle;
}
.post-table-of-contents .passed a:before { content: '\f418'; }
.post-table-of-contents .current a:before { content: '\f403'; } .posts { margin: 0 -2%; }
.posts .hentry {
float: left;
position: relative;
width: 29.333%;
margin: 0 2% 4%;
-webkit-box-shadow: 0 0 4em rgba(0,0,0, .4);
box-shadow: 0 0 4em rgba(0,0,0, .4);
}
.posts .entry-title {
margin-bottom: 12%;
text-transform: none;
}
.posts .entry-inner { padding: 12% 19%; }
.posts .entry-media + .entry-inner { padding-top: 8%; } .posts .type-page .entry-title:before {
content: '\f443';
margin-right: .19em;
opacity: .15;
vertical-align: baseline;
} .taxonomy-links {
margin: 0 2% 4%;
list-style: none;
white-space: nowrap;
overflow: hidden;
}
.archive .taxonomy-links a,
.taxonomy-links:hover a { opacity: .4; }
.taxonomy-links li {
float: left;
margin: .38em .62em .38em 0;
}
.taxonomy-links a {
display: block;
padding: .62em 1em;
-webkit-transition: all .4s;
transition: all .4s;
}
.post-type-archive-jetpack-portfolio .taxonomy-links .link-all a,
.archive .taxonomy-links .current a,
.taxonomy-links a:hover {
text-decoration: none;
opacity: 1;
} .taxonomy-description {
margin-bottom: 4%;
opacity: .66;
} .entry-meta .author:before          { content: '\f304'; }
.entry-meta .cat-links:before       { content: '\f301'; }
.entry-meta .comments-link a:before { content: '\f300'; }
.entry-meta .entry-date:before      { content: '\f303'; }
.entry-meta .tags-links:before      { content: '\f302'; }
.entry-meta .entry-likes a:before   { content: '\f461'; }
.entry-meta .entry-edit:before      { content: '\f411'; } .entry-content div.sharedaddy .sd-content ul li a.sd-button:not(.no-text):hover { opacity: .75; } .post-navigation { margin: 0; }
.post-navigation .nav-previous,
.post-navigation .nav-next {
position: relative;
background-position: 50% 50%;
background-size: cover;
}
.post-navigation .nav-next { text-align: right; }
.post-navigation .has-post-thumbnail:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .85;
z-index: 0;
-webkit-transition: all .4s;
transition: all .4s;
}
.post-navigation .has-post-thumbnail:hover:before { opacity: 1; }
.post-navigation a {
display: block;
position: relative;
padding: 10% 38% 4% 8%;
margin-top: 2px;
color: inherit;
z-index: 1;
}
.post-navigation .nav-next a {
padding-left: 38%;
padding-right: 8%;
}
.post-navigation a:hover { text-decoration: none; }
.post-navigation .meta-nav {
display: block;
margin-bottom: .62em;
text-transform: uppercase;
font-size: .5em;
}
.post-navigation .nav-next .meta-nav:after {
content: '\f429';
margin-left: .62em;
}
.post-navigation .nav-previous .meta-nav:before {
content: '\f430';
margin-right: .62em;
}  .error-404,
.not-found {
text-align: center;
font-size: 1.62em;
}
.error-404 h1,
.not-found h1 { padding-bottom: .62em; }
.error-404 p,
.not-found p,
.error-404 a,
.not-found a { color: inherit; }
.error-404 form,
.not-found form {
display: inline-block;
width: 62%;
text-align: center;
}  .page-template-page-template_front-php .site-content { padding-top: 0; }
.page-template-page-template_front-php .page {
-webkit-box-shadow: 0 0 4em rgba(0,0,0, .4);
box-shadow: 0 0 4em rgba(0,0,0, .4);
}
.page-template-page-template_front-php .site-content .content-area {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.is-singular .posts .entry-inner {
max-width: 100%;
margin: 0;
}
.front-page-section { margin-bottom: 8%; } .page-template-page-template_sidebar-php .content-area { padding: 8% 19%; }
.page-template-page-template_sidebar-php .entry-inner {
padding: 0;
max-width: 100%;
margin: 0;
}
.page-template-page-template_sidebar-php .site-main > article {
float: left;
width: 60%;
}
.page-template-page-template_sidebar-php .site-main > .entry-media { margin: -12.9% -30.65% 12%; } .comments-area {
padding: 8% 19%;
margin: -1.62em 0 0;
}  .bypostauthor > .comment-body .comment-author:before {
content: '\f304';
position: absolute;
display: block;
width: 30px;
height: 30px;
left: 30px;
top: 75px;
margin-top: 1.62em;
line-height: 28px;
text-align: center;
font-size: 1.17em;
border-radius: 50%;
z-index: 1;
} .comment-edit-link:before,
.comment-reply-link:before {
content: '\f467';
margin-right: .19em;
font-size: 1.38em;
vertical-align: middle;
}
.comment-edit-link:before { content: '\f411'; } .comment-navigation { padding: 8% 0; } .sidebar {
width: 36%;
padding-left: 4%;
}
.toggle-mobile-sidebar { display: none; }  .sidebar .toggle-mobile-sidebar + .widget,
.sidebar .widget:first-child { margin: 0; } .widget_archive li:before,
.widget_categories li:before,
.widget_nav_menu li:before,
.widget_pages li:before,
.widget_recent_comments li:before {
content: '\f307';
margin-right: .38em;
vertical-align: middle;
}
.widget_categories li:before { content: '\f301'; }
.widget_nav_menu li:before,
.widget_pages li:before { content: '\f443'; }
.widget_recent_comments li:before,
.widget_recent_entries li:before,
.widget_zilla_likes_widget li:before {
content: '\f300';
position: absolute;
left: 0;
top: .38em;
margin: 0;
}
.widget_recent_entries li:before { content: '\f411'; }
.widget_zilla_likes_widget li:before { content: '\f461'; }  .footer-widgets {
padding: 10% 0 4%;
margin: 0 -2%;
}
.footer-widgets .widget {
float: left;
width: 21%;
margin: 0 2% 6%;
}
.columns-1 .widget {
float: none;
width: 96%;
}
.columns-2 .widget { width: 46%;     }
.columns-3 .widget { width: 29.333%; } .footer-area-site-info {
padding-top: 4%;
padding-bottom: 4%;
}
.footer-area-footer-widgets + .footer-area-site-info {
padding-top: 0;
padding-bottom: 8%;
}
.site-info-container {
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.site-info { float: left; }
.site-info a { color: inherit; } @media only screen and (min-width: 960px) and (min-height: 720px) {
.footer-area-site-info {
position: fixed;
width: 100%;
max-width: 100%;
left: 0;
bottom: 0;
padding: 1em 4%;
border-top: 1px solid;
z-index: 999;
-webkit-backface-visibility: hidden; -webkit-box-shadow: 0 0 1em rgba(0,0,0, .1);
box-shadow: 0 0 1em rgba(0,0,0, .1);
-webkit-transition: bottom .2s ease-in-out;
transition: bottom .2s ease-in-out;
}
.footer-area-footer-widgets + .footer-area-site-info {
padding-top: 1em;
padding-bottom: 1em;
}
.scrolling-down .footer-area-site-info { bottom: -100px; }
}   .breadcrumbs-container + .entry-meta {
margin-top: -1.62em;
border-top: 0;
}
.breadcrumbs-container a {
color: inherit;
border-bottom: 1px dotted;
}
.breadcrumbs-container a:hover {
text-decoration: none;
border-bottom-style: solid;
}  .site .contact-form textarea,
.page-template-page-template_sidebar-php .contact-form input[type=email],
.page-template-page-template_sidebar-php .contact-form input[type=text] {
width: 100%;
max-width: 100%;
} .infinite-scroll.neverending .footer-area-footer-widgets { display: none; }  .infinite-scroll.neverending .site-footer,
.infinity-end.neverending .footer-area-footer-widgets { display: block; } .site div#jp-relatedposts { margin: 1.62em 0 0; }  @media only screen and (min-width: 961px) {
.scrolling-down .main-navigation { top: -100px; }
.taxonomy-description { max-width: 62%; }
}  @media only screen and (max-width: 960px) {
.site-inner { padding-top: 0; }  .site-description {
padding-left: 1em;
margin-left: 1em;
} .main-navigation {
position: relative;
padding-bottom: 5em;
background: transparent;
opacity: 1;
}
.admin-bar .main-navigation { top: auto; }
.main-navigation-inner {
display: none;
position: relative;
padding: 4.62em 4% 1em;
}
.active .main-navigation-inner { display: block; } .main-navigation .menu { float: none; }
.main-navigation li,
.main-navigation li li,
.main-navigation li li:first-child {
float: none;
display: block;
margin: -1px 0 0;
line-height: 1.62;
white-space: normal;
border-top: 1px solid;
border-bottom: 1px solid;
}
.main-navigation li > a,
.main-navigation li li > a {
display: block;
min-width: 0;
padding: .62em;
color: inherit;
}
.main-navigation li li > a { padding-left: 1.62em; }
.main-navigation li li li > a { padding-left: 2.62em; }
.main-navigation .expander { display: none; } .main-navigation li .menu-item-has-children > a:after { display: none; }
.main-navigation li ul,
.main-navigation li li ul,
.main-navigation li:hover > ul,
.main-navigation li li:hover > ul {
position: relative;
visibility: visible;
left: auto;
top: auto;
padding: 0;
opacity: 1;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.main-navigation li ul { margin-bottom: -1px; } .nav-search-form {
float: none;
position: absolute;
width: 92%;
height: 2.62em;
left: 4%;
top: 1em;
}
.search-toggle { display: none; }
.nav-search-form .form-search,
.nav-search-form.active .form-search,
.no-js .nav-search-form:hover .form-search {
position: relative;
top: auto;
right: auto;
}
.nav-search-form .search-field { font-size: 1em; } .menu-toggle {
position: fixed;
left: 50%;
top: 0;
margin-left: -1em;
}
.admin-bar .menu-toggle { top: 32px; }
.active .menu-toggle,
.admin-bar .active .menu-toggle {
position: relative;
left: auto;
top: auto;
margin: 0 auto;
}
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus {
display: block;
width: 2em;
height: 2em;
padding: 0;
line-height: 2em;
text-indent: -999em;
font-size: 1.62em;
background: transparent;
border: 0;
opacity: 1;
}
.menu-toggle:before {
content: '\f419';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align: center;
text-indent: 0;
}
.active .menu-toggle:before { content: '\f406'; } .not-front-page .site-banner { display: none; }
.site-banner h1 { font-size: 4.25em; }
.site-banner.enable-slider h1 { padding-bottom: 1.62em; }
.site-banner .slick-prev,
.site-banner .slick-next {
width: 2.62em;
height: 2.62em;
}
.site-banner .slick-next { left: 3.62em; } .is-singular .entry-inner,
.error-404 form,
.not-found form {
width: 86%;
max-width: 86%;
} .posts .hentry { width: 46%; } .comments-area {
padding-left: 8%;
padding-right: 8%;
} .page-template-page-template_sidebar-php .content-area {
padding-left: 4%;
padding-right: 4%;
}
.page-template-page-template_sidebar-php .entry-inner {
width: 100%;
max-width: 100%;
}
.page-template-page-template_sidebar-php .site-main > article {
float: none;
width: 100%;
}
.page-template-page-template_sidebar-php .site-main > .entry-media { margin: -8.7% -4.35% 8%; } .toggle-mobile-sidebar {
display: block;
width: 100%;
text-align: center;
} .sidebar .widget,
.sidebar .toggle-mobile-sidebar + .widget {
margin-top: 2.62em;
display: none;
}  .footer-widgets .widget { width: 46% !important; }
.columns-1 .widget { width: 96% !important; }
}  @media only screen and (max-width: 680px) {  .site-branding {
float: none;
display: block;
text-align: center;
}
.site-description {
display: block;
padding: 0;
margin: 1em 0;
border: 0;
} .social-links,
.site-header .social-links {
float: none;
clear: both;
margin-top: 1em;
}
.site-header .social-links { text-align: center; }
.site-header .social-links li {
float: none;
display: inline;
}
.site-header .social-links a { padding: 0 .19em; } .site-banner {
position: relative;
margin-top: 8%;
padding: 4% 8%;
}
.site-banner h1 { font-size: 2.62em; }
.site-banner.enable-slider h1 { padding-bottom: 2.62em; }  .posts .hentry {
float: none;
width: 96%;
height: auto !important;
margin-bottom: 8%;
} .bypostauthor > .comment-body .comment-author:before {
left: 15px;
top: 45px;
}  .footer-widgets .widget { width: 96% !important; }
.columns-1 .widget { width: 96% !important; } .site-info { float: none; }
}  @media only screen and (max-width: 420px) {
.site { padding: 0; } .pagination { text-align: center; } .site-header {
padding-left: 4%;
padding-right: 4%;
} .is-singular .site-content { padding: 6% 0 0; }
.blog .site-content,
.error404 .site-content,
.is-posts-list .site-content {
padding-left: 4%;
padding-right: 4%;
}
.posts .entry-inner {
padding-left: 8%;
padding-right: 8%;
} .is-singular .content-area,
.page-template-page-template_front-php .page {
-webkit-box-shadow: none;
box-shadow: none;
}
.front-page-section {
padding-left: 4%;
padding-right: 4%;
}
}  @media screen and ( max-width: 782px ) {
html[class] { margin-top: 0 !important; }
body.admin-bar { padding-top: 46px !important; }
}