html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} body,
button,
input,
select,
textarea {
color: #333;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.25;
}
h1 {
font-size: 36px;
font-size: 1.5rem;
margin: 0.95238095238em 0 0.7619047619em; }
h2 {
font-size: 28px;
font-size: 1.5rem;
font-weight: normal;
margin: 1em 0 0.75em; padding-top: 20px;
}
h3 {
font-size: 20px;
font-size: 1.25rem;
margin: 1.6em 0 0.83333333333em; }
h4 {
font-size: 16px;
font-size: 1rem;
margin: 1.5em 0 1em; }
h5 {
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 1px;
margin: 1.71428571429em 0 1.14285714286em; text-transform: uppercase;
}
h6 {
font-size: 14px;
font-size: 0.875rem;
margin: 1.71428571429em 0 1.14285714286em; }
p,
pre,
address,
blockquote,
ul,
ol {
margin: 0 0 1.25em; }
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
pre {
background: #eee;
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
} .social-navigation a:before,
.format-link .entry-title a:after,
.comment .comment-reply-link:before,
.comment .edit-link:before,
.pingback .edit-link:before,
.entry-footer span:before {
display: inline-block;
font-family: "Genericons";
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
padding-left: 1.5em; }
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em; }
img {
height: auto; max-width: 100%; vertical-align: top; }
figure {
margin: 1.5em 0; margin: 0;
}
figcaption {
color: #727272;
font-style: italic;
}
table {
margin: 0 0 1.5em; text-align: left;
width: 100%;
}
th,
td {
padding: 0.5em 0.25em; }
tr {
border-bottom: 1px solid #d0d0d0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.entry-content .button {
background-color: #b61616;
border: 0;
border-radius: 0.1875em; box-shadow: none;
color: #fff;
display: inline-block;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
margin: 0 auto;
padding: 0.75em 1em; text-align: center;
text-decoration: none;
text-shadow: none;
-webkit-transition: background-color 0.2s, color 0.2s;
transition: background-color 0.2s, color 0.2s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover {
background-color: #21759b;
-webkit-transition: background-color 0.2s, color 0.2s;
transition: background-color 0.2s, color 0.2s;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active {
background-color: #21759b;
-webkit-transition: background-color 0.2s, color 0.2s;
transition: background-color 0.2s, color 0.2s;
}
.entry-content .button-minimal {
background-color: #fff;
border: 3px solid #333;
border-radius: 0.1875em; box-shadow: none;
color: #333;
display: inline-block;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
margin: 0 auto;
padding: 0.625em 0.875em; text-align: center;
text-decoration: none;
text-shadow: none;
-webkit-transition: background-color 0.2s, color 0.2s;
transition: background-color 0.2s, color 0.2s;
}
.entry-content .button-minimal:hover,
.entry-content .button-minimal:focus {
background-color: #333;
color: #fff;
-webkit-transition: background-color 0.2s, color 0.2s;
transition: background-color 0.2s, color 0.2s;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
border: 1px solid #ccc;
border-radius: 0.1875em; color: #333;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 0.6875em 0.375em; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border-color: #21759b;
outline: 0;
box-shadow: 0px 0px 5px #21759b;
}
textarea {
padding-left: 0.375em; width: 100%;
}  a {
color: #b61616;
text-decoration: none;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
a:hover,
a:focus,
a:active {
color: #b61616;
text-decoration: underline;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} .main-navigation {
color: #727272;
width: 100%;
}
.main-navigation button {
background: none;
border: 2px solid #333;
box-shadow: none;
color: #333;
font-size: 20px;
font-size: 1rem;
font-weight: bold;
margin: 0 auto;
padding: 0.5em 1em; text-align: center;
text-shadow: none;
}
.main-navigation button:hover,
.main-navigation button:focus,
.main-navigation button:active {
background-color: #333;
color: #fff;
}
.main-navigation .nav-menu {
display: none;
padding-left: 0;
}
.main-navigation.toggled .nav-menu {
border-top: 1px solid #d0d0d0;
display: block;
margin-top: 0.875em; }
.main-navigation ul {
list-style: none;
margin: 0;
text-align: left;
}
.main-navigation li {
border-bottom: 1px solid #d0d0d0;
display: list-item;
position: relative;
}
.main-navigation a {
color: #727272;
display: block;
padding: 0.875em 0; }
.main-navigation a:hover,
.main-navigation .focus > a {
color: #b61616;
}
.main-navigation ul ul {
border-top: 1px solid #d0d0d0;
list-style: disc;
padding: 0.875em 0 0.875em 2em; }
.main-navigation ul ul li {
border-bottom-width: 0;
display: list-item;
}
.main-navigation ul ul ul {
border-top-width: 0;
padding-top: 0;
}
.main-navigation ul ul li:last-child {
border-bottom-width: 0;
}
.main-navigation ul ul .menu-item-has-children a:after {
right: 0.5em; top: 1.75em; }
.main-navigation ul ul a {
padding: 0.25em 0; }
.main-navigation ul ul ul {
left: -999em;
padding-bottom: 0;
top: 0;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
font-weight: bold;
} .social-navigation {
margin-bottom: 0.5em; }
.social-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.social-navigation li {
display: inline-block;
margin: 0 0.25em; }
.social-navigation a {
color: #333;
display: block;
height: 2em; position: relative;
width: 2em; }
.social-navigation a:hover,
.social-navigation a:focus {
color: #21759b;
text-decoration: none;
}
.social-navigation a:before {
content: "\f415";
font-size: 32px;
font-size: 2rem;
left: 0;
position: absolute;
top: 0;
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation li a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href*="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
} .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
clear: both;
font-weight: bold;
letter-spacing: 1px;
overflow: hidden;
padding: 3em 0; text-transform: uppercase;
}
.full-width .site-main .comment-navigation,
.full-width .site-main .posts-navigation,
.full-width .site-main .post-navigation,
.post-type-archive-jetpack-portfolio .site-main .comment-navigation,
.post-type-archive-jetpack-portfolio .site-main .posts-navigation,
.post-type-archive-jetpack-portfolio .site-main .post-navigation,
.post-type-archive-jetpack-testimonial .site-main .comment-navigation,
.post-type-archive-jetpack-testimonial .site-main .posts-navigation,
.post-type-archive-jetpack-testimonial .site-main .post-navigation {
border-bottom-width: 0;
}
.site-main .comment-navigation {
border-bottom: 1px solid #d0d0d0;
border-top-width: 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.post-navigation .post-title {
color: #727272;
font-weight: normal;
letter-spacing: 0;
text-transform: none;
}
.post-navigation span {
display: block;
}
.nav-links a:hover .post-title {
text-decoration: underline;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.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-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em; margin-bottom: 1.25em; }
.alignright {
display: inline;
float: right;
margin-bottom: 1.25em; margin-left: 1.5em; }
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .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,
.front-testimonials:before,
.front-testimonials:after,
.front-portfolio:before,
.front-portfolio:after,
.front-page-widgets:before,
.front-page-widgets:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.front-testimonials:after,
.front-portfolio:after,
.front-page-widgets:after {
clear: both;
} .site {
background-color: #fff;
margin: 0 auto;
max-width: 71.25em; }
.site-header,
.site-content,
.site-footer {
margin-right: auto;
margin-left: auto;
width: 89.47368421%; } .widget-area {
margin-top: 2em; }
.widget {
margin: 0 0 2em; }
.widget-title {
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.6;
margin: 0 0 0.4375em; text-transform: uppercase;
}
.widget ul {
list-style: none;
padding: 0;
}
.widget ul ul {
list-style: none;
margin-top: 0.4375em; padding: 0;
}
.widget li {
border-top: 1px solid #d0d0d0;
padding: 0.4375em 0; }
.widget li:first-child {
border-top: 4px double #d0d0d0;
}
.widget .children li:first-child {
border-top: 1px solid #d0d0d0;
}
.widget li:last-child {
padding-bottom: 0;
} .widget select {
max-width: 100%;
} .site-header {
margin-bottom: 2.5em; text-align: center;
}
.site-branding a:hover,
.site-branding a:focus {
color: #21759b;
text-decoration: none;
}
.site-branding {
padding: 2.5em 0; }
.site-title {
font-family: "Playfair Display", serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 900;
line-height: 1;
margin: 0 0 0.1em; }
.site-title a {
color: inherit;
}
.site-description {
color: #21759b;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
line-height: 1.5;
margin: 0;
}
.custom-header {
margin-top: 0.1em; }  .sticky {
display: block;
}
.hentry {
border-bottom: 1px solid #d0d0d0;
margin: 0 0 3em; padding: 0 0 3em; } .blog .hentry:last-of-type,
.archive .hentry:last-of-type,
.single .hentry:last-of-type {
border-bottom-width: 0;
margin-bottom: 0;
}
.entry-meta {
color: #21759b;
font-weight: bold;
}
.entry-content ul li,
.entry-content ol li {
padding-bottom: 20px;
}
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
text-decoration: underline;
}
.entry-footer {
color: #727272;
}
.entry-footer a {
color: inherit;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #21759b;
}
.entry-title {
margin: 0;
font-family: "Playfair Display", serif;
font-size: 36px;
font-size: 2.25rem;
font-weight: bold;
word-wrap: break-word;
}
.entry-title a {
color: inherit;
}
.entry-title a:hover,
.entry-title a:focus {
color: #21759b;
text-decoration: none;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0.1em 0; word-wrap: break-word;
}
.page-content > :first-child,
.entry-content > :first-child,
.entry-summary > :first-child,
.comment-content > :first-child {
margin-top: 0;
}
.page-content > :last-child,
.entry-content > :last-child,
.entry-summary > :last-child,
.comment-content > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em; }
.archive-thumbnail,
.post-thumbnail {
margin-bottom: 2em; }
.post-thumbnail img {
display: block;
margin: 0 auto;
}
.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img,
.post-thumbnail a img {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.entry-content a img:hover,
.entry-content a img:focus,
.entry-summary a img:hover,
.entry-summary a img:focus,
.page-content a img:hover,
.page-content a img:focus,
.comment-content a img:hover,
.comment-content a img:focus,
.post-thumbnail a img:hover,
.post-thumbnail a img:focus {
opacity: 0.9;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
} .archive-header {
margin-bottom: 2.5em; }
.archive-header,
.archive-description {
margin-right: auto;
margin-left: auto;
max-width: 52.75em; word-wrap: break-word;
}
.archive-title {
font-size: 32px;
font-size: 2rem;
font-style: italic;
font-weight: bold;
line-height: 1;
margin: 0;
text-align: center;
}
.archive-description {
font-style: italic;
margin-top: 2.5em; } .entry-footer {
margin-top: 1.5em; word-wrap: break-word;
}
.entry-footer span {
display: inline-block;
margin-right: 1.5em; }
.entry-footer span:before {
margin-right: 0.1875em; position: relative;
top: 0.3125em; }
.cat-links:before,
.single-jetpack-portfolio .portfolio-type-links:before {
content: "\f301";
}
.tags-links:before,
.portfolio-tag-links:before {
content: "\f302";
}
.comments-link:before {
content: "\f300";
}
.author-link:before {
content: "\f304";
}
.edit-link:before {
content: "\f411";
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .blog .format-aside .entry-title {
display: none;
}
.format-quote .entry-title {
display: none;
}
.format-quote blockquote {
font-family: "Playfair Display", serif;
font-size: 2em; line-height: 1.25;
margin: 0;
}
.format-quote cite {
display: block;
font-style: normal;
margin-top: 0.5em; }
.format-quote cite a {
text-decoration: none;
}
.format-quote cite a:hover {
text-decoration: underline;
}
.format-quote blockquote p:last-child {
margin-bottom: 0;
} .format-link .entry-title a {
position: relative;
}
.format-link .entry-title a:after {
color: #21759b;
content: "\f442";
position: relative;
right: 0;
top: 0.16666666666em; }  .error-404 {
padding-bottom: 3em; }
.error-404 .page-title {
margin-top: 0;
}
.error-404 > :last-child {
margin-bottom: 0;
} .full-width .entry-header,
.full-width .entry-content,
.full-width .entry-footer,
.full-width .comments-area,
.front-page .hero-content .entry-header,
.front-page .hero-content .entry-content {
margin-right: auto;
margin-left: auto;
max-width: 52.75em; } .front-page .content-area {
float: none;
margin: 0 auto;
width: 100%;
}
.hero-content .entry-content {
margin-bottom: 0;
}
.front-page .site-main > :last-child {
border-bottom-width: 0;
margin-bottom: 0;
}
.front-page .hero-content article {
margin-bottom: 2.625em; text-align: center;
}
.front-page .hero-content p {
font-size: 24px;
font-size: 1.5rem;
font-weight: normal;
line-height: 1.3125;
margin: 0 auto 0.75em; width: 95%;
}
.front-page .content-area p:last-child {
margin-bottom: 0;
}
.hero-image {
margin-bottom: 2.5em; position: relative;
}
.front-page .front-testimonials,
.front-page .front-portfolio,
.front-page .front-page-widgets {
border-bottom: 1px solid #d0d0d0;
margin-bottom: 2.5em; padding-bottom: 0.25em; } .comments-title {
border-bottom: 4px double #d0d0d0;
margin-bottom: 0;
padding-bottom: 1em; }
.comment-list,
.comment-list .children {
list-style: none;
margin-bottom: 0;
padding: 0;
}
.avatar {
border-radius: 50%;
left: 0;
position: absolute;
top: 0.25em; }
.comment-author .fn {
font-family: "Playfair Display", serif;
font-size: 28px;
font-size: 1.75rem;
font-weight: bold;
line-height: 1;
margin: 0;
}
.comment-author .fn a {
color: #333;
}
.comment-author .fn a:hover,
.comment-author .fn a:focus {
color: #21759b;
text-decoration: none;
}
.comment-metadata {
display: inline;
}
.comment-meta {
margin-bottom: 1.25em; position: relative;
}
.comment .reply {
margin-top: 1.25em; }
.comment-author,
.comment-metadata,
.comment-content,
.comment-awaiting-moderation,
.reply {
padding-left: 3em; }
.comment .comment-reply-link:before {
content: "\f412";
margin-right: 0.25em; position: relative;
top: 0.3125em; }
.comment .edit-link:before,
.pingback .edit-link:before {
content: "\f411";
margin-right: 0.25em; position: relative;
top: 0.3125em; }
.comment .comment-reply-link:hover:before {
text-decoration: none;
}
.comment-body {
border-bottom: 1px solid #d0d0d0;
padding: 2.25em 0; }
.says {
display: none;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment .edit-link,
.pingback .edit-link,
.trackback .edit-link {
color: #727272;
}
.comment .edit-link a,
.pingback .edit-link a,
.trackback .edit-link a {
color: inherit;
}
.comment .edit-link a:hover,
.pingback .edit-link a:hover,
.trackback .edit-link a:hover {
color: #21759b;
}
.no-comments {
margin: 1.25em 0; } .site-footer {
border-top: 1px solid #d0d0d0;
padding: 2.625em; text-align: center;
}
.site-info,
.site-info a {
color: #727272;
}
.site-info a {
text-decoration: underline;
}
.site-info a:hover,
.site-info a:focus {
color: #21759b;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1em; max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.75em 0; } .gallery {
margin-bottom: 1.5em; }
.gallery-item {
display: inline-block;
margin-bottom: 1.25em; text-align: center;
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%;
}
.gallery-caption {
display: block;
margin-top: 0.5em; }   .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
}
#infinite-handle,
.infinite-loader {
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
clear: both;
padding: 3em 0; text-align: center;
}
.full-width #infinite-handle,
.full-width .infinite-loader,
.post-type-archive-jetpack-portfolio #infinite-handle,
.post-type-archive-jetpack-portfolio .infinite-loader,
.post-type-archive-jetpack-testimonial #infinite-handle,
.post-type-archive-jetpack-testimonial .infinite-loader {
border-bottom-width: 0;
}
#infinite-handle span {
background-color: #333;
border: 0;
border-radius: 0.1875em; box-shadow: none;
color: #fff;
display: inline-block;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
padding: 0.75em 1em; text-align: center;
text-decoration: none;
text-shadow: none;
-webkit-transition: background-color 0.2s, color 0.2s;
transition: background-color 0.2s, color 0.2s;
}
#infinite-handle span:hover {
background-color: #21759b;
-webkit-transition: background-color 0.2s, color 0.2s;
transition: background-color 0.2s, color 0.2s;
}
#infinite-handle span:focus {
background-color: #21759b;
-webkit-transition: background-color 0.2s, color 0.2s;
transition: background-color 0.2s, color 0.2s;
}
.infinite-loader .spinner {
margin: 0 auto;
} .sharedaddy,
div#jp-relatedposts {
margin-top: 1.75em; }
.sharedaddy .sd-title,
div#jp-relatedposts .jp-relatedposts-headline {
font-size: 16px;
font-size: 1rem;
letter-spacing: 1px;
text-transform: uppercase;
}
div#jp-relatedposts {
margin-bottom: 0;
padding: 0;
} .post-type-archive-jetpack-portfolio .content-area,
.tax-jetpack-portfolio-type .content-area,
.tax-jetpack-portfolio-tag .content-area {
width: 100%;
}
.portfolio-projects .jetpack-portfolio .entry-footer {
margin-top: 0.5em; }
.portfolio-projects .jetpack-portfolio .entry-title {
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.25;
}
.portfolio-type-links {
color: #727272;
}
.portfolio-type-links a {
color: inherit;
}
.portfolio-type-links a:hover,
.portfolio-type-links a:focus {
color: #21759b;
}
.portfolio-projects .jetpack-portfolio {
border-bottom-width: 0;
margin-bottom: 0;
padding-bottom: 2.25em; text-align: center;
}
.post-thumbnail {
margin-bottom: 1.25em; } .post-type-archive-jetpack-testimonial .content-area {
width: 100%;
}
.jetpack-testimonial .entry-title {
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.25;
}
.jetpack-testimonial .post-thumbnail {
float: left;
margin: 0 1em 0.25em 0; }
.jetpack-testimonial .entry-content {
margin: 0 0 1.25em; }
.jetpack-testimonial .post-thumbnail img {
border-radius: 50%;
}
.jetpack-testimonial {
border-bottom-width: 0;
margin-bottom: 0;
padding-bottom: 2.25em; position: relative;
} .site-logo {
border-radius: 50%;
margin-bottom: 0.5em; width: 5em; } @media screen and (min-width: 450px) {
.site-title {
font-size: 60px;
font-size: 3.75rem;
}
h1,
.entry-title {
font-size: 20px;
font-size: 1.6rem;
}
h2 {
font-size: 32px;
font-size: 1.3rem;
font-weight: bold;
}
.comment-author .fn {
font-size: 32px;
font-size: 2rem;
}
.site-logo {
width: auto;
}
}
@media screen and (min-width: 600px) { .portfolio-projects .jetpack-portfolio {
float: left;
margin-right: 5.333333334%; width: 47.333333333%; }
.portfolio-projects .jetpack-portfolio:nth-of-type(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 750px) { .content-area {
float: left;
width: 65.490196078%; }
.full-width .content-area {
float: none;
margin: 0 auto;
width: 100%;
}
.full-width .entry-header,
.full-width .entry-content,
.full-width .entry-footer,
.full-width .comments-area {
margin-right: auto;
margin-left: auto;
max-width: 52.75em; }
.widget-area {
float: right;
margin-top: 0;
width: 30.980392156%; word-wrap: break-word;
} .site-main > :last-child {
border-bottom-width: 0;
margin-bottom: 0;
} .menu-toggle {
display: none;
}
.main-navigation {
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
padding: 0.875em 0; }
.main-navigation .nav-menu {
display: block;
text-align: center;
}
.main-navigation.toggled .nav-menu {
border-width: 0;
margin: 0;
}
.main-navigation li {
border-width: 0;
display: inline-block;
margin: 0 0.75em; }
.main-navigation a {
padding: 0;
}
.main-navigation .menu-item-has-children > a {
padding-right: 12px;
}
.main-navigation ul ul {
background-color: #fff;
border: 1px solid #d0d0d0;
left: -999em;
list-style: none;
padding: 0;
position: absolute; top: 100%;
z-index: 99999;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation .menu-item-has-children > a:after {
content: "\f502";
font-family: genericons;
font-size: 8px;
font-size: 0.5rem;
position: absolute;
right: 0;
top: 1em; }
.main-navigation ul ul li {
border-bottom: 1px solid #d0d0d0;
margin: 0;
}
.main-navigation ul ul li:last-child {
border-bottom: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a:after {
content: "\f501";
right: 0.5em; top: 1.75em; }
.main-navigation ul ul a {
padding: 0.5em 0.75em; width: 12.5em; }
.main-navigation ul ul ul {
border-top-width: 1px;
left: -999em;
} .jetpack-testimonial,
.front-page .widgets-2 .widget-area {
float: left;
margin-right: 3.529411764%; width: 48.235294117%; }
.jetpack-testimonial:nth-of-type(2n),
.front-page .widgets-2 .widget-area:nth-of-type(2n) {
margin-right: 0;
}
#infinite-handle,
.infinite-loader {
border-bottom-width: 0;
}
}
@media screen and (min-width: 900px) { .portfolio-projects .jetpack-portfolio,
.front-page .widgets-3 .widget-area {
float: left;
margin-right: 3.529411765%; width: 30.980392156%; }
.portfolio-projects .jetpack-portfolio:nth-of-type(2n) {
margin-right: 3.529411765%; }
.portfolio-projects .jetpack-portfolio:nth-of-type(3n),
.front-page .widgets-3 .widget-area:nth-of-type(3n) {
margin-right: 0;
}
.portfolio-projects .jetpack-portfolio:nth-of-type(3n + 1) {
clear: left;
}
} @media screen and (min-width: 1133px) {
.full-width .alignleft {
margin-left: -8.62745098%;
}
.full-width .alignright {
margin-right: -8.62745098%;
}
} @media print { * {
background: transparent !important;
color: #000 !important;
} @page {
margin: 1cm;
} .main-navigation,
.post-navigation,
.widget-area,
.site-footer,
.comment-respond,
.sharedaddy,
.reply {
display: none;
}
.content-area {
float: none;
}
.hentry {
border-width: 0;
}
.content-area p {
orphans: 3;
widows: 3;
}
h1,
h2,
h3,
h4,
h5,
h6,
dt {
page-break-after: avoid;
}
blockquote,
.wp-caption {
page-break-inside: avoid;
} pre {
white-space: pre-wrap;
word-wrap: break-word;
}
} #myBtn {
display: none;
position: fixed;
bottom: 22px;
right: 22px;
z-index: 99;
font-size: 24px;
font-weight: bold;
border: none;
outline: none;
background-color: #b61616;
color: white;
cursor: pointer;
border-radius: 4px;
padding: 3px 13px 3px 13px;
}  .accordion2 {
width: 90%;
max-width: 1000px;
margin: 2rem auto;
}
.accordion-item {
background-color: #fff;
color: #111;
margin: 1rem 0;
border-radius: 0.5rem;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}
.accordion-item-header {
padding: 0.5rem 3rem 0.5rem 1rem;
min-height: 3.5rem;
line-height: 1.25rem;
font-weight: bold;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
}
.accordion-item-header::after {
content: "\002B";
font-size: 2rem;
position: absolute;
right: 1rem;
}
.accordion-item-header.active::after {
content: "\2212";
}
.accordion-item-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
padding: 1rem;
line-height: 1.5rem;
border-top: 1px solid;
border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}  * {box-sizing: border-box}
.mySlides {display: none}
img {vertical-align: middle;} .slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
} .prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
} .next {
right: 0;
border-radius: 3px 0 0 3px;
} .prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
} .text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
} .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
} .dot {
cursor: pointer;
height: 20px;
width: 20px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #717171;
} .fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}  * {
box-sizing: border-box;
}
.columns {
float: left;
width: 33.3%;
padding: 10px;
}
.price {
list-style-type: none;
border: 1px solid #eee;
margin: 0;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.price:hover {
box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}
.price .header {
background-color: #111;
color: white;
font-size: 25px;
}
.price li {
border-bottom: 1px solid #eee;
padding: 20px;
text-align: center;
}
.price .grey {
background-color: #eee;
font-size: 20px;
}
.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 25px;
text-align: center;
text-decoration: none;
font-size: 16px;
border-radius: 4px; }
@media only screen and (max-width: 600px) {
.columns {
width: 100%;
}
}