.panel-grid {
zoom: 1;
}
.panel-grid:before {
content: '';
display: block;
}
.panel-grid:after {
content: '';
display: table;
clear: both;
}
.panel-grid .so-parallax {
position: relative;
}
.panel-grid .so-parallax > div:not(.simpleParallax) {
position: relative;
z-index: 1;
}
.panel-grid .so-parallax .simpleParallax {
overflow: hidden;
}
.panel-grid .so-parallax .simpleParallax,
.panel-grid .so-parallax img[data-siteorigin-parallax] {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.panel-grid-cell {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 1em;
float: left;
}
.panel-grid-cell .so-panel {
zoom: 1;
}
.panel-grid-cell .so-panel:before {
content: '';
display: block;
}
.panel-grid-cell .so-panel:after {
content: '';
display: table;
clear: both;
}
.panel-grid-cell .panel-last-child {
margin-bottom: 0;
}
.panel-grid-cell .widget-title {
margin-top: 0;
}
.panel-row-style {
zoom: 1;
}
.panel-row-style:before {
content: '';
display: block;
}
.panel-row-style:after {
content: '';
display: table;
clear: both;
}.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container h5.sow-headline {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400;
text-align: center;
color: #99a6af;
line-height: 1.4em;
}
@media (max-width: 780px) {
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container h5.sow-headline {
text-align: center;
}
}
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container h5.sow-headline a {
color: #99a6af;
}
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container h5.sow-sub-headline {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400;
text-align: center;
color: #99a6af;
line-height: 1.4em;
}
@media (max-width: 780px) {
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container h5.sow-sub-headline {
text-align: center;
}
}
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container h5.sow-sub-headline a {
color: #99a6af;
}
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container .decoration {
line-height: 0em;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
@media (max-width: 780px) {
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container .decoration {
text-align: center;
}
}
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container .decoration .decoration-inside {
height: 1px;
display: inline-block;
border-top: 1px none #7a858c;
width: 100%;
max-width: 667px;
}
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container *:first-child {
margin-top: 0 !important;
}
.so-widget-sow-headline-default-e5476d755b64 .sow-headline-container *:last-child {
margin-bottom: 0 !important;
}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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background: #f4f4f4;
position: relative;
}
*, *:before, *:after {
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
display: block;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
a img {
border: 0;
}         body, button, input, select, textarea {
color: #55626D;
font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
color: #383F49;
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
line-height: 1.2;
margin-bottom: 3%;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
p, .embed-vimeo {
margin-bottom: 1.4em;
}
@media (max-width: 500px) {
p, .embed-vimeo {
margin-bottom: 1.2em;
}
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
color: #383F49;
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 1.6;
margin: 1em 0 0 0;
padding-top: 20px;
position: relative;
}
@media (max-width: 500px) {
blockquote {
font-size: 22px;
line-height: 1.4;
}
}
blockquote:before {
content: " ";
width: 40px;
height: 4px;
background: #383F49;
position: absolute;
left: 0;
top: 0;
}
blockquote p {
margin-bottom: 1em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #F5F5F5;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup, sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
.highlight {
background: #fff198;
}
.sticky {
display: block;
position: relative;
}
.sticky:before {
color: #3EB6E4;
content: "\f08d";
font-family: "FontAwesome";
position: absolute;
right: 25px;
top: 15px;
}
@media (max-width: 500px) {
.sticky:before {
right: 15px;
top: 10px;
}
}
.edit-link {
display: inline-block;
margin-bottom: 1.4em;
}
.edit-link a {
background: #3EB6E4;
border-radius: 2px;
color: #fff;
font-size: 12px;
text-transform: uppercase;
padding: 5px 8px;
}
.edit-link a:hover {
background: #383F49;
color: #fff;
}
#page .more-link {
border: none;
font-weight: 700;
color: #383F49;
display: inline-block;
}
#page .more-link:hover {
color: #6F7F8D;
} hr {
background-color: transparent;
border: 0;
border-bottom: dotted 2px #e4e4e4;
height: 2px;
margin: 5% 0;
}
ul, ol {
margin: 0 0 5% 25px;
}
ul {
list-style: square;
}
ol {
list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
margin: .6em 0 0 1.5em;
}
.sub-menu {
display: none;
}
.entry-content li {
margin-bottom: 2%;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 0;
} table {
font-size: 18px;
margin-bottom: 5%;
padding: 0;
width: 100%;
}
table thead {
background: #f7f7f7;
}
table thead th {
font-weight: bold;
}
table td, #content table th {
padding: 10px;
}
table td {
border-bottom: solid 1px #f7f7f7;
}
table tr:last-child td {
border-bottom: none;
}
table tr:nth-child(even) {
background: #f7f7f7;
} button, input:not(input[type="radio"]), textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
-webkit-appearance: none;
box-sizing: border-box;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, #main #infinite-handle span {
background: #424A55;
border: none;
border-radius: 3px;
color: #fff;
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
padding: 10px 20px;
}
@media (max-width: 800px) {
button, input[type="button"], input[type="reset"], input[type="submit"], .button, #main #infinite-handle span {
font-size: 15px;
padding: 8px 16px;
}
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, #main #infinite-handle span:hover {
background: #3EB6E4;
color: #fff;
cursor: pointer;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active, #main #infinite-handle span:active {
border-color: #aaa #bbb #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"], input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
select {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
width: 100%;
-webkit-appearance: normal;
box-sizing: border-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
color: #55626D;
border: 2px solid #E0E8EE;
border-radius: 2px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
border: 2px solid #3EB6E4;
color: #383F49;
outline: none;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
padding: 8px 10px;
}
@media (max-width: 800px) {
input[name="post_password"] {
display: inline-block;
margin-bottom: 10px;
width: 100%;
}
}
textarea {
overflow: auto; padding: 10px;
vertical-align: top; width: 100%;
}
::-webkit-input-placeholder { color: #8E96A3;
}
:-moz-placeholder { color: #8E96A3;
}
::-moz-placeholder { color: #8E96A3;
}
:-ms-input-placeholder { color: #8E96A3;
}
#main .contact-form {
display: inline-block;
margin: 4% 0;
width: 100%;
}
#main .contact-form label {
font-size: 16px;
letter-spacing: 1px;
margin-bottom: 10px;
text-transform: uppercase;
}
@media (max-width: 500px) {
#main .contact-form label {
font-size: 14px;
}
}
#main .contact-form input[type='text'], #main .contact-form input[type='email'] {
margin-bottom: 4%;
width: 100%;
}
#main .contact-form textarea {
margin-bottom: 4%;
width: 98%;
}
#main .contact-form .contact-submit {
margin-bottom: 0;
}  a {
color: #3EB6E4;
text-decoration: none;
}
a:hover, a:focus, a:active {
color: #55626D;
} .main-navigation {
font-size: 20px;
}
.main-navigation > li:hover a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
color: #fff;
}
.main-navigation ul {
margin: 0;
}
.main-navigation ul li {
font-weight: normal;
border-top: dotted 1px #48525E;
margin: 0;
padding: 0;
}
.main-navigation ul li a {
display: inline-block;
padding: 10px 0;
}
.main-navigation .sub-menu {
margin: 0;
padding-top: 10px;
display: none;
}
.main-navigation .sub-menu li {
padding-left: 25px;
}
.menu-item-has-children {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.menu-item-has-children:after {
content: "\f107";
font-family: "FontAwesome";
position: absolute;
right: 0;
top: 10px;
}
.active-sub-menu:after {
content: "\f106";
}
.menu-item-has-children:hover {
cursor: pointer;
}
.menu-item-has-children:hover:after, .active-menu {
color: #fff;
} .widget:not(.main-navigation) .menu li a:before {
margin-right: 15px;
font-family: 'FontAwesome';
color: #8A96A0;
}
.widget:not(.main-navigation) .menu li a[href*="twitter.com"]:before {
content: "\f099";
}
.widget:not(.main-navigation) .menu li a[href*="twitter.com"]:hover:before {
color: #53B9FD;
}
.widget:not(.main-navigation) .menu li a[href*="medium.com"]:before {
content: "\f23a";
}
.widget:not(.main-navigation) .menu li a[href*="medium.com"]:hover:before {
color: #fff;
}
.widget:not(.main-navigation) .menu li a[href*="facebook.com"]:before {
content: "\f082";
}
.widget:not(.main-navigation) .menu li a[href*="facebook.com"]:hover:before {
color: #78A4DD;
}
.widget:not(.main-navigation) .menu li a[href*="google.com"]:before {
content: "\f0d5";
}
.widget:not(.main-navigation) .menu li a[href*="google.com"]:hover:before {
color: #FC5B5B;
}
.widget:not(.main-navigation) .menu li a[href*="instagram.com"]:before {
content: "\f16d";
}
.widget:not(.main-navigation) .menu li a[href*="instagram.com"]:hover:before {
color: #78A6C5;
}
.widget:not(.main-navigation) .menu li a[href*="youtube.com"]:before {
content: "\f16a";
}
.widget:not(.main-navigation) .menu li a[href*="youtube.com"]:hover:before {
color: #FA4646;
}
.widget:not(.main-navigation) .menu li a[href*="vimeo.com"]:before {
content: "\f194";
}
.widget:not(.main-navigation) .menu li a[href*="vimeo.com"]:hover:before {
color: #1ab7ea;
}
.widget:not(.main-navigation) .menu li a[href*="dribbble.com"]:before {
content: "\f17d";
}
.widget:not(.main-navigation) .menu li a[href*="dribbble.com"]:hover:before {
color: #FA8BBC;
}
.widget:not(.main-navigation) .menu li a[href*="github.com"]:before {
content: "\f092";
}
.widget:not(.main-navigation) .menu li a[href*="github.com"]:hover:before {
color: #fff;
}
.widget:not(.main-navigation) .menu li a[href*="flickr.com"]:before {
content: "\f16e";
}
.widget:not(.main-navigation) .menu li a[href*="flickr.com"]:hover:before {
color: #fc4ca4;
}
.widget:not(.main-navigation) .menu li a[href*="codepen.com"]:before {
content: "\f1cb";
}
.widget:not(.main-navigation) .menu li a[href*="codepen.com"]:hover:before {
color: #fff;
}
.widget:not(.main-navigation) .menu li a[href*="behance.com"]:before {
content: "\f1b4";
}
.widget:not(.main-navigation) .menu li a[href*="behance.com"]:hover:before {
color: #4F8FD6;
}
.widget:not(.main-navigation) .menu li a[href*="dropbox.com"]:before {
content: "\f16b";
}
.widget:not(.main-navigation) .menu li a[href*="dropbox.com"]:hover:before {
color: #349BE9;
}
.widget:not(.main-navigation) .menu li a[href*="pinterest.com"]:before {
content: "\f0d2";
}
.widget:not(.main-navigation) .menu li a[href*="pinterest.com"]:hover:before {
color: #F35359;
}
.widget:not(.main-navigation) .menu li a[href*="reddit.com"]:before {
content: "\f1a1";
}
.widget:not(.main-navigation) .menu li a[href*="reddit.com"]:hover:before {
color: #fff;
}
.widget:not(.main-navigation) .menu li a[href*="soundcloud.com"]:before {
content: "\f1be";
}
.widget:not(.main-navigation) .menu li a[href*="soundcloud.com"]:hover:before {
color: #FF7500;
}
.widget:not(.main-navigation) .menu li a[href*="spotify.com"]:before {
content: "\f1bc";
}
.widget:not(.main-navigation) .menu li a[href*="spotify.com"]:hover:before {
color: #A5CE3F;
}
.widget:not(.main-navigation) .menu li a[href*="wordpress.com"]:before {
content: "\f19a";
}
.widget:not(.main-navigation) .menu li a[href*="wordpress.com"]:hover:before {
color: #24A5DD;
}
.widget:not(.main-navigation) .menu li a[href*="mailto"]:before {
content: "\f0e0";
}
.widget:not(.main-navigation) .menu li a[href*="mailto"]:hover:before {
color: #fff;
}
.widget:not(.main-navigation) .menu li a[href*="linkedin.com"]:before {
content: "\f08c";
}
.widget:not(.main-navigation) .menu li a[href*="linkedin.com"]:hover:before {
color: #24A5DD;
}
.widget:not(.main-navigation) .menu li a[href*="stackoverflow.com"]:before {
content: "\f16c";
}
.widget:not(.main-navigation) .menu li a[href*="stackoverflow.com"]:hover:before {
color: #FF7500;
}
.widget:not(.main-navigation) .menu li a[href*="rss"]:before, .widget:not(.main-navigation) .menu li a[href*="feed"]:before {
content: "\f143";
}
.widget:not(.main-navigation) .menu li a[href*="rss"]:hover:before, .widget:not(.main-navigation) .menu li a[href*="feed"]:hover:before {
color: #FF7500;
} .post-navigation {
border-top: dotted 2px #CAD1D8;
padding-top: 6%;
padding-bottom: 7%;
overflow: hidden;
position: relative;
}
@media (max-width: 800px) {
.post-navigation {
margin-bottom: 4%;
padding-top: 5%;
}
}
.post-navigation a {
color: #383F49;
}
.post-navigation a:hover {
color: #5A626F;
}
.post-navigation .nav-next, .post-navigation .nav-previous {
display: inline-block;
float: left;
width: 50%;
vertical-align: top;
color: #383F49;
font-size: 24px;
font-weight: bold;
line-height: 1.2;
padding: 0 0 0 0;
}
@media (max-width: 800px) {
.post-navigation .nav-next, .post-navigation .nav-previous {
width: 100%;
border-top: none;
font-size: 20px;
margin-bottom: 0 !important;
}
.post-navigation .nav-next i, .post-navigation .nav-previous i {
display: none;
}
}
@media (max-width: 500px) {
.post-navigation .nav-next, .post-navigation .nav-previous {
font-size: 18px;
}
}
.post-navigation .meta-nav {
clear: both;
float: left;
margin-bottom: 10px;
width: 100%;
color: #8E969E;
font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
}
@media (max-width: 800px) {
.post-navigation .nav-links div:last-child {
padding-bottom: 0;
}
}
.post-navigation .nav-next {
float: right;
padding-left: 5%;
text-align: right;
}
@media (max-width: 800px) {
.post-navigation .nav-next {
border-top: dotted 2px #CAD1D8;
display: inline-block;
float: none;
padding-left: 0;
padding-top: 5%;
text-align: left;
}
}
.post-navigation .nav-next i {
margin-left: 5px;
}
.post-navigation .nav-previous {
padding-right: 5%;
}
@media (max-width: 800px) {
.post-navigation .nav-previous {
margin-bottom: 5%;
padding-bottom: 5%;
padding-right: 0;
border-right: none;
}
}
.post-navigation .nav-previous i {
margin-right: 5px;
}
.no-desc .post {
margin-bottom: 2%;
}
.no-desc .post-navigation {
border-top: none;
padding-bottom: 6%;
}
@media (max-width: 800px) {
.no-desc .post-navigation {
padding-bottom: 4%;
}
} .paging-navigation {
display: inline-block;
width: 100%;
}
.paging-navigation a {
display: block;
}
.paging-navigation .nav-previous {
float: left;
}
.paging-navigation .nav-previous a:before {
margin-right: 8px;
content: "\f190";
font-family: "FontAwesome";
font-weight: normal;
}
.paging-navigation .nav-next {
float: right;
}
.paging-navigation .nav-next a:after {
margin-left: 8px;
content: "\f18e";
font-family: "FontAwesome";
font-weight: normal;
}
@media (max-width: 500px) {
.paging-navigation .nav-previous, .paging-navigation .nav-next {
display: inline-block;
float: left;
margin-bottom: 10px;
text-align: center;
width: 100%;
}
.paging-navigation .nav-previous:last-child, .paging-navigation .nav-next:last-child {
margin-bottom: 0;
}
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
margin: 0;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #page .alignleft {
display: inline;
float: left;
margin: .5em 2em 1.5em 0;
}
#page .alignright {
display: inline;
float: right;
margin: .5em 0 1.5em 2em;
}
#page .aligncenter {
clear: both;
display: block;
margin: .5em auto 1.5em auto;
}
.alignnone, a img.alignnone {
margin: .5em 2em 1.5em 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: .5em auto 1.5em auto;
}
.alignright, a img.alignright {
float: right;
margin: .5em 0 1.5em 2em;
}
.alignleft, a img.alignleft {
float: left;
margin: .5em 2em 1.5em 0;
}
.aligncenter, a img.aligncenter {
display: block;
margin: .5em auto 1.5em auto;
}
.wp-caption {
margin: .5em 0 1.5em 0;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
max-width: 100%;
}
.wp-caption-text, .gallery-caption {
padding: 10px 0 0 0;
width: 100%;
color: #8E969E;
font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
}
.wp-caption.alignnone {
margin: .5em 2em 1.5em 0;
}
.wp-caption.alignleft {
margin: .5em 2em 1.5em 0;
}
.wp-caption.alignright {
margin: .5em 0 1.5em 2em;
}
.pull-right {
float: right;
margin: 1% 0 3% 5%;
text-align: right;
}
.pull-left {
float: left;
margin: 0 5% 3% 0;
text-align: left;
}
.pull-right, .pull-left {
color: #383F49;
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
line-height: 1.4;
width: 34%;
}
@media (max-width: 800px) {
.pull-right, .pull-left {
width: 100%;
margin: 0 0 5% 0;
}
} .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
content: '';
display: table;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
clear: both;
} .widget-area {
color: #A0A6AF;
font-size: 16px;
width: 100%;
height: 100%;
vertical-align: top;
position: relative;
-webkit-overflow-scrolling: touch;
}
@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
.widget-area {
-webkit-backface-visibility: hidden;
}
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
.widget-area {
-webkit-backface-visibility: hidden;
}
}
.widget-area .site-title-wrap {
display: inline-block;
text-align: center;
width: 100%;
}
.widget-area .site-title {
color: #fff;
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
}
.widget-area .site-title a {
color: #fff;
}
.widget-area .site-description {
color: #A0A6AF;
font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 0;
}
.widget-area .site-avatar {
display: inline-block;
text-align: center;
width: 100%;
vertical-align: top;
}
.widget-area .site-avatar img {
border-radius: 500px;
margin-bottom: 15px;
width: 85px;
transition: all .2s ease-in-out;
}
.widget-area .site-avatar img:hover {
transform: scale(1.1);
}
.widget-area .widget {
background: #383F49;
width: 100%;
padding: 10%;
display: inline-block;
border-bottom: solid 2px #444D58;
position: relative;
z-index: 50;
}
.widget-area .widget:last-child {
border-bottom: none;
margin-bottom: 0;
}
.widget-area .widget > ul, .widget-area .widget li:last-child, .widget-area .widget .menu {
margin: 0;
}
.widget-area .widget-title, .widget-area .widgettitle {
color: #fff;
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: normal;
margin-bottom: 20px;
}
.widget-area li {
list-style-type: none;
margin-bottom: 2.5%;
padding-bottom: 2.5%;
padding-left: 0;
position: relative;
}
.widget-area a {
color: #A0A6AF;
}
.widget-area a:hover {
color: #fff;
}
.widget-area .widget select {
max-width: 100%;
}
.widget-area .widget_search .search-field {
width: 100%;
border: none;
border-bottom: none;
border-radius: 2px;
box-sizing: border-box;
-webkit-appearance: none;
}
.widget-area .widget_search .search-field:focus {
outline: none;
color: #383F49;
}
.widget-area .widget_search .search-submit {
display: none;
}
.widget-area .widget_text a {
border-bottom: dotted 1px #8999AC;
}
.menu-profile {
display: inline-block;
height: 100%;
padding: 5%;
width: 64%;
vertical-align: top;
}
#calendar_wrap {
background: #fff;
border-right: none;
border-bottom: none;
color: #383F49;
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px -1px;
}
#wp-calendar {
font-size: 16px;
margin: 0;
max-width: 100%;
}
#wp-calendar caption {
text-align: center;
background: #EBEBEB;
padding: 5px 10px;
font-weight: bold;
}
#wp-calendar tr th, #wp-calendar tr td {
text-align: center;
}
#wp-calendar tr th {
background: #383F49;
color: #fff;
margin: -10px -10px 10px -10px;
font-size: 11px;
font-weight: bold;
padding: 10px 0;
}
#wp-calendar tbody tr td {
padding: 2px 0;
border-right: solid 1px #f3f3f3;
border-top: solid 1px #f3f3f3;
}
#wp-calendar tfoot td {
border-top: solid 1px #f3f3f3;
border-right: solid 1px #eee;
padding: 7px 0 5px 0;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
#wp-calendar a {
color: #383F49;
}
#wp-calendar a:hover {
color: #999;
}
.widget_rss li {
border-bottom: solid 1px #57616D;
margin-bottom: 15px;
padding-bottom: 15px;
}
.widget_rss li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.widget_rss li .rsswidget {
font-weight: bold;
color: #fff;
display: inline-block;
width: 100%;
}
.widget_rss .rss-date, .widget_rss cite {
font-size: 14px;
text-transform: uppercase;
display: inline-block;
margin: 10px 0;
}  .updated {
display: none;
}
.single .byline, .group-blog .byline {
display: inline;
}
.page-content, .entry-content, .entry-summary {
margin: 0;
}
.page-links {
clear: both;
font-weight: bold;
margin: 0 0 1.5em;
padding-top: 2%;
} .comment-navigation {
background: #f6f6f6;
font-size: 16px;
margin: -5% 0 5% 0;
padding: 2%;
}
.comment-navigation a {
color: #6F7F8D;
}
.comment-navigation a:hover {
color: #383F49;
}
.comments-area {
background: #fff;
display: block;
margin: 0 auto;
padding: 8%;
overflow: hidden;
width: 100%;
}
.page .comments-area {
margin-top: 5%;
}
.comments-title {
display: inline-block;
font-size: 30px;
font-weight: 700;
margin-bottom: 10%;
padding-bottom: 5px;
border-bottom: 3px solid #E1E1E1;
}
@media (max-width: 800px) {
.comments-title {
font-size: 28px;
}
}
.comments-title i {
color: #CAD1D8;
margin-right: 5px;
}
@media (max-width: 800px) {
.comment-content {
font-size: 18px;
}
}
#commentform {
margin-top: 5%;
}
.comment-info {
display: inline-block;
margin-bottom: 3%;
}
.bypostauthor .comment-list .avatar:after {
color: #3EB6E4;
content: "\f007";
font-family: "FontAwesome";
font-size: 16px;
margin-left: 1rem;
position: relative;
top: 0;
}
.comment-list, .comment-list li {
margin: 0;
counter-reset: li;
font-size: 18px;
list-style-type: none;
}
.comment-list > li {
margin-bottom: 6%;
padding-bottom: 6%;
border-bottom: solid 2px #eee;
}
.comment-list li:nth-child(odd) {
background: #fff;
}
.comment-list .children {
margin: 5% 0 0 10%;
}
.comment-list .children li {
margin-bottom: 6%;
padding-bottom: 6%;
border-bottom: dotted 2px #DBDBDB;
}
.comment-list .children li:first-child {
border-top: dotted 2px #DBDBDB;
padding-top: 6%;
}
.comment-list .children li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.comment-list .reply {
margin-bottom: 0;
}
.comment-list .reply a {
color: #8E969E;
}
.comment-list .reply a:hover {
color: #383F49;
}
.comment-list .avatar {
display: inline-block;
margin-right: 5%;
border-radius: 100px;
vertical-align: top;
width: 8%;
}
@media (max-width: 800px) {
.comment-list .avatar {
margin-top: 2%;
}
}
@media (max-width: 500px) {
.comment-list .avatar {
margin-top: 4%;
}
}
.comment-wrap {
display: inline-block;
width: 82%;
vertical-align: top;
}
.comment-cite {
font-style: normal;
display: inline-block;
width: 100%;
font-size: 24px;
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 500px) {
.comment-cite {
font-size: 20px;
}
}
.comment-cite a {
color: #383F49;
}
.comment-time, .comment-edit-link {
color: #8E969E;
font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
}
.comment-reply-title {
display: inline-block;
font-size: 30px;
font-weight: 700;
margin-bottom: 4%;
}
@media (max-width: 800px) {
.comment-reply-title {
font-size: 34px;
}
}
@media (max-width: 500px) {
.comment-reply-title {
font-size: 28px;
}
}
.comment-reply-title small a {
border: none;
border-radius: 2px;
color: #8E969E;
font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: right;
margin-left: 8px;
}
.comment-reply-title small a:hover {
color: #EB5252;
}
@media (max-width: 500px) {
.comment-reply-title small a {
display: inline-block;
margin-left: 0;
}
}
.logged-in-as, .comment-notes {
margin-bottom: 2%;
display: none;
color: #8E969E;
font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
}
.comment-notes {
display: none;
}
.required {
color: #F35959;
}
.logged-in-as a {
color: #383F49;
}
.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment {
display: inline-block;
width: 100%;
}
@media (max-width: 800px) {
.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment {
width: 100%;
margin-right: 0;
}
}
.comment-list #respond {
border-top: solid 2px #eee;
display: inline-block;
margin-top: 4%;
padding-top: 4%;
width: 100%;
}
@media (max-width: 800px) {
.comment-form-url {
margin-bottom: 1em;
}
}
.comment-form label {
color: #383F49;
display: inline-block;
font-size: 18px;
font-weight: bold;
float: left;
letter-spacing: 1px;
margin-bottom: 10px;
}
@media (max-width: 800px) {
.comment-form label {
float: none;
width: 100%;
}
}
@media (max-width: 500px) {
.comment-form label {
font-size: 16px;
}
}
.comment-form input, .comment-form textarea {
width: 82%;
font-size: 18px;
float: right;
}
@media (max-width: 800px) {
.comment-form input, .comment-form textarea {
float: none;
width: 100%;
}
}
.form-submit {
display: inline-block;
margin: 0;
width: 100%;
}
.comment-form #submit {
margin-top: 1.4em;
width: auto;
}
@media (max-width: 500px) {
.comment-form #submit {
margin: 0;
width: 100%;
}
}
.form-allowed-tags {
display: none;
}
.comment-subscription-form {
display: inline-block;
width: 100%;
margin-bottom: 0;
line-height: 1;
}
.comment-subscription-form label {
font-weight: normal;
font-size: 14px;
}
@media (max-width: 500px) {
.comment-subscription-form label {
font-size: 13px;
}
}
.comment-subscription-form .subscribe-label {
float: right;
margin: 0;
}
@media (max-width: 500px) {
.comment-subscription-form .subscribe-label {
float: none;
}
}
p.comment-subscription-form:first-of-type {
margin-top: 15px;
} .infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
body.infinite-scroll:not(.home):not(.single) #main .portfolio-wrapper {
padding-bottom: 85px;
position: relative;
}
@media (max-width: 500px) {
body.infinite-scroll:not(.home):not(.single) #main .portfolio-wrapper {
padding-bottom: 60px;
}
body.infinite-scroll:not(.home):not(.single) #main .portfolio-wrapper #infinite-handle {
margin-left: 0;
text-align: center;
width: 100%;
}
}
#main .portfolio-wrapper #infinite-handle {
margin-left: 4%;
position: absolute;
bottom: 0;
}
#main .portfolio-wrapper .infinite-loader {
position: absolute;
bottom: 22px;
left: 38px;
}
.home .portfolio-wrapper {
margin-top: 2%;
}
.infinity-end.neverending .site-footer {
display: block;
}
#main #infinite-handle {
margin-bottom: 2%;
}
#main #infinite-handle i {
font-size: 15px;
padding-right: 6px;
}
.archive #main #infinite-handle {
margin-top: 4%;
} .page-template-homepage-php .tiled-gallery {
margin: 5% 0 0 0;
} .portfolio-content .post {
background: none;
font-size: 22px;
margin-bottom: 4%;
padding: 0;
}
@media (max-width: 800px) {
.portfolio-content .post {
max-width: 100%;
}
}
.portfolio-wrapper {
margin: 0 0 0 -4%;
}
@media (max-width: 500px) {
.portfolio-wrapper {
margin: 0;
}
} .portfolio-column.post {
display: inline-block;
margin: 0 0 4% 4%;
padding: 2%;
position: relative;
width: 45.6%;
vertical-align: top;
}
@media (max-width: 500px) {
.portfolio-column.post {
margin: 0 0 1.4em 0;
padding: 4%;
width: 100%;
}
}
.portfolio-column.post .featured-image {
background: transparent;
margin-bottom: 0;
transition: .1s ease-in-out;
}
.portfolio-column.post .featured-image:hover {
background: #3EB6E4;
}
@media (max-width: 800px) {
.portfolio-column.post .featured-image:hover {
background: transparent !important;
}
}
.portfolio-column.post .featured-image img {
opacity: 1;
transition: opacity .1s ease-in-out;
}
.portfolio-column.post .featured-image:hover img {
cursor: crosshair;
opacity: .3;
}
@media (max-width: 500px) {
.portfolio-column.post .featured-image:hover img {
opacity: 1;
}
}
.portfolio-column.post .entry-header {
background: #fff;
padding: 4% 0 0 0;
text-align: center;
width: 100%;
}
.portfolio-column.post .entry-title {
font-size: 20px;
line-height: 1.2;
font-weight: bold;
letter-spacing: 0;
margin: 0;
}
.portfolio-column.post .entry-title a:hover {
border-bottom-width: 1px;
}
.portfolio-column.post .entry-content {
width: 100%;
}
.portfolio-column.post .portfolio-entry-meta {
font-size: 14px;
}
.portfolio-column.post .portfolio-entry-meta a {
color: #99ACBB;
}
.portfolio-column.post .portfolio-entry-meta a:hover {
color: #383F49;
}
.portfolio-column.post .tiled-gallery {
margin-bottom: 4%;
}
.tile .post {
display: block;
} .single-jetpack-portfolio .entry-content {
max-width: 100%;
font-size: 22px;
}
@media (max-width: 500px) {
.single-jetpack-portfolio .entry-content {
font-size: 18px;
}
}
.single-jetpack-portfolio .entry-meta {
margin-top: 2%;
}
.single-jetpack-portfolio .portfolio-post {
background: transparent;
margin-bottom: 6%;
padding: 0;
}
.single-jetpack-portfolio .meta-list {
border-bottom: dotted 2px #CAD1D8;
padding: 4% 0;
}
.single-jetpack-portfolio .tiled-gallery {
margin-bottom: 4%;
}
.single-jetpack-portfolio .wp-caption-text, .single-jetpack-portfolio .gallery-caption {
background: #fff;
display: inline-block;
margin: 0;
padding: 10px;
width: 100%;
color: #8E969E;
font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
}
.single-jetpack-portfolio .wp-caption {
border: solid 10px #fff;
border-bottom: none;
}
.page-template-portfolio-page-php .paging-navigation, .post-type-archive-jetpack-portfolio .paging-navigation {
margin-top: 4%;
}
@media (max-width: 500px) {
.page-template-portfolio-page-php .paging-navigation, .post-type-archive-jetpack-portfolio .paging-navigation {
margin-top: 0;
}
} .designer-portfolio li {
padding-left: 28px;
position: relative;
}
.designer-portfolio li img {
transition: all .2s ease-in-out;
}
@media (max-width: 800px) {
.designer-portfolio li img {
transition: none !important;
}
}
.designer-portfolio li:hover img {
transform: scale(1.3);
}
@media (max-width: 800px) {
.designer-portfolio li:hover img {
transform: none;
}
}
.designer-portfolio .portfolio-widget-thumb {
position: absolute;
left: 0;
top: 5px;
border-radius: 50px;
height: 15px;
width: 15px;
}
.designer-portfolio .portfolio-widget-thumb img {
border-radius: 50px;
vertical-align: top;
transition: .07s ease-in-out;
}
.designer-portfolio .view-all {
padding-left: 0;
}
.designer-portfolio .view-all a:after {
margin-left: 8px;
content: "\f105";
font-family: "FontAwesome";
}
.portfolio-nav {
display: inline-block;
margin-bottom: 7%;
width: 100%;
}
@media (max-width: 500px) {
.portfolio-nav {
margin-bottom: 20px;
text-align: center;
}
}
.portfolio-nav .portfolio-links {
display: inline-block;
}
@media (max-width: 500px) {
.portfolio-nav .portfolio-links {
width: 100%;
}
}
.portfolio-nav .portfolio-links .button:first-child i {
font-size: 14px;
margin-right: 5px;
}
.portfolio-nav .portfolio-links .button:nth-of-type(2) i {
font-size: 14px;
margin-left: 7px;
}
.portfolio-nav a {
vertical-align: top;
display: inline-block;
}
@media (max-width: 500px) {
.portfolio-nav a {
width: 100%;
margin-bottom: 8px;
}
}
.portfolio-nav a[rel="prev"]:before {
content: '\f053';
font-family: "FontAwesome";
margin-right: 10px;
font-size: 15px;
}
@media (max-width: 500px) {
.portfolio-nav a[rel="prev"]:before {
font-size: 14px;
}
}
.portfolio-nav a[rel="next"]:after {
content: '\f054';
font-family: "FontAwesome";
margin-left: 10px;
font-size: 15px;
}
@media (max-width: 500px) {
.portfolio-nav a[rel="next"]:after {
font-size: 14px;
}
}
.portfolio-nav .all-projects {
float: right;
margin-right: 8px;
}
@media (max-width: 500px) {
.portfolio-nav .all-projects {
margin-right: 0;
}
}
.portfolio-nav .all-projects:before {
content: '\f00a';
font-family: "FontAwesome";
margin-right: 5px;
font-size: 16px;
}
@media (max-width: 500px) {
.portfolio-nav .all-projects:before {
font-size: 14px;
}
} #page .portfolio-entry {
padding: 2%;
background: #fff;
}
@media (max-width: 500px) {
#page .portfolio-entry {
width: 100%;
display: inline-block;
padding: 4%;
margin-bottom: 1.5em;
}
}
#page .portfolio-entry .portfolio-entry-title {
margin-top: .5em;
font-size: 28px;
}
@media (max-width: 500px) {
#page .portfolio-entry .portfolio-entry-title {
font-size: 24px;
}
}
#page .portfolio-entry .portfolio-entry-title a {
color: #383F49;
text-decoration: none;
}
#page .portfolio-entry .portfolio-entry-title a:hover {
color: #383F49;
border-bottom: dotted 2px #CAD1D8;
}
@media (max-width: 800px) {
#page .portfolio-entry .portfolio-entry-title a:hover {
border-bottom-width: 2px;
}
}
.portfolio-entry-content, .portfolio-entry-meta {
font-size: 18px;
}
@media (max-width: 500px) {
.portfolio-entry-content, .portfolio-entry-meta {
font-size: 16px;
}
}
.portfolio-entry-content p, .portfolio-entry-meta p {
margin-bottom: 1em;
} .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.gallery a img {
border: none;
height: auto;
width: 100%;
max-width: 100%;
}
.gallery dd, .gallery figcaption {
font-size: 15px;
text-align: left;
margin: 0 0 15px 0;
}
.gallery-item {
display: inline-block;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
embed, iframe, object {
max-width: 100%;
} .admin-bar,
.admin-bar .site-header {
padding-top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar,
.admin-bar .site-header {
padding-top: 46px;
}
}
.sidebar-toggle {
background: #fff;
padding: 0 0 20px 0;
position: fixed;
left: 0;
height: 100%;
width: 75px;
z-index: 5;
-webkit-tap-highlight-color: transparent; -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
@media (max-width: 800px) {
.sidebar-toggle {
padding: 5%;
position: relative;
height: auto;
width: 100%;
}
}
.sidebar-toggle:hover {
cursor: pointer;
}
.sidebar-toggle:hover .flyout-toggle {
color: #3EB6E4;
}
.sidebar-toggle .flyout-toggle {
color: #383F49;
display: inline-block;
text-align: center;
width: 100%;
height: 75px;
line-height: 75px;
margin-bottom: 30px;
transition: .2s ease-in-out;
}
@media (max-width: 800px) {
.sidebar-toggle .flyout-toggle {
display: inline-block;
height: auto;
float: right;
line-height: 1.6;
margin: 0 5px 0 0;
width: auto;
}
}
.sidebar-toggle .site-title {
color: #383F49;
text-align: right;
z-index: 300; transform: rotate(90deg);
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
text-transform: uppercase;
margin: 0;
white-space: nowrap;
}
@media (max-width: 800px) {
.sidebar-toggle .site-title {
display: inline;
text-align: left; transform: none;
white-space: normal;
max-height: 90%;
}
}
.sidebar-toggle .site-title a {
color: #383F49;
}
.sidebar-toggle.dark {
background-color: #2E353D;
}
.sidebar-toggle.dark .flyout-toggle {
color: #A0A6AF;
}
.sidebar-toggle.dark .site-title a {
color: #fff;
}
.widget-area .branding-widget {
background: #2E353D;
border-bottom: none;
padding: 14% 10%;
}
.widget-area .main-navigation {
background: #2E353D;
border-bottom: none;
padding: 0 10% 10% 10%;
}
.site-header {
background: #2E353D;
padding: 0; position: fixed;
left: -25%;
top: 0;
width: 25%;
z-index: 300; height: 100%;
overflow: scroll;
overflow-x: hidden;
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
transition: .1s ease;
}
.site-header.active { left: 0;
}
@media (max-width: 800px) {
.site-header.active {
left: 0;
width: 100%;
z-index: 300;
}
}
.admin-bar .site-header {
padding-top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .site-header {
padding-top: 46px;
}
}
.sidebar-open {
left: 0;
z-index: 400;
}
@media (max-width: 800px) {
.sidebar-open {
left: -25%;
}
}
.site-logo {
line-height: 1;
margin: 0 0 2% 0;
text-align: center;
}
.site-header .flyout-toggle {
color: #A0A6AF;
display: block;
height: 50px;
font-size: 20px;
line-height: 50px;
position: absolute;
right: 0;
text-align: center;
width: 50px;
z-index: 100; -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
transition: .07s ease-in-out;
}
.site-header .flyout-toggle:hover {
cursor: pointer;
color: #fff;
transition: .07s ease-in-out;
}
.sidebar-open .flyout-toggle {
display: none;
}
@media (max-width: 800px) {
.sidebar-open .flyout-toggle {
display: block;
}
} .featured-image {
margin-bottom: 1.4em;
display: block;
width: 100%;
}
@media (max-width: 500px) {
.featured-image {
margin-bottom: 1.2em;
}
}
.featured-image img {
display: block;
-webkit-transform: translate3d(0, 0, 0);
transition: .07s ease-in-out;
}
.featured-image:hover img {
opacity: .9;
}
@media (max-width: 500px) {
.featured-image:hover img {
opacity: 1;
}
}
.content-area {
max-width: 1100px;
margin: 0 auto;
padding: 6%;
}
@media (max-width: 800px) {
.content-area {
padding: 0;
}
}
.single.custom-background .content-area,
.page.custom-background .content-area {
background: #fff;
}
.sidebar-open .content-area {
padding-left: 27%;
max-width: 100%;
}
@media (max-width: 800px) {
.sidebar-open .content-area {
padding: 0;
}
}
.sidebar-open #main {
max-width: 1100px;
}
.site-content {
display: inline-block;
width: 100%;
padding-left: 75px;
}
@media (max-width: 800px) {
.site-content {
padding: 10% 5% 5% 5%;
}
.site-content.animated-faster {
-webkit-animation-fill-mode: none;
-moz-animation-fill-mode: none;
-ms-animation-fill-mode: none;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0;
-moz-animation-duration: 0;
-ms-animation-duration: 0;
-o-animation-duration: 0;
animation-duration: 0;
}
}
.entry-header {
position: relative;
}
.entry-title, .post-type-archive-jetpack-portfolio .page-title {
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 54px;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.1;
margin-bottom: 4%;
}
@media (max-width: 800px) {
.entry-title, .post-type-archive-jetpack-portfolio .page-title {
font-size: 36px;
margin-bottom: 20px;
}
}
@media (max-width: 500px) {
.entry-title, .post-type-archive-jetpack-portfolio .page-title {
font-size: 36px;
}
}
.entry-title a, .post-type-archive-jetpack-portfolio .page-title a {
color: #383F49;
text-decoration: none;
}
.entry-title a:hover, .post-type-archive-jetpack-portfolio .page-title a:hover {
color: #383F49;
border-bottom: dotted 2px #CAD1D8;
}
@media (max-width: 800px) {
.entry-title a:hover, .post-type-archive-jetpack-portfolio .page-title a:hover {
border-bottom-width: 2px;
}
}
.search-results .entry-title {
margin-bottom: 3%;
}
.page-title {
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 42px;
font-weight: 700;
line-height: 1.1;
margin-bottom: 8%;
}
@media (max-width: 800px) {
.page-title {
font-size: 36px;
}
}
@media (max-width: 500px) {
.page-title {
font-size: 30px;
margin-bottom: 8%;
}
}
.page-title a {
color: #383F49;
text-decoration: none;
}
.page-title a:hover {
color: #464E5A;
}
.has-description .page-title {
margin-bottom: 2%;
}
.has-description .taxonomy-description {
font-size: 22px;
margin-bottom: 8%;
}
@media (max-width: 800px) {
.has-description .taxonomy-description {
font-size: 18px;
}
}
.has-description .taxonomy-description p {
margin-bottom: 0;
}
.has-bio .page-title {
display: none;
}
.entry-meta {
display: inline-block;
width: 100%;
}
.meta-list {
border-top: dotted 2px #CAD1D8;
margin: 0 0;
list-style-type: none;
padding-top: 3%;
position: relative;
color: #8E969E;
font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-size: 14px;
}
@media (max-width: 800px) {
.meta-list {
padding: 7% 0 5% 0;
}
}
.meta-list li {
padding: 0 10px 0 0;
position: relative;
display: inline-block;
min-width: 18%;
max-width: 18%;
vertical-align: top;
}
@media (max-width: 800px) {
.meta-list li {
margin-bottom: 15px;
width: 100%;
max-width: 100%;
}
.meta-list li:last-child {
margin-bottom: 0;
}
}
.meta-list strong {
color: #383F49;
display: inline-block;
width: 100%;
}
.meta-list a {
color: #6F7F8D;
}
.meta-list a:hover {
color: #383F49;
}
#page .sd-title {
font-size: 13px;
font-weight: bold;
}
#page div.sharedaddy h3.sd-title:before {
display: none;
}
.sharedaddy {
margin-bottom: 30px;
}
.sharedaddy ul {
margin: 0 !important;
}
div#jp-relatedposts {
padding-top: 0;
}
div#jp-relatedposts h3.jp-relatedposts-headline {
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
color: #383F49;
font-weight: bold;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
color: #6F7F8D;
text-decoration: none;
}
div#jp-relatedposts .jp-relatedposts-post-context {
color: #6F7F8D;
}
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
opacity: 1;
color: #6F7F8D;
}
#jp-post-flair {
padding-top: 0;
}
div#jp-relatedposts h3.jp-relatedposts-headline em:before {
display: none;
}
.entry-content {
display: inline-block;
max-width: 100%;
width: 100%;
}
@media (max-width: 800px) {
.entry-content {
font-size: 18px;
width: 100%;
}
}
.home .entry-content {
max-width: 100%;
} .post {
background: #fff;
margin-bottom: 8%;
padding: 6% 8%;
width: 100%;
}
@media (max-width: 800px) {
.post {
padding-bottom: 3%;
}
}
.minimal {
background: none;
border-bottom: dotted 2px #CAD1D8;
margin-bottom: 6%;
padding: 0 0 6% 0;
}
.minimal .entry-header {
display: inline-block;
width: 85%;
vertical-align: top;
}
@media (max-width: 500px) {
.minimal .entry-header {
width: 75%;
}
}
.minimal .blog-date {
color: #8D9BA7;
font-size: 16px;
margin-bottom: 10px;
}
.minimal .entry-title {
font-size: 46px;
margin: 0;
}
@media (max-width: 800px) {
.minimal .entry-title {
font-size: 30px;
}
}
@media (max-width: 500px) {
.minimal .entry-title {
font-size: 22px;
}
}
.minimal .entry-title a {
border-bottom: none;
}
.minimal .featured-image {
display: inline-block;
float: right;
width: 10%;
vertical-align: top;
}
@media (max-width: 500px) {
.minimal .featured-image {
width: 15%;
margin-top: 8px;
}
}
.minimal .featured-image img {
border-radius: 500px;
transition: all .2s ease-in-out;
}
.minimal .featured-image img:hover {
transform: scale(1.06);
}
.page .post:not(.portfolio-column) {
margin-bottom: 0;
} .page-header.profile {
display: none;
}
.author-info {
display: inline-block;
margin: 0 0 8% 0;
padding: 0 8%;
width: 100%;
}
@media (max-width: 500px) {
.author-info {
padding: 0;
}
}
.author-info .author-description a {
border-bottom: 2px solid #CAD1D8;
color: #55626D;
padding-bottom: 3px;
}
.author-info .author-description a:hover {
border-color: #BAC3CC;
}
.archive .author-info {
margin-bottom: 9%;
padding: 0;
}
.author-avatar {
display: inline-block;
margin-right: 2%;
vertical-align: top;
width: 15%;
}
@media (max-width: 500px) {
.author-avatar {
margin-right: 5%;
}
}
.author-avatar img {
border-radius: 250px;
transition: all .2s ease-in-out;
}
.author-avatar img:hover {
transform: scale(1.06);
}
.author-description {
display: inline-block;
color: #55626D;
font-size: 18px;
width: 75%;
}
@media (max-width: 800px) {
.author-description {
font-size: 18px;
}
}
.author-description h2 {
color: #383F49;
font-size: 26px;
}
@media (max-width: 800px) {
.author-description h2 {
font-size: 22px;
}
}
.archive .author-description {
font-size: 22px;
width: 80%;
}
@media (max-width: 800px) {
.archive .author-description {
font-size: 18px;
width: 75%;
}
}
.archive .author-description h2 {
font-size: 30px;
}
@media (max-width: 800px) {
.archive .author-description h2 {
font-size: 22px;
}
} .attachment .comments-area, .attachment .entry-meta, .attachment .post-navigation, .attachment .entry-footer {
display: none;
}
#content .wp-playlist-light {
color: #55626D;
padding: 0;
}
#content .mejs-container, #content .mejs-embed, #content .mejs-embed body {
background: none;
}
#content .mejs-container {
margin-bottom: 1em;
height: 75px !important;
}
#content .wp-playlist {
border: none;
background: none;
margin: 0 0 1.5em 0;
padding: 0;
}
#content .wp-playlist-tracks {
margin-top: 3.5%;
}
#content .wp-playlist-item {
border-bottom: dotted 1px #CAD1D8;
padding: 0;
}
#content .wp-playlist-item:last-child {
border-bottom: none;
}
#content .wp-playlist-item .wp-playlist-caption, #content .wp-playlist-item-length {
padding: 2%;
}
@media (max-width: 800px) {
#content .wp-playlist-item .wp-playlist-caption, #content .wp-playlist-item-length {
padding: 4%;
}
}
#content .wp-playlist-item .wp-playlist-caption {
color: #383F49;
display: inline-block;
}
#content .wp-playlist-caption, #content .wp-playlist-item-title {
font-size: 18px;
}
@media (max-width: 800px) {
#content .wp-playlist-caption, #content .wp-playlist-item-title {
font-size: 16px;
}
}
#content .wp-playlist-current-item {
height: auto !important;
}
#content .wp-playlist-current-item .wp-playlist-caption {
margin-bottom: 1.5%;
}
#content .wp-playlist-current-item img {
display: none;
}
#content .wp-playlist-current-item .wp-playlist-item-title {
color: #383F49;
font-family: "Lato", "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 34px;
font-weight: bold;
}
@media (max-width: 800px) {
#content .wp-playlist-current-item .wp-playlist-item-title {
font-size: 26px;
}
}
#content .wp-playlist-current-item .wp-playlist-item-album {
font-size: 20px;
}
@media (max-width: 800px) {
#content .wp-playlist-current-item .wp-playlist-item-album {
font-size: 16px;
}
}
#page .mejs-controls {
background: #4B575E;
height: 75px;
padding: 0 20px;
}
@media (max-width: 800px) {
#page .mejs-controls {
padding: 0 10px;
}
}
#page .mejs-controls .mejs-button button:hover {
background-color: transparent !important;
}
#page .mejs-controls .mejs-time {
height: 56px;
padding-top: 18px;
}
#page .mejs-controls .mejs-time span {
line-height: 40px;
}
#page .mejs-controls > div {
height: 60px;
}
#page .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #333B41;
height: 14px;
}
#page .mejs-controls .mejs-time-rail .mejs-time-current {
background: #929FA8;
background: #3EB6E4;
height: 14px;
}
#page .mejs-controls .mejs-time-rail .mejs-time-total {
background: #333B41;
height: 14px;
margin: 26px 10px;
}
#page .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #333B41;
height: 14px;
top: 29px;
}
#page .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #929FA8;
background: #3EB6E4;
height: 14px;
top: 29px;
}
#page .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
background: #333B41;
height: 14px;
}
#page .mejs-controls .mejs-button button {
margin: 29px 5px;
}
#page .mejs-controls .mejs-button button:focus {
border: none;
box-shadow: none;
outline: none;
} @-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.animated {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated-faster {
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.fullscreen {
display: none;
}
#respond .comment-form-fields div.comment-form-field {
width: 100% !important;
}