#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#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{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#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:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:0;background:0 0;box-shadow:none;cursor:pointer}.cn-close-icon:focus,.cn-close-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}.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){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;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:2rem;-moz-border-radius:2rem;border-radius:2rem;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-buttons-container,.cn-text-container{display:inline-block}.cn-compliance-warning{display:block;color:#f5a623!important;font-size:12px;line-height:18px;margin:4px 0 8px 0}.cn-compliance-warning .cn-warning-icon{color:#f5a623!important;margin-right:4px}.cn-compliance-warning strong{color:#f5a623!important}.cn-compliance-warning a{color:#f5a623!important;text-decoration:underline}.cn-compliance-warning a:hover{color:#ffb84d!important}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-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-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 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, 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, th {
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%; }
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td, th {
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;
} html {
font-size: 100%;
line-height: 1.5em;
}
body,
button,
input,
select,
textarea {
color: #404040;
font-family: Georgia, "Bitstream Charter", serif;
font-size: 16px;
font-weight: 400;
} h1, h2, h3, h4, h5, h6 {
clear: both;
}
hr {
border: 1px solid #ccc;
border-width: 0 0 1px 0;
height: 0;
margin-top: -1px;
margin-bottom: 24px;
padding-top: 24px;
} p {
margin-bottom: 24px;
}
ul, ol {
margin: 0 0 24px 36px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 24px;
}
dt {
font-weight: 600;
}
dd {
margin: 0 24px 24px;
}
b, strong {
font-weight: 600;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 24px;
}
address {
margin: 0 0 24px;
}
pre {
background: rgba(119, 119, 119, 0.5);
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 0.9375em;
line-height: 1.6em;
margin-top: -2px;
margin-bottom: 24px;
max-width: 100%;
overflow: auto;
padding: 24px;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.875em;
line-height: 1.71429em;
}
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%;
}
figure {
margin: 0;
}
table {
margin: 0 0 24px;
width: 100%;
}
th {
font-weight: bold;
}
img {
height: auto; max-width: 100%; } .alignleft {
display: inline;
float: left;
margin-right: 24px;
}
.alignright {
display: inline;
float: right;
margin-left: 24px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
left: -1000em;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #fff;
border: 1px solid #000;
-moz-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px;
box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px;
clip: auto !important;
display: inline-block;
font-weight: 600;
line-height: 24px;
padding: 24px;
z-index: 100000;
position: absolute !important;
top: 24px;
left: 24px;
} .clear:before,
.clear:after {
content: '';
display: table;
}
.clear:after {
clear: both;
}
.entry-content:before,
.entry-content:after {
content: '';
display: table;
}
.entry-content:after {
clear: both;
}
.comment-content:before,
.comment-content:after {
content: '';
display: table;
}
.comment-content:after {
clear: both;
}
.site-header:before,
.site-header:after {
content: '';
display: table;
}
.site-header:after {
clear: both;
}
.site-content:before,
.site-content:after {
content: '';
display: table;
}
.site-content:after {
clear: both;
}
.site-footer:before,
.site-footer:after {
content: '';
display: table;
}
.site-footer:after {
clear: both;
} button,
input,
select,
textarea {
margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #ccc;
border-color: #ccc #ccc #bbb #ccc;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.8);
cursor: pointer; -webkit-appearance: button; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
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 {
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; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
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: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; padding-left: 3px;
vertical-align: top; width: 98%;
}
html {
font-size: 100%;
line-height: 1.6em;
}
blockquote:before, #menu-close:before, .comments-link a:before, .byline a:before,
.edit-link a:before,
.tags-links a:before,
.posted-on a:before,
.reply a:before, .format-link .entry-title a:after, #cancel-comment-reply-link:before {
-webkit-font-smoothing: antialiased;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 1;
position: relative;
top: -1px;
text-decoration: none;
vertical-align: text-bottom;
} body {
background: white;
color: #333333;
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
}
button,
input,
select,
textarea {
background: white;
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
} .alignleft {
display: inline;
float: left;
margin: 12.8px 26px 12.8px 0;
}
.alignright {
display: inline;
float: right;
margin: 12.8px 0 12.8px 26px;
}
.aligncenter {
clear: both;
display: block;
margin: 12.8px auto;
} h1 {
font-size: 36px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h2 {
font-size: 24px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h3 {
font-size: 24px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h4 {
font-size: 16px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h5 {
font-size: 16px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h6 {
font-size: 13px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
hr {
background-color: #efefef;
height: 1px;
margin-bottom: 24.6px;
padding: 0;
} p {
margin-bottom: 26px;
}
ul {
margin: 0 0 26px 26px;
list-style: disc;
}
ul ul {
list-style: square;
}
ul ul ul {
list-style: circle;
}
ol {
margin: 0 0 26px 26px;
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 26px;
}
dt {
font-weight: 400;
}
dd {
margin: 12.8px 0 12.8px 26px;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
font-style: italic;
font-weight: 300;
line-height: 1.5;
margin-left: 0;
margin-right: 0;
margin-bottom: 26px;
padding-left: 51px;
position: relative;
}
blockquote:before {
content: "\f106";
display: block;
font-size: 32px;
line-height: 1;
position: absolute;
top: 0;
left: 0;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
blockquote blockquote {
font-size: inherit;
}
blockquote cite {
display: block;
font-size: 16px;
font-weight: normal;
font-style: normal;
margin: 12.8px 0;
text-align: left;
width: 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"], #infinite-handle span {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 0.8125em;
line-height: 1.96923em;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #777777;
border: 0;
border-radius: 3px;
color: white;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
padding: 12.8px 26px;
text-shadow: none;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover, #infinite-handle span:hover, button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus, #infinite-handle span:focus, button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active, #infinite-handle span:active {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #333333;
color: #efefef;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
background: white;
border: 1px solid #e6e6e6;
border-radius: 3px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 12px;
}
input[type="text"]:focus, input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="search"]:focus,
input[type="search"]:active {
background: white;
border: 1px solid #cccccc;
outline: none;
}
textarea {
background: white;
border: 1px solid #efefef;
border-radius: 3px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 11.8px;
}
textarea:focus, textarea:active {
background: white;
border: 1px solid #ebebeb;
outline: none;
}
address {
font-style: italic;
margin-bottom: 26px;
}
pre {
background: rgba(0, 0, 0, 0.03);
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 0.8125em;
line-height: 1.96923em;
margin-bottom: 26px;
padding: 26px;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.8125em;
line-height: 1.96923em;
}
abbr, acronym {
border-bottom: 1px dotted #efefef;
cursor: help;
margin-bottom: 26px;
}
mark, ins {
background: fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 0.8125em;
line-height: 1.96923em;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 0.8125em;
line-height: 1.96923em;
}
big {
font-size: 1.5em;
line-height: 2.13333em;
}
figure {
margin: 0;
}
table {
margin-bottom: 26px;
width: 100%;
}
td, th {
border-bottom: 1px solid #efefef;
border-collapse: collapse;
padding: 6px 3px;
}
th {
border-bottom-width: 4px;
font-weight: 700;
}
img {
height: auto;
max-width: 100%;
} a {
color: #44c2b2;
text-decoration: none;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a:visited {
color: #44c2b2;
}
a:hover, a:focus, a:active {
color: #6acfc2;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .site {
margin: 0 auto;
width: 100%;
}
.site-content {
margin: 0 auto;
padding: 0 5%;
}
.site-footer {
clear: both;
color: #777777;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 auto;
padding: 26px 0;
text-align: center;
}
.site-footer a {
color: #777777;
text-decoration: none;
}
.site-info {
font-size: 0.8125em;
line-height: 1.96923em;
margin: 0 auto;
}
.site-info .sep {
clear: both;
display: block;
height: 1px;
margin: 0;
visibility: hidden;
width: 100%;
} .site-header {
background: #efefef;
margin: 0;
width: 100%;
z-index: 15;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.site-header-inner:before,
.site-header-inner:after {
content: "";
display: table;
}
.site-header-inner:after {
clear: both;
}
.site-header-inner {
margin: 0 auto;
padding: 6px 5%;
position: relative;
}
.site-header-image div {
overflow: hidden;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.site-header-image {
height: 150px;
display: block;
margin: 0 auto;
max-height: 150px;
}
.site-branding {
float: left;
position: relative;
width: 50%;
z-index: 10;
}
.site-title {
font-size: 1em;
line-height: 2;
clear: none;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
text-transform: uppercase;
z-index: -1;
}
.site-title a {
color: #777777;
text-decoration: none;
}
.site-description {
font-size: 0.8125em;
line-height: 1.96923em;
clear: none;
display: none;
margin: 0;
} .main-navigation {
font-size: 1em;
line-height: 1.6em;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
width: 100%;
}
.main-navigation li {
display: block;
margin: 0 auto;
}
.main-navigation a {
border-top: 1px solid #e6e6e6;
color: #777777;
display: block;
padding: 12.8px 0;
text-decoration: none;
}
.main-navigation a:hover {
color: rgba(119, 119, 119, 0.5);
}
.main-navigation ul {
display: block;
list-style: none;
margin: 0;
}
.main-navigation ul ul a {
padding-left: 12.8px;
}
.main-navigation ul ul ul a {
padding-left: 26px;
}
.main-navigation ul:first-child {
display: block;
margin: 26px auto 0;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
color: rgba(119, 119, 119, 0.5);
}
.toggle {
background: transparent;
float: left;
margin: 0 26px 0 0;
height: 24px;
padding: 0;
position: relative;
top: 4px;
}
.toggle .menu-toggle-image {
cursor: pointer;
fill: #777777;
width: 24px;
height: 24px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.toggle:hover, .toggle:focus, .toggle:active {
background-color: transparent;
box-shadow: none;
}
.toggle:hover .menu-toggle-image, .toggle:focus .menu-toggle-image, .toggle:active .menu-toggle-image {
fill: #333333;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#toggle-sidebar {
background-color: #eeeeee;
display: none;
overflow: auto;
position: relative;
left: -100%;
width: 100%;
z-index: 20;
}
#toggle-sidebar::-webkit-scrollbar-thumb {
background-color: #cccccc;
border-radius: 10px;
border: 3px solid #efefef;
}
#toggle-sidebar::-webkit-scrollbar {
background-color: #efefef;
margin: 3px;
width: 12px;
}
.toggle-open #toggle-sidebar {
display: block;
padding: 0 5%;
left: 0;
}
#menu-close {
background: transparent;
color: #777777;
display: none;
margin: 0 auto;
padding: 0;
text-align: right;
width: 100%;
height: 32px;
}
#menu-close:before {
content: "\f405";
display: inline-block;
margin: 0 -8px 26px;
font-size: 32px;
width: 32px;
height: 32px;
}
#menu-close:before:hover {
color: #333333;
}
.search-icon {
display: none;
}
.header-search .search-form {
float: right;
position: relative;
}
.header-search .search-icon {
display: block;
position: absolute;
right: 0;
top: 4px;
}
.header-search .search-icon .icon {
fill: #777;
}
.header-search .search-field {
background-color: transparent;
border: none;
cursor: pointer;
height: 24px;
margin: 3px 0;
padding: 1px 2px 1px 32px;
position: relative;
top: 1px;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
width: 24px;
}
.header-search .search-field:focus {
background-color: white;
border: none;
cursor: text;
outline: 0;
padding-left: 4px;
width: 110px;
}
.header-search .search-submit {
display: none;
}
.svg-definitions {
display: none;
} .hentry {
border-top: 2px solid #efefef;
border-bottom: 2px solid #efefef;
padding: 2em 0;
}
.site-content .hentry:first-of-type {
border-top: 0;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline-block;
}
.entry-thumbnail,
.entry-video {
margin: 26px auto;
text-align: center;
}
.entry-gallery {
margin: 0 auto 5.6px;
}
.entry-content,
.entry-summary {
margin: 0 auto 26px;
}
.jetpack-video-wrapper {
margin-bottom: 26px;
}
.page-links {
clear: both;
margin: 26px 0;
word-spacing: 6px;
}
.page-links span.active-link {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #777777;
display: inline-block;
color: white;
margin-bottom: 6px;
width: 26px;
height: 26px;
text-align: center;
text-decoration: none;
}
.page-links a span.active-link {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #777777;
display: inline-block;
color: white;
margin-bottom: 6px;
width: 26px;
height: 26px;
text-align: center;
text-decoration: none;
}
.page-links a:hover span.active-link {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #777777;
}
.entry-title {
display: block;
font-weight: 600;
margin: 26px auto;
}
.entry-title a {
color: #333333;
}
.entry-footer:before,
.entry-footer:after {
content: "";
display: table;
}
.entry-footer:after {
clear: both;
}
.entry-footer {
color: #777777;
font-size: 0.8125em;
line-height: 1.96923em;
margin: 0 auto;
}
.entry-footer a {
color: #777777;
font-size: inherit;
}
.entry-meta,
.entry-footer a,
.edit-link {
display: inline-block;
float: left;
}
.comments-link a,
.entry-meta a,
.entry-footer a a,
.edit-link a,
.tags-links a {
text-decoration: none;
}
.tags-links,
.comments-link {
clear: both;
display: block;
float: none;
}
.tags-links {
max-width: 100%;
}
.tags-links a {
margin-bottom: 9px;
}
.edit-link {
float: right;
}
.reply {
font-size: 0.8125em;
line-height: 1.96923em;
}
.comments-link a {
background: #efefef;
border: 1px solid #efefef;
border-radius: 3px;
clear: both;
display: block;
line-height: 1;
margin: 0 12.8px 9px 0;
padding: 11px 26px;
text-align: center;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.comments-link a:before {
clear: both;
display: block;
font-size: 32px;
line-height: 1;
margin: -3px auto 0;
width: 100%;
}
.comments-link a:hover {
background: white;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.byline a,
.edit-link a,
.tags-links a,
.posted-on a,
.reply a {
background: #efefef;
border: 1px solid #efefef;
border-radius: 3px;
display: block;
float: left;
line-height: 1;
margin: 0 12.8px 9px 0;
padding: 5px 7px;
text-align: center;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.byline a:before,
.edit-link a:before,
.tags-links a:before,
.posted-on a:before,
.reply a:before {
display: inline;
font-size: 16px;
line-height: 1;
margin-right: 2px;
vertical-align: middle;
width: 100%;
}
.byline a:hover,
.edit-link a:hover,
.tags-links a:hover,
.posted-on a:hover,
.reply a:hover {
background: white;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.byline a,
.posted-on a {
clear: both;
float: none;
margin-bottom: 9px;
}
.tags-links a {
display: inline-block;
float: none;
margin-right: 6px;
}
.tags-links a:before {
content: "\f302";
}
.tags-links a:last-of-type {
margin-right: 0;
}
.edit-link a {
margin-right: 0;
}
.comments-link a:before {
content: "\f300";
}
.posted-on a:before {
content: "\f307";
}
.sticky .posted-on a:before {
content: "\f308";
}
.byline a:before {
content: "\f304";
}
.edit-link a:before {
content: "\f411";
}
.reply a:before {
content: "\f412";
}
.sep {
margin: 0 6px;
}
.page-header {
border-bottom: 4px solid #efefef;
margin: 0 auto;
}
.page-title {
color: #777777;
font-size: 1.5em;
margin: 26px auto 13px;
}
.page-content {
margin: 26px auto;
}
.taxonomy-description {
font-style: italic;
margin-top: 26px;
} .entry-format {
font-size: 0.8125em;
line-height: 1.96923em;
color: #d9d9d9;
display: block;
font-weight: bold;
letter-spacing: 1px;
margin: 0 auto;
text-transform: uppercase;
width: 100%;
}
.entry-format:visited, .entry-format:hover {
color: #777777;
}
.format-link .entry-title a:after {
content: "\f442";
display: inline-block;
font-size: 32px;
margin-left: 7px;
}
.format-aside .entry-content {
font-size: 1.5em;
line-height: 2.13333em;
line-height: 1.33333em;
font-style: italic;
font-weight: 300;
}
.format-aside .entry-format {
margin-bottom: 26px;
}
.format-aside .entry-title {
font-size: 0.8125em;
line-height: 1.96923em;
color: #d9d9d9;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.format-aside .entry-title a {
color: #d9d9d9;
} .entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
margin-bottom: 26px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
max-width: 100%;
}
.wp-caption-text {
color: #777777;
font-size: 0.8125em;
line-height: 1.96923em;
margin: 12.8px 0;
padding: 0 1%;
}
.size-thumbnail + .wp-caption-text,
.size-medium + .wp-caption-text {
font-size: 0.8125em;
line-height: 1.96923em;
line-height: 1.96923em;
}
.site-content .gallery {
margin-bottom: 26px;
}
.site-content .gallery a img {
height: auto;
max-width: 90%;
}
.site-content .gallery dd {
margin: 0;
} .gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.667%;
}
.gallery-columns-7 .gallery-item {
width: 14%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
.site-content .gallery-columns-1.gallery a img {
max-width: 100%;
}
.gallery-item {
float: left;
margin-bottom: 26px;
text-align: center;
}
.gallery-item img {
border: 1px solid white;
border-radius: 3px;
padding: 3px;
}
.gallery-caption {
font-size: 0.8125em;
line-height: 1.96923em;
line-height: 1.96923em;
margin: 0 auto;
max-width: 90%;
} embed,
iframe,
object {
max-width: 100%;
} .paging-navigation:before,
.paging-navigation:after {
content: "";
display: table;
}
.paging-navigation:after {
clear: both;
}
.post-navigation:before,
.post-navigation:after {
content: "";
display: table;
}
.post-navigation:after {
clear: both;
}
.comment-navigation:before,
.comment-navigation:after {
content: "";
display: table;
}
.comment-navigation:after {
clear: both;
}
.paging-navigation,
.post-navigation,
.comment-navigation {
margin: 0 auto;
}
.paging-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-previous {
float: left;
display: block;
padding: 26px 0;
width: 50%;
}
.paging-navigation .nav-next,
.post-navigation .nav-next,
.comment-navigation .nav-next {
float: right;
text-align: right;
padding: 26px 0;
width: 50%;
} div#respond,
.comments-title {
border: 0;
margin: 0 auto;
}
.comment-body:before,
.comment-body:after {
content: "";
display: table;
}
.comment-body:after {
clear: both;
}
.comment-body {
margin: 26px auto;
position: relative;
}
.comment-content {
margin-top: 26px;
}
.comment-content a {
word-wrap: break-word;
}
.comment-list {
list-style: none;
margin: 0 auto 51px;
padding: 0;
}
.comment-list .children {
border-left: 1px solid #efefef;
list-style: none;
margin-left: 0;
padding-left: 26px;
}
.comment-list li.comment {
margin-top: 51px;
}
.pingback,
.trackback {
margin: 12.8px 0;
}
.pingback a,
.trackback a {
text-decoration: none;
}
.pingback .edit-link,
.trackback .edit-link {
font-size: 0.8125em;
line-height: 1.96923em;
}
.comment-author a {
text-decoration: none;
}
.comment-author .avatar {
float: left;
margin-right: 12.8px;
}
.bypostauthor > .comment-body {
border-color: red;
}
.comment-metadata, .comment-metadata a {
color: #777777;
font-size: 0.8125em;
line-height: 1.96923em;
}
.comment-metadata a {
font-size: inherit;
text-decoration: none;
}
.comment-metadata .edit-link a {
line-height: 1;
position: absolute;
top: 0;
right: 0;
}
.comment-reply-link {
color: #777777;
}
.comment-reply-link:hover {
color: #777777;
}
#cancel-comment-reply-link {
font-size: 0.8125em;
line-height: 1.96923em;
float: right;
display: inline-block;
text-decoration: none;
}
#cancel-comment-reply-link:before {
content: "\f406";
margin-right: 3px;
vertical-align: middle;
}
.comments-title,
.comment-reply-title {
color: #777777;
font-size: 1.5em;
margin: 26px auto 51px;
}
.comment-reply-title {
margin-bottom: 26px;
}
.comment-form label {
display: inline-block;
width: 102.4px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
color: #777777;
margin: 0 0 26px;
position: relative;
letter-spacing: 1px;
text-transform: uppercase;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
font-size: 0.8125em;
line-height: 1.96923em;
font-weight: bold;
letter-spacing: 1px;
padding: 6px 12.8px;
position: absolute;
left: 0;
top: 6px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input {
display: block;
margin: 0 0 26px;
padding-left: 100px;
width: 100%;
}
.comment-form-author textarea,
.comment-form-email textarea,
.comment-form-url textarea,
.comment-form-comment textarea {
margin: 0 0 26px;
padding: 51px 12.8px 6px;
clear: both;
width: 100%;
}
.says {
display: none;
}
.form-allowed-tags, .form-allowed-tags code {
color: #777777;
font-size: 0.8125em;
line-height: 1.96923em;
}
.form-allowed-tags code {
font-size: 0.8125em;
line-height: 1.96923em;
}
.no-comments {
color: #777777;
font-style: italic;
margin: 26px 0;
text-align: center;
} .widget-area {
border-top: 4px solid #e6e6e6;
margin-top: 26px;
padding-top: 26px;
}
.widget {
border-bottom: 1px solid #e6e6e6;
margin: 0 auto 26px;
padding-bottom: 26px;
position: relative;
overflow: hidden;
}
.widget select {
max-width: -webkit-calc(100% - 2px);
max-width: calc(100% - 2px);
}
.widget a {
text-decoration: none;
}
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li {
border-bottom: 1px solid #efefef;
list-style: none;
margin: 0;
padding: 12.8px 0;
}
.widget ul li li {
border-bottom: 0;
padding: 6px 0;
}
.widget ul li li:last-child {
padding-bottom: 0;
}
.widget ul li:last-child {
border-bottom: 0;
}
.widget > ul:first-of-type > li:first-child {
padding-top: 0;
}
.widget-title {
font-size: 1em;
line-height: 1.6em;
color: #777777;
font-weight: bold;
margin: 12.8px 0;
letter-spacing: 1px;
text-transform: uppercase;
}
.widget-title a {
color: #777777;
}
.widget_search input {
background: white;
max-width: -webkit-calc(100% - 2px);
max-width: calc(100% - 2px);
}
.widget_search input[type="submit"] {
display: none;
}
.wp_widget_tag_cloud div,
.widget_tag_cloud .tagcloud {
text-align: center;
}
.wp_widget_tag_cloud div a,
.widget_tag_cloud .tagcloud a {
text-decoration: none;
} #wp-calendar td, #wp-calendar th,
#wp-calendar th {
text-align: center;
}
#wp-calendar caption {
font-weight: 700;
margin: 12.8px 0;
text-align: center;
} .infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
.infinity-end.neverending .site-footer {
display: block;
}
#infinite-footer {
z-index: 999;
}
#infinite-footer .container {
background: white;
border-top: 0;
color: #777777;
position: relative;
}
#infinite-footer .container a {
color: #777777;
}
#infinite-footer .blog-info a,
#infinite-footer .blog-credits {
font-size: 0.8125em;
line-height: 1.96923em;
font-style: normal;
font-weight: normal;
}
.infinite-loader {
margin: 26px auto 51px;
width: 28px;
}
#infinite-handle span {
display: block;
margin: 26px auto;
text-align: center;
width: 12em;
}
@media screen and (min-width: 60em) {
body,
.site {
height: 100%;
}
.site-header-image {
height: 500px;
max-height: 500px;
}
#menu-close {
display: block;
}
.site-content,
.site-footer {
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
margin: 0 auto;
padding: 55px 0 0;
width: 56.25em;
}
.site-footer {
border-top: 4px solid #efefef;
padding: 26px 0;
}
.page-content,
.entry-content,
.entry-summary,
.entry-title,
.entry-footer,
.page-title,
.site-header-inner,
.comment-list,
.comments-title,
div#respond,
.page-content,
.paging-navigation,
.post-navigation,
.comment-navigation,
.entry-format,
.page-header {
width: 575px;
}
.tags-links {
clear: none;
display: inline-block;
float: left;
max-width: 61.4%;
}
.comments-link {
clear: none;
display: inline-block;
float: left;
}
.site-header {
position: fixed;
}
.site-header-inner {
padding-left: 0;
padding-right: 0;
}
.header-search .search-field:focus {
width: 180px;
}
#toggle-sidebar {
display: block;
padding: 8px 26px;
position: fixed;
left: -30%;
width: 30%;
height: 100%;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.toggle-open #toggle-sidebar {
box-shadow: 0 -20px 30px 30px rgba(0, 0, 0, 0.1);
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.toggle-open #toggle-sidebar {
top: 0;
padding: 8px 26px;
}
.admin-bar.toggle-open #toggle-sidebar {
top: 32px;
}
}
@media screen and (min-width: 80em) {
blockquote {
font-size: 24px;
padding-left: 51px;
}
h1 {
font-size: 48px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h2 {
font-size: 36px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h3 {
font-size: 24px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h4 {
font-size: 16px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h5 {
font-size: 16px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
h6 {
font-size: 13px;
font-weight: 600;
line-height: 1;
margin: 26px 0;
}
.site-content,
.site-footer {
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
margin: 0 auto;
padding: 55px 0 0;
width: 75em;
}
.site-footer {
border-top: 1px solid #efefef;
padding: 0;
}
.page-content,
.entry-content,
.entry-summary,
.entry-title,
.entry-footer,
.page-title,
.site-header-inner,
.comment-list,
.comments-title,
div#respond,
.page-content,
.paging-navigation,
.post-navigation,
.comment-navigation,
.entry-format,
.page-header {
width: 650px;
}
.comment-reply-title {
margin-top: 0;
}
.hentry {
padding: 6em 0;
}
.format-link .entry-title a:after {
font-size: 48px;
}
.comments-area {
border-bottom: 4px solid #efefef;
padding: 4em 0;
}
.site-info {
padding: 26px 0;
}
.site-info .sep {
clear: none;
display: inline;
height: auto;
margin: 0 4px;
visibility: visible;
width: auto;
}
}