#cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
figure { margin: 10% 0; }
figcaption { text-align: center; }
img { border: 0; -ms-interpolation-mode: bicubic;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
input {-webkit-border-radius:0; border-radius:0;}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::selection {background: #fdddcb; }
::-moz-selection {background: #fdddcb; } .clearfix:after, #main-wrap .sharedaddy:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.cf:before, .cf:after {content: " "; display: table; }
.cf:after {clear: both;}  body {
font-family: 'Merriweather', Georgia, serif;
color: #000;
background: #fff;
}
#container {
margin: 0 auto;
}
#primary {
opacity: 0;
padding: 0 10px;
}
#masthead {
position:relative;
display:block;
padding: 20px 0 70px 0;
}
#main-wrap {
padding: 0 10px;
}
.entry-header,
.entry-content,
.entry-meta {
max-width: 580px;
margin: 0 auto;
}
.site-content .post,
.site-content .jetpack-portfolio,
.site-content .page {
text-align: center;
} .contact-mail,
.contact-phone,
.entry-tags,
.entry-header .entry-details,
#comments .comment-reply,
h3.further-projects,
#primary h1.archive-title,
h4,
#primary .sharedaddy h3.sd-title,
.archive-header .taxonomy-description p {
font-family: Courier, monospace;
} h1, h2, h3, h4, h5, h6 {
font-weight: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
h1 {
font-size: 18px;
font-size: 1.125rem;
margin: 40px 0 20px;
}
h2 {
font-size: 16px;
font-size: 1rem;
margin: 40px 0 15px;
}
h3 {
font-size: 14px;
font-size: 0.875rem;
margin: 35px 0 15px;
}
h4 {
margin: 30px 0 15px;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 1px;
}
h5,
h6 {
font-size: 13px;
font-size: 0.8125rem;
margin: 20px 0 10px;
font-weight: bold;
} p {
margin-bottom: 28px;
}
.entry-content p:last-child {
margin-bottom: 0;
}
.entry-content blockquote p:last-child  {
margin-bottom: 28px;
}
ul, ol {
margin: 0 0 28px 0;
padding-left: 40px;
list-style-position: inside;
}
.entry-content ul,
.entry-content ol,
.comment-text ul,
.comment-text ol {
text-align: left;
}
ul {
list-style: square;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 0;
}
.entry-content ul,
.entry-content ol {
padding-left: 40px;
}
.entry-content ul li,
.entry-content ol li,
#comments ul li,
#comments ol li  {
margin-bottom: 4px;
list-style-position: outside;
}
.entry-content ul ul li:last-child,
.entry-content ol ol li:last-child,
#comments ul ul li:last-child,
#comments ol ol li:last-child {
margin-bottom: 0;
}
.entry-content ul ul,
.entry-content ol ol,
#comments ul ul,
#comments ol ol {
padding-left: 25px;
}
b, strong {
font-weight: bold;
}
dfn, em, i {
font-style: italic;
}
s, strike, del {
text-decoration: line-through;
}
address {
margin: 0 0 34px;
font-size: 16px;
font-size: 1rem;
line-height: 1.6;
}
pre {
max-width: 100%;
margin-bottom: 26px;
padding: 15px;
overflow: auto;
background: #ededed;
font-family: Consolas, Monaco, monospace;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.4;
text-align: left;
}
code, kbd, tt, var {
font-family: Consolas, Monaco, monospace;
font-size: 13px;
font-size: 0.8125rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff77a;
text-decoration: none;
}
.template-about mark,
.template-about ins {
background: #fff;
}
sup,
sub {
position: relative;
vertical-align: baseline;
height: 0;
font-size: 75%;
line-height: 0;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
img {
max-width: 100%; height: auto; }
dt {
padding-bottom: 4px;
font-weight: bold;
font-size: 13px;
font-size: 0.8125rem;
}
dd {
margin: 0 0 20px;
}
dl dt {
font-weight: bold;
color: #162626;
text-align: left;
}
dl dd {
margin: 0 0 20px;
font-size: 13px;
font-size: 0.8125rem;
line-height:1.5;
text-align: left;
}
.wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} table {
width: 100%;
margin: 0 0 28px;
border-collapse: collapse;
border-spacing: 0;
border-bottom: 1px solid #ddd;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.4;
text-align: left;
}
table td {
padding: 10px 15px 10px 0;
border-top: 1px solid #ddd;
}
table caption {
margin: 28px 0;
}
table th {
padding: 10px 15px 10px 0;
text-align:left;
font-weight: bold;
color: #000;
} .alignleft,
.alignright {
display: block;
}
.alignleft {
margin: 0 25px 5px 0;
float: left;
}
.alignright {
margin: 0 0 0 20px;
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}
img.alignleft,
img.alignright {
margin-top:10px;
margin-bottom:20px;
} input,
textarea {
padding: 7px 2%;
border: 1px solid #ddd;
background: #fff;
color: #000;
font-family: 'Merriweather', Georgia, serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
vertical-align: top;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
form label {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.4;
}
input:hover,
textarea:hover {
background: none;
}
input:focus,
input:active,
textarea:focus,
textarea:active {
background: none;
border: 1px solid #999;
outline: none;
}
.post-password-form {
text-align: left;
clear: both;
}
.post-password-form label {
float: left;
} input[type="button"],
input[type="submit"] {
padding: 14px 20px 12px;
display: inline-block;
background: #eeeeec;
border: none;
color: #000;
vertical-align: top;
font-family: 'Merriweather', Georgia, serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2;
cursor: pointer;
-webkit-appearance: none;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#comments input[type="submit"] {
width: 100%;
}
.post-password-form input[type="submit"] {
display: inline-block;
padding-left: 20px;
padding-right: 20px;
margin: 2px 0 0 5px;
}
input#submit,
.site-content input.wpcf7-submit,
.contact-form input[type="submit"] {
margin: 0 0 10px;
padding: 14px 10px 12px;
border: none;
font-family: 'Merriweather', Georgia, serif;
font-size: 14px;
font-size: 0.875rem;
cursor: pointer;
-webkit-appearance: none;
color:  #000;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input#submit:hover,
.widget_blog_subscription input[type="submit"]:hover {
background: #ddd;
color: #000;
}
.entry-content .searchform span {
display: none;
}  a {
color: #000;
text-decoration: none;
}
#site-title h1 a {
color: #000;
}
#site-title h1 a:hover {
border-bottom: 3px solid #3232dc;
}
.entry-content a,
#infinite-handle a,
#infinite-handle span,
a.more-link,
.nav-wrap a,
#site-title h1 a:hover,
.entry-tags a:hover,
#comments .comment-reply a.comment-reply-link:hover,
.entry-header .entry-details a:hover,
#comments #respond p.logged-in-as a:hover,
#comments .comment-details a:hover,
#comments .comment-text a:hover,
a.more-link:hover,
.entry-content a:hover,
.jetpack-portfolio-shortcode .entry-header h2.entry-title a:hover,
#site-info a:hover, {
color: #3232dc;
}
#infinite-handle span {
border-bottom: 2px solid transparent;
}
#infinite-handle span:hover,
.jetpack-portfolio-shortcode .entry-header h2.entry-title a:hover,
a.more-link:hover,
.entry-content a:hover,
.nav-previous a span:hover,
.nav-next a span:hover {
border-bottom: 2px solid #3232dc;
}
.contact-info a:hover {
background: #3232dc;
color: #fff;
}
#mobile-menu-toggle {
color: #000;
border-bottom: 1px solid #000;
}
a.more-link {
display: inline-block;
line-height: 1.2;
}
.jetpack-portfolio-shortcode .entry-header h2.entry-title a,
.single-post .entry-header h1.entry-title a,
.single-jetpack-portfolio .entry-header h1.entry-title a {
color: #000;
border-bottom: 2px solid #000;
}
.entry-header h1.entry-title a:hover,
.entry-header h2.entry-title a:hover {
border-bottom: 2px solid #000;
}
.entry-tags a:hover,
#comments .comment-reply a.comment-reply-link:hover {
text-decoration: underline;
} .entry-tags,
.entry-tags a,
.site-content div.wpcf7 p,
.entry-content .contact-form label,
.archive-header,
#comments #respond p.comment-notes,
#comments #respond p.logged-in-as,
#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url,
#commentform p.comment-form-comment {
color: #000;
}  #site-title {
margin: 28px 0 26px;
padding: 0 10px;
text-align: center;
}
#site-title h1 {
margin: 0;
padding: 0 10px;
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.4;
word-wrap: break-word;
} #mobile-menu-toggle {
display: inline-block;
margin-left: 10px;
cursor: pointer;
font-size: 14px;
font-size: 0.875rem;
}
#site-nav {
display: none;
overflow: hidden;
clear: both;
padding: 15px 0;
}
.menu-open #site-nav {
display:  block;
}
#site-nav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
#site-nav ul li  {
display: block;
margin: 0;
padding: 0;
}
#site-nav ul ul.sub-menu,
#site-nav ul ul.children {
display: block;
margin: 0;
padding: 0;
}
#site-nav ul li a {
display: inline-block;
margin: 15px 0;
padding: 0;
font-size: 16px;
font-size: 1rem;
line-height: 1.4;
}
#site-nav ul li li  {
margin: 0;
padding: 0;
}
#site-nav ul li li a {
margin: 10px 0;
padding: 0;
font-size: 14px;
font-size: 0.875rem;
} .intro-slogan {
max-width: 580px;
margin: 0 auto;
padding: 0 10px;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7;
}
.intro-slogan p:last-child {
margin-bottom: 0;
}
.contact-info {
max-width: 580px;
margin: 0 auto;
padding: 15px 10px 0;
display: block;
text-align: center;
}
.contact-mail,
.contact-phone {
margin: 0;
padding: 0;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.3;
clear: both;
}
.contact-phone {
padding: 5px 0 0 0;
}  .site-content .post,
.site-content .type-attachment,
.search-results .site-content .page {
position: relative;
display: block;
max-width: 100%;
margin: 0;
padding: 0 0 140px;
clear: both;
float: none;
overflow: hidden;
}
.single-post .site-content .post {
padding: 0 0 135px;
}
.site-content .post:last-of-type,
.search-results .site-content .page:last-of-type {
padding: 0;
}
.site-content .entry-thumbnail img.wp-post-img {
line-height: 0;
}
.sticky {
} .entry-thumbnail {
padding-bottom: 25px;
}
.site-content .entry-header {
display: block;
padding: 0;
}
.entry-header h2.entry-title,
.entry-header h1.entry-title {
margin: 0;
padding: 0 0 10px;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
word-wrap: break-word;
}
.entry-header .entry-details {
font-size: 12px;
font-size: 0.75rem;
padding: 0 0 30px;
}
.entry-header .entry-details a.date:before {
display: inline;
content: ', ';
} .entry-tags {
display: block;
clear: both;
overflow: hidden;
padding: 20px 0 0 0;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.4;
}
.entry-tags a {
margin: 0 2px;
} .page-link {
display: block;
padding: 15px 0;
clear: both;
font-size: 14px;
font-size: 0.875rem;
word-spacing:18px;
}
.page-link a {
display: inline-block;
text-decoration: none;
margin-bottom: 8px;
} .format-quote .entry-header,
.format-quote .entry-content {
max-width: 500px;
}
.format-quote .entry-content p {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.5;
}
.format-quote .entry-content cite {
font-size: 18px;
font-size: 1.125rem;
padding: 8px 0 0 0;
}   .entry-content p,
.entry-content p.standard-text,
.entry-content ul,
.entry-content ol,
.entry-content .wide-content {
font-size: 14px;
font-size: 0.875rem;
line-height: 2;
}
p.justify {
text-align: justify;
}
.entry-content blockquote,
.entry-content blockquote p {
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.6;
}
.entry-content blockquote cite,
#comments blockquote cite {
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
display: block;
padding: 6px 0 0 0;
}
.entry-content blockquote cite:before,
#comments blockquote cite:before {
content: '\2013';
display: inline;
padding: 0 2px 0 0;
-webkit-font-smoothing: antialiased;
}
.entry-content p.pull-left,
.entry-content p.pull-right {
margin-bottom: 28px;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.55;
}
.entry-content p.intro {
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.6;
margin-bottom: 28px;
}
.page .entry-content p.intro,
.entry-content .wide-content {
margin-bottom: 28px;
}
.entry-content .wide-content:last-child {
margin-bottom: 0;
} img {
max-width: 100%;
height: auto;
}
a[rel~="attachment"],
a[href$=jpg],
a[href$=jpeg],
a[href$=jpe],
a[href$=png],
a[href$=gif]{
border-bottom: none !important;
}
img.wp-post-image {
padding: 0;
}
img.img-border {
max-width:98.1%;
padding:5px;
background:#fff;
border:1px solid #ddd;
}
.widget img {
max-width:100%;
height:auto;
}
.wp-caption.alignnone {
margin: 0;
}
.wp-caption {
max-width: 100%;
}
img#wpstats {
display: none;
}
.entry-content p.wp-caption-text,
.widget p.wp-caption-text,
.type-attachment .entry-content .entry-caption p,
gallery .gallery-item .gallery-caption,
.single .gallery .gallery-item .gallery-caption {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.35;
}
.entry-content p.wp-caption-text,
.type-attachment .entry-content .entry-caption p {
margin: 0;
padding: 20px 5px 28px;
}
.entry-content .alignleft p.wp-caption-text {
text-align: left;
}
.entry-content .alignright p.wp-caption-text {
text-align: right;
margin-right: 6px;
}
embed,
iframe,
object,
video {
max-width:100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; }
.site-content .type-attachment {
padding-top: 0 !important;
} .gallery {
margin: 0 auto;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
margin-bottom: 6px;
text-align: center;
width: 33.3%;
}
.gallery .gallery-item a {
border-bottom: none;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-2 .gallery-item:nth-of-type(odd),
.gallery-columns-3 .gallery-item:nth-of-type(3n+1) {
padding-right: 1.4%;
}
.gallery-columns-2 .gallery-item:nth-of-type(even),
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
padding-left: 1.4%;
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+2) {
padding-left: 0.7%;
padding-right: 0.7%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6%;
}
.gallery-columns-7 .gallery-item {
width: 14%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11%;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail,
.gallery-columns-5 .attachment-thumbnail,
.gallery-columns-6 .attachment-thumbnail {
max-width: 93%;
height: auto;
}
.gallery-columns-7 .attachment-thumbnail,
.gallery-columns-8 .attachment-thumbnail,
.gallery-columns-9 .attachment-thumbnail {
max-width: 94%;
height: auto;
}
.gallery dl, .gallery dt {
margin: 0;
}
.gallery br+br {
display: none;
}
.gallery .gallery-item img {
width: 100%;
height: auto;
}
.gallery .gallery-item .gallery-caption {
display: none;
margin: 2px 2px 24px;
padding: 0;
}
.single .gallery .gallery-item .gallery-caption {
display: block;
} .single-post .authorbox {
position: relative;
margin: 0 auto;
max-width: 400px;
padding: 110px 0 0 0;
}
.authorbox img.avatar {
width: 40px;
height: 40px;
margin: 30px 0 0 0;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.authorbox h3.author-name {
margin: 0;
padding: 0;
font-size: 14px;
font-size: 0.875rem;
}
.authorbox p.author-description {
margin: 5px 0 0 0;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.9;
}  #comments,
#disqus_thread {
position: relative;
margin: 0 auto;
padding: 140px 0 0 0;
max-width: 400px;
font-size: 12px;
font-size: 0.75rem;
text-align: center;
}
#comments li.comment,
#comments li.pingback {
overflow:hidden;
margin: 0 0 30px;
padding: 0;
}
#comments li.comment:last-of-type,
#comments li.pingback:last-of-type {
margin: 0;
}
#comments li.comment ul.children {
margin: 30px 0 0;
}
#comments .children .comment:last-child {
margin: 0;
}
#comments h3.comments-title {
margin: 0 0 70px;
padding: 0;
text-align: center;
}
#comments h3.comments-title span a {
display: none;
margin: 5px 0 0 0;
float: right;
font-weight: normal;
}
.site-content ol.commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.site-content ol.commentlist li {
display: block;
margin: 0;
padding: 0;
}
#comments ul.children {
margin: 0;
padding: 0;
} #comments .comment-details {
position: relative;
margin: 0;
padding: 0;
}
#comments li.pingback {
padding: 0;
}
#comments .comment-avatar {
margin: 0;
padding: 0 0 15px;
line-height: 0;
text-align: center;
}
#comments .comment-avatar img.avatar {
width: 30px;
height: 30px;
margin:  0;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
#comments .comment-author {
margin: 0;
padding: 0;
}
#comments .comment-author span {
display: none;
}
#comments .comment-text {
margin: 0;
padding: 8px 0 0 0;
overflow: hidden;
line-height: 1.6;
}
#comments .comment-text p {
margin: 0;
padding: 0 0 15px;
line-height: 1.65;
}
#comments ul.comment-meta {
margin: 0;
padding: 3px 0 0 0;
overflow: hidden;
list-style:none;
}
#comments ul.comment-meta a {
text-decoration: none;
}
#comments ul.comment-meta li {
display: inline;
}
#comments .comment-reply {
position: relative;
padding: 0 0 65px;
}
#comments p.comment-awaiting-moderation {
display: inline-block;
margin: 0 0 15px;
padding: 1px 2px;
background: #d6fce2;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
}
.bypostauthor {
} #comments ol li.pingback span {
font-size: 16px;
font-size: 1rem;
font-weight: bold;
}
#comments ol li.pingback p {
margin:0;
}
#comments ol li.pingback a {
font-size: 14px;
font-size: 0.875rem;
font-weight: normal;
}
#comments .pingback p.pingback-edit a {
font-size: 12px;
font-size: 0.75rem;
} .site-content .nopassword,
.site-content p.nocomments {
position: relative;
margin: 30px 0 0;
padding: 0;
}
.site-content .post-password-form p {
} #comments #respond {
margin: 0;
padding: 0;
}
#comments ol.commentlist #respond {
margin: 0;
padding-left: 0;
padding-right: 0;
}
#comments #respond h3#reply-title {
margin: 0;
padding: 0;
font-size: 14px;
font-size: 0.875rem;
display: block;
}
#comments #respond p.comment-notes,
#comments #respond p.logged-in-as {
margin: 0 0 15px;
padding: 8px 0 0;
}
#respond a#cancel-comment-reply-link {
margin: 2px 0 0 0;
float:  right;
font-size: 12px;
font-size: 0.75rem;
font-weight: bold;
}
#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url,
#commentform p.comment-form-comment {
margin:0;
padding: 12px 0 0;
font-size: 14px;
font-size: 0.875rem;
}
#commentform p.comment-form-comment {
line-height: 0;
}
#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url,
#commentform p.comment-form-comment,
.contact-form div {
float: none;
clear: both;
width: 100%;
}
#commentform p.form-allowed-tags {
display: none;
}
#commentform input#author,
#commentform input#email,
#commentform input#url {
display: block;
width: 100%;
margin: 3px 0 0;
padding: 6px 2% 5px;
background: #fff;
color: #000;
border: 1px solid #ddd;
font-family: 'Merriweather', Georgia, serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6;
text-align: left;
-webkit-appearance: none;
outline-color: transparent;
outline-style: none;
}
#commentform textarea#comment {
width:100%;
margin: 3px 0 0;
padding: 10px;
border: 1px solid #ddd;
background: #fff;
color: #000;
font-family: 'Merriweather', Georgia, serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6;
text-align: left;
-webkit-appearance: none;
outline-color: transparent;
outline-style: none;
}
#commentform p.form-submit {
margin:0 0 15px;
clear: both;
}   .jetpack-portfolio-shortcode {
margin: 0 auto;
}
.page .jetpack-portfolio-shortcode .entry-thumbnail,
.single-jetpack-portfolio .jetpack-portfolio-shortcode .entry-thumbnail {
padding-bottom: 0;
line-height: 0;
}
.jetpack-portfolio-shortcode .jetpack-portfolio {
position: relative;
display: inline-block;
width: 100%;
margin: 0 0 65px;
text-align: center;
}
.jetpack-portfolio-shortcode .entry-header,
.jetpack-portfolio-shortcode h2.portfolio-entry-title {
display: block;
text-align: center;
z-index: 10;
}
.jetpack-portfolio-shortcode .entry-header h2.entry-title {
padding: 10px 0 0;
font-size: 16px;
font-size: 1rem;
}
.jetpack-portfolio-shortcode .entry-header {
max-width: 100%;
}
.jetpack-portfolio-shortcode .entry-thumbnail a {
font-size: 0;
}
.jetpack-portfolio-shortcode .entry-thumbnail,
.jetpack-portfolio-shortcode a.portfolio-featured-image {
position: relative;
display: block;
padding: 0;
line-height: 0;
z-index: 100;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
} .template-portfolio .nav-wrap {
padding: 0 0 65px;
} h3.further-projects {
display: block;
margin:140px 0 50px;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.jetpack-portfolio-shortcode .portfolio-entry-first-item-row {
clear: none;
}
.jetpack-portfolio-shortcode .portfolio-entry-content,
.jetpack-portfolio-shortcode .project-types,
.jetpack-portfolio-shortcode .project-tags {
display: none;
}
.jetpack-portfolio-shortcode .portfolio-entry-column-2 {
margin-right: 40px;
width: auto;
}
.jetpack-portfolio-shortcode .portfolio-featured-image + .portfolio-entry-title {
margin-top: 0;
}
.jetpack-portfolio-shortcode .portfolio-entry-title {
font-size: 16px;
font-size: 1rem;
font-weight: normal;
}
.jetpack-portfolio-shortcode a.portfolio-featured-image {
border-bottom: none;
}
.single-jetpack-portfolio .entry-meta {
padding: 0;
}
.single-jetpack-portfolio .entry-meta .entry-tags {
padding-top: 28px;
}  .nav-wrap,
#infinite-handle {
display: block;
overflow: hidden;
clear: both;
margin: 0 auto;
font-size: 16px;
font-size: 1rem;
text-align: center;
}
.nav-wrap {
max-width: 580px;
margin-top: 100px;
}
#nav-below,
#nav-single,
#nav-comments {
overflow: hidden;
margin: 0;
padding: 0;
}
#nav-comments {
margin-top: 60px;
}
.nav-previous,
.nav-next,
.previous-image,
.next-image {
display: inline-block;
padding: 0 10px;
}
.nav-next a,
.nav-previous a,
.previous-image a,
.next-image a {
display: inline-block;
position: relative;
}
.nav-next a span,
.nav-previous a span {
display: block;
border-bottom: 2px solid transparent;
}
.nav-next a span {
margin-right: 20px;
}
.nav-previous a span {
margin-left: 20px;
}
.nav-next a span:before,
.nav-previous a span:before {
display: block;
position: absolute;
-webkit-font-smoothing: antialiased;
font-family: Arial, sans-serif;
line-height: 0;
padding: 9px 0 0 0;
}
.nav-next a span:before {
content: '\2192';
right: 0;
}
.nav-previous a span:before {
content: '\2190';
left: 0;
}  .template-about .entry-content {
max-width: 900px;
}
.template-about .entry-content p {
font-size: 16px;
font-size: 1rem;
margin-bottom: 40px;
}
.template-about .entry-content p.intro {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.5;
margin-bottom: 70px;
}
.template-about .entry-content p:last-child {
margin-bottom: 0;
}
.template-about .entry-content p.wp-caption-text {
font-size: 14px;
font-size: 0.875rem;
padding: 20px 5px 0;
}
.template-about .entry-content .wp-caption {
padding-bottom: 70px;
}
.template-about .entry-content .two-columns-one  p {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.5;
margin-bottom: 35px;
}
.template-about .entry-content .two-columns-one  p:last-child {
margin-bottom: 0;
}
.template-about .two-columns-one h4 {
margin-top: 35px;
}  .template-fullwidth .page .entry-header,
.template-fullwidth .page .entry-content {
max-width: 1280px;
}
.template-fullwidth .page .entry-content {
text-align: left;
}
.archive-header {
max-width: 580px;
margin: 0 auto;
padding: 0 0 67px;
text-align: center;
}
#primary h1.archive-title {
margin: 0;
padding: 0;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.archive-header .taxonomy-description p {
margin: 0;
padding: 12px 0 0 0;
font-size: 12px;
font-size: 0.75rem;
}
.entry-summary p {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
}
.entry-summary p:last-child {
margin-bottom: 0;
}
.archive .site-content .post,
.search-results .site-content .post,
.search-results .site-content .page {
clear: both;
overflow: hidden;
}
.search-no-results #searchform input#s {
width: 60%;
background: #fff;
border: 1px solid #cacaca;
padding: 11px 10px;
}
.search-no-results .site-content .entry-content {
overflow: hidden;
padding-bottom: 100px;
}
.error404 .site-content .entry-content {
overflow: hidden;
padding-bottom: 200px;
}
.not-found {
margin: 0 auto;
max-width: 1300px;
text-align: center;
}  #colophon {
position: relative;
padding: 70px 0;
text-align: center;
}
#colophon #site-info {
display: block;
padding: 0;
font-size: 16px;
font-size: 1rem;
line-height: 1.7;
text-align: center;
}
#colophon #site-info ul {
margin: 0;
padding: 0;
list-style:none;
}
#colophon #site-info ul.credit,
#colophon #site-info ul.credit li,
#colophon p.credittext {
display: block;
padding: 0;
}
#colophon p.credittext {
margin: 0;
}
#colophon #searchform .screen-reader-text,
#colophon #searchform #searchsubmit,
#colophon #search-btn {
display: none;
}
#colophon #searchform input.search-field {
margin-top: 3px;
padding: 0 2px;
width: 230px;
border: none;
border-bottom: 2px solid #000;
background: none;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}  .comment-subscription-form .subscribe-label {
display: inline !important;
float: none !important;
font-size: 12px;
font-size: 0.75rem;
font-weight: normal;
}
p.comment-subscription-form {
clear: both;
overflow: hidden;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-size: 12px;
font-size: 0.75rem;
font-weight: normal;
}
p.comment-subscription-form:last-child {
padding-top: 0;
margin-bottom: 0 !important;
}
#main-wrap .sharedaddy {
width: 100%;
display: block;
margin: 0;
padding: 0;
float: none;
clear: both;
}
#primary .sharedaddy h3.sd-title {
font-size: 12px;
font-size: 0.75rem;
font-weight: normal;
margin: 2px 0;
float: left;
}
div.sharedaddy h3.sd-title:before {
display: none !important;
}
div.sharedaddy .sd-content ul {
margin: 0 !important;
}
div.sharedaddy h3,
#content div.sharedaddy h3,
#main div.sharedaddy h3,
#primary div.sharedaddy h3 {
float: left;
padding: 14px 20px 0 0;
}
#main-wrap .sharedaddy div.sd-block {
border-top: none !important;
border-top: none !important;
padding-top: 26px;
}
.sharedaddy a.sd-button {
vertical-align: top;
}
.entry-content .sharedaddy .sd-content {
float: left;
padding-top: 10px;
}
.contact-form {
max-width: 500px;
margin: 0 auto;
padding: 0 0 28px;
}
.contact-form div {
overflow: hidden
}
.entry-content .contact-form label {
margin: 0;
padding: 12px 0 0 0;
font-size: 14px;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.5;
}
.contact-form label span {
margin-left: 3 !important;
font-size: 12px;
font-size: 0.75rem;
}
.entry-content .contact-form input,
.entry-content .contact-form textarea {
margin: 3px 0 0;
}
.page .contact-form input[type='text'],
.page .contact-form input[type='email'],
.page .contact-form textarea {
display: block;
width: 100%;
max-width: 100%;
}
.contact-form input[type='text'],
.contact-form input[type='email'] {
margin-bottom: 4px !important;
}
.contact-form p.contact-submit {
clear: both;
float: none;
overflow: hidden;
} .infinite-scroll #nav-below,
.infinite-scroll .nav-wrap,
.infinite-scroll.neverending #colophon {
display: none;
}
.infinity-end.neverending #colophon {
display: block;
}
#infinite-footer .container {
display: none;
}
#infinite-handle {
max-width: 100%;
float: none;
margin: 0 auto;
}
#infinite-handle span {
background: none;
display: inline-block;
border-radius: 0;
font-size: 16px;
font-size: 1rem;
line-height: 1.4;
cursor: pointer;
margin: 95px 0 0;
padding: 0;
}
.infinite-loader {
margin: 95px auto 0 auto;
max-width: 580px;
text-align: center;
}
.infinite-loader .spinner {
left: 48%;
text-align: center;
margin: 0 auto;
}
.infinite-wrap {
padding-top:140px;
}
.post-type-archive-jetpack-portfolio .infinite-wrap {
padding-top: 0;
} .site-content div.wpcf7 {
clear: both;
max-width: 500px;
margin: 0 auto;
padding: 0 0 16px;
}
.site-content div.wpcf7 p,
.contact-form label {
margin: 0;
padding: 12px 0 0 0;
font-size: 14px;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.5;
}
.site-content div.wpcf7 p:last-of-type {
padding: 0;
}
.site-content div.wpcf7 input[type='text'],
.site-content div.wpcf7 input[type='email'],
.site-content div.wpcf7 textarea {
display: block;
width: 100%;
margin: 3px 0 0;
padding: 6px 2% 5px;
background: #fff;
color: #000;
border: 1px solid #ddd;
font-family: 'Merriweather', Georgia, serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.6;
text-align: left;
}
.site-content input.wpcf7-submit,
.entry-content .contact-form input[type="submit"] {
clear: both;
overflow: hidden;
width: 100%;
margin: 0;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
font-size: 14px;
font-size: 0.875rem;
padding: 5px;
} .ssba {
padding-top: 20px;
font-size: 12px !important;
}   .two-columns-one,
.three-columns-one,
.three-columns-two,
.four-columns-one,
.four-columns-two,
.four-columns-three {
width:100%;
}
.entry-content .two-columns-one,
.entry-content .three-columns-one,
.entry-content .three-columns-two,
.entry-content .four-columns-one,
.entry-content .four-columns-two,
.entry-content .four-columns-three {
position: relative;
float: left;
margin-bottom: 26px;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7;
}
.entry-content .two-columns-one p,
.entry-content .three-columns-one p,
.entry-content .three-columns-two p,
.entry-content .four-columns-one p,
.entry-content .four-columns-two p,
.entry-content .four-columns-three p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7;
}
.last {
clear: right;
margin-right: 0 !important;
}
.divider {
width: 100%;
margin-bottom: 13px;
padding-top: 13px;
display: block;
clear: both;
}
.two-columns-one h4:first-child {
margin-top: 0;
} .white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box {
margin: 0 0 28px;
padding: 12px;
overflow:hidden;
font-size: 14px;
font-size: 0.875rem;
line-height:1.65;
}
.site-content .white-box p,
.site-content .blue-box p,
.site-content .yellow-box p,
.site-content .red-box p,
.site-content .green-box p,
.site-content .lightgrey-box p,
.site-content .grey-box p,
.site-content .dark-box p {
margin: 0 0 28px;
}
.white-box {background: #fff; border: 1px solid #ddd;}
.blue-box {background: #eef6fe;}
.yellow-box {background: #ffffcc;}
.red-box {background: #fff0f1;}
.green-box {background: #e7f3e0;}
.lightgrey-box {background: #f7f0e4;}
.grey-box {background: #f4f4f4;}
.dark-box {background: #000;color: #fff; letter-spacing: 0.5px}
.dark-box a:hover {color:#fff;} .standard-btn {
display: inline-block;
margin: 0 0 28px;
padding: 12px 18px 11px;
overflow: hidden;
cursor: pointer;
font-size: 12px;
font-size: 0.75rem;
background: #000;
color: rgba(255, 255, 255, 0.85);
text-align: center;
font-weight: normal;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none !important;
-webkit-transition: 0.2s background ease;
-moz-transition: 0.2s background ease;
-o-transition: 0.2s background ease;
-ms-transition: 0.2s background ease;
transition: 0.2s background ease;
}
.post .entry-content a.standard-btn,
.page .entry-content a.standard-btn {
color: rgba(255, 255, 255, 0.85);
border: none;
}
.post .entry-content a.standard-btn:hover,
.page .entry-content a.standard-btn:hover {
color: #fff;
}
.round-btn {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.bold-btn {
font-weight:bold;
}
.standard-btn.xsmall-btn {
padding: 10px 15px;
font-size: 10px;
font-size: 0.625rem;
}
.standard-btn.small-btn {
padding: 12px 20px;
font-size: 11px;
font-size: 0.6875rem;
}
.standard-btn.large-btn {
padding: 15px 20px;
font-size: 14px;
font-size: 0.875rem;
}
.standard-btn.xlarge-btn {
padding: 17px 25px;
font-size: 16px;
font-size: 1rem;
}
.red-btn {background: #f17c67; color: #fff;}
.red-btn:hover {background: #e23e32; color: #fff;}
.green-btn {background: #86c166; color: #fff;}
.green-btn:hover {background: #489130; color: #fff;}
.blue-btn {background: #81c7d4; color: #fff;}
.blue-btn:hover {background: #459baf; color: #fff;}
.darkblue-btn {background: #7b90d2; color: #fff;}
.darkblue-btn:hover {background: #3b54aa; color: #fff;}
.purple-btn  {background: #b28fce; color: #fff;}
.purple-btn:hover {background: #7b54a4; color: #fff;}
.yellow-btn {background: #f9e530; color: #fff;}
.yellow-btn:hover {background: #f2db0a; color: #fff;}
.grey-btn {background: #bcbcbc; color: #000;}
.grey-btn:hover {background: #999; color: #000;}
.black-btn {background: #161616; color: rgba(255, 255, 255, 0.85);}
.black-btn:hover {background: #000; color: #fff;} .css-transform #spinner {
margin: 40px auto 0;
width: 25px;
height: 25px;
background: #fdddcb;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-animation: spinner 1s infinite ease-in-out;
-moz-animation: spinner 1s infinite ease-in-out;
-ms-animation: spinner 1s infinite ease-in-out;
-o-animation: spinner 1s infinite ease-in-out;
animation: spinner 1s infinite ease-in-out;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: scale(0.3);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@-moz-keyframes spinner {
0% {
-moz-transform: scale(0.3);
}
100% {
-moz-transform: scale(1);
opacity: 0;
}
}
@-o-keyframes spinner {
0% {
-o-transform: scale(0.3);
}
100% {
-o-transform: scale(1);
opacity: 0;
}
}
@keyframes spinner {
0% {
transform: scale(0.3);
}
100% {
transform: scale(1);
opacity: 0;
}
}   @media screen and (min-width: 768px) { #primary {
padding: 0 35px;
}
#masthead {
margin-left: auto;
margin-right: auto;
}
.entry-content .wide-content {
margin-left: -59px;
margin-right: -59px;
} #mobile-menu-toggle {
margin-left: 70px;
}
#site-title {
padding: 0 70px;
}
#site-title h1 {
padding: 0;
font-size: 36px;
font-size: 2.25rem;
line-height: 1.3;
}
.intro-slogan {
padding: 0;
font-size: 16px;
font-size: 1rem;
line-height: 1.7;
}
.contact-info {
padding: 15px 0 0;
}
.contact-info a {
padding: 0 2px;
}
.contact-mail,
.contact-phone {
display: inline-block;
padding: 0 2px;
margin: 0 13px;
} .site-content .post,
.site-content .type-attachment,
.search-results .site-content .page {
padding: 0 0 280px;
}
.infinite-wrap {
padding-top: 280px;
}
.entry-thumbnail {
padding-bottom: 55px;
} #infinite-handle span {
margin: 135px 0 0;
}
.template-portfolio .nav-wrap {
padding: 90px 0 50px;
} .white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box {
padding: 20px;
}
.two-columns-one {width: 46%;}
.three-columns-one {width: 31.3%;}
.three-columns-two {width: 65.6%;}
.four-columns-one {width: 23.5%;}
.four-columns-two {width: 49%;}
.four-columns-three {width: 74.5%;}
.two-columns-one,
.three-columns-one,
.three-columns-two,
.four-columns-one,
.four-columns-two,
.four-columns-three {
position:relative;
float:left;
margin-bottom: 0;
}
.two-columns-one {margin: 0 4% 0 0;}
.two-columns-one.last {margin: 0 4% 0;}
.three-columns-one {margin: 0 3% 0 0;}
.four-columns-one {margin: 0 2% 0 0;}
} @media screen and (min-width: 1023px) { #masthead {
padding: 30px 0 100px 0;
}
#site-title {
padding: 0;
}
#primary {
padding: 0 70px;
}
.entry-content .wide-content {
margin-left: -150px;
margin-right: -150px;
} .template-about .entry-content p.intro {
font-size: 32px;
font-size: 2rem;
}
.template-about .entry-content .two-columns-one  p {
font-size: 24px;
font-size: 1.5rem;
}
.template-about .entry-content .wp-caption {
padding-bottom: 70px;
}
.template-about .two-columns-one h4 {
margin-top: 100px;
} #colophon {
position: relative;
padding: 100px 0 50px;
text-align: center;
} .jetpack-portfolio-shortcode .jetpack-portfolio {
margin: 0 0 140px;
}
} @media screen and (min-width: 1150px) { #main-wrap {
padding: 0;
}
.template-portfolio #primary {
padding-top: 65px;
}
#primary {
padding-top: 85px;
}
#primary {
padding-left: 0;
padding-right: 0;
}
.template-portfolio #primary {
padding-left: 20px;
padding-right: 20px;
}
#masthead {
padding: 0;
}
.entry-thumbnail {
padding-left: 70px;
padding-right: 70px;
}
.entry-content .wide-content {
margin-left: -235px;
margin-right: -235px;
} #site-title {
display: block;
width: 40.2%;
margin: 48px 29.9% 28px;
z-index: 1000;
} #mobile-menu-toggle {
display: none;
}
#site-nav {
display: block !important;
padding: 0;
}
.menu-container {
position: fixed;
display: block !important;
left: 40px;
bottom: 25px;
z-index: 1000;
text-align: left;
padding: 0;
}
#site-nav ul {
text-align: left;
}
#site-nav ul li {
position: relative;
display: inline-block;
margin: 0;
padding: 0 20px 0 0;
}
#site-nav ul li a {
margin: 0;
padding: 15px 0 0;
line-height: 1.56;
border-bottom: 3px solid transparent;
}
#site-nav ul li li a {
margin: 0;
padding: 0;
}
#site-nav ul ul.sub-menu,
#site-nav ul ul.children {
display: none;
position: absolute;
bottom: 35px;
left: 0;
width: 150px;
margin: 0;
padding: 0;
z-index: 1000;
text-align: left;
opacity: 0;
-webkit-transition: opacity ease-in-out 0.3s;
-moz-transition: opacity ease-in-out 0.3s;
-o-transition: opacity ease-in-out 0.3s;
transition: opacity ease-in-out 0.3s;
}
#site-nav ul.sub-menu li,
#site-nav ul.children li {
padding: 0;
display: block;
}
#site-nav ul.sub-menu a,
#site-nav ul.children a {
border-bottom: 2px solid transparent;
display: block;
padding: 3px 0;
}
#site-nav ul.sub-menu a:hover,
#site-nav ul.children a:hover {
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
}
#site-nav ul ul ul.sub-menu,
#site-nav ul ul ul.children {
position: absolute;
top: 0;
left: 149px;
}
#site-nav ul li:hover > ul {
display: block;
padding: 0;
opacity: 1;
-webkit-transition: opacity ease-in-out 0.3s;
-moz-transition: opacity ease-in-out 0.3s;
-o-transition: opacity ease-in-out 0.3s;
transition: opacity ease-in-out 0.3s;
}
#site-nav li:hover > a {
border-bottom: 2px solid #3232dc;
color: #3232dc;
}
#site-nav li li:hover > a {
color: #3232dc;
border-bottom: 2px solid transparent;
}
#site-nav ul ul ul li a {
margin-left: 0;
} .single-post .nav-wrap {
padding: 0;
}
#nav-single .nav-previous,
#nav-single .nav-next {
padding: 0;
}
#nav-single .nav-previous a,
#nav-single .nav-next a {
width: 40px;
height: 40px;
display: block;
position: fixed;
top: 48%;
border-bottom: none;
color: #000;
z-index: 1000000;
}
#nav-single .nav-previous a {
left: 20px;
}
#nav-single .nav-next a {
right: 20px;
}
#nav-single .nav-previous a:before,
#nav-single .nav-next a:before {
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: Arial, sans-serif;
font-size: 22px;
font-size: 1.375rem;
line-height: 0;
padding: 0;
position: absolute;
top: 46%;
}
#nav-single .nav-next a:before {
content: '\2192';
right: 10px;
}
#nav-single .nav-previous a:before {
content: '\2190';
left: 10px;
}
#nav-single .nav-previous a span,
#nav-single .nav-next a span {
display: none;
}
#nav-single .nav-previous a:hover,
#nav-single .nav-next a:hover {
color: #3232dc;
} .jetpack-portfolio-shortcode .jetpack-portfolio {
display: block;
width: auto;
margin: 50px;
}
.project-wrap {
position: relative;
display: block;
}
.title-wrap {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
margin: auto;
}
.jetpack-portfolio-shortcode .entry-header,
.jetpack-portfolio-shortcode h2.portfolio-entry-title {
display: table;
height: 100%;
}
.jetpack-portfolio-shortcode .entry-header h2 {
display: table-cell;
vertical-align: middle;
}
.jetpack-portfolio-shortcode .entry-thumbnail,
.jetpack-portfolio-shortcode a.portfolio-featured-image {
display: block;
padding: 0;
line-height: 0;
z-index: 100;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.jetpack-portfolio-shortcode .entry-thumbnail:hover,
.jetpack-portfolio-shortcode a.portfolio-featured-image:hover {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
} .single-post .nav-wrap {
margin-top: 0;
padding: 0;
} #colophon {
margin: 0 50px 25px;
padding: 140px 0 0;
text-align: center;
}
#colophon #site-info {
text-align: right;
padding-bottom: 28px;
} .search-footer {
position: fixed;
right: 50px;
bottom: 25px;
z-index: 10000;
}
#colophon #searchform input.search-field {
position: fixed;
right: 50px;
bottom: 25px;
width: 70px;
margin-top: 0;
padding: 0;
background: none;
border-bottom: 2px solid transparent;
-webkit-transition: all ease-in-out 0.25s;
-moz-transition: all ease-in-out 0.25s;
-o-transition: all ease-in-out 0.25s;
transition: all ease-in-out 0.25s;
}
#colophon #searchform input.search-field:active,
#colophon #searchform input.search-field:focus {
width: 230px;
display: block;
border-bottom: 2px solid #000;
}
} @media screen and (min-width: 1260px) { .entry-thumbnail {
max-width: 1280px;
margin: 0 auto;
}
.template-portfolio #primary {
padding-left: 0;
padding-right: 0;
}
#masthead {
padding: 0;
}
.entry-thumbnail {
padding-left: 0;
padding-right: 0;
}
.entry-content .wide-content {
margin-left: -350px;
margin-right: -350px;
} .jetpack-portfolio-shortcode {
max-width: 1380px;
} #nav-single .nav-previous a {
left: 30px;
}
#nav-single .nav-next a {
right: 30px;
}
} @media screen and (min-width: 1450px) { #site-title {
position: fixed;
display: block;
top: 50px;
z-index: 1000;
width: 30.2%;
margin: 28px 34.9% 26px;
} .jetpack-portfolio-shortcode {
max-width: 3000px;
}
.jetpack-portfolio-shortcode .jetpack-portfolio {
margin: 70px;
}
}