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 {
text-decoration: none;
color: inherit;
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
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;
vertical-align: top;
}
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-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,
optgroup,
textarea {
color: rgba(0, 0, 0, 0.84);
font-family: 'Georgia', serif;
font-size: 21px;
line-height: 1.6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
}
h1 {
font-size: 1.90476em;
}
h2 {
font-size: 1.7143em;
}
h3 {
font-size: 1.42857em;
}
h4 {
font-size: 1.2381em;
}
h5 {
font-size: 1.0476em;
}
h6 {
font-size: 0.8572em;
}
p {
margin-bottom: 1.5em;
margin-top: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
.halfwidth {
width: 50%;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
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;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #e9e9e9;
border: 0;
height: 1px;
margin-top: 2.5em;
margin-bottom: 2.5em;
}
ul,
ol {
margin: 0;
font-size: 18px;
}
ol {
list-style: decimal;
font-weight: 400;
}
ul li,
ol li {
margin-bottom: 10px;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-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: 0; line-height: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
border-radius: 0;
font-size: 18px;
text-align: left;
overflow: hidden;
border-collapse: collapse;
}
table tr th {
font-weight: 500;
text-transform: uppercase;
padding: 10px 15px;
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
font-family: 'Roboto', sans-serif;
}
table tr td {
padding: 10px 15px;
}
table tbody tr:nth-child(odd) {
background: #fafafa;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
border-radius: 5px;
background: #018afa;
font-family: 'Roboto', sans-serif;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
padding: 15px 40px;
line-height: 20px;
letter-spacing: 2px;
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #017bdf;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus{
outline: thin dotted;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #222;
border: 1px solid #eee;
border-radius: 5px;
padding: 10px 15px;
width: 100%;
height: 50px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
font-size: 14px;
font-family: 'Roboto', sans-serif;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
color: #222;
outline: thin dotted;
}
select {
border: 1px solid #e5e5e5;
width: 100%;
}
textarea {
width: 100%;
}  a {
color: #018AFA;
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
a:hover,
a:focus {
text-decoration: underline;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.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%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.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;
clip-path: none;
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; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 0;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 0;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.tc-wrapper:before,
.tc-wrapper:after {
content: "";
display: table;
table-layout: fixed;
}
.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.tc-wrapper:after {
clear: both;
} .widget {
margin: 0 0 60px 0; }
#secondary .widget:last-child {
margin-bottom: 0;
}
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
}
.custom-logo-link:focus{
outline-offset: 2px;
outline: thin dotted #fff;
} .wp-caption {
margin-bottom: 0;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
line-height: initial;
}
.wp-caption-text {
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: rgba(0, 0, 0, 0.4);
}
.wp-caption-text a {
text-decoration: underline;
} .gallery:before,
.gallery:after {
content: "";
display: table;
}
.gallery:after {
clear: both;
}
.gallery {
margin-bottom: 0;
}
.gallery-item {
float: left;
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery:not(gallery-columns-1) .gallery-item {
margin-right: 2%;
margin-bottom: 2%;
}
.gallery-columns-2 .gallery-item {
max-width: 49%;
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
}
.gallery-columns-4 .gallery-item {
max-width: 23.4%;
}
.gallery-columns-5 .gallery-item {
max-width: 18.33%;
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
}
.gallery-columns-7 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-8 .gallery-item {
max-width: 10.7%;
}
.gallery-columns-9 .gallery-item {
max-width: 9.33%;
}
.gallery-columns-2 .gallery-item:nth-child(2n),
.gallery-columns-3 .gallery-item:nth-child(3n),
.gallery-columns-4 .gallery-item:nth-child(4n),
.gallery-columns-5 .gallery-item:nth-child(5n),
.gallery-columns-6 .gallery-item:nth-child(6n),
.gallery-columns-7 .gallery-item:nth-child(7n),
.gallery-columns-8 .gallery-item:nth-child(8n),
.gallery-columns-9 .gallery-item:nth-child(9n) {
margin-right: 0;
}
.gallery-caption {
display: block;
} .tc-wrapper {
width: 1170px;
margin: 0 auto;
padding-left: 2%;
padding-right: 2%;
}
article.post {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
article.post header.entry-header {
margin-bottom: 30px;
}
article.post header.entry-header:after{
display: block;
clear: both;
content: '';
}
article.post header.entry-header .cat-links{
margin: 0 0 10px;
display: block;
font-size: 15px;
font-family: 'Roboto', sans-serif;
}
article.post header.entry-header .cat-links a{
color: rgba(0, 0, 0, 0.5);
}
article.post header.entry-header .cat-links a:hover,
article.post header.entry-header .cat-links a:focus{
text-decoration: none;
color: #018AFA;
}
.entry-header .entry-title {
margin-top: 0;
font-size: 1.8em;
font-weight: 700;
line-height: 1.3;
margin-bottom: 0;
font-family: 'Roboto', sans-serif; 
}
.entry-title a {
text-decoration: none;
display: inline-block;
color: rgba(0, 0, 0, 0.84);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.entry-title a:hover,
.entry-title a:focus{
color: #018AFA;
}
article .entry-header .entry-meta { margin-top: 0.25rem;
}
.entry-meta span {
font-size: 14px;
font-weight: 400;
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 30px;
font-family: 'Roboto', sans-serif;
color: rgba(0, 0, 0, 0.3);
}
.entry-meta span.byline span {
color: rgba(0, 0, 0, 0.54);
margin-right: 5px;
}
.entry-meta span a{
color: rgba(0, 0, 0, 0.84);
}
.entry-meta span a:hover,
.entry-meta span a:focus{
text-decoration: none;
color: #018AFA;
}
.entry-meta span span,
.entry-meta span:last-child {
margin-right: 0;
}
.entry-meta span:after {
content: "";
width: 5px;
height: 5px;
background: rgba(0, 0, 0, 0.2);
position: absolute;
top: 17px;
right: -15px;
border-radius: 100%;
}
.entry-meta span span:after,
.entry-meta span:last-child:after {
display: none;
}
.byline img {
width: 24px;
border-radius: 100%;
height: 24px;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.entry-content {
margin-top: 10px;
margin-bottom: 20px;
}
.entry-content p {
margin-top: 0;
margin-bottom: 20px; }
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
font-family: 'Roboto', sans-serif;
}
.entry-footer .btn-wrap {
display: inline-block;
vertical-align: middle;
width: 49%;
}
a.btn-transparent {
display: inline-block;
font-size: 16px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
position: relative;
padding-left: 45px;
color: #000;
}
a.btn-transparent:hover,
a.btn-transparent:focus{
text-decoration: none;
color: #018AFA;
}
a.btn-transparent:before {
content: "";
background: #000;
width: 30px;
height: 1px;
position: absolute;
top: 50%;
right: calc(100% - 30px);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
a.btn-transparent:hover:before {
background: #018AFA;
}
.entry-footer .like-comment-wrap {
display: inline-block;
vertical-align: middle;
width: 49%;
text-align: right;
}
.like-comment-wrap span {
display: inline-block;
margin-right: 20px;
font-size: 14px;
font-family: 'Roboto', sans-serif;
color: rgba(0, 0, 0, 0.54);
}
.like-comment-wrap span a{
color: #11e2a6;
font-size: 25px;
vertical-align: middle;
margin-right: 10px;
}
.like-comment-wrap span:last-child {
margin-right: 0;
}
.like-comment-wrap span .fa {
font-size: 20px;
margin-right: 5px;
color: rgba(0, 0, 0, 0.84);
}
.entry-footer .like-comment-wrap .post-comment svg{
margin-right: 5px;
color: rgba(0, 0, 0, 0.84);
font-size: 20px;
}
.like-comment-wrap span.comments svg {
fill: rgba(0, 0, 0, 0.84);
width: 22px;
height: 22px;
vertical-align: middle;
margin-right: 10px;
}
.like-comment-wrap span .fa.fa-comment-o {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}
article.post figure.post-thumbnail {
margin-bottom: 40px;
}
.widget {
font-size: 18px;
line-height: 1.65;
}
.widget-title {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 15px;
margin-bottom: 25px;
margin-top: 0;
font-family: 'Roboto', sans-serif;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li {
margin-bottom: 20px;
font-weight: 400;
position: relative;
}
.widget ul ul{
margin-top: 20px;
margin-left: 20px;
}
.widget ul li:last-child {
margin-bottom: 0;
}
.widget ul li a {
display: inline-block;
color: rgba(0, 0, 0, 0.84);
}
.widget ul li a:hover,
.widget ul li a:focus{
text-decoration: none;
color: #018AFA;
}
.widget .post-date {
font-size: 14px;
display: block;
font-family: 'Roboto', sans-serif;
color: rgba(0, 0, 0, 0.3);
}
.widget_rss .widget-title a{
color: rgba(0, 0, 0, 0.84);
}
.widget_rss ul li a{
color: #018AFA;
}
.widget_rss ul li a:hover,
.widget_rss ul li a:focus{
color: rgba(0, 0, 0, 0.84);
}
blockquote,
q {
margin: 50px 0;
border-left: 3px solid;
padding: 0 0 0 25px;
font-style: italic;
font-weight: 700;
line-height: 1.6;
}
blockquote p:last-child {
margin-bottom: 0;
}
q:before,
q:after {
display: none;
}
q p:last-child {
margin-bottom: 0;
}
blockquote i {
font-weight: 400;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: rgba(0, 0, 0, 0.4);
}
span.highlight {
display: inline-block;
background: #e9e9e9;
padding: 0 5px;
border-radius: 5px;
}
.left {
text-align: left !important;
}
.center {
text-align: center !important;
}
.right {
text-align: right !important;
}
hr {
display: block;
background: rgba(0, 0, 0, 0.35);
width: 4px;
height: 4px;
border-radius: 100%;
margin: 40px auto;
box-shadow: 25px 0 rgba(0, 0, 0, 0.35), -25px 0 rgba(0, 0, 0, 0.35);
}
mark {
background: rgba(1, 138, 250, 0.1);
color: rgba(0, 0, 0, 0.84);
padding: 2px 0;
line-height: 1.9;
} .back-to-top {
padding: 0;
position: fixed;
bottom: 20px;
right: 30px;
width: 50px;
text-align: center;
height: 50px;
line-height: 50px;
background: #000;
border-radius: 5px;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
.back-to-top.show {
bottom: 20px;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.back-to-top:focus{
outline: thin dotted #000;
outline-offset: 2px;
}
.back-to-top:hover {
background: #018afa;
}
.back-to-top img {
margin-top: 15px;
display: inline-block;
}
.back-to-top svg{
fill: #fff;
width: 14px;
height: 21px;
} .comments-area {
width: 67%;
margin: 60px auto 0 auto;
}
.comments-area .comments-title,
.comment-respond .comment-reply-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 16px;
color: #000;
font-family: 'Roboto', sans-serif;
}
.comments-area ol {
margin: 0;
padding: 0;
list-style: none;
}
.comments-area ol li ol {
margin-left: 25px;
}
.comments-area ol li {
margin-bottom: 0;
}
.comments-area .comment-body {
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
padding: 25px;
margin-bottom: 25px;
}
.comments-area footer.comment-meta {
position: relative;
padding-left: 50px;
font-family: 'Roboto', sans-serif;
}
.comment-body img.avatar {
position: absolute;
top: 5px;
left: 0;
width: 35px;
height: 35px;
border-radius: 100%;
}
.comment-body b.fn {
font-weight: 500;
font-size: 14px;
margin-bottom: 0;
display: block;
}
.comment-body b.fn a{
color: rgba(0, 0, 0, 0.84);
}
.comment-body b.fn a:hover,
.comment-body b.fn a:focus{
text-decoration: none;
color: #018AFA;
}
.comment-body b.fn span.says {
display: none;
}
.comment-body .comment-metadata {
font-size: 14px;
color: rgba(0, 0, 0, 0.54);
line-height: 1.5;
}
.comment-body .comment-metadata a{
color: rgba(0, 0, 0, 0.54);
}
.comment-body .comment-metadata a:hover,
.comment-body .comment-metadata a:focus{
text-decoration: none;
color: #018AFA;
}
.comment-body .comment-awaiting-moderation {
font-size: 14px;
margin-top: 10px;
margin-bottom: 0;
color: #f0474a;
font-style: italic;
}
.comment-body .reply {
position: absolute;
top: 0;
right: 0;
}
.comment-body .reply .comment-reply-link {
display: inline-block;
text-align: center;
vertical-align: top;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
color: rgba(0, 0, 0, 0.84);
}
.comment-body .reply .comment-reply-link:hover {
color: #018afa;
text-decoration: none;
}
.comment-body .comment-content {
font-size: 16px;
font-weight: 400;
line-height: 1.7;
}
.comment-body .comment-content p {
margin-top: 5px;
margin-bottom: 20px;
}
.comment-body .comment-content p:last-child {
margin-bottom: 0;
}
.comment-respond {
margin-top: 60px;
}
.comment-respond .comment-reply-title {
margin-bottom: 0;
vertical-align: middle;
}
.comment-respond .comment-reply-title a {
display: inline-block;
font-size: 14px;
margin-left: 10px;
margin-bottom: 10px;
background: #fff;
color: #000;
padding: 8px 20px;
line-height: 25px;
border-radius: 5px;
vertical-align: middle;
border: 1px solid rgba(0, 0, 0, 0.05);
text-transform: capitalize;
font-weight: 500;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}
.comment-respond .comment-reply-title a:hover {
background: #018afa;
color: #fff;
border-color: #018afa;
}
.comment-form p {
margin-top: 0;
margin-bottom: 25px;
line-height: 0;
}
.comment-form p.comment-notes,
.comment-form p.logged-in-as {
margin: 5px 0 20px 0;
font-size: 16px;
line-height: 1.8;
}
.comment-respond p.comment-form-author,
.comment-respond p.comment-form-email,
.comment-respond p.comment-form-url {
display: inline-block;
vertical-align: top;
margin-right: 3%;
width: 30.66%;
margin-bottom: 10px;
}
.comment-respond p.comment-form-url {
margin-right: 0;
}
.comment-respond .comment-form label {
display: none;
}
.comment-form p.comment-form-cookies-consent{
width: 100%;
line-height: 1.25;
}
.comment-form p.comment-form-cookies-consent:before,
.comment-form p.comment-form-cookies-consent:after{
display: table;
content: "";
clear: both;
}
.comment-form p.comment-form-cookies-consent input{
display: inline-block;
width: 20px;
margin-top: 2px;
float: left;
}
.comment-form p.comment-form-cookies-consent label{
display: inline-block;
padding-left: 5px;
width: calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
vertical-align: middle;
font-size: 14px;
float: left;
}
.comment-respond .comment-form input[type="text"],
.comment-respond .comment-form input[type="email"],
.comment-respond .comment-form input[type="url"],
.comment-respond .comment-form textarea {
padding-left: 20px;
padding-right: 20px;
font-weight: 400;
line-height: 1.8;
}
.comment-respond .comment-form textarea {
height: 150px;
}
.comment-form p.form-submit {
margin-bottom: 0;
margin-top: 15px;
}
.comment-respond input.submit {
letter-spacing: 0;
padding-left: 30px;
padding-right: 30px;
text-transform: capitalize;
} .breadcrumb {
font-weight: 400;
letter-spacing: 0.8px;
}
.has-bg .page-header .breadcrumb,
.has-bg .page-header span.separator {
color: #fff;
}
.breadcrumb a:hover {
text-decoration: underline;
}
span.separator {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin: 0 3px;
color: #707171;
} .pagination,
.posts-navigation{
font-size: 0.762em;
line-height: 2.125em;
font-family: 'Roboto', sans-serif;
font-weight: 500; 
}
.pagination .page-numbers{
color: rgba(0, 0, 0, 0.84);
margin-right: 10px;
position: relative;
}
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.pagination .current{
color: #018AFA;
text-decoration: none;
}
.pagination .next{
padding-right: 30px;
}
.pagination .next:after{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 32 32'%3E%3Cpath d='M0,16.1L9.6,8v16L0,16.1z M9.6,17.6v-3.2H32v3.2H9.6z'/%3E%3C/svg%3E") center center no-repeat;
content: '';
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
opacity: 0.84;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.pagination .prev{
padding-left: 30px;
}
.pagination .prev:after{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 32 32'%3E%3Cpath d='M0,16.1L9.6,8v16L0,16.1z M9.6,17.6v-3.2H32v3.2H9.6z'/%3E%3C/svg%3E") center center no-repeat;
content: '';
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.posts-navigation a{
color: rgba(0, 0, 0, 0.84);
}
.posts-navigation a:hover,
.posts-navigation a:focus{
text-decoration: none;
color: #018AFA;
}
.posts-navigation .nav-previous svg{
margin-right: 5px;
}
.posts-navigation .nav-next svg{
margin-left: 5px;
}  .rightsidebar #primary {
float: left;
width: 70%;
padding-right: 50px;
}
.leftsidebar #primary {
float: right;
width: 70%;
padding-right: 0;
padding-left: 50px;
}
.rightsidebar #secondary,
.leftsidebar #secondary {
float: left;
width: 30%;
margin-bottom: 50px;
} .has-banner .site-header,
.has-bg header.site-header {
position: absolute;
top: 0; z-index: 9999;
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
}
.site.no-banner:not(.has-bg) header.site-header {
border-bottom: 1px solid #f2f2f2;
padding: 30px 0;
margin-bottom: 50px;
}
.site-header .site-branding {
display: inline-block;
vertical-align: middle;
width: 25%;
}
.logo-text .site-logo {
display: inline-block;
vertical-align: middle;
width: 50px;
height: auto;
}
.logo-text .site-title-wrap {
display: inline-block;
vertical-align: middle;
width: calc(100% - 60px);
padding-left: 10px;
}
.site-header .site-title {
margin: 0;
font-size: 30px;
font-family: 'Georgia', serif;
font-weight: 400;
}
.site-branding .site-description {
font-family: 'Roboto', sans-serif;
font-size: 11px;
margin: 0;
letter-spacing: 0.5px;
line-height: 1em;
}
.has-banner .site-header .site-title,
.has-banner .site-branding .site-description,
.has-bg .site-header .site-title,
.has-bg .site-branding .site-description {
color: rgba(255, 255, 255, 0.84);
}
.site-title a {
color: rgba(0, 0, 0, 0.84);
text-decoration: none;
}
.has-banner .site-title a,
.has-bg .site-title a{
color: rgba(255, 255, 255, 0.84);
}
.site-header .nav-wrap {
display: inline-block;
vertical-align: middle;
width: 74%;
text-align: right;
}
.nav-wrap .main-navigation {
display: inline-block;
vertical-align: middle;
width: calc(100% - 46px);
}
.main-navigation button.toggle-button {
display: none;
}
.main-navigation ul {
padding: 0;
}
.main-navigation ul li {
display: inline-block;
vertical-align: middle;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
letter-spacing: 0.5px;
position: relative;
margin-bottom: 0;
}
.main-navigation ul li a {
display: inline-block;
vertical-align: middle;
color: rgba(0, 0, 0, 0.75);
padding: 10px 25px;
text-decoration: none;
}
.has-banner .main-navigation ul li a,
.has-bg .main-navigation ul li a {
color: rgba(255, 255, 255, 0.84);
}
.main-navigation ul li:hover>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current_page_item>a {
color: rgba(0, 0, 0, 1);
}
.has-banner .main-navigation ul li:hover>a,
.has-banner .main-navigation ul li.current-menu-item>a,
.has-banner .main-navigation ul li.current_page_item>a,
.has-bg .main-navigation ul li:hover>a,
.has-bg .main-navigation ul li.current-menu-item>a,
.has-bg .main-navigation ul li.current_page_item>a {
color: rgba(255, 255, 255, 1);
}
.main-navigation ul ul {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
left: 0;
width: 250px;
text-align: left; margin-left: -99999px;
background: #f5f5f5;
}
.main-navigation ul.nav-menu>li:last-child>ul {
left: auto;
right: 0;
}
.main-navigation ul li:hover>ul {
display: block;
margin-left: 0;
z-index: 999;
}
.main-navigation ul li:focus-within>ul {
display: block;
margin-left: 0;
z-index: 999;
}
.main-navigation ul li.focus>ul {
display: block;
margin-left: 0;
z-index: 999;
}
.main-navigation ul ul ul {
top: 0;
left: 100%;
}
.main-navigation ul.nav-menu>li:last-child>ul li ul {
right: 100%;
left: auto;
}
.main-navigation ul ul li {
display: block;
}
.main-navigation ul ul li a,
.has-banner .main-navigation ul ul li a,
.has-bg .main-navigation ul ul li a {
display: block;
color: rgba(0, 0, 0, 0.84);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 15px;
padding-bottom: 15px;
}
.main-navigation ul ul li:hover>a,
.main-navigation ul ul li.current-menu-item>a,
.main-navigation ul ul li.current_page_item>a {
color: rgba(0, 0, 0, 0.84);
background: rgba(0, 0, 0, 0.1);
}
.has-banner .main-navigation ul ul li:hover>a,
.has-banner .main-navigation ul ul li.current-menu-item>a,
.has-banner .main-navigation ul ul li.current_page_item>a,
.has-bg .main-navigation ul ul li:hover>a,
.has-bg .main-navigation ul ul li.current-menu-item>a,
.has-bg .main-navigation ul ul li.current_page_item>a {
color: rgba(0, 0, 0, 0.84);
background: rgba(255, 255, 255, 0.9);
}
.nav-wrap .header-search {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 34px;
position: relative;
}
.header-search button.search-toggle-btn {
background: none;
padding: 0;
display: block;
color: rgba(0, 0, 0, 0.84);
font-size: 18px;
cursor: pointer;
border-radius: 0;
border-left: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
text-align: right;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.has-banner .header-search button.search-toggle-btn,
.has-bg .header-search button.search-toggle-btn {
color: rgba(255, 255, 255, 0.84);
border-left-color: rgba(255, 255, 255, 0.1);
}
.header-search button.search-toggle-btn:hover {
color: rgba(0, 0, 0, 1);
}
.has-banner .header-search button.search-toggle-btn:hover,
.has-bg .header-search button.search-toggle-btn:hover {
color: rgba(255, 255, 255, 1);
}
.header-search .header-search-form {
position: absolute;
top: 100%;
right: 0;
width: 380px;
background: #e5e5e5;
padding: 20px;
margin-top: 30px;
border-radius: 3px;
border: 1px solid #ddd;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.header-search.search-toggle .header-search-form {
margin-top: 20px;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
form.search-form:before,
form.search-form:after {
content: "";
display: table;
}
form.search-form:after {
clear: both;
}
.search-form input.search-field {
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); float: left;
width: calc(100% - 120px);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.search-form input.search-submit {
float: left;
width: 120px;
padding: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
height: 50px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.search-form input.search-field,
.search-form input.search-submit {
box-shadow: none;
}
.search-form input.search-field:focus,
.search-form input.search-submit:focus{
outline-offset: 2px;
outline: thin dotted #000;
} .site-banner {
position: relative;
margin-bottom: 70px;
}
.site-banner:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.site-banner .wp-custom-header img {
width: 100%; height: 660px;
object-fit: cover;
}
.banner-caption {
position: absolute; left: 0;
right: 0;
text-align: center;
bottom: 0;
padding-bottom: 60px; }
.banner-caption figure.caption-img {
width: 80px;
height: 80px;
margin: 0 auto 30px auto;
border-radius: 100%;
overflow: hidden;
border: 4px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.banner-caption .banner-title {
margin-top: 0;
color: #fff;
margin-bottom: 10px;
font-size: 2em;
width: 60%;
margin-left: auto;
margin-right: auto;
font-family: 'Roboto', sans-serif;
}
.banner-caption .banner-desc {
color: rgba(255, 255, 255, 0.84);
font-family: 'Roboto', sans-serif;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
width: 60%;
}
.banner-caption .banner-form {
width: 70%;
margin: 0 auto;
}
.banner-caption .banner-form p {
margin: 0;
font-size: 14px;
font-family: 'Roboto', sans-serif;
color: rgba(255, 255, 255, 0.58);
margin-top: 0;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper {
padding: 0;
background: none !important;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper:after {
display: none;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper h3 {
margin-top: 0;
color: #fff;
margin-bottom: 15px;
font-size: 2em;
font-weight: 700;
line-height: 1.214em;
font-family: 'Roboto', sans-serif;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper .text-holder {
padding: 0 25px;
margin: 0 0 40px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper .text-holder span {
color: rgba(255, 255, 255, 0.84);
font-family: 'Roboto', sans-serif;
margin-bottom: 30px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form {
display: flex;
flex-direction: row; position: relative;
padding-bottom: 35px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form .bten-response{
position: absolute;
top: -35px;
left: 0;
width: 100%;
color: red;
font-family: 'Roboto', sans-serif;
text-align: left;
font-size: 14px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form input[type="text"] {
flex-basis: 0;
flex-grow: 1;
font-size: 0.762em;
line-height: 1.938em;
font-weight: 300;
border-radius: 0;
height: 60px;
margin: 0;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form input:focus{
outline: thin dotted #fff;
outline-offset: 2px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form input[type="text"]:first-child{
border-radius: 4px 0 0 4px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
width: 185px;
background: #018AFA;
color: #fff;
font-size: 0.762em;
line-height: 1.938em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
border-radius: 0 4px 4px 0;
margin: 0;
height: 60px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form label {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
font-size: 0.667em;
font-family: 'Roboto', sans-serif;
color: rgba(255, 255, 255, 0.58);
margin-top: 10px;
width: 100%;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form label .subscribe-inner-wrap{
display: inline-block;
position: relative;
padding-left: 25px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form label .check-mark{
position: absolute;
top: 10px;
left: 0;
width: 14px;
height: 14px;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 3px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form label .check-mark:after{
position: absolute;
content: '';
top: 1px;
left: 4px;
width: 4px;
height: 8px;
border: solid white;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 0 1px 1px 0;
display: none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]{
position: absolute;
opacity: 0;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form label input[type="checkbox"]:checked ~ .check-mark:after{
display: block;
}
.banner-caption .btn-holder .btn-free-inquiry,
.banner-caption .btn-holder .btn-view-service{
border: none;
border-radius: 5px;
background: #018afa;
border: 1px solid #018afa;
font-family: 'Roboto', sans-serif;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
padding: 15px 40px;
line-height: 20px;
letter-spacing: 2px;
margin: 0 5px 5px;
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
.banner-caption .btn-holder .btn-free-inquiry:hover,
.banner-caption .btn-holder .btn-free-inquiry:focus,
.banner-caption .btn-holder .btn-view-service:hover,
.banner-caption .btn-holder .btn-view-service:focus{
text-decoration: none;
background: none;
} .site-footer .top-footer {
padding-top: 70px;
}
body:not(.single) .site-footer .top-footer {
border-top: 1px solid rgba(0, 0, 0, 0.05);
margin-top: 40px;
padding-bottom: 10px;
}
.site-footer .top-footer .footer-holder{
display: flex;
margin: 0 -15px;
}
.site-footer .top-footer .footer-holder > .col{
width: 33.333%;
padding: 0 15px;
}
.site-footer .top-footer .column-2 > .col{
width: 50%
}
.site-footer .top-footer .column-1 > .col{
width: 100% !important;
} .bottom-footer {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding: 30px 0;
font-family: 'Roboto', sans-serif;
font-size: 14px;
text-transform: capitalize;
}
.bottom-footer .copyright-menu-wrap {
display: inline-block;
width: 74%;
vertical-align: middle;
}
.bottom-footer .copyright,
.bottom-footer .footer-menu {
display: inline-block;
vertical-align: middle;
} .footer-menu .menu {
padding: 0;
}
.footer-menu ul li {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin-bottom: 0;
}
.footer-menu ul li a {
display: inline-block;
vertical-align: middle;
padding: 0px 10px;
}
.bottom-footer .footer-social {
display: inline-block;
vertical-align: middle;
width: 25%;
text-align: right;
}
.footer-social a {
display: inline-block;
font-size: 18px;
padding: 0 7px;
color: rgba(0, 0, 0, 0.84);
}
.footer-social a:hover,
.footer-social a:focus{
text-decoration: none;
color: #018AFA;
}
.footer-social a:last-child {
padding-right: 0;
} .widget_author figure.author-img {
width: 200px;
height: 200px;
border-radius: 100%;
overflow: hidden;
margin-bottom: 30px;
}
.widget_author .author-name {
font-size: 20px;
margin-top: 0;
margin-bottom: 15px;
font-weight: 500;
}
.widget_author .author-social {
border-top: 1px solid rgba(0, 0, 0, 0.05);
margin-top: 20px;
padding-top: 20px;
}
.widget_author .author-social ul li {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
font-size: 16px;
}
.widget_author .author-social ul li a {
width: 35px;
text-align: center;
height: 35px;
vertical-align: middle;
display: inline-block;
line-height: 35px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 100%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
margin-right: 5px;
color: #000;
}
.widget_author .author-social ul li a:hover {
background: #018afa;
color: #fff;
} .has-bg header.entry-header {
position: relative;
min-height: 530px;
z-index: 1;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
background-size: cover !important;
}
.has-bg header.entry-header:before {
content: "";
background: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.has-bg .entry-header .tc-wrapper {
display: flex;
flex: auto;
flex-direction: column;
justify-content: center;
margin-top: 100px;
text-align: center;
width: 780px;
padding-bottom: 40px;
}
.single .entry-header .entry-title {
font-size: 2em;
}
.single .has-bg .site-content>.entry-header .entry-title {
color: #fff;
}
.single .nosidebar .entry-header .entry-meta {
margin-top: 30px;
display: table;
margin-left: auto;
margin-right: auto;
padding-left: 80px;
text-align: left;
}
.single .has-bg .entry-meta span {
color: rgba(255, 255, 255, 0.75);
line-height: 1.3;
}
.single .has-bg .entry-meta span a{
color: rgba(255, 255, 255, 0.75);
}
.single .has-bg .entry-meta span.byline {
display: block;
color: rgba(255, 255, 255, 1);
margin-right: 0;
}
.single .nosidebar .entry-meta span:after {
background: rgba(255, 255, 255, 1);
top: 7px;
right: -11px;
}
.single .has-bg .entry-meta span.byline:after {
display: none;
}
.single .nosidebar .entry-meta span.author {
font-size: 20px;
font-weight: 500;
display: block;
}
.single .has-bg .entry-header .entry-meta .byline img {
position: absolute;
top: 0;
left: -80px;
width: 60px;
height: 60px;
}
.single .has-bg .entry-meta span.byline a {
color: #fff;
}
.single .has-bg .entry-meta span a:hover {
color: rgba(255, 255, 255, 1);
}
span.photo-by {
font-size: 14px;
font-family: 'Roboto', sans-serif;
text-align: center;
display: block;
margin-top: 10px;
color: rgba(0, 0, 0, 0.45);
}
span.photo-by a {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
span.photo-by a:hover {
border-bottom-color: rgba(36, 52, 150, 0.84);
}
.single .nosidebar .article-holder {
width: 67%;
margin: 0 auto 50px;
}
.single .nosidebar .entry-header .article-share {
position: absolute;
top: 0;
left: 0;
z-index: 999;
background: #fff;
margin-top: 80px;
margin-left: 60px;
}
.single .nosidebar .entry-header .article-share.sticky {
position: fixed;
top: 0 !important;
}
.single .nosidebar .entry-header .article-share span {
display: block;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: rgba(0, 0, 0, 0.54);
margin-bottom: 10px;
}
.single .nosidebar .entry-header .article-share .post-like a {
display: block;
font-size: 25px;
width: 60px;
height: 60px;
border: 1px solid #ddd;
line-height: 60px;
border-radius: 100%;
margin: 5px auto 0 auto;
color: #11e2a6;
}
.single .nosidebar .entry-header .article-share .social-links a {
display: block;
text-align: center;
color: #000;
padding: 10px;
line-height: 1;
}
.single .nosidebar .entry-header .article-share .social-links a:hover {
color: rgba(36, 52, 150, 0.84);
}
.single .rightsidebar .entry-header .entry-meta,
.single .leftsidebar .entry-header .entry-meta,
.single .full-width .entry-header .entry-meta {
display: inline-block;
width: 60%;
vertical-align: middle;
float: left;
margin-top: 5px;
}
.single .rightsidebar .article-share,
.single .leftsidebar .article-share,
.single .full-width .article-share {
display: flex;
width: 40%;
flex: auto;
flex-direction: row;
justify-content: flex-end;
margin-top: 5px;
}
.single .rightsidebar .entry-header span.post-like,
.single .leftsidebar .entry-header span.post-like,
.single .full-width .entry-header span.post-like {
display: flex; font-family: 'Roboto', sans-serif;
font-size: 14px; color: rgba(0, 0, 0, 0.3);
}
.single .rightsidebar .entry-header span.post-like > a,
.single .leftsidebar .entry-header span.post-like > a,
.single .full-width .entry-header span.post-like > a {
font-size: 25px;
margin-right: 5px;
color: #11e2a6;
}
.single .rightsidebar .entry-header .social-links,
.single .leftsidebar .entry-header .social-links,
.single .full-width .entry-header .social-links {
float: right;
margin-left: 10px;
}
.single .rightsidebar .entry-header .social-links a,
.single .leftsidebar .entry-header .social-links a,
.single .full-width .entry-header .social-links a {
display: inline-block;
font-size: 23px;
padding-left: 12px;
color: rgba(0, 0, 0, 0.84);
}
.single .rightsidebar .entry-header .social-links a:hover,
.single .leftsidebar .entry-header .social-links a:hover,
.single .full-width .entry-header .social-links a:hover{
text-decoration: none;
color: #018AFA;
}
.single .entry-content {
margin-top: 50px;
margin-bottom: 50px;
}
.single .site:not(.has-bg) .site-content .entry-content {
margin-top: 0;
}
.single .post .post-thumbnail{
margin: 0 0 40px;
}
.dropcap {
font-size: 3.43em;
line-height: 1;
float: left;
padding-right: 10px;
font-family: 'Roboto', sans-serif;
color: #000;
font-weight: 500;
}
.tags svg{
margin-right: 10px;
font-size: 13px;
}
.tags a {
display: inline-block;
vertical-align: middle;
padding: 5px 15px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
text-transform: capitalize;
background: rgba(0, 0, 0, 0.05);
border-radius: 5px;
margin-right: 5px;
color: rgba(0, 0, 0, 0.45);
}
.tags a:hover {
background: rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.cat-links{
margin: 0 0 20px;
font-size: 13px;
font-family: 'Roboto', sans-serif;
display: block;
}
.cat-links svg{
margin-right: 17px;
}
.cat-links a{
margin-right: 5px;
color: rgba(0, 0, 0, 0.84);
}
.cat-links a:hover,
.cat-links a:focus{
color: #018AFA;
text-decoration: none;
}
.single article .entry-footer .like-comment-wrap {
display: block;
width: 100%;
text-align: left;
margin-top: 30px;
}
.single .entry-footer .like-comment-wrap span.post-like {
width: 49%;
margin-right: 0;
}
.single .entry-footer .like-comment-wrap span.post-like a {
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 25px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 100%;
margin-right: 10px;
display: inline-block;
}
.single .entry-footer .comment-social {
display: inline-block;
text-align: right;
vertical-align: middle;
width: 50%;
}
.single article .entry-footer .like-comment-wrap .like-comment-wrap{
width: auto;
}
.single .like-comment-wrap span.post-comment {
margin-right: 10px;
}
.single .like-comment-wrap span.post-comment svg{
font-size: 18px;
color: #000;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.single .entry-footer .social-links {
display: inline-block;
vertical-align: middle;
}
.single .entry-footer .social-links a {
display: inline-block;
vertical-align: middle;
padding: 0 10px;
font-size: 22px;
color: rgba(0, 0, 0, 0.84);
}
.single .entry-footer .social-links a:hover,
.single .entry-footer .social-links a:focus{
text-decoration: none;
color: #018AFA;
}
.single .entry-footer .social-links a:last-child {
padding-right: 0;
}
.author-info {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.author-info figure.author-img {
width: 60px;
height: 60px;
border-radius: 100%;
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.author-info .author-content {
display: inline-block;
vertical-align: top;
width: calc(100% - 70px);
padding-left: 20px;
}
.author-info .author-name {
font-size: 20px;
margin-top: 0;
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
font-family: 'Roboto', sans-serif;
}
.author-info .author-social {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-bottom: 5px;
color: #000;
font-size: 18px;
}
.author-info .author-social a {
padding: 0 5px;
display: inline-block;
line-height: 1.3;
color: rgba(0, 0, 0, 0.84);
}
.author-info .author-social a:hover,
.author-info .author-social a:focus{
text-decoration: none;
color: #018AFA;
}
.author-info .author-text {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: rgba(0, 0, 0, 0.45);
line-height: 1.6em;
}
.single .related-article-section {
background: #fafafa;
padding: 60px 0;
}
.related-articles:before,
.related-articles:after {
content: "";
display: table;
}
.related-articles:after {
clear: both;
}
.related-articles .related-posts,
.related-articles .recent-posts{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.related-articles .related-article-block {
float: left;
width: 32%;
margin-right: 2%;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
background: #fff;
display: flex;
flex-direction: column;
}
.related-articles .related-article-block:nth-child(3n) {
margin-right: 0;
}
.related-articles .post-thumbnail img{
width: 100%;
}
.related-content-wrap { padding: 15px;
background: #fff;
display: flex;
flex-direction: column;
flex-grow: 1; }
.related-articles header.entry-header {
min-height: auto;
font-weight: 500;
display: block;
flex-grow: 1;
}
.related-articles header.entry-header:before {
display: none;
}
.recommended {
font-size: 14px;
font-family: 'Roboto', sans-serif;
color: rgba(0, 0, 0, 0.3);
}
.related-articles header.entry-header .entry-title {
font-size: 20px;
color: #000;
}
.related-articles footer.entry-footer {
font-family: 'Roboto', sans-serif;
font-size: 14px;
margin-top: 30px;
padding-bottom: 10px;
}
.related-articles .entry-left {
display: inline-block;
vertical-align: middle;
position: relative;
line-height: 1.5;
width: 50%;
}
.related-articles .entry-left .byline .author a{
color: rgba(0, 0, 0, 0.84);
}
.related-articles .entry-left .byline .author a:hover,
.related-articles .entry-left .byline .author a:focus{
text-decoration: none;
color: #018AFA;
}
.related-articles .byline img {
width: 35px;
height: 35px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.related-articles .entry-footer span.post-read-time {
display: block;
color: rgba(0, 0, 0, 0.3);
}
.related-articles .entry-footer span.post-like {
display: inline-block;
vertical-align: middle;
text-align: right;
width: 48%;
}
.related-articles .entry-footer span.post-like > a {
font-size: 25px;
vertical-align: middle;
margin-right: 5px;
color: #11e2a6;
} .archive .author-info {
display: table;
padding-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
margin-bottom: 40px;
}
.archive .author-info figure.author-img {
width: 100px;
height: 100px;
margin-top: 5px;
}
.archive .author-info .author-content {
width: calc(100% - 106px);
display: flex;
flex: 1;
flex-direction: column;
float: right;
}
.archive .author-info .author-name {
font-size: 24px;
margin-bottom: 0;
color: rgba(0, 0, 0, 0.84);
font-weight: 500;
}
.archive .author-info .author-social {
order: 3;
margin-left: 0;
color: rgba(0, 0, 0, 0.84);
margin-top: 0px;
margin-bottom: 0;
font-size: 22px;
}
.archive .author-info .author-text {
font-size: 18px;
}
.archive article .entry-meta,
.search article .entry-meta {
margin-bottom: 20px;
}
.archive article.post figure.post-thumbnail,
.search article.post figure.post-thumbnail {
margin-bottom: 30px;
}
.archive article.post header.entry-header,
.search article.post header.entry-header {
margin-bottom: 10px;
} .archive .entry-content,
.search .entry-content {
font-size: 18px;
color: rgba(0, 0, 0, 0.4);
margin-bottom: 0;
}
.page-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
padding-bottom: 40px;
margin-bottom: 40px;
}
.sub-title {
font-size: 16px;
font-family: 'Roboto', sans-serif;
margin-top: 0;
margin-bottom: 0;
color: rgba(0, 0, 0, 0.54);
}
.page-title {
font-size: 1.7143em;
margin-top: 0;
margin-bottom: 0;
font-family: 'Roboto', sans-serif;
color: rgba(0, 0, 0, 0.84);
font-weight: 500;
} .search.search-results .search-form-wrap {
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
padding-bottom: 40px;
margin-bottom: 40px;
}
.search .search-title {
font-size: 24px;
margin-top: 0;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
}
.search form.search-form {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
.search .search-form input.search-field,
.search .search-form input.search-submit {
height: 60px;
border: none;
}
.search .search-form input.search-field {
color: rgba(0, 0, 0, 0.7);
font-size: 24px;
width: calc(100% - 140px);
}
.search .search-form input.search-submit {
width: 140px;
} .widget_tag_cloud .tag-cloud-link {
display: inline-block;
vertical-align: middle;
font-size: 15px !important;
font-family: 'Roboto', sans-serif;
padding: 10px 20px;
background: #f5f5f5;
margin-right: 3px;
margin-bottom: 8px;
border-radius: 5px;
color: rgba(0, 0, 0, 0.84);
}
.widget_tag_cloud .tag-cloud-link:hover {
background: #018afa;
color: #fff;
text-decoration: none;
} .widget_calendar table caption {
background: #f5f5f5;
padding: 10px;
}
.widget_calendar table tr td{
padding: 10px 12px;
}
.widget_calendar table tr td#next {
text-align: right;
}
.widget_calendar table{
margin-bottom: 0;
}
.widget_calendar .wp-calendar-nav{
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 8px;
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev{
width: 40%;
text-align: left;
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-next{
width: 40%;
text-align: right;
} .widget_raratheme_featured_page_widget .widget-title{
display: none;
}
.widget_raratheme_featured_page_widget .section-subtitle{
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 15px;
margin-bottom: 25px;
margin-top: 0;
font-family: 'Roboto', sans-serif;
color: rgba(0, 0, 0, 0.84);
order: 1;
}
.widget_raratheme_featured_page_widget .btn-readmore{
}
.widget_raratheme_featured_page_widget .btn-readmore {
display: inline-block;
font-size: 16px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
position: relative;
padding-left: 45px;
color: rgba(0, 0, 0, 0.84);
}
.widget_raratheme_featured_page_widget .btn-readmore:hover,
.widget_raratheme_featured_page_widget .btn-readmore:focus{
text-decoration: none;
color: #018AFA;
}
.widget_raratheme_featured_page_widget .btn-readmore:before {
content: "";
background: rgba(0, 0, 0, 0.84);
width: 30px;
height: 1px;
position: absolute;
top: 50%;
right: calc(100% - 30px);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.widget_raratheme_featured_page_widget .btn-readmore:hover:before {
background: #018AFA;
}
.widget_raratheme_featured_page_widget .widget-featured-holder{
display: flex;
flex-direction: column;
text-align: left !important;
}
.widget_raratheme_featured_page_widget .text-holder{
order: 3;
}
.widget_raratheme_featured_page_widget .img-holder{
order: 2;
margin: 0 0 20px;
}
.widget_raratheme_featured_page_widget .img-holder img{
width: 200px;
height: 200px;
object-fit: cover;
border-radius: 50%;
} .widget_raratheme_companion_cta_widget .text,
.widget_raratheme_companion_cta_widget .bttk-cta-bg{
padding: 20px;
color: #fff;
}
.widget_raratheme_companion_cta_widget .bttk-cta-bg{
position: relative;
}
.widget_raratheme_companion_cta_widget .bttk-cta-bg:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
content: '';
}
.widget_raratheme_companion_cta_widget .bttk-cta-bg .raratheme-cta-container{
position: relative;
}
.widget_raratheme_companion_cta_widget .widget-title{
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
text-align: left;
}
.widget_raratheme_companion_cta_widget .centered{
text-align: center;
}
.widget_raratheme_companion_cta_widget .btn-cta{
font-size: 0.762em;
line-height: 1.250em;
background: #018afa;
border: 1px solid #018afa;
font-family: 'Roboto', sans-serif;
color: #fff;
font-weight: 500;
padding: 15px 30px;
display: inline-block;
-webkit-transition: ease 0.35s;
-moz-transition: ease 0.35s;
transition: ease 0.35s;
border-radius: 5px;
margin: 0 5px 5px;
}
.widget_raratheme_companion_cta_widget .btn-cta:hover,
.widget_raratheme_companion_cta_widget .btn-cta:focus{
text-decoration: none;
background: none;
} .widget_raratheme_client_logo_widget .image-holder{
margin: 0 0 20px;
}
.widget_raratheme_client_logo_widget .image-holder:last-child{
margin: 0;
}
.widget_raratheme_client_logo_widget .image-holder:hover{
filter: grayscale(0);
} .widget_raratheme_companion_faqs_widget ul li .toggle{
padding-right: 20px;
position: relative;
}
.widget_raratheme_companion_faqs_widget ul li .toggle:after{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 32 32'%3E%3Cpath d='M28.3,6.4L32,10L16,25.6L0,10l3.7-3.6L16,18.3L28.3,6.4z'/%3E%3C/svg%3E") center center no-repeat;
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 6px;
right: 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.widget_raratheme_companion_faqs_widget ul .show .toggle:after{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
} .widget_raratheme_featured_widget .text-holder .readmore{
display: inline-block;
font-size: 16px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
position: relative;
padding: 0 0 0 45px;
background: none;
color: rgba(0, 0, 0, 0.84);
border-radius: 0;
border: 0;
position: relative;
}
.widget_raratheme_featured_widget .text-holder .readmore:before{
content: "";
background: rgba(0, 0, 0, 0.84);
width: 30px;
height: 1px;
position: absolute;
top: 50%;
right: calc(100% - 30px);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.widget_raratheme_featured_widget .text-holder .readmore:hover,
.widget_raratheme_featured_widget .text-holder .readmore:focus{
color: #018AFA;
}
.widget_raratheme_featured_widget .text-holder .readmore:hover:before,
.widget_raratheme_featured_widget .text-holder .readmore:focus:before{
background: #018AFA;
} .widget_rrtc_icon_text_widget .rtc-itw-inner-holder{
display: flex;
flex-direction: column;
}
.widget_rrtc_icon_text_widget .icon-holder{
order: 1;
margin: 0 0 20px;
font-size: 35px;
}
.widget_rrtc_icon_text_widget .text-holder{
order: 2;
}
.widget_rrtc_icon_text_widget .text-holder .btn-readmore{
display: inline-block;
font-size: 16px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
position: relative;
padding: 0 0 0 45px;
background: none;
color: rgba(0, 0, 0, 0.84);
border-radius: 0;
border: 0;
position: relative;
}
.widget_rrtc_icon_text_widget .text-holder .btn-readmore:before{
content: "";
background: rgba(0, 0, 0, 0.84);
width: 30px;
height: 1px;
position: absolute;
top: 50%;
right: calc(100% - 30px);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.widget_rrtc_icon_text_widget .text-holder .btn-readmore:hover,
.widget_rrtc_icon_text_widget .text-holder .btn-readmore:focus{
color: #018AFA;
text-decoration: none;
}
.widget_rrtc_icon_text_widget .text-holder .btn-readmore:hover:before,
.widget_rrtc_icon_text_widget .text-holder .btn-readmore:focus:before{
background: #018AFA;
} .widget_raratheme_image_widget .readmore{
display: inline-block;
font-size: 16px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
position: relative;
padding: 0 0 0 45px;
background: none;
color: rgba(0, 0, 0, 0.84);
border-radius: 0;
border: 0;
position: relative;
}
.widget_raratheme_image_widget .readmore:before{
content: "";
background: rgba(0, 0, 0, 0.84);
width: 30px;
height: 1px;
position: absolute;
top: 50%;
right: calc(100% - 30px);
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.widget_raratheme_image_widget .readmore:hover,
.widget_raratheme_image_widget .readmore:focus{
color: #018AFA;
}
.widget_raratheme_image_widget .readmore:hover:before,
.widget_raratheme_image_widget .readmore:focus:before{
background: #018AFA;
} .widget_rara_posts_category_slider_widget .owl-carousel img{
height: 412px;
vertical-align: top;
width: 100%;
object-fit: cover;
}
.widget_rara_posts_category_slider_widget .owl-carousel .carousel-title{
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 105px 16px 24px;
text-align: left;
display: flex;
flex-direction: column-reverse;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
.widget_rara_posts_category_slider_widget .owl-carousel .carousel-title .cat-links{
font-size: 0.556em;
line-height: 1em;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.widget_rara_posts_category_slider_widget .owl-carousel .carousel-title .cat-links a{
color: rgba(255, 255, 255, 0.7);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.widget_rara_posts_category_slider_widget .owl-carousel .carousel-title .cat-links a:hover,
.widget_rara_posts_category_slider_widget .owl-carousel .carousel-title .cat-links a:focus{
text-decoration: none;
color: #fff
}
.widget_rara_posts_category_slider_widget .owl-carousel .carousel-title .title{
font-size: 1.111em;
line-height: 1.250em;
font-weight: 700;
margin: 0 0 8px;
}
.widget_rara_posts_category_slider_widget .owl-carousel .carousel-title .title a{
color: rgba(255, 255, 255, 0.7);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.widget_rara_posts_category_slider_widget .owl-carousel .carousel-title .title a:hover,
.widget_rara_posts_category_slider_widget .owl-carousel .carousel-title .title a:focus{
text-decoration: none;
color: #fff;
}
.widget_rara_posts_category_slider_widget .owl-prev{
position: absolute;
top: 50%;
left: 18px;
width: 40px;
height: 40px;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
background: rgba(0, 0, 0, 0.5) !important;
border-radius: 4px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.widget_rara_posts_category_slider_widget .owl-prev:after{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 32 32'%3E%3Cpath d='M28.3,6.4L32,10L16,25.6L0,10l3.7-3.6L16,18.3L28.3,6.4z'/%3E%3C/svg%3E") center center no-repeat;
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-moz-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.widget_rara_posts_category_slider_widget .owl-next{
position: absolute;
top: 50%;
right: 18px;
width: 40px;
height: 40px;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
background: rgba(0, 0, 0, 0.5) !important;
border-radius: 4px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.widget_rara_posts_category_slider_widget .owl-next:after{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 32 32'%3E%3Cpath d='M28.3,6.4L32,10L16,25.6L0,10l3.7-3.6L16,18.3L28.3,6.4z'/%3E%3C/svg%3E") center center no-repeat;
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-moz-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
} .widget_rrtc_description_widget .image-holder{
margin: 0 0 20px;
}
.widget_rrtc_description_widget .text-holder .name{
display: block;
font-family: 'Roboto', sans-serif;
font-weight: 700;
}
.widget_rrtc_description_widget .text-holder .designation{
font-family: 'Roboto', sans-serif;
font-size: 0.8em;
display: block; 
}
.widget_rrtc_description_widget .text-holder .description{
margin-top: 20px;
}
.widget_rrtc_description_widget .social-profile{
overflow: hidden;
font-size: 16px;
margin-top: 20px;
}
.widget_rrtc_description_widget .social-profile li{
float: left;
margin-bottom: 5px;
margin-right: 5px;
}
.widget_rrtc_description_widget .social-profile li a{
display: block;
width: 35px;
text-align: center;
height: 35px;
line-height: 35px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
color: #000;
}
.widget_rrtc_description_widget .social-profile li a:hover,
.widget_rrtc_description_widget .social-profile li a:focus{
background: #018AFA;
color: #fff;
} .widget_rrtc_testimonial_widget .img-holder{
margin: 0 0 20px;
}
.widget_rrtc_testimonial_widget .text-holder .name{
display: block;
font-family: 'Roboto', sans-serif;
font-weight: 700;
}
.widget_rrtc_testimonial_widget .text-holder .designation{
font-family: 'Roboto', sans-serif;
font-size: 0.8em;
display: block; 
}
.widget_rrtc_testimonial_widget .text-holder .testimonial-content{
margin-top: 20px;
} .portfolio-sorting .button{
border: 1px solid #018AFA;
color: #018AFA;
font-family: 'Roboto', sans-serif;
border-radius: 4px;
padding: 10px 15px;
margin: 0 10px 40px 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.portfolio-sorting .button:hover,
.portfolio-sorting .button.is-checked{
background: #018AFA;
color: #fff;
}
.portfolio-item .portfolio-text-holder{
font-family: 'Roboto', sans-serif;
line-height: 1.5em;
} .widget_raratheme_popular_post ul li .entry-header .entry-title,
.widget_raratheme_recent_post ul li .entry-header .entry-title{
font-family: 'Georgia', serif;
font-weight: 400;
font-size: 18px;
line-height: 29px;
} .widget_rtc_social_links .social-networks{
overflow: hidden;
font-size: 16px;
}
.widget_rtc_social_links .social-networks li{
float: left;
margin-bottom: 5px;
margin-right:   5px;
}
.widget_rtc_social_links .social-networks li a{
display: block;
width: 35px;
text-align: center;
height: 35px;
line-height: 35px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
color: #000;
}
.widget_rtc_social_links .social-networks li a:hover,
.widget_rtc_social_links .social-networks li a:focus{
background: #018AFA;
color: #fff;
} .widget_raratheme_companion_stat_counter_widget .odometer.odometer-auto-theme,
.odometer.odometer-theme-default{
line-height: 1em;
} .single-rara-portfolio .post-navigation{overflow: hidden;}
.related-portfolio{
margin-bottom: 80px;
} .site-content .tc-wrapper > .row:after{
display: block;
clear: both;
content: '';
}
.full-width #primary{
width: 100%;
}
.full-width.centered #primary{
width: 80%;
margin: 0 auto;
} .error404 .not-found{
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.error404 .not-found .page-header{
border-bottom: 0;
padding-bottom: 0;
margin: 0 0 -50px;
}
.error404 .not-found .page-header .page-title{
font-size: 49px;
line-height: 61px;
font-family: 'Georgia', serif;
margin: 0 0 40px;
}
.error404 .not-found .page-header .page-desc{
font-size: 25px;
line-height: 40px;
max-width: 575px;
margin: 0 auto;
}
.error404 .not-found .error-num{
font-size: 400px;
font-weight: 700;
line-height: 1em;
color: #000;
text-shadow: 0 -10px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 80px;
}
.error404 .not-found .bttn{
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
color: #fff;
padding: 15px 40px;
border-radius: 4px;
font-weight: 700;
display: inline-block;
background: #000;
margin: 0 0 70px;
}
.error404 .related-articles{
margin-top: 70px;
} #load-posts a{
display: block;
border-radius: 4px;
background: #018AFA;
border: 1px solid #018AFA;
color: #fff;
text-align: center;
font-size: 0.8em;
font-weight: 700;
text-transform: uppercase;
font-family: 'Roboto', sans-serif; 
padding: 8px 0;
}
#load-posts a:hover,
#load-posts a:focus{
text-decoration: none;
background: none;
color: #018AFA;
}
#load-posts a svg{
margin-right: 5px;
}
.page .post-thumbnail{
margin: 0 0 30px;
} .single .has-bg #primary .post:after{
display: block;
clear: both;
content: '';
}
.single .has-bg #primary .post .article-share{
width: 60px;
margin-right: 70px;
display: block;
float: left;
}
.single .has-bg #primary .post .article-share .post-like{
display: block;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: rgba(0, 0, 0, 0.54);
margin-bottom: 10px;
}
.single .has-bg #primary .post .article-share .post-like a{
display: block;
font-size: 25px;
width: 60px;
height: 60px;
border: 1px solid #ddd;
line-height: 60px;
border-radius: 100%;
margin: 5px auto 0 auto;
color: #11e2a6;
}
.single .has-bg #primary .post .article-share .social-links{
text-align: center;
}
.single .has-bg #primary .post .article-share .social-links a{
display: block;
text-align: center;
color: #000;
padding: 10px;
line-height: 1;
}
.single .has-bg #primary .post .article-share .social-links a:hover,
.single .has-bg #primary .post .article-share .social-links a:focus{
color: #018AFA;
}
.single .has-bg #primary .post .content-holder{
overflow: hidden;
}
.single .has-bg #primary .post .content-holder .entry-content{
margin-top: 0;
}
.single .has-bg .site-content .tc-wrapper > .row{
margin-top: 70px;
}
.single .has-bg .site-content .entry-header .article-share{
display: none;
}
.single .has-bg .site-content .entry-header .entry-meta{
margin-top: 30px;
display: table;
margin-left: auto;
margin-right: auto;
padding-left: 80px;
text-align: left; 
width: auto;
} .sticky-menu{
position: fixed !important;
width: 100%;
top: 0;
z-index: 2;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.with-background{
background: #fff !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
.with-background .site-title a,
.with-background .site-branding .site-description,
.with-background .main-navigation ul li a{
color: rgba(0, 0, 0, 0.84);
}
.with-background .main-navigation ul li:hover > a,
.with-background .main-navigation ul li.current-menu-item > a,
.with-background .main-navigation ul li.current_page_item > a{
color: rgba(0, 0, 0, 1)
}
.with-background .header-search button.search-toggle-btn,
.with-background .header-search button.search-toggle-btn:hover{
color: rgba(0, 0, 0, 0.84);
border-left-color: rgba(0, 0, 0, 0.1);
}
.site{
background: #fff;
}
.custom-background .site{
max-width: 90%;
margin: 0 auto;
}
.custom-background .sticky-menu{
max-width: 90%;
left: auto;
right: auto;
}
.custom-background .has-banner .site-header,
.custom-background .has-bg header.site-header{
max-width: 90%;
}
.has-banner .sticky-holder,
.has-bg .sticky-holder{
height: 0 !important;
}
body:not(.home) .sticky-menu{
background: #fff;
}
body:not(.home) .has-bg .sticky-menu{
background: none;
}
body:not(.home) .no-banner .sticky-holder{
margin: 0 0 50px;
}
body:not(.home) .no-banner.has-bg .sticky-holder{
margin: 0;
} @media screen and (max-width: 1180px) and (orientation: landscape) { }
@media screen and (max-width: 1180px) {
.tc-wrapper {
width: 100%;
}
.main-navigation ul li a {
padding-left: 15px;
padding-right: 15px;
} .top-footer section.widget {
margin-right: 2.5%;
}
}
@media screen and (max-width: 1096px) { .banner-caption .banner-title,
.banner-caption .banner-desc,
.banner-caption .banner-form {
width: 75%;
}
}
@media screen and (max-width: 980px) {
.logo-text .site-logo {
display: block;
margin: 0 auto;
width: 40px;
}
.logo-text .site-title-wrap {
padding-left: 0;
width: 100%;
text-align: center;
margin-top: 10px;
}
.site-header .site-title {
font-size: 23px;
}
.nav-wrap .main-navigation {
width: calc(100% - 40px);
}
.main-navigation ul li {
font-size: 13px;
}
.main-navigation ul li a {
padding-left: 10px;
padding-right: 10px;
}
.nav-wrap .header-search {
width: 30px;
}
}
@media screen and (max-width: 800px) {
.back-to-top {
right: 15px;
width: 40px;
height: 40px;
line-height: 40px;
}
.back-to-top img {
margin-top: 10px;
}
.has-bg .entry-header .tc-wrapper,
.single .nosidebar .article-holder,
.comments-area {
width: 100%;
} .site-header .site-branding {
width: 69%;
}
.logo-text .site-logo {
display: inline-block;
width: 50px;
}
.logo-text .site-title-wrap {
padding-left: 20px;
width: calc(100% - 60px);
text-align: left;
margin-top: 0;
}
.site-header .site-title {
font-size: 30px;
line-height: 1.25em;
}
.site-header .nav-wrap {
width: 29%;
}
.nav-wrap .main-navigation {
width: auto;
}
.main-navigation button.toggle-button {
display: block;
padding: 0;
width: 40px;
height: 40px;
position: relative;
background: none;
}
.main-navigation button.toggle-button .toggle-bar {
background: rgba(255, 255, 255, 0.84);
width: 25px;
height: 3px;
display: block;
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.main-navigation button.toggle-button .toggle-bar:nth-child(2) {
top: 19px;
}
.main-navigation button.toggle-button .toggle-bar:nth-child(3) {
top: 27px;
}
.main-navigation button.toggle-button:hover .toggle-bar {
background: rgba(36, 52, 150, 0.84);
} .main-navigation .menu {
padding: 30px 0;
position: fixed;
background: #222;
top: 0;
left: 0;
height: 100%;
z-index: 9999;
width: 50%;
text-align: left;
overflow-y: auto;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
visibility: hidden;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.main-navigation.menu-toggled .menu {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
.main-navigation ul li {
display: block;
font-size: 14px;
}
.main-navigation ul li a {
padding-left: 15px;
padding-right: 15px;
width: 100%;
color: rgba(255, 255, 255, 0.84);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.main-navigation ul li:hover>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current_page_item>a {
color: #fff;
}
.main-navigation ul li.menu-item-has-children span {
color: #fff;
position: absolute;
top: 10px;
right: 0;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight: 400;
cursor: pointer;
text-align: center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.main-navigation ul ul li.menu-item-has-children span {
color: rgba(0, 0, 0, 0.84);
}
.main-navigation ul li.menu-item-has-children span.active {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.main-navigation ul ul,
.has-banner .main-navigation ul ul,
.has-bg .main-navigation ul ul {
margin-left: 0;
position: static;
display: block;
width: 100%;
background: #e5e5e5;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.main-navigation ul ul li a,
.has-banner .main-navigation ul ul li a,
.has-bg .main-navigation ul ul li a {
padding-top: 10px;
padding-bottom: 10px;
}
.has-banner .main-navigation ul ul li:hover>a,
.has-banner .main-navigation ul ul li.current-menu-item>a,
.has-banner .main-navigation ul ul li.current_page_item>a,
.has-bg .main-navigation ul ul li:hover>a,
.has-bg .main-navigation ul ul li.current-menu-item>a,
.has-bg .main-navigation ul ul li.current_page_item>a,
.main-navigation ul ul li:hover>a,
.main-navigation ul ul li.current-menu-item>a,
.main-navigation ul ul li.current_page_item>a {
background: rgba(255, 255, 255, 0.5);
}
.nav-wrap .header-search {
width: auto;
}
.header-search button.search-toggle-btn {
padding-left: 10px;
} .banner-caption .banner-title,
.banner-caption .banner-desc,
.banner-caption .banner-form {
width: 95%;
} .rightsidebar #primary,
.leftsidebar #primary {
float: none;
width: 100%;
padding-right: 0;
padding-left: 0;
margin-bottom: 50px;
}
.rightsidebar #secondary,
.leftsidebar #secondary {
float: none;
width: 100%;
} .single .nosidebar .entry-header .article-share {
position: static;
margin-top: 20px;
margin-left: 0;
background: none;
}
.single .nosidebar .entry-header .article-share span,
.single .nosidebar .entry-header .article-share .social-links a {
color: rgba(255, 255, 255, 0.84);
display: inline-block;
vertical-align: middle;
}
.single .nosidebar .entry-header .article-share .social-links a:hover {
color: rgba(255, 255, 255, 1)
}
.single .nosidebar .entry-header .article-share span {
position: relative;
padding-left: 30px;
margin-bottom: 0;
margin-right: 10px;
}
.single .nosidebar .entry-header .article-share span .fa {
display: inline-block;
width: auto;
height: auto;
line-height: 1;
border: none;
font-size: 21px;
vertical-align: middle;
margin-top: 2px;
position: absolute;
left: 0;
top: 0;
}
.single .nosidebar .social-links {
display: inline-block;
vertical-align: middle;
}
.tags a {
margin-right: 3px;
}
.error404 .not-found .error-num{
font-size: 80px;
text-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1);
}
.error404 .not-found .page-header{
margin: 0;
}
.single .has-bg #primary .post .article-share{
display: none;
}
.single .has-bg .site-content .entry-header .article-share{
display: block;
width: 100%;
text-align: center;
flex: none;
margin-top: 20px;
}
.single .has-bg .site-content .entry-header .article-share .post-like{
display: inline-block;
color: rgba(255, 255, 255, 0.84);
}
.single .has-bg .site-content .entry-header .article-share .post-like a{
vertical-align: middle;
}
.single .has-bg .site-content .entry-header .article-share .social-links{
display: inline-block;
float: none;
}
.single .has-bg .site-content .entry-header .article-share .social-links a{
color: rgba(255, 255, 255, 0.84);
}
.single .has-bg .site-content .entry-header .article-share .social-links a:hover,
.single .has-bg .site-content .entry-header .article-share .social-links a:focus{
color: #fff;
}
.site-footer .top-footer .footer-holder > .col{
width: 50%; 
}
.related-articles .related-article-block{
width: 48%;
margin-bottom: 2%;
}
.related-articles .related-article-block:nth-child(2n){
margin-right: 0;
}
.related-articles .related-article-block:nth-child(3n){
display: none;
}
}
@media screen and (max-width: 640px) {
body,
button,
input,
select,
optgroup,
textarea {
font-size: 16px;
}
.has-banner .site-header {
position: static;
padding-top: 15px;
padding-bottom: 15px;
}
.has-banner .site-header .site-title,
.has-banner .site-branding .site-description {
color: rgba(0, 0, 0, 0.84);
}
.main-navigation .nav-menu {
width: 75%;
}
.main-navigation button.toggle-button .toggle-bar {
background: rgba(0, 0, 0, 0.84);
}
.has-bg .main-navigation button.toggle-button .toggle-bar {
background: rgba(255, 255, 255, 0.84);
}
.has-banner .header-search button.search-toggle-btn {
color: rgba(0, 0, 0, 0.84);
}
.has-banner .header-search button.search-toggle-btn:hover {
color: rgba(36, 52, 150, 0.84);
}
table {
font-size: 14px;
}
table tr th,
table tr td {
padding-left: 5px;
padding-right: 5px;
}  .banner-caption figure.caption-img {
width: 40px;
height: 40px;
margin-bottom: 10px;
border-width: 2px;
}
.banner-caption .banner-title {
font-size: 1.2em;
}
.banner-caption .banner-desc {
margin-bottom: 10px;
}
.banner-caption{
padding-bottom: 20px;
}
.site-banner .wp-custom-header img{
height: 440px;
} .top-footer section.widget {
width: 100%;
margin-right: 0;
}
.bottom-footer .copyright-menu-wrap {
width: 100%;
text-align: center;
}
.bottom-footer .copyright,
.bottom-footer .footer-menu {
display: block;
}
.bottom-footer .copyright {
padding-right: 0;
}
.bottom-footer .footer-social {
width: 100%;
text-align: center;
margin-top: 15px;
} .related-articles .related-article-block {
width: 100%;
}
.related-articles .related-article-block:nth-child(2n) {
margin-right: 0;
}
.related-articles .related-article-block:nth-child(3n) {
display: block;
}
.single .rightsidebar .entry-header .entry-meta,
.single .leftsidebar .entry-header .entry-meta {
width: 100%;
margin-bottom: 20px;
float: none;
}
.single .rightsidebar .article-share,
.single .leftsidebar .article-share {
width: 100%;
}
.single .rightsidebar .entry-header span.post-like,
.single .leftsidebar .entry-header span.post-like,
.single .rightsidebar .entry-header .social-links,
.single .leftsidebar .entry-header .social-links {
float: none;
}
.single .rightsidebar .entry-header span.post-like,
.single .leftsidebar .entry-header span.post-like {
flex: 0;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper h3{
font-size: 1.2em;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form{
flex-direction: column;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form input[type="submit"]{
width: 100%;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form input[type="text"]:first-child{
border-radius: 4px 4px 0 0;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form input[type="submit"]{
border-radius: 0 0 4px 4px;
}
.site-footer .top-footer .footer-holder > .col{
width: 100%;
}
.site-footer .top-footer .footer-holder{
flex-direction: column;
}
.site-footer .top-footer .column-2 > .col{
width: 100%
}
.site-content{
padding: 0 0 30px;
}
.banner-caption .banner-form .blossomthemes-email-newsletter-wrapper form label .check-mark{
top: 6px;
}
.has-banner .site-title a,
.has-bg .site-title a{
color: rgba(0, 0, 0, 0.84); 
}
.related-articles .related-posts{
flex-direction: column;
}
}
@media screen and (max-width: 540px) {
.site-banner {
margin-bottom: 50px;
}
.entry-meta span {
margin-right: 10px;
}
.entry-meta span::after {
right: -8px;
}
.entry-header .entry-title {
font-size: 1.5em;
}
.navigation .nav-links {
font-size: 14px;
} .logo-text .site-logo {
width: 40px;
}
.logo-text .site-title-wrap {
padding-left: 5px;
}
.site-header .site-title {
font-size: 23px;
}
.header-search .header-search-form {
width: 300px;
}
.search-form input.search-field {
width: calc(100% - 90px);
}
.search-form input.search-submit {
width: 90px;
font-size: 14px;
} .author-info figure.author-img {
display: block;
margin-bottom: 20px;
margin-top: 0;
}
.author-info .author-content,
.archive .author-info .author-content {
float: none;
width: 100%;
} .search .search-form input.search-field {
width: calc(100% - 90px);
}
.search .search-form input.search-submit {
width: 90px;
} .single .entry-footer .like-comment-wrap span.post-like {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.single .entry-footer .comment-social {
width: 100%;
text-align: center;
}
.related-articles .related-article-block {
float: none;
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.related-articles .related-article-block:nth-child(3n) {
display: block;
}
.comment-respond p.comment-form-author,
.comment-respond p.comment-form-email,
.comment-respond p.comment-form-url {
width: 100%;
margin-right: 0;
}
} .header-search .btn-form-close {
position: absolute;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' viewBox='0 0 32 32'%3E%3Cpath d='M32,2.3L29.7,0L16,13.7L2.3,0L0,2.3L13.7,16L0,29.7L2.3,32L16,18.3L29.7,32l2.3-2.3L18.3,16L32,2.3z'/%3E%3C/svg%3E");
background-color: transparent;
top: 50%;
left: 50%;
width: 15px;
height: 15px;
padding: 0px;
border: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
opacity: 0; 
border-color: none;
border-radius: 0;
}
.header-search .btn-form-close:focus { 
opacity: 1;
outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.search .search-form input.search-field {
font-size : 14px
}
.search .search-form input.search-field, .search .search-form input.search-submit {
height: 50px;
}
@media only screen and (max-width:800px) {
.main-navigation button.toggle-button {
top: 16px;
}
.main-navigation .menu {
display: none;
}
.mobile-menu-wrapper .nav-menu  {
padding: 30px 0;
position: fixed;
background: #222;
top: 0;
left: 0;
height: 100%;
z-index: 9999;
width: 50%;
text-align: left;
overflow-y: auto;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
visibility: hidden; 
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
} .nav-menu.menu-toggled  {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
.mobile-menu-wrapper .close-main-nav-toggle {
position: absolute;
top: -19px;
right: 0px;
width: 32px;
height: 33px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 32 32'%3E%3Cpath d='M23,6.286,21.714,5,14,12.714,6.286,5,5,6.286,12.714,14,5,21.714,6.286,23,14,15.286,21.714,23,23,21.714,15.286,14Z'/%3E%3C/svg%3E") center center no-repeat;
cursor: pointer;
border: none;
padding: 0;
display: none;
}
.mobile-menu-wrapper .close-main-nav-toggle:hover { 
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23243496;' viewBox='0 0 32 32'%3E%3Cpath d='M23,6.286,21.714,5,14,12.714,6.286,5,5,6.286,12.714,14,5,21.714,6.286,23,14,15.286,21.714,23,23,21.714,15.286,14Z'/%3E%3C/svg%3E") center center no-repeat;
}
.mobile-menu-wrapper .close-main-nav-toggle:focus {
outline: 1px dotted #ffffff;
}
.main-navigation ul li.menu-item-has-children .angle-down {
color: #fff;
background-color: transparent;
padding: 11px;
position: absolute;
top: 0px;
right: 4px;
width: 47px;
height: 45px;
font-weight: 400;
cursor: pointer;
text-align: center;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.main-navigation ul li.menu-item-has-children .angle-down:focus { 
outline: 1px dotted #ffffff;
}
.main-navigation ul ul li.menu-item-has-children .angle-down {
color: rgba(0, 0, 0, 0.84);
}
.main-navigation ul li.menu-item-has-children .angle-down.active {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.mobile-menu .nav-menu li span {
display: none;
}
.toggle-button:focus {
outline: 1px dotted #ffffff;
}
.mobile-menu .close-main-nav-toggle:focus {
outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.mobile-menu-wrapper .primary-menu-list {
position: relative;
}
}
@media only screen and (min-width:800px) {
.mobile-menu-wrapper {
display : none;
}
.toggle-button {
display: none !important;
}  
}
@media screen and (max-width: 640px) {
.mobile-menu-wrapper .close-main-nav-toggle {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 32 32'%3E%3Cpath d='M23,6.286,21.714,5,14,12.714,6.286,5,5,6.286,12.714,14,5,21.714,6.286,23,14,15.286,21.714,23,23,21.714,15.286,14Z'/%3E%3C/svg%3E") center center no-repeat;   
}
.mobile-menu-wrapper .close-main-nav-toggle:focus {
outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.main-navigation .toggle-button:focus {
outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.main-navigation button.toggle-button {
top: 11px;
}
}
@media screen and (max-width:450px) {
.mobile-menu-wrapper .nav-menu  { 
width: 100%;
}
}