@charset "UTF-8";
   html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
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: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
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%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb;
}
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: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
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 {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  a:focus{
outline: none;
}
a:focus-visible {
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;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: 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 {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.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;
} .wp-caption {
margin-bottom: 1.5em;
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;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
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;
}
@-webkit-keyframes scale-in-bottom-left {
0% {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
}
@-moz-keyframes scale-in-bottom-left {
0% {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
}
@keyframes scale-in-bottom-left {
0% {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
}
@-webkit-keyframes scale-out-bottom-left {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
100% {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
}
@-moz-keyframes scale-out-bottom-left {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
100% {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
}
@keyframes scale-out-bottom-left {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
100% {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
}
@-webkit-keyframes scale-bottom-left {
0% {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
}
@-moz-keyframes scale-bottom-left {
0% {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
}
@keyframes scale-bottom-left {
0% {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform-origin: 0% 100%;
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
opacity: 1;
}
}
@-webkit-keyframes scale-in-hor-left {
0% {
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
opacity: 1;
}
100% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
opacity: 1;
}
}
@-moz-keyframes scale-in-hor-left {
0% {
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
opacity: 1;
}
100% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
opacity: 1;
}
}
@keyframes scale-in-hor-left {
0% {
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
opacity: 1;
}
100% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
opacity: 1;
}
}
@-webkit-keyframes scale-out-hor-left {
0% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
}
100% {
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
}
}
@-moz-keyframes scale-out-hor-left {
0% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
}
100% {
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
}
}
@keyframes scale-out-hor-left {
0% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
}
100% {
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
}
}
@-webkit-keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-moz-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
}
100% {
transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
-webkit-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
-moz-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
}
}
@-moz-keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-moz-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
}
100% {
transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
-webkit-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
-moz-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
}
}
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-moz-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
}
100% {
transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
-webkit-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
-moz-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
}
}
@-webkit-keyframes lift1 {
0%, 10%, 90% {
top: 40px;
left: 40px;
}
50% {
top: 0px;
left: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@-moz-keyframes lift1 {
0%, 10%, 90% {
top: 40px;
left: 40px;
}
50% {
top: 0px;
left: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@keyframes lift1 {
0%, 10%, 90% {
top: 40px;
left: 40px;
}
50% {
top: 0px;
left: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@-webkit-keyframes lift2 {
0%, 10%, 90% {
top: 40px;
right: 40px;
}
50% {
top: 0px;
right: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@-moz-keyframes lift2 {
0%, 10%, 90% {
top: 40px;
right: 40px;
}
50% {
top: 0px;
right: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@keyframes lift2 {
0%, 10%, 90% {
top: 40px;
right: 40px;
}
50% {
top: 0px;
right: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@-webkit-keyframes lift3 {
0%, 10%, 90% {
bottom: 40px;
right: 40px;
}
50% {
bottom: 0px;
right: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@-moz-keyframes lift3 {
0%, 10%, 90% {
bottom: 40px;
right: 40px;
}
50% {
bottom: 0px;
right: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@keyframes lift3 {
0%, 10%, 90% {
bottom: 40px;
right: 40px;
}
50% {
bottom: 0px;
right: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@-webkit-keyframes lift4 {
0%, 10%, 90% {
bottom: 40px;
left: 40px;
}
50% {
bottom: 0px;
left: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@-moz-keyframes lift4 {
0%, 10%, 90% {
bottom: 40px;
left: 40px;
}
50% {
bottom: 0px;
left: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@keyframes lift4 {
0%, 10%, 90% {
bottom: 40px;
left: 40px;
}
50% {
bottom: 0px;
left: 0px;
background-color: white;
}
0%, 10% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
90%, 100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@-webkit-keyframes rotate-center {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-moz-keyframes rotate-center {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@keyframes rotate-center {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-partial {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
}
100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@-moz-keyframes rotate-partial {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
}
100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
@keyframes rotate-partial {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
}
100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
}
.comments-area .comment-list, .widget-area ul, .twp-list-post-list, .twp-mobile-menu-section .twp-mobile-menu ul, ul.twp-social-icons-rounded, ul.twp-social-icons, .slick-dots, .twp-categories ul {
list-style: none;
margin: 0;
padding: 0;
}
.twp-not-found .search-form:before, .twp-masonary-gallery-no-space:before, .twp-masonary-gallery-with-space:before, .widget .search-form:before,
.twp-menubar-search .search-form:before, .post-navigation .nav-links:before, .posts-navigation .nav-links:before, .single #content:before,
.page-template-default #content:before,
.page-template-front-page-template #content:before, .clearfix:before, .twp-not-found .search-form:after, .twp-masonary-gallery-no-space:after, .twp-masonary-gallery-with-space:after, .widget .search-form:after,
.twp-menubar-search .search-form:after, .post-navigation .nav-links:after, .posts-navigation .nav-links:after, .single #content:after,
.page-template-default #content:after,
.page-template-front-page-template #content:after, .clearfix:after {
clear: both;
content: "";
display: block;
}
.twp-not-found .search-form .search-submit, .twp-header .site-branding .site-description, .twp-close-icon span, .page-title span:after, .widget-title:after, .pagination .page-numbers.current,
.pagination .post-page-numbers.current,
.page-links .page-numbers.current,
.page-links .post-page-numbers.current {
background-color: #ffaaa6;
}
.twp-single-article .entry-footer .tags-links a, .pagination .page-numbers.current,
.pagination .post-page-numbers.current,
.page-links .page-numbers.current,
.page-links .post-page-numbers.current, .twp-categories.twp-categories-with-line li {
border-color: #ffaaa6;
}
.twp-not-found h1, .comments-area .comment-list li .comment-meta a, .twp-single-article .entry-footer .edit-link a, .twp-single-article .entry-footer .edit-link, .twp-bio-widget .twp-basic-info .twp-title-with-social-icon h5, .twp-author-meta.twp-author-meta-primary {
color: #ffaaa6;
}
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next, .twp-full-width-post .twp-gallery-post .post-thumbnail, .twp-overlay-image-hover, .twp-overlay-black, .twp-overlay, .comments-area .comment-respond .comment-form .logged-in-as a, .comments-area .comment-list li .comment-reply-link, .posts-navigation a, .pagination .page-numbers,
.pagination .post-page-numbers,
.page-links .page-numbers,
.page-links .post-page-numbers, .twp-border-btn.twp-border-btn-white {
transform: perspective(1px) translateZ(0);
}
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next, .twp-full-width-post .twp-gallery-post .post-thumbnail, .twp-overlay-image-hover, .twp-overlay-black, .twp-overlay {
position: relative;
z-index: 1;
}
.post-navigation .nav-links .nav-previous:before,
.post-navigation .nav-links .nav-next:before, .twp-full-width-post .twp-gallery-post .post-thumbnail:before, .twp-overlay-image-hover:before, .twp-overlay-black:before, .twp-overlay:before {
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.posts-navigation a, .pagination .page-numbers,
.pagination .post-page-numbers,
.page-links .page-numbers,
.page-links .post-page-numbers, .wpcf7-form input[type=submit], .twp-border-btn {
display: inline-block;
line-height: 1;
border-style: solid;
border-width: 1px;
padding: 15px 30px;
font-size: 0.9rem;
text-transform: uppercase;
}
.comments-area .comment-respond .comment-form .logged-in-as a, .comments-area .comment-list li .comment-reply-link, .posts-navigation a, .pagination .page-numbers,
.pagination .post-page-numbers,
.page-links .page-numbers,
.page-links .post-page-numbers, .twp-border-btn.twp-border-btn-white {
overflow: hidden;
}
.comments-area .comment-respond .comment-form .logged-in-as a:after, .comments-area .comment-list li .comment-reply-link:after, .posts-navigation a:after, .pagination .page-numbers:after,
.pagination .post-page-numbers:after,
.page-links .page-numbers:after,
.page-links .post-page-numbers:after, .twp-border-btn.twp-border-btn-white:after {
position: absolute;
height: 100%;
width: 100%;
top: 0;
display: block;
z-index: -1;
left: 0;
background-color: #ffaaa6;
animation: scale-out-hor-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
content: "";
}
.comments-area .comment-respond .comment-form .logged-in-as a:hover, .comments-area .comment-list li .comment-reply-link:hover, .posts-navigation a:hover, .pagination .page-numbers:hover,
.pagination .post-page-numbers:hover,
.page-links .page-numbers:hover,
.page-links .post-page-numbers:hover, .twp-border-btn.twp-border-btn-white:hover {
border-color: #ffaaa6;
color: white;
}
.comments-area .comment-respond .comment-form .logged-in-as a:hover:after, .comments-area .comment-list li .comment-reply-link:hover:after, .posts-navigation a:hover:after, .pagination .page-numbers:hover:after,
.pagination .post-page-numbers:hover:after,
.page-links .page-numbers:hover:after,
.page-links .post-page-numbers:hover:after, .twp-border-btn.twp-border-btn-white:hover:after {
animation: scale-in-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.twp-float-left {
float: left;
}
.twp-float-right {
float: right;
}
.clearfix:before, .clearfix:after {
clear: both;
content: "";
display: block;
}
.twp-d-flex {
display: flex;
flex-wrap: wrap;
}
.twp-w-100 {
width: 100%;
}
.twp-text-center {
text-align: center;
}
.twp-d-block {
display: block;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
.data-bg,
.bg-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
background-color: #7b7b7b;
}
a {
text-decoration: none;
color: black;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
a:hover,
a:focus {
color: #ffaaa6;
}
.twp-image-hover {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.twp-image-hover:hover,
.twp-image-hover:focus {
transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
}
.twp-border-btn.twp-border-btn-white {
border-color: white;
}
.twp-primary-bg {
background-color: #ffaaa6;
}
.twp-text-white {
color: white;
}
.container-fluid {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.twp-row {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 1050px) {
.admin-bar .twp-header {
top: 30px;
}
}
.twp-header {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 1050px) {
.twp-header {
flex: 0 0 25%;
max-width: 25%;
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
display: flex;
flex-direction: column;
}
}
@media (min-width: 1050px) {
.twp-page-content {
padding-left: 25%;
}
}
.single #content,
.page-template-default #content,
.page-template-front-page-template #content {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.single #content #primary,
.page-template-default #content #primary,
.page-template-front-page-template #content #primary {
background-color: #f8f9fa;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 1050px) {
.single #content #primary,
.page-template-default #content #primary,
.page-template-front-page-template #content #primary {
flex: 0 0 70%;
max-width: 70%;
}
}
.single #content #secondary,
.page-template-default #content #secondary,
.page-template-front-page-template #content #secondary {
flex: 0 0 100%;
max-width: 100%;
background-color: #e7eff2;
}
@media (min-width: 1050px) {
.single #content #secondary,
.page-template-default #content #secondary,
.page-template-front-page-template #content #secondary {
flex: 0 0 30%;
max-width: 30%;
}
}
.single.right-sidebar #content #primary,
.page-template-default.right-sidebar #content #primary,
.page-template-front-page-template.right-sidebar #content #primary {
order: 1;
}
.single.right-sidebar #content #secondary,
.page-template-default.right-sidebar #content #secondary,
.page-template-front-page-template.right-sidebar #content #secondary {
order: 2;
}
.single.left-sidebar #content #primary,
.page-template-default.left-sidebar #content #primary,
.page-template-front-page-template.left-sidebar #content #primary {
order: 2;
}
.single.left-sidebar #content #secondary,
.page-template-default.left-sidebar #content #secondary,
.page-template-front-page-template.left-sidebar #content #secondary {
order: 1;
}
.single.no-sidebar #content #primary,
.page-template-default.no-sidebar #content #primary,
.page-template-front-page-template.no-sidebar #content #primary {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 1050px) {
.single.no-sidebar #content #primary,
.page-template-default.no-sidebar #content #primary,
.page-template-front-page-template.no-sidebar #content #primary {
padding-left: 30px;
padding-right: 30px;
}
}
.single.no-sidebar #content #secondary,
.page-template-default.no-sidebar #content #secondary,
.page-template-front-page-template.no-sidebar #content #secondary {
display: none;
}
body {
color: black;
font-family: "Open Sans";
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
body::-webkit-scrollbar {
width: 0;
height: 0;
}
p a {
color: #ffaaa6;
}
p a:hover,
p a:focus {
color: black;
}
.twp-author-meta {
display: flex;
align-items: center;
font-weight: 600;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
font-size: 0.8rem;
}
.twp-author-meta span, .twp-author-meta a {
display: inline-block;
}
.twp-author-meta .twp-author-caption,
.twp-author-meta .twp-post-date,
.twp-author-meta .twp-comment {
padding-left: 5px;
padding-right: 5px;
}
.twp-author-meta .twp-author-image {
width: 35px;
margin-left: 5px;
margin-right: 5px;
vertical-align: middle;
}
.twp-author-meta .twp-author-image img {
border-radius: 100%;
}
.twp-categories ul {
margin-left: -15px;
margin-right: -15px;
}
.twp-categories ul li {
display: inline-block;
}
.twp-categories ul li a {
display: inline-block;
font-weight: 600;
position: relative;
padding-left: 15px;
padding-right: 15px;
color: gray;
}
.twp-categories ul li a:after {
position: absolute;
content: "/";
display: inline-block;
top: 0;
right: 0;
}
.twp-categories ul li a:hover,
.twp-categories ul li a:focus {
color: #ffaaa6;
}
.twp-categories ul li:last-child a:after {
content: none;
}
.twp-categories.twp-categories-with-line li {
border-bottom-style: solid;
border-bottom-width: 2px;
margin-left: 5px;
margin-right: 5px;
}
.twp-categories.twp-categories-with-line li a {
padding: 0;
}
.twp-categories.twp-categories-with-line li a:after {
content: none;
}
.twp-categories.twp-categories-with-line ul {
margin: 0;
}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea {
border-style: solid;
border-width: 1px;
border-color: #CFD8DC;
width: 100%;
padding: 10px 15px;
}
.wpcf7-form textarea {
height: 100px;
}
.wpcf7-form input[type=submit] {
border-color: black;
background-color: black;
color: white;
font-weight: 600;
cursor: pointer;
}
.twp-meta {
color: gray;
}
.twp-meta span {
font-size: 0.8rem;
}
.twp-body-overlay {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.twp-body-overlay.show {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 1;
}
.twp-overlay:before {
content: "";
background-color: rgba(248, 249, 250, 0.6);
}
.twp-overlay-black:before {
content: "";
background-color: rgba(0, 0, 0, 0.6);
}
.twp-overlay-image-hover:before {
background-color: rgba(255, 170, 166, 0.6);
content: "";
-webkit-animation: scale-out-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-o-animation: scale-out-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-moz-animation: scale-out-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
animation: scale-out-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.twp-overlay-image-hover:hover:before,
.twp-overlay-image-hover:focus:before {
-webkit-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-o-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-moz-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.home .pagination {
padding-bottom: 30px;
}
.twp-pagination-numeric {
flex: 0 0 100%;
max-width: 100%;
}
.pagination,
.page-links {
text-align: center;
}
.pagination .prev.page-numbers,
.pagination .next.page-numbers,
.page-links .prev.page-numbers,
.page-links .next.page-numbers {
display: inline-block;
background-color: black;
color: white;
}
.pagination .page-numbers,
.pagination .post-page-numbers,
.page-links .page-numbers,
.page-links .post-page-numbers {
display: none;
margin-top: 30px;
font-weight: 600;
}
@media (min-width: 768px) {
.pagination .page-numbers,
.pagination .post-page-numbers,
.page-links .page-numbers,
.page-links .post-page-numbers {
display: inline-block;
}
}
.pagination .page-numbers.current,
.pagination .post-page-numbers.current,
.page-links .page-numbers.current,
.page-links .post-page-numbers.current {
color: white;
}
.pagination .twp-caption,
.page-links .twp-caption {
border: 0;
padding: 10px 15px;
}
.pagination .twp-caption:after,
.page-links .twp-caption:after {
content: none;
}
.pagination .twp-caption:hover,
.pagination .twp-caption:focus,
.page-links .twp-caption:hover,
.page-links .twp-caption:focus {
color: black;
}
.posts-navigation {
text-align: center;
}
@media (min-width: 992px) {
.posts-navigation {
padding-bottom: 30px;
}
}
.posts-navigation .nav-links {
display: flex;
justify-content: center;
}
.posts-navigation .nav-previous,
.posts-navigation .nav-next {
float: none;
width: initial;
padding: 15px 30px 0;
}
.posts-navigation a {
font-weight: 600;
}
.page-links {
margin: 0;
}
.twp-preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background-color: #ffaaa6;
}
.twp-preloader .status {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-moz-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
width: 160px;
height: 160px;
-webkit-animation: spin 1.2s infinite ease;
-o-animation: spin 1.2s infinite ease;
-moz-animation: spin 1.2s infinite ease;
animation: spin 1.2s infinite ease;
}
.twp-preloader .twp-square {
background-color: #CFD8DC;
position: absolute;
display: block;
width: 40px;
height: 40px;
}
.twp-preloader .twp-square:nth-child(1) {
top: 40px;
left: 40px;
-webkit-animation: lift1 1.2s infinite ease;
-o-animation: lift1 1.2s infinite ease;
-moz-animation: lift1 1.2s infinite ease;
animation: lift1 1.2s infinite ease;
}
.twp-preloader .twp-square:nth-child(2) {
top: 40px;
right: 40px;
-webkit-animation: lift2 1.2s infinite ease;
-o-animation: lift2 1.2s infinite ease;
-moz-animation: lift2 1.2s infinite ease;
animation: lift2 1.2s infinite ease;
}
.twp-preloader .twp-square:nth-child(3) {
bottom: 40px;
right: 40px;
-webkit-animation: lift3 1.2s infinite ease;
-o-animation: lift3 1.2s infinite ease;
-moz-animation: lift3 1.2s infinite ease;
animation: lift3 1.2s infinite ease;
}
.twp-preloader .twp-square:nth-child(4) {
bottom: 40px;
left: 40px;
-webkit-animation: lift4 1.2s infinite ease;
-o-animation: lift4 1.2s infinite ease;
-moz-animation: lift4 1.2s infinite ease;
animation: lift4 1.2s infinite ease;
}
.slick-arrow {
position: absolute;
height: 30px;
width: 30px;
top: 50%;
transform: translateY(-50%);
background-color: transparent;
border: 0;
z-index: 1;
font-size: 0;
cursor: pointer;
outline: 0;
border-radius: 100%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
background-color: white;
}
.slick-arrow.slick-disabled {
z-index: -1;
}
.slick-arrow:before {
display: block;
font-family: fontAwesome;
font-size: 1rem;
}
.slick-arrow:hover,
.slick-arrow:focus {
color: #ffaaa6;
}
.slick-prev {
left: 10px;
}
.slick-prev:before {
content: "";
}
.slick-next {
right: 10px;
}
.slick-next:before {
content: "";
}
.slick-dots button {
height: 15px;
width: 15px;
padding: 0;
border-style: solid;
border-width: 2px;
border-color: #ffaaa6;
background-color: transparent;
color: transparent;
border-radius: 100%;
cursor: pointer;
outline: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.widget-title {
padding: 5px 0;
font-size: 1.2rem;
position: relative;
}
.widget-title:after {
content: "";
display: block;
position: absolute;
width: 50px;
height: 2px;
left: 0;
bottom: -2px;
}
.page-title span {
padding: 5px 0;
position: relative;
display: inline-block;
}
.page-title span:after {
content: "";
display: block;
position: absolute;
width: 50px;
height: 3px;
left: 0;
bottom: -2px;
}
.twp-title-with-bar {
position: relative;
padding: 15px 0 15px 15px;
}
.twp-title-with-bar:before {
content: "";
display: block;
position: absolute;
height: 100%;
width: 6px;
left: 0;
top: 0;
background-color: #ffaaa6;
}
.twp-title-with-bar {
position: relative;
padding: 15px 0 15px 15px;
}
.twp-title-with-bar:before {
content: "";
display: block;
position: absolute;
height: 100%;
width: 6px;
left: 0;
top: 0;
background-color: #ffaaa6;
}
.twp-title-with-bar .page-title span:after {
content: none;
}
.twp-post-format-icon {
display: inline-block;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
}
.twp-post-format-white .twp-post-format-icon {
background-color: white;
color: #ffaaa6;
}
.mfp-content .mfp-bottom-bar {
top: inherit;
margin-top: 0;
bottom: 40px;
background: rgba(255, 170, 166, 0.7);
padding: 15px 15px 30px 15px;
}
.mfp-content .mfp-bottom-bar .mfp-title {
color: white;
padding-right: 0;
}
.mfp-content .mfp-bottom-bar .mfp-counter {
top: inherit;
bottom: 15px;
right: 15px;
color: white;
}
.twp-close-icon {
width: 30px;
height: 30px;
position: relative;
display: inline-block;
cursor: pointer;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
vertical-align: middle;
}
@media (min-width: 1050px) {
.twp-close-icon:hover,
.twp-close-icon:focus {
-webkit-animation: rotate-center 0.3s linear both;
-o-animation: rotate-center 0.3s linear both;
-moz-animation: rotate-center 0.3s linear both;
animation: rotate-center 0.3s linear both;
}
}
.twp-close-icon.twp-close-icon-sm {
width: 20px;
}
.twp-close-icon.twp-close-icon-sm span {
width: 20px;
}
.twp-close-icon span {
display: block;
position: absolute;
width: 100%;
height: 3px;
z-index: 5;
top: 50%;
border-radius: 5px;
transform: rotate(45deg);
}
.twp-close-icon span:last-child {
transform: rotate(135deg);
}
.twp-close-icon.twp-close-icon-white span {
background-color: white;
}
@media (min-width: 1050px) {
.twp-close-icon.twp-rotate-90:hover,
.twp-close-icon.twp-rotate-90:focus {
-webkit-animation: rotate-partial 0.3s linear both;
-o-animation: rotate-partial 0.3s linear both;
-moz-animation: rotate-partial 0.3s linear both;
animation: rotate-partial 0.3s linear both;
}
}
.twp-menu-icon {
flex-shrink: 0;
cursor: pointer;
width: 60px;
}
.twp-menu-icon span {
display: block;
position: relative;
height: 4px;
margin-top: 4px;
}
.twp-menu-icon span:before, .twp-menu-icon span:after {
position: absolute;
content: "";
background-color: black;
display: block;
}
.twp-menu-icon span:before {
height: 4px;
width: 4px;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.twp-menu-icon span:first-child, .twp-menu-icon span:last-child, .twp-menu-icon span:nth-child(2), .twp-menu-icon span:nth-child(3) {
transition: width 0.2s ease;
-webkit-transition: width 0.2s ease;
-moz-transition: width 0.2s ease;
}
.twp-menu-icon span:first-child, .twp-menu-icon span:last-child {
width: 50px;
}
.twp-menu-icon span:nth-child(2) {
width: 35px;
}
.twp-menu-icon span:nth-child(3) {
width: 30px;
}
.twp-menu-icon span:after {
height: 2px;
width: 100%;
left: 10px;
}
.twp-menu-icon.twp-white-menu-icon span:before, .twp-menu-icon.twp-white-menu-icon span:after {
background-color: white;
}
.twp-menu-icon:hover span:first-child,
.twp-menu-icon:focus span:first-child {
width: 40px;
}
.twp-menu-icon:hover span:nth-child(2),
.twp-menu-icon:focus span:nth-child(2) {
width: 50px;
}
.twp-menu-icon:hover span:nth-child(3),
.twp-menu-icon:focus span:nth-child(3) {
width: 45px;
}
.twp-menu-icon:hover span:last-child,
.twp-menu-icon:focus span:last-child {
width: 40px;
}
ul.twp-social-icons {
display: flex;
flex-wrap: wrap;
}
ul.twp-social-icons li a {
display: inline-block;
padding: 0 10px;
text-decoration: none;
border: 0;
font-size: 0;
}
ul.twp-social-icons li a span {
display: none;
}
ul.twp-social-icons li a:before,
ul.twp-social-icons-rounded li a:before {
content: "\f0c1";
display: block;
font-family: fontAwesome;
font-size: 20px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
ul.twp-social-icons li a[href*=twitter]:before,
ul.twp-social-icons-rounded li a[href*=twitter]:before {
-webkit-mask: url("data:image/svg+xml,%3Csvg class='svg-icon' aria-hidden='true' role='img' focusable='false' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'%3E%3C/path%3E%3C/svg%3E");
mask: url("data:image/svg+xml,%3Csvg class='svg-icon' aria-hidden='true' role='img' focusable='false' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'%3E%3C/path%3E%3C/svg%3E");
-webkit-mask-size: 20px;
mask-size: 20px;
content: "";
background-color: #fff;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: 20px;
}
ul.twp-social-icons li a[href*="telegram"]:before,
ul.twp-social-icons li a[href*="t.me"]:before,
ul.twp-social-icons-rounded li a[href*="t.me"]:before,
ul.twp-social-icons-rounded li a[href*="telegram"]:before{
content: "\f2c6";
}
ul.twp-social-icons li a[href*=facebook]:before,
ul.twp-social-icons-rounded li a[href*=facebook]:before {
content: "\f09a";
}
ul.twp-social-icons li a[href*=dribbble]:before,
ul.twp-social-icons-rounded li a[href*=dribbble]:before{
content: "\f17d";
}
ul.twp-social-icons li a[href*=linkedin]:before,
ul.twp-social-icons-rounded li a[href*=linkedin]:before {
content: "\f0e1";
}
ul.twp-social-icons li a[href*=instagram]:before,
ul.twp-social-icons-rounded li a[href*=instagram]:before {
content: "\f16d";
}
ul.twp-social-icons li a[href*=youtube]:before,
ul.twp-social-icons-rounded li a[href*=youtube]:before {
content: "\f16a";
}
ul.twp-social-icons li a[href*=vimeo]:before,
ul.twp-social-icons-rounded li a[href*=vimeo]:before {
content: "\f27d";
}
ul.twp-social-icons li a[href*=wordpress]:before,
ul.twp-social-icons-rounded li a[href*=wordpress]:before{
content: "\f19a";
}
ul.twp-social-icons li a[href*=pinterest]:before,
ul.twp-social-icons-rounded li a[href*=pinterest]:before{
content: "\f0d2";
}
ul.twp-social-icons li a[href*=tumblr]:before,
ul.twp-social-icons-rounded li a[href*=tumblr]:before {
content: "\f173";
}
ul.twp-social-icons li a[href*=whatsapp]:before,
ul.twp-social-icons-rounded li a[href*=whatsapp]:before {
content: "\f232";
}
ul.twp-social-icons li a[href*=reddit]:before,
ul.twp-social-icons-rounded li a[href*=reddit]:before {
content: "\f1a1";
}
ul.twp-social-icons li a[href*=vk]:before,
ul.twp-social-icons-rounded li a[href*=vk]:before {
content: "\f189";
}
ul.twp-social-icons li a:hover:before,
ul.twp-social-icons li a:focus:before {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
}
ul.twp-social-icons.twp-social-icons-white a {
color: white;
}
ul.twp-social-icons-rounded {
display: flex;
flex-wrap: wrap;
}
ul.twp-social-icons-rounded li {
padding-left: 5px;
padding-right: 5px;
}
ul.twp-social-icons-rounded li a {
display: inline-block;
height: 40px;
width: 40px;
line-height: 36px;
text-align: center;
border-radius: 100%;
border-style: solid;
border-width: 2px;
font-size: 1.2rem;
font-weight: 600;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
ul.twp-social-icons-rounded li a span {
display: none;
}
ul.twp-social-icons-rounded li a[href*=twitter] {
border-color: #1ca0fe;
color: white;
background-color: #1ca0fe;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
ul.twp-social-icons-rounded li a:hover[href*=twitter],
ul.twp-social-icons-rounded li a:focus[href*=twitter] {
background-color: #fff;
}
ul.twp-social-icons-rounded li a[href*=twitter]:hover:before,
ul.twp-social-icons-rounded li a[href*=twitter]:focus:before{
background-color: #1ca0fe;
}
ul.twp-social-icons-rounded li a[href*=facebook] {
border-color: #3b5999;
color: white;
background-color: #3b5999;
}
ul.twp-social-icons-rounded li a:hover[href*=facebook],
ul.twp-social-icons-rounded li a:focus[href*=facebook] {
color: #3b5999;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=dribbble] {
border-color: #ea4c89;
color: white;
background-color: #ea4c89;
}
ul.twp-social-icons-rounded li a:hover[href*=dribbble],
ul.twp-social-icons-rounded li a:focus[href*=dribbble] {
color: #ea4c89;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=linkedin] {
border-color: #0177b5;
color: white;
background-color: #0177b5;
}
ul.twp-social-icons-rounded li a:hover[href*=linkedin],
ul.twp-social-icons-rounded li a:focus[href*=linkedin] {
color: #0177b5;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=instagram] {
border-color: #E1306c;
color: white;
background-color: #E1306c;
}
ul.twp-social-icons-rounded li a:hover[href*=instagram],
ul.twp-social-icons-rounded li a:focus[href*=instagram] {
color: #E1306c;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=youtube] {
border-color: #ff0000;
color: white;
background-color: #ff0000;
}
ul.twp-social-icons-rounded li a:hover[href*=youtube],
ul.twp-social-icons-rounded li a:focus[href*=youtube] {
color: #ff0000;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=vimeo] {
border-color: #1ab7ea;
color: white;
background-color: #1ab7ea;
}
ul.twp-social-icons-rounded li a:hover[href*=vimeo],
ul.twp-social-icons-rounded li a:focus[href*=vimeo] {
color: #1ab7ea;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=wordpress] {
border-color: #0074aa;
color: white;
background-color: #0074aa;
}
ul.twp-social-icons-rounded li a:hover[href*=wordpress],
ul.twp-social-icons-rounded li a:focus[href*=wordpress] {
color: #0074aa;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=pinterest] {
border-color: #bd071c;
color: white;
background-color: #bd071c;
}
ul.twp-social-icons-rounded li a:hover[href*=pinterest],
ul.twp-social-icons-rounded li a:focus[href*=pinterest] {
color: #bd071c;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=tumblr] {
border-color: #3e5a70;
color: white;
background-color: #3e5a70;
}
ul.twp-social-icons-rounded li a:hover[href*=tumblr],
ul.twp-social-icons-rounded li a:focus[href*=tumblr] {
color: #3e5a70;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=whatsapp] {
border-color: #00e676;
color: white;
background-color: #00e676;
}
ul.twp-social-icons-rounded li a:hover[href*=whatsapp],
ul.twp-social-icons-rounded li a:focus[href*=whatsapp] {
color: #00e676;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=reddit] {
border-color: #ff4500;
color: white;
background-color: #ff4500;
}
ul.twp-social-icons-rounded li a:hover[href*=reddit],
ul.twp-social-icons-rounded li a:focus[href*=reddit] {
color: #ff4500;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*=vk] {
border-color: #4a76a8;
color: white;
background-color: #4a76a8;
}
ul.twp-social-icons-rounded li a:hover[href*=vk],
ul.twp-social-icons-rounded li a:focus[href*=vk] {
color: #4a76a8;
background-color: white;
}
ul.twp-social-icons-rounded li a[href*="t.me"] {
border-color: #0088CC;
color: white;
background-color: #0088CC;
}
ul.twp-social-icons-rounded li a:hover[href*="t.me"],
ul.twp-social-icons-rounded li a:focus[href*="t.me"] {
color: #0088CC;
background-color: white;
}
.twp-bio-social-widget span,
.twp-bio-social-widget a {
display: inline-block;
}
.twp-bio-social-widget span {
padding-left: 2.5px;
padding-right: 2.5px;
}
.twp-bio-social-widget a {
height: 40px;
width: 40px;
line-height: 36px;
text-align: center;
border-radius: 100%;
border-style: solid;
border-width: 2px;
font-size: 1.2rem;
font-weight: 600;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
color: white;
}
.twp-bio-social-widget a[href*=facebook] {
background-color: #3b5999;
border-color: #3b5999;
}
.twp-bio-social-widget a[href*=twitter] {
background-color: #1ca0fe;
border-color: #1ca0fe;
}
.twp-bio-social-widget a[href*=linkedin] {
background-color: #0177b5;
border-color: #0177b5;
}
.twp-bio-social-widget a[href*=instagram] {
background-color: #E1306c;
border-color: #E1306c;
}
.twp-bio-social-widget a:hover,
.twp-bio-social-widget a:focus {
background-color: white;
}
.twp-bio-social-widget a:hover[href*=facebook],
.twp-bio-social-widget a:focus[href*=facebook] {
color: #3b5999;
}
.twp-bio-social-widget a:hover[href*=twitter],
.twp-bio-social-widget a:focus[href*=twitter] {
color: #1ca0fe;
}
.twp-bio-social-widget a:hover[href*=linkedin],
.twp-bio-social-widget a:focus[href*=linkedin] {
color: #0177b5;
}
.twp-bio-social-widget a:hover[href*=instagram],
.twp-bio-social-widget a:focus[href*=instagram] {
color: #E1306c;
}
.twp-mobile-menu-section .twp-mobile-menu ul > li > a {
font-size: 1.2rem;
}
.twp-mobile-menu-section .twp-mobile-menu ul > li ul {
position: relative;
}
.twp-mobile-menu-section .twp-mobile-menu ul > li:hover > ul,
.twp-mobile-menu-section .twp-mobile-menu ul > li:focus > ul {
height: auto;
overflow: visible;
top: 0;
}
.twp-menu-description {
display: inline-block;
font-size: 12px;
font-weight: 700;
padding: 0 10px;
height: 20px;
line-height: 20px;
border-radius: 3px;
background-color: #ffaaa6;
color: white;
}
.twp-mobile-menu-section .twp-mobile-menu ul li {
position: relative;
}
.twp-mobile-menu-section .twp-mobile-menu .submenu-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
}
.twp-mobile-menu-section .twp-mobile-menu ul li a {
display: block;
padding: 15px 0;
position: relative;
border: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.twp-mobile-menu-section .twp-mobile-menu ul li a:hover,
.twp-mobile-menu-section .twp-mobile-menu ul li a:focus {
color: #ffaaa6;
}
.twp-mobile-menu-section .twp-mobile-menu ul li a .twp-menu-description {
margin: 0 5px;
}
.twp-mobile-menu-section {
position: fixed;
height: 100%;
z-index: 99;
top: 0;
bottom: 0;
left: -100%;
background-color: black;
padding: 30px;
overflow-y: auto;
transition: all 0.5s ease;
width: 100%;
}
.twp-mobile-menu-section a,
.twp-mobile-menu-section .fa {
color: white;
}
@media (min-width: 1050px) {
.twp-mobile-menu-section {
padding: 30px;
width: 25%;
}
}
.twp-mobile-menu-section.show {
left: 0;
}
.twp-mobile-menu-section .twp-mobile-close-icon {
text-align: right;
}
.twp-mobile-menu-section .twp-menubar-search {
padding-top: 30px;
}
.twp-mobile-menu-section .twp-menubar-search .search-form .search-submit {
background-color: white;
color: black;
}
.twp-bio-widget .twp-basic-info {
margin-top: 15px;
}
.twp-bio-widget .twp-basic-info .twp-image-section {
height: 100px;
overflow: hidden;
flex: 0 0 100px;
max-width: 100%;
}
.twp-bio-widget .twp-basic-info .twp-image-section .data-bg {
height: 100%;
width: 100%;
border-radius: 100%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.twp-bio-widget .twp-basic-info .twp-image-section .data-bg:hover,
.twp-bio-widget .twp-basic-info .twp-image-section .data-bg:focus {
border-radius: 0;
}
.twp-bio-widget .twp-basic-info .twp-title-with-social-icon {
flex: 0 0 calc(100% - 100px);
max-width: calc(100% - 100px);
padding: 0 15px;
}
.twp-bio-widget .twp-basic-info .twp-title-with-social-icon h2,
.twp-bio-widget .twp-basic-info .twp-title-with-social-icon h5 {
margin: 0;
}
.twp-bio-widget .twp-basic-info .twp-title-with-social-icon .twp-bio-social-widget {
margin-top: 10px;
}
.twp-bio-widget .twp-quote {
padding: 5px 10px;
margin-top: 20px;
background-color: rgba(255, 170, 166, 0.7);
font-weight: 600;
border-radius: 5px;
font-size: 0.9rem;
}
.twp-bio-widget .twp-quote p {
padding: 15px;
position: relative;
text-align: justify;
}
.twp-bio-widget .twp-quote p:before, .twp-bio-widget .twp-quote p:after {
display: block;
font-family: fontAwesome;
position: absolute;
color: white;
font-size: 0.9rem;
}
.twp-bio-widget .twp-quote p:before {
content: "";
left: 0;
top: 0;
}
.twp-bio-widget .twp-quote p:after {
content: "";
right: 0;
bottom: 0;
}
.twp-blog-post {
display: flex;
flex-wrap: wrap;
}
.twp-blog-post .twp-image-section,
.twp-blog-post .twp-desc {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.twp-blog-post .twp-image-section,
.twp-blog-post .twp-desc {
flex: 0 0 50%;
max-width: 50%;
}
}
.twp-blog-post .twp-image-section {
min-height: 400px;
}
.twp-blog-post .twp-desc {
padding: 15px 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
text-align: center;
background-color: #f8f9fa;
}
.twp-blog-post .twp-desc .twp-section-title, .twp-blog-post .twp-desc p {
margin-top: 15px;
margin-bottom: 0;
}
.twp-blog-post .twp-categories li {
padding-top: 15px;
}
.twp-list-post-list .twp-list-post {
margin-top: 15px;
}
.twp-list-post .twp-image-section {
flex: 0 0 100px;
max-width: 100px;
height: 70px;
position: relative;
overflow: hidden;
}
.twp-list-post .twp-image-section a {
height: 100%;
display: block;
}
.twp-list-post .twp-desc {
flex: 0 0 calc(100% - 100px);
max-width: calc(100% - 100px);
padding: 5px 10px;
}
.twp-list-post .twp-desc h5 {
margin: 0;
}
.twp-list-post .twp-desc h5 a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
}
.twp-post-with-bg-image .twp-gallery-post {
position: relative;
overflow: hidden;
background-color: gray;
}
.twp-post-with-bg-image .twp-gallery-post.twp-only-title {
background-color: rgba(231, 239, 242, 0.5);
height: 400px;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.twp-post-with-bg-image .twp-gallery-post.twp-overlay-image-hover:before {
z-index: 1;
}
.twp-post-with-bg-image .twp-gallery-post .post-thumbnail {
position: relative;
}
.twp-post-with-bg-image .twp-gallery-post .post-thumbnail .twp-post-format-icon {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.twp-post-with-bg-image .twp-gallery-post .twp-desc {
padding: 5px 10px;
font-weight: 600;
background-color: #e7eff2;
}
.twp-post-with-bg-image .twp-gallery-post .twp-desc.twp-overlay-black {
background-color: transparent;
color: white;
}
.twp-post-with-bg-image .twp-gallery-post .twp-desc.twp-overlay-black a {
color: white;
}
.twp-post-with-bg-image .twp-gallery-post .twp-desc.twp-overlay-black a:hover,
.twp-post-with-bg-image .twp-gallery-post .twp-desc.twp-overlay-black a:focus {
color: #ffaaa6;
}
@media (min-width: 768px) {
.twp-post-with-bg-image .twp-gallery-post .twp-desc {
position: absolute;
bottom: 30px;
width: calc(100% - 60px);
left: 30px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
z-index: 2;
background-color: white;
}
}
@media (min-width: 1050px) {
.twp-post-with-bg-image .twp-gallery-post .twp-desc {
left: 100%;
}
}
.twp-post-with-bg-image .twp-gallery-post .entry-title {
margin: 0;
}
.twp-post-with-bg-image .twp-gallery-post .entry-title a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
}
@media (min-width: 1050px) {
.twp-post-with-bg-image .twp-gallery-post:hover .twp-desc,
.twp-post-with-bg-image .twp-gallery-post:focus .twp-desc {
left: 30px;
}
}
.twp-post-with-bg-image .twp-gallery-post:hover .post-thumbnail .twp-post-format-icon,
.twp-post-with-bg-image .twp-gallery-post:focus .post-thumbnail .twp-post-format-icon {
position: absolute;
left: 50%;
bottom: initial;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
border-radius: 100%;
-webkit-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-o-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-moz-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.twp-full-width-post .twp-gallery-post:before {
content: none;
}
.twp-full-width-post .twp-gallery-post.twp-only-title .twp-desc {
flex: 0 0 100%;
max-width: 100%;
background-color: rgba(248, 249, 250, 0.4);
padding: 60px 15px;
}
@media (min-width: 576px) {
.twp-full-width-post .twp-gallery-post .post-thumbnail,
.twp-full-width-post .twp-gallery-post .twp-desc {
flex: 0 0 50%;
max-width: 50%;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
flex-direction: column;
}
}
.twp-full-width-post .twp-gallery-post .twp-desc {
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f9fa;
padding: 15px;
}
.twp-full-width-post .twp-gallery-post .twp-desc .entry-title {
margin: 0;
font-size: 1.2rem;
}
.twp-full-width-post .twp-gallery-post .twp-desc .twp-categories {
font-size: 1rem;
text-transform: uppercase;
}
.twp-full-width-post .twp-gallery-post .twp-desc .twp-categories li {
padding-top: 5px;
}
.twp-full-width-post .twp-gallery-post .post-thumbnail {
display: block;
min-height: 400px;
}
.twp-full-width-post .twp-gallery-post .post-thumbnail:before {
background-color: rgba(255, 170, 166, 0.6);
content: "";
-webkit-animation: scale-out-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-o-animation: scale-out-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-moz-animation: scale-out-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
animation: scale-out-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.twp-full-width-post .twp-gallery-post .post-thumbnail .twp-post-format-icon {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
-webkit-animation: scale-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-o-animation: scale-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-moz-animation: scale-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
animation: scale-bottom-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.twp-full-width-post .twp-gallery-post .post-thumbnail img {
display: none;
}
.twp-full-width-post .twp-gallery-post .post-thumbnail:hover:before,
.twp-full-width-post .twp-gallery-post .post-thumbnail:focus:before {
-webkit-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-o-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-moz-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.twp-full-width-post .twp-gallery-post .post-thumbnail:hover .post-thumbnail .twp-post-format-icon,
.twp-full-width-post .twp-gallery-post .post-thumbnail:focus .post-thumbnail .twp-post-format-icon {
position: absolute;
left: 50%;
bottom: initial;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
border-radius: 100%;
-webkit-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-o-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
-moz-animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: scale-in-bottom-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.twp-single-article .entry-footer {
font-size: 16px;
font-weight: 600;
border-top-style: solid;
border-top-width: 1px;
border-color: #CFD8DC;
padding-top: 15px;
margin-top: 15px;
}
.twp-single-article .entry-footer .tags-links {
display: inline-block;
}
.twp-single-article .entry-footer .tags-links a {
display: inline-block;
border-bottom-style: solid;
border-bottom-width: 2px;
margin-left: 5px;
margin-right: 5px;
color: gray;
font-size: 0.9rem;
}
.twp-single-article .entry-footer .tags-links a:hover,
.twp-single-article .entry-footer .tags-links a:focus {
color: #ffaaa6;
}
.twp-single-article .entry-footer .edit-link {
display: inline-block;
}
.twp-single-article .entry-footer .edit-link a {
display: inline-block;
padding: 0 10px;
}
.twp-single-article .entry-header {
padding-bottom: 15px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #CFD8DC;
}
.twp-single-article .entry-header .twp-categories li {
padding-top: 15px;
}
.twp-single-article .entry-header .entry-title {
margin-top: 15px;
margin-bottom: 0;
line-height: 1.2;
}
.twp-single-article .entry-header .twp-author-meta {
padding-top: 15px;
}
.twp-single-article .entry-header .twp-author-meta a {
color: #ffaaa6;
}
.twp-single-article .entry-header .twp-author-meta a:hover,
.twp-single-article .entry-header .twp-author-meta a:focus {
color: gray;
}
.post-navigation {
padding-top: 30px;
}
.post-navigation .nav-links {
display: flex;
flex-wrap: wrap;
}
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
float: none;
flex: 0 0 50%;
max-width: 50%;
padding: 30px 15px 45px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: initial;
font-weight: 700;
transition: transform 0.3s linear;
-webkit-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
}
.post-navigation .nav-links .nav-previous:before,
.post-navigation .nav-links .nav-next:before {
background-color: rgba(0, 0, 0, 0.7);
content: "";
}
.post-navigation .nav-links .nav-previous:after,
.post-navigation .nav-links .nav-next:after {
position: absolute;
display: block;
font-family: fontAwesome;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
color: white;
}
.post-navigation .nav-links .nav-previous:hover:before,
.post-navigation .nav-links .nav-previous:focus:before,
.post-navigation .nav-links .nav-next:hover:before,
.post-navigation .nav-links .nav-next:focus:before {
background-color: rgba(255, 170, 166, 0.7);
}
.post-navigation .nav-links .nav-previous:hover a,
.post-navigation .nav-links .nav-previous:focus a,
.post-navigation .nav-links .nav-next:hover a,
.post-navigation .nav-links .nav-next:focus a {
color: black;
}
.post-navigation .nav-links .nav-previous:hover:after,
.post-navigation .nav-links .nav-previous:focus:after,
.post-navigation .nav-links .nav-next:hover:after,
.post-navigation .nav-links .nav-next:focus:after {
color: black;
}
.post-navigation .nav-links .nav-previous:after {
content: "";
}
.post-navigation .nav-links .nav-next:after {
content: "";
}
.post-navigation .nav-links a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
color: white;
}
.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:focus {
color: black;
}
.twp-single-article .post-thumbnail {
text-align: center;
}
.twp-single-article table {
margin-top: 15px;
margin-bottom: 0;
}
.twp-single-article table td {
padding: 15px;
}
.twp-single-article table.is-style-regular {
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-color: #CFD8DC;
border-spacing: 0;
}
.twp-single-article table.is-style-regular td {
border-left-style: solid;
border-left-width: 1px;
border-top-style: solid;
border-top-width: 1px;
border-color: #CFD8DC;
}
.twp-single-article .post-thumbnail {
margin-top: 30px;
background-color: white;
padding: 10px;
}
@media (min-width: 992px) {
.twp-single-article .post-thumbnail {
height: 500px;
overflow: hidden;
}
}
.twp-single-article p, .twp-single-article h1, .twp-single-article h2, .twp-single-article h3, .twp-single-article h4, .twp-single-article h5,
.twp-single-article pre {
margin-top: 10px;
margin-bottom: 0;
}
.twp-single-article hr {
margin-top: 15px;
margin-bottom: 0;
background-color: #CFD8DC;
}
.twp-single-article figure {
margin-bottom: 0;
margin-top: 15px;
}
.twp-single-article .wp-block-gallery {
margin: 15px 0 0;
}
.twp-single-article figure {
text-align: center;
}
.twp-single-article figure figcaption {
background-color: white;
color: black;
padding: 15px;
margin: 0;
font-size: 0.8rem;
}
.twp-single-article figure.alignleft {
width: 100%;
text-align: initial;
margin-right: 0;
}
.twp-single-article .wp-block-cover {
margin: 30px 0 0;
}
.twp-single-article .wp-block-cover p {
text-align: center;
}
.twp-single-article ul {
margin: 10px 0 0;
}
.twp-single-article ul li {
font-size: 0.9rem;
}
.twp-single-article .wp-block-code {
background-color: black;
color: white;
}
.twp-single-article pre.wp-block-verse, .twp-single-article pre.wp-block-preformatted {
font-size: 1rem;
font-family: inherit;
padding: 20px;
margin-bottom: 0;
margin-top: 15px;
white-space: pre-line;
text-align: justify;
border-radius: 5px;
}
.twp-single-article blockquote.wp-block-quote {
padding: 15px;
background-color: white;
margin: 15px 0 0;
font-weight: 600;
}
.twp-single-article blockquote.wp-block-quote p {
padding: 15px 30px;
position: relative;
}
.twp-single-article blockquote.wp-block-quote p:before, .twp-single-article blockquote.wp-block-quote p:after {
display: block;
font-family: fontAwesome;
position: absolute;
font-size: 1rem;
color: #ffaaa6;
}
.twp-single-article blockquote.wp-block-quote p:before {
content: "";
left: 0;
top: 0;
}
.twp-single-article blockquote.wp-block-quote p:after {
content: "";
right: 0;
bottom: 0;
}
.twp-single-article blockquote cite {
display: flex;
justify-content: flex-end;
color: gray;
}
.twp-single-article .wp-block-button {
margin-top: 15px;
margin-bottom: 0;
}
.twp-single-article .wp-block-button a {
display: inline-block;
line-height: 1;
border-style: solid;
border-width: 1px;
padding: 10px 30px;
font-size: 0.9rem;
background-color: black;
color: white;
border-radius: 0;
}
.widget_calendar table {
border-spacing: 1px;
margin: 0;
}
.widget_calendar thead {
background-color: #e7eff2;
}
.widget_calendar thead th {
padding: 10px;
}
.widget_calendar tbody {
background-color: #f8f9fa;
}
.widget_calendar tbody td {
text-align: center;
padding: 10px;
}
.widget_calendar caption,
.widget_calendar tfoot {
font-weight: 600;
}
.widget_calendar caption {
padding-bottom: 15px;
}
.widget_calendar tfoot a {
display: inline-block;
padding-top: 15px;
}
.widget-area ul {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #CFD8DC;
}
.widget-area ul li {
border-top-style: solid;
border-top-width: 1px;
border-color: #CFD8DC;
padding-top: 10px;
margin-bottom: 10px;
}
.widget-area ul li:first-child {
border-top: 0;
}
.widget-area ul li a {
display: inline-block;
}
.widget-area ul li ul {
margin-top: 10px;
border-bottom: 0;
font-size: 0.9rem;
}
.widget-area ul li ul li {
width: 100%;
}
.widget-area ul li ul li:first-child {
border-top-style: solid;
border-top-width: 1px;
border-color: #CFD8DC;
}
.widget-area ul li ul li a {
padding-left: 15px;
display: inline-block;
}
.widget-area ul li ul li ul {
list-style: dots;
}
.widget-area ul li ul li li a {
padding-left: 45px;
display: inline-block;
}
.widget-area .menu {
font-weight: 700;
}
.widget-area .menu ul {
font-weight: 600;
}
.widget-area .menu ul ul {
font-weight: 400;
}
.widget .tagcloud a {
display: inline-block;
font-size: 1rem !important;
font-weight: 600;
margin: 5px 5px 0;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.widget .search-form label,
.twp-menubar-search .search-form label {
width: calc(100% - 90px);
float: left;
padding-right: 5px;
}
.widget .search-form label input,
.twp-menubar-search .search-form label input {
width: 100%;
height: 45px;
border-radius: 0;
padding: 0 15px;
border-color: #CFD8DC;
}
.widget .search-form .search-submit,
.twp-menubar-search .search-form .search-submit {
width: 90px;
height: 45px;
float: left;
font-size: 1rem;
border-radius: 0;
border: 0;
cursor: pointer;
font-weight: 600;
padding: 0;
background-color: black;
color: white;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
.widget .search-form .search-submit:hover,
.widget .search-form .search-submit:focus,
.twp-menubar-search .search-form .search-submit:hover,
.twp-menubar-search .search-form .search-submit:focus {
background-color: #ffaaa6;
color: black;
}
.widget-area .twp-social-widget {
border-bottom: 0;
background-color: #f8f9fa;
justify-content: center;
padding: 15px 15px 5px;
}
.widget-area .twp-social-widget li {
border: 0;
padding-top: 0;
}
.widget-area .twp-social-widget-section {
margin-top: 15px;
}
.widget-area .widget-title {
margin: 0;
padding-top: 0;
}
.widget-area figure,
.widget-area .wp-caption {
margin: 0 auto;
padding-top: 15px;
}
.widget-area .search-form {
padding-top: 15px;
}
.widget-area select {
width: 100%;
padding: 10px;
font-family: inherit;
margin-top: 15px;
}
.widget-area p img {
margin-top: 15px;
}
.gallery figure {
padding-left: 5px;
padding-right: 5px;
}
.gallery.gallery-columns-1 img {
display: inline-block;
}
.widget .gallery figcaption {
display: none;
}
.twp-blog-slider-section .twp-blog-slider {
position: relative;
}
.twp-blog-slider-section .twp-blog-slider .slick-dots {
position: absolute;
top: 50%;
width: 15px;
left: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 1;
}
@media (min-width: 768px) {
.twp-blog-slider-section .twp-blog-slider .slick-dots {
left: 45px;
}
}
.twp-blog-slider-section .twp-blog-slider .slick-dots:before, .twp-blog-slider-section .twp-blog-slider .slick-dots:after {
content: "";
height: 40px;
width: 4px;
display: block;
background-color: white;
position: relative;
left: 5px;
}
.twp-blog-slider-section .twp-blog-slider .slick-dots li {
line-height: 1.3;
}
.twp-blog-slider-section .twp-blog-slider .slick-dots li:first-child {
margin-top: 10px;
}
.twp-blog-slider-section .twp-blog-slider .slick-dots li:last-child {
margin-bottom: 10px;
}
.twp-blog-slider-section .twp-blog-slider .slick-dots li button {
border-color: rgba(255, 255, 255, 0.6);
}
.twp-blog-slider-section .twp-blog-slider .slick-dots li.slick-active button {
background-color: rgba(255, 255, 255, 0.6);
}
.twp-blog-slider-section .twp-blog-slider .slick-arrow {
display: none !important;
}
.twp-blog-slider-section .twp-blog-slider .twp-blog-post {
position: relative;
padding: 50px 0 50px 50px;
}
@media (min-width: 768px) {
.twp-blog-slider-section .twp-blog-slider .twp-blog-post {
padding: 60px 60px 60px 100px;
}
}
@media (min-width: 768px) {
.twp-blog-slider-section .twp-blog-slider .twp-blog-post:before {
content: "";
position: absolute;
width: 200px;
height: 100%;
background-color: #ffaaa6;
display: block;
top: 0;
left: 0;
z-index: -1;
}
}
.twp-blog-slider-section .twp-blog-slider .twp-blog-post .twp-image-section {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: calc(100% - 100px);
}
@media (min-width: 768px) {
.twp-blog-slider-section .twp-blog-slider .twp-blog-post .twp-image-section {
position: relative;
width: initial;
}
}
.twp-blog-slider-section .twp-blog-slider .twp-blog-post .twp-desc {
height: 300px;
overflow: hidden;
}
@media (min-width: 768px) {
.twp-blog-slider-section .twp-blog-slider .twp-blog-post .twp-desc {
height: initial;
}
}
.twp-blog-slider-section .twp-blog-slider .twp-blog-post .twp-desc .twp-section-title a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
}
@media (min-width: 1050px) {
.twp-blog-slider-section .twp-blog-slider .twp-blog-post .twp-desc .twp-section-title a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
box-orient: vertical;
line-clamp: initial;
-webkit-line-clamp: initial;
}
}
.twp-blog-slider-section .twp-blog-slider .twp-blog-post p {
display: none;
}
@media (min-width: 1050px) {
.twp-blog-slider-section .twp-blog-slider .twp-blog-post p {
display: block;
}
}
.site-footer {
background-color: black;
color: white;
padding: 15px;
text-align: center;
}
.site-footer a {
color: white;
}
.site-footer a:hover,
.site-footer a:focus {
color: #ffaaa6;
}
.twp-full-width-post {
height: initial !important;
}
.twp-full-width-post .twp-gallery-post {
width: 100%;
top: initial !important;
left: initial !important;
position: initial !important;
}
@media (min-width: 576px) {
.twp-full-width-post .twp-gallery-post {
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 576px) {
.twp-full-width-post .twp-gallery-post:nth-child(even) .post-thumbnail {
order: 2;
}
}
@media (min-width: 576px) {
.twp-full-width-post .twp-gallery-post:nth-child(even) .twp-desc {
order: 1;
}
}
.twp-gallery-grid-section {
padding: 15px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.twp-gallery-grid-section span {
display: inline-block;
background-color: black;
color: white;
padding: 5px 9px;
font-size: 1.2rem;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
@media (min-width: 768px) {
.twp-gallery-grid-section span {
font-size: 1.4rem;
}
}
@media (min-width: 1050px) {
.twp-gallery-grid-section span {
font-size: 1.8rem;
}
}
.twp-gallery-grid-section span.twp-active {
background-color: #ffaaa6;
color: white;
}
.twp-header {
color: white;
}
.twp-header a {
color: white;
}
.twp-header a:hover,
.twp-header a:focus {
color: #ffaaa6;
}
.twp-header .twp-nav-section,
.twp-header .site-branding {
z-index: 2;
}
.twp-header .twp-nav-section {
display: none;
}
.twp-header .twp-menu-section {
padding: 30px;
display: flex;
gap: 2rem;
justify-content: space-between;
}
.menu .sub-menu {
display: none;
}
.twp-header .twp-menu-section button,
.theme-btn-toggle {
padding: 0;
background-color: transparent;
border: 0;
cursor: pointer;
}
.twp-header .twp-menu-section button {
width: 100%;
}
.theme-btn-toggle .fa {
font-size: 16px;
transition: transform .15s linear;
}
.submenu-toggle.button-toggle-active .fa {
transform: rotate(180deg);
}
.twp-header .site-branding {
padding: 60px 30px 60px 30px;
display: flex;
align-items: flex-end;
margin: auto 0 0 0;
width: 100%;
}
.twp-header .site-branding .twp-wrapper {
display: block;
width: 100%;
}
.twp-header .site-branding .site-title,
.twp-header .site-branding .site-description,
.twp-header .site-branding p {
margin-top: 15px;
margin-bottom: 0;
}
.twp-header .site-branding .site-description {
padding: 10px 15px;
line-height: 1;
font-weight: 600;
position: relative;
display: inline-block;
}
.twp-header .site-branding .twp-btn-section {
padding-top: 15px;
}
.twp-widget-slider {
position: relative;
}
.twp-widget-slider .slick-dots {
display: none !important;
}
.twp-widget-slider .slick-arrow {
background-color: transparent;
border-radius: 0;
}
.twp-widget-slider .slick-prev:before {
content: "";
}
.twp-widget-slider .slick-next:before {
content: "";
}
.twp-widget-slider .post-thumbnail {
height: 400px;
}
.twp-widget-slider.twp-post-with-bg-image .twp-gallery-post .twp-desc {
left: 0;
width: 100%;
bottom: 0;
}
.twp-widget-slider.twp-post-with-bg-image .twp-gallery-post ul, .twp-widget-slider.twp-post-with-bg-image .twp-gallery-post li {
border: 0;
}
.twp-widget-slider.twp-post-with-bg-image .twp-gallery-post li {
margin: 0;
padding: 0;
}
.comment-form input[type=submit], .comments-area .comment-respond .comment-form .logged-in-as a, .comments-area .comment-list li .comment-reply-link {
display: inline-block;
line-height: 1;
border-style: solid;
border-width: 2px;
border-color: #ffaaa6;
padding: 10px 30px;
font-size: 0.9rem;
font-weight: 600;
background-color: transparent;
color: black;
}
.comments-area .comment-list li .comment-content p:before, .comments-area .comment-list li .comment-meta .comment-metadata .edit-link:before, .comments-area .comment-list li .comment-meta .comment-metadata time:before {
display: block;
position: absolute;
font-family: fontAwesome;
left: 0;
color: black;
top: 0;
}
.comments-area .comment-list > li {
padding-bottom: 30px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #CFD8DC;
}
.comments-area .comment-list li {
padding-top: 30px;
}
.comments-area .comment-list li .comment-meta a:hover,
.comments-area .comment-list li .comment-meta a:focus {
color: gray;
}
.comments-area .comment-list li .comment-meta b {
font-weight: 600;
}
.comments-area .comment-list li .comment-meta .comment-author img {
margin-right: 15px;
}
.comments-area .comment-list li .comment-meta .comment-metadata {
padding-top: 15px;
}
.comments-area .comment-list li .comment-meta .comment-metadata a, .comments-area .comment-list li .comment-meta .comment-metadata span, .comments-area .comment-list li .comment-meta .comment-metadata time {
display: inline-block;
position: relative;
}
.comments-area .comment-list li .comment-meta .comment-metadata .edit-link, .comments-area .comment-list li .comment-meta .comment-metadata time {
padding-left: 25px;
padding-right: 20px;
}
.comments-area .comment-list li .comment-meta .comment-metadata time:before {
content: "";
}
.comments-area .comment-list li .comment-meta .comment-metadata .edit-link:before {
content: "";
}
.comments-area .comment-list li .comment-content p {
margin-top: 15px;
margin-bottom: 15px;
padding-left: 20px;
position: relative;
}
.comments-area .comment-list li .comment-content p:last-child {
margin-bottom: 0;
}
.comments-area .comment-list li .comment-content p:before {
content: "";
}
.comments-area .comment-list li .reply {
padding-top: 15px;
}
.comments-area .comment-list .children {
padding: 0;
margin-left: 15px;
}
.comments-area .comment-respond {
padding-top: 15px;
}
.comments-area .comment-respond .comment-reply-title {
font-size: 1.3rem;
margin-top: 15px;
margin-bottom: 0;
}
.comments-area .comment-respond p {
margin-top: 15px;
margin-bottom: 0;
}
.comments-area .comment-respond .comment-form {
display: flex;
flex-wrap: wrap;
}
.comments-area .comment-respond .comment-form p {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.comments-area .comment-respond .comment-form p {
flex: 0 0 50%;
max-width: 50%;
padding-left: 5px;
padding-right: 5px;
}
}
.comments-area .comment-respond .comment-form p.comment-notes, .comments-area .comment-respond .comment-form p.comment-form-comment, .comments-area .comment-respond .comment-form p.comment-form-cookies-consent, .comments-area .comment-respond .comment-form p.form-submit, .comments-area .comment-respond .comment-form p.logged-in-as {
flex: 0 0 100%;
max-width: 100%;
}
.comments-area .comment-respond .comment-form label {
display: block;
margin-bottom: 15px;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent label {
display: inline-block;
padding-left: 10px;
margin-bottom: 0;
text-align: justify;
}
@media (min-width: 768px) {
.comments-area .comment-respond .comment-form .logged-in-as {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.comments-area .comment-respond .comment-form .logged-in-as a {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.comments-area .comment-respond .comment-form .logged-in-as a {
width: initial;
}
}
.comments-area .comment-respond .comment-form .logged-in-as a:hover,
.comments-area .comment-respond .comment-form .logged-in-as a:focus {
color: white;
}
.comment-form textarea, .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url] {
width: 100%;
border-style: solid;
border-width: 1px;
border-color: #CFD8DC;
padding: 10px 15px;
}
.comment-form input[type=submit] {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
width: 100%;
text-align: center;
}
.comment-form input[type=submit]:hover,
.comment-form input[type=submit]:focus {
background-color: #ffaaa6;
color: white;
}
@media (min-width: 768px) {
.comment-form input[type=submit] {
margin-right: 10px;
width: initial;
}
}
.comment-form input[type=checkbox] {
position: relative;
}
.comment-form .comment-form-cookies-consent {
display: flex;
}
.comments-area {
padding: 30px;
font-weight: 600;
margin-top: 30px;
background-color: white;
}
.comments-area .comments-title {
margin: 0;
}
@media (min-width: 768px) {
.twp-masonary-gallery-with-space.twp-3-col-masonary.twp-post-with-bg-image .twp-gallery-post {
margin-left: 7.5px;
margin-right: 7.5px;
width: calc(50% - 15px);
}
}
@media (min-width: 1050px) {
.twp-masonary-gallery-with-space.twp-3-col-masonary.twp-post-with-bg-image .twp-gallery-post {
width: calc(33.33% - 15px);
}
}
.twp-masonary-gallery-no-space.twp-3-col-masonary.twp-post-with-bg-image .twp-gallery-post, .twp-masonary-gallery-no-space.twp-2-col-masonary.twp-post-with-bg-image .twp-gallery-post {
float: left;
width: calc(100% - 15px);
margin: 15px 7.5px 0;
border-left-style: solid;
border-left-width: 2px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-color: #fff;
}
@media (min-width: 576px) {
.twp-masonary-gallery-no-space.twp-3-col-masonary.twp-post-with-bg-image .twp-gallery-post, .twp-masonary-gallery-no-space.twp-2-col-masonary.twp-post-with-bg-image .twp-gallery-post {
width: calc(50% - 15px);
}
}
@media (min-width: 768px) {
.twp-masonary-gallery-no-space.twp-3-col-masonary.twp-post-with-bg-image .twp-gallery-post, .twp-masonary-gallery-no-space.twp-2-col-masonary.twp-post-with-bg-image .twp-gallery-post {
margin: 0;
width: 50%;
}
}
@media (min-width: 1050px) {
.twp-masonary-gallery-no-space.twp-3-col-masonary.twp-post-with-bg-image .twp-gallery-post {
width: 33.33%;
}
}
@media (min-width: 1050px) {
.twp-masonary-gallery-no-space.twp-2-col-masonary.twp-post-with-bg-image .twp-gallery-post {
width: 50%;
}
}
@media (max-width: 575.99px) {
.masonry-blocks {
height: initial !important;
}
}
.twp-archive-section {
padding-left: 15px;
padding-right: 15px;
}
.twp-archive-section .page-header h1, .twp-archive-section .page-header p {
margin: 0;
}
.twp-archive-section .masonry-blocks {
padding: 15px 0;
}
.twp-search-section {
padding: 0 15px 30px;
}
@media (min-width: 1050px) {
.twp-search-section {
padding: 15px 15px 45px;
}
}
.twp-search-section .page-header h1 {
margin: 0;
padding-top: 30px;
}
.twp-search-section .twp-full-width-post {
padding-top: 30px;
}
.twp-eportfolio-photography-slider {
position: relative;
}
.twp-eportfolio-photography-slider a {
color: white;
}
.twp-eportfolio-photography-slider a:hover,
.twp-eportfolio-photography-slider a:focus {
color: #ffaaa6;
}
.twp-eportfolio-photography-slider .slick-arrow {
top: initial;
bottom: 60px;
height: 60px;
border-radius: 0;
width: 60px;
color: white;
background: transparent;
border-left-style: solid;
border-left-width: 1px;
border-color: rgba(255, 255, 255, 0.52);
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
.twp-eportfolio-photography-slider .slick-arrow.slick-disabled {
z-index: 1;
}
.twp-eportfolio-photography-slider .slick-arrow:hover,
.twp-eportfolio-photography-slider .slick-arrow:focus {
color: #ffaaa6;
}
.twp-eportfolio-photography-slider .slick-prev {
left: initial;
right: 60px;
}
@media (min-width: 768px) {
.twp-eportfolio-photography-slider .slick-prev {
right: 120px;
}
}
.twp-eportfolio-photography-slider .slick-prev:before {
content: "";
}
.twp-eportfolio-photography-slider .slick-next {
left: initial;
right: 0;
border-right-style: solid;
border-right-width: 1px;
}
@media (min-width: 768px) {
.twp-eportfolio-photography-slider .slick-next {
right: 60px;
}
}
.twp-eportfolio-photography-slider .slick-next:before {
content: "";
}
.twp-eportfolio-photography-slider .twp-photography-post {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
color: white;
padding-bottom: 60px;
height: 600px;
position: relative;
}
@media (min-width: 1050px) {
.twp-eportfolio-photography-slider .twp-photography-post {
height: 100vh;
}
}
.twp-eportfolio-photography-slider .twp-photography-post > a {
position: absolute;
width: 60px;
height: 60px;
bottom: 60px;
right: 0;
justify-content: center;
align-items: center;
display: none;
}
@media (min-width: 768px) {
.twp-eportfolio-photography-slider .twp-photography-post > a {
display: flex;
z-index: 2;
}
}
.twp-eportfolio-photography-slider .twp-photography-post > a img {
display: none;
}
.twp-eportfolio-photography-slider .twp-photography-post .entry-title,
.twp-eportfolio-photography-slider .twp-photography-post .twp-categories {
width: calc(100% - 120px);
}
@media (min-width: 768px) {
.twp-eportfolio-photography-slider .twp-photography-post .entry-title,
.twp-eportfolio-photography-slider .twp-photography-post .twp-categories {
width: calc(100% - 150px);
}
}
.twp-eportfolio-photography-slider .twp-photography-post .twp-categories a {
font-size: 0.8rem;
color: white;
}
.twp-eportfolio-photography-slider .twp-photography-post .twp-categories a:hover,
.twp-eportfolio-photography-slider .twp-photography-post .twp-categories a:focus {
color: #ffaaa6;
}
.twp-eportfolio-photography-slider .twp-photography-post .twp-desc {
height: 60px;
overflow: hidden;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: rgba(255, 255, 255, 0.52);
padding: 0 30px 5px;
}
.twp-eportfolio-photography-slider .twp-photography-post .twp-desc.twp-overlay-black:before {
background-color: rgba(0, 0, 0, 0.3);
}
.twp-eportfolio-photography-slider .twp-photography-post .twp-desc .entry-title {
margin: 0;
padding-top: 5px;
}
.twp-eportfolio-photography-slider .twp-photography-post .twp-desc .entry-title a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
box-orient: vertical;
line-clamp: 1;
-webkit-line-clamp: 1;
}
.page-template-photography-template footer {
display: none;
}
@media (min-width: 1050px) {
.twp-page-template-portfolio-with-widget .twp-page-content {
padding-left: 60%;
}
}
.twp-page-template-portfolio-with-widget .twp-portfolio-gallery-section {
padding: 0 15px 15px;
}
.twp-page-template-portfolio-with-widget .twp-portfolio-gallery-section .twp-title-section {
padding-top: 15px;
}
.twp-page-template-portfolio-with-widget .twp-portfolio-gallery-section .twp-title-section .twp-section-title {
margin: 0;
}
.twp-page-template-portfolio-with-widget .twp-portfolio-widget-section {
padding: 0 15px 15px;
background-color: #e7eff2;
}
.twp-page-template-portfolio-with-widget .twp-portfolio-widget-section section {
padding-top: 15px;
}
.twp-page-template-portfolio-with-widget .twp-portfolio-widget-section .widget-title {
padding-top: 0;
}
@media (min-width: 1050px) {
.twp-page-template-portfolio-with-widget .twp-portfolio-widget-section {
position: fixed;
max-width: 35%;
width: 35%;
left: 25%;
top: 0;
overflow-y: scroll;
height: 100%;
scrollbar-width: none;
-ms-overflow-style: none;
}
.twp-page-template-portfolio-with-widget .twp-portfolio-widget-section::-webkit-scrollbar {
width: 0;
height: 0;
}
}
.twp-page-template-portfolio-with-widget .twp-portfolio-widget-section section {
margin-top: 30px;
}
.twp-page-template-portfolio-with-widget .twp-portfolio-widget-section .eportfolio_slider_post_widget {
margin-top: 0;
}
.twp-page-template-portfolio-with-widget .twp-portfolio-widget-section .twp-blog-slider {
margin-left: -15px;
margin-right: -15px;
}
.twp-page-template-portfolio-with-widget .twp-portfolio-widget-section .twp-social-widget-section {
margin-top: 15px;
}
.twp-page-template-portfolio-with-widget .masonry-blocks {
padding-top: 15px;
}
.twp-page-template-portfolio-only-gallery .twp-portfolio-gallery-section {
padding: 0 7.5px 15px;
}
.twp-page-template-portfolio-only-gallery .twp-portfolio-gallery-section .twp-gallery-post {
margin-top: 15px;
}
.twp-page-template-portfolio-only-gallery .twp-portfolio-gallery-section .twp-title-section {
padding: 15px 7.5px 0;
}
.twp-page-template-portfolio-only-gallery .twp-portfolio-gallery-section .twp-title-section .twp-section-title {
margin: 0;
}
.twp-page-template-portfolio-only-widget .twp-portfolio-widget-section {
padding: 0 15px 15px;
}
.twp-page-template-portfolio-only-widget .twp-portfolio-widget-section section {
padding-top: 15px;
}
@media (min-width: 1050px) {
.twp-page-template-portfolio-only-widget .twp-portfolio-widget-section .twp-widget-slider .post-thumbnail {
height: 600px;
}
}
.twp-not-found {
text-align: center;
padding: 60px 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.twp-not-found.data-bg {
color: white;
}
.twp-not-found h1 {
margin: 0;
}
.twp-not-found .twp-icon {
font-size: 60px;
}
.twp-not-found .twp-icon i {
-webkit-animation: rotate-center 3s ease infinite both;
-o-animation: rotate-center 3s ease infinite both;
-moz-animation: rotate-center 3s ease infinite both;
animation: rotate-center 3s ease infinite both;
}
.twp-not-found .page-header,
.twp-not-found .page-content {
flex: 0 0 100%;
max-width: 100%;
margin-top: 20px;
}
.twp-not-found .page-content {
padding: 20px 0 0 0;
margin: 0;
}
.twp-not-found .page-content p {
margin-top: 0;
margin-bottom: 20px;
font-size: 1.2rem;
font-style: italic;
}
.twp-not-found .search-form {
width: 70%;
margin: 0 auto;
}
.twp-not-found .search-form label {
width: calc(100% - 90px);
float: left;
padding-right: 5px;
}
.twp-not-found .search-form label input {
width: 100%;
height: 45px;
border-radius: 0;
padding: 0 15px;
}
.twp-not-found .search-form .search-submit {
width: 90px;
height: 45px;
float: left;
font-size: 1rem;
border-radius: 0;
border: 0;
color: white;
cursor: pointer;
font-weight: 600;
padding: 0;
}
.single #primary,
.page-template-default #primary {
padding: 0 15px 15px;
}
.single #secondary,
.page-template-default #secondary {
display: flex;
flex-wrap: wrap;
background-color: #f8f9fa;
padding: 0 15px 30px;
}
@media (min-width: 1050px) {
.single #secondary,
.page-template-default #secondary {
display: block;
padding: 0 15px 15px;
}
}
.single #secondary section,
.page-template-default #secondary section {
flex: 0 0 100%;
max-width: 100%;
padding-top: 30px;
}
@media (min-width: 1050px) {
.single #secondary section:nth-child(odd),
.page-template-default #secondary section:nth-child(odd) {
background-color: rgba(213, 213, 213, 0.1);
}
}
@media (min-width: 576px) {
.single #secondary section,
.page-template-default #secondary section {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1050px) {
.single #secondary section,
.page-template-default #secondary section {
max-width: 100%;
padding-top: 15px;
padding-left: 0;
padding-right: 0;
}
}