:root {
--epcl-font-family: 'DM Sans', sans-serif;
--epcl-title-font-family: 'Urbanist', sans-serif;
--epcl-font-size: 16px;
--epcl-line-height: 1.9;
--epcl-font-size-editor: 17px;
--epcl-line-height-editor: 1.9;
--epcl-main-color: var(--ghost-accent-color);
--epcl-secondary-color: #ff2aac;
--epcl-titles-color: #282424;
--epcl-black: #282424;
--epcl-meta-color: #4d6385;
--epcl-background-color: #faf8ff;
--epcl-boxes-background-color: #fff;
--epcl-boxes-border-color: #e9e8ff;
--epcl-border-color: #e9e8ff;
--epcl-boxes-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
--epcl-small-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
--epcl-medium-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.1);
--epcl-large-shadow: 0px 4px 25px -4px rgba(0, 0, 0, 0.2);
--epcl-transition-bezier: cubic-bezier(0.5, 2.5, 0.7, 0.7);
--epcl-code-background: #211d3f;
--epcl-code-color: #b0b9c5;
--epcl-small-border-radius: 4px;
--epcl-medium-border-radius: 10px;
--epcl-large-border-radius: 100px;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after,
.clearfix:before,
.grid-container:after,
.grid-container:before {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.clearfix:after,
.grid-container:after {
clear: both;
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1190px;
padding-left: 20px;
padding-right: 20px;
}
.grid-10,
.grid-100,
.grid-15,
.grid-20,
.grid-25,
.grid-30,
.grid-33,
.grid-35,
.grid-40,
.grid-45,
.grid-5,
.grid-50,
.grid-55,
.grid-60,
.grid-65,
.grid-66,
.grid-70,
.grid-75,
.grid-80,
.grid-85,
.grid-90,
.grid-95,
.mobile-grid-10,
.mobile-grid-100,
.mobile-grid-15,
.mobile-grid-20,
.mobile-grid-25,
.mobile-grid-30,
.mobile-grid-33,
.mobile-grid-35,
.mobile-grid-40,
.mobile-grid-45,
.mobile-grid-5,
.mobile-grid-50,
.mobile-grid-55,
.mobile-grid-60,
.mobile-grid-65,
.mobile-grid-66,
.mobile-grid-70,
.mobile-grid-75,
.mobile-grid-80,
.mobile-grid-85,
.mobile-grid-90,
.mobile-grid-95,
.tablet-grid-10,
.tablet-grid-100,
.tablet-grid-15,
.tablet-grid-20,
.tablet-grid-25,
.tablet-grid-30,
.tablet-grid-33,
.tablet-grid-35,
.tablet-grid-40,
.tablet-grid-45,
.tablet-grid-5,
.tablet-grid-50,
.tablet-grid-55,
.tablet-grid-60,
.tablet-grid-65,
.tablet-grid-66,
.tablet-grid-70,
.tablet-grid-75,
.tablet-grid-80,
.tablet-grid-85,
.tablet-grid-90,
.tablet-grid-95 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
}
.grid-parent {
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 767px) {
.hide-on-mobile {
display: none !important;
}
.mobile-grid-5 {
float: left;
width: 5%;
}
.mobile-grid-10 {
float: left;
width: 10%;
}
.mobile-grid-15 {
float: left;
width: 15%;
}
.mobile-grid-20 {
float: left;
width: 20%;
}
.mobile-grid-25 {
float: left;
width: 25%;
}
.mobile-grid-30 {
float: left;
width: 30%;
}
.mobile-grid-35 {
float: left;
width: 35%;
}
.mobile-grid-40 {
float: left;
width: 40%;
}
.mobile-grid-45 {
float: left;
width: 45%;
}
.mobile-grid-50 {
float: left;
width: 50%;
}
.mobile-grid-55 {
float: left;
width: 55%;
}
.mobile-grid-60 {
float: left;
width: 60%;
}
.mobile-grid-65 {
float: left;
width: 65%;
}
.mobile-grid-70 {
float: left;
width: 70%;
}
.mobile-grid-75 {
float: left;
width: 75%;
}
.mobile-grid-80 {
float: left;
width: 80%;
}
.mobile-grid-85 {
float: left;
width: 85%;
}
.mobile-grid-90 {
float: left;
width: 90%;
}
.mobile-grid-95 {
float: left;
width: 95%;
}
.mobile-grid-33 {
float: left;
width: 33.3333333333%;
}
.mobile-grid-66 {
float: left;
width: 66.6666666667%;
}
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.hide-on-tablet {
display: none !important;
}
.tablet-grid-5 {
float: left;
width: 5%;
}
.tablet-grid-10 {
float: left;
width: 10%;
}
.tablet-grid-15 {
float: left;
width: 15%;
}
.tablet-grid-20 {
float: left;
width: 20%;
}
.tablet-grid-25 {
float: left;
width: 25%;
}
.tablet-grid-30 {
float: left;
width: 30%;
}
.tablet-grid-35 {
float: left;
width: 35%;
}
.tablet-grid-40 {
float: left;
width: 40%;
}
.tablet-grid-45 {
float: left;
width: 45%;
}
.tablet-grid-50 {
float: left;
width: 50%;
}
.tablet-grid-55 {
float: left;
width: 55%;
}
.tablet-grid-60 {
float: left;
width: 60%;
}
.tablet-grid-65 {
float: left;
width: 65%;
}
.tablet-grid-70 {
float: left;
width: 70%;
}
.tablet-grid-75 {
float: left;
width: 75%;
}
.tablet-grid-80 {
float: left;
width: 80%;
}
.tablet-grid-85 {
float: left;
width: 85%;
}
.tablet-grid-90 {
float: left;
width: 90%;
}
.tablet-grid-95 {
float: left;
width: 95%;
}
.tablet-grid-33 {
float: left;
width: 33.3333333333%;
}
.tablet-grid-66 {
float: left;
width: 66.6666666667%;
}
.tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.hide-on-desktop {
display: none !important;
}
.grid-5 {
float: left;
width: 5%;
}
.grid-10 {
float: left;
width: 10%;
}
.grid-15 {
float: left;
width: 15%;
}
.grid-20 {
float: left;
width: 20%;
}
.grid-25 {
float: left;
width: 25%;
}
.grid-30 {
float: left;
width: 30%;
}
.grid-35 {
float: left;
width: 35%;
}
.grid-40 {
float: left;
width: 40%;
}
.grid-45 {
float: left;
width: 45%;
}
.grid-50 {
float: left;
width: 50%;
}
.grid-55 {
float: left;
width: 55%;
}
.grid-60 {
float: left;
width: 60%;
}
.grid-65 {
float: left;
width: 65%;
}
.grid-70 {
float: left;
width: 70%;
}
.grid-75 {
float: left;
width: 75%;
}
.grid-80 {
float: left;
width: 80%;
}
.grid-85 {
float: left;
width: 85%;
}
.grid-90 {
float: left;
width: 90%;
}
.grid-95 {
float: left;
width: 95%;
}
.grid-33 {
float: left;
width: 33.3333333333%;
}
.grid-66 {
float: left;
width: 66.6666666667%;
}
.grid-100 {
clear: both;
width: 100%;
}
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html,
textarea {
overflow: auto;
}
body,
html {
width: 100%;
}
a {
text-decoration: none;
outline: 0;
}
button,
input,
textarea {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
a,
button,
input[type='button'],
input[type='submit'],
label {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
b,
strong {
font-weight: 700;
}
em,
i {
font-style: italic;
}
address {
font-style: normal;
}
small {
font-size: 75%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted;
cursor: help;
}
ins {
text-decoration: none;
}
::-moz-selection {
background-color: #f8f2c6;
color: #282424;
text-shadow: none;
}
::selection {
background-color: #f8f2c6;
color: #282424;
text-shadow: none;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
.title {
font-family: var(--epcl-title-font-family);
font-weight: 800;
font-size: 30px;
margin-bottom: 40px;
line-height: 1.45;
color: var(--epcl-titles-color);
letter-spacing: 0px;
}
.title a {
color: var(--epcl-titles-color);
}
.title.ularge {
font-size: 42px;
margin-bottom: 70px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0.25px;
}
.title.large {
font-size: 34px;
line-height: 1.3;
}
.title.medium {
font-size: 22px;
line-height: 1.4;
margin-bottom: 30px;
}
.title.small {
font-size: 18px;
margin-bottom: 10px;
font-weight: 600;
}
.title.usmall {
font-size: 15px;
margin-bottom: 5px;
letter-spacing: 0.4px;
font-weight: 700;
}
.title.white {
color: #fff;
}
.title.bordered {
position: relative;
z-index: 2;
font-weight: 800;
}
.title.bordered svg.decoration {
width: 18px;
height: 18px;
color: var(--epcl-secondary-color);
position: relative;
margin-left: -1px;
margin-right: 8px;
top: 1px;
}
.title.bordered.medium-border {
padding-left: 40px;
}
.title.bordered.medium-border:before {
background-size: 24px 14px;
margin-top: -1px;
}
.title.bordered.medium-border svg.decoration {
width: 24px;
height: 14px;
}
.title.bordered.absolute-border {
padding-left: 0;
}
.title.bordered.absolute-border:before {
left: -40px;
background-size: 24px 14px;
margin-top: -1px;
}
.title.bordered.absolute-border svg.decoration {
left: -40px;
width: 24px;
height: 14px;
margin-top: -1px;
}
.title.bordered.gray-border span {
background: var(--epcl-background-color);
padding-right: 20px;
}
.title.bordered.gray-border:after {
content: '';
height: 1px;
background: var(--epcl-border-color);
position: absolute;
left: 0;
top: 50%;
width: 100%;
z-index: -1;
}
.title.absolute {
position: absolute;
left: 40px;
top: -20px;
z-index: 2;
}
.title.bold {
font-weight: bold !important;
}
.my-mfp-zoom-in .mfp-content {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .mfp-content {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .mfp-content {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready .mfp-close,
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 1;
}
.my-mfp-zoom-in.mfp-removing .mfp-close,
.my-mfp-zoom-in.mfp-removing.mfp-bg {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
a.hover-effect {
display: block;
position: relative;
overflow: hidden;
background: #fff;
}
a.hover-effect img,
a.hover-effect span.cover {
display: block;
width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
}
.underline-effect .link,
.underline-effect a:not(.epcl-button) {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#282424),
to(#282424)
);
background-image: linear-gradient(to right, #282424 0%, #282424 100%);
background-size: 100% 0%;
background-repeat: no-repeat;
background-position: left 90%;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.underline-effect .link:after,
.underline-effect .link:before,
.underline-effect a:not(.epcl-button):after,
.underline-effect a:not(.epcl-button):before {
display: none;
}
.underline-effect .link:hover,
.underline-effect a:not(.epcl-button):hover {
color: var(--epcl-black);
background-size: 100% 8%;
}
.underline-effect.white a {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#fff),
to(#fff)
);
background-image: linear-gradient(to right, #fff 0%, #fff 100%);
}
.underline-effect.white a:hover {
color: #fff;
}
.underline-effect.medium-effect a {
background-position: left 72%;
}
.border-effect a:not(.epcl-button) {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#282424),
to(#282424)
);
background-image: linear-gradient(to right, #282424 0%, #282424 100%);
background-repeat: no-repeat;
background-position: left 90%;
background-size: 100% 9%;
}
.border-effect a:not(.epcl-button):hover {
color: inherit;
border-color: transparent;
background-size: 100% 0%;
background-position: left 100%;
}
.translate-effect {
display: inline-block;
}
.translate-effect:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.shadow-effect:hover {
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
-webkit-transform: translate(0px, -2px);
-ms-transform: translate(0px, -2px);
transform: translate(0px, -2px);
}
.shadow-effect.thumb {
border-radius: var(--epcl-small-border-radius);
}
.opacity-effect:hover {
opacity: 0.87;
}
.main-effect {
-webkit-transition: all 400ms var(--epcl-transition-bezier);
transition: all 400ms var(--epcl-transition-bezier);
}
.main-effect .fullimage {
-webkit-transition: all 400ms var(--epcl-transition-bezier);
transition: all 400ms var(--epcl-transition-bezier);
}
.main-effect:hover {
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
-webkit-transform: translate(-2px, -2px);
-ms-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.main-effect.medium-shadow:hover {
-webkit-box-shadow: var(--epcl-medium-shadow);
box-shadow: var(--epcl-medium-shadow);
-webkit-transform: translate(-3px, -3px);
-ms-transform: translate(-3px, -3px);
transform: translate(-3px, -3px);
}
.border-left-effect a {
display: inline-block;
position: relative;
z-index: 2;
}
.border-left-effect a:before {
content: '';
width: 0px;
height: 1px;
background: var(--epcl-black);
position: absolute;
left: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.border-left-effect a:hover {
padding-left: 40px !important;
}
.border-left-effect a:hover:before {
width: 8px;
}
.overlay-effect {
position: relative;
z-index: 5;
}
.overlay-effect .image-container {
position: relative;
}
.overlay-effect .image-container:before {
display: block;
content: '';
position: absolute;
width: 60px;
height: 60px;
left: 0;
top: 0;
border-radius: 50%;
background: var(--epcl-main-color);
z-index: -2;
opacity: 0.3;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.overlay-effect:hover .image-container:before {
-webkit-transform: scale(1.16);
-ms-transform: scale(1.16);
transform: scale(1.16);
opacity: 0.25;
}
.button,
.epcl-button:not(.epcl-shortcode) {
display: inline-block;
color: #fff;
font-size: 16px;
padding: 5px 22px;
position: relative;
z-index: 2;
font-family: var(--epcl-title-font-family);
font-weight: 500;
border-radius: var(--epcl-small-border-radius);
background-color: var(--epcl-main-color);
letter-spacing: 0.1px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.button.active,
.button:hover,
.epcl-button:not(.epcl-shortcode).active,
.epcl-button:not(.epcl-shortcode):hover {
color: #fff;
background: var(--epcl-black);
}
.button.active:hover,
.epcl-button:not(.epcl-shortcode).active:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.black,
.epcl-button:not(.epcl-shortcode).black {
background: var(--epcl-black);
}
.button.black:hover,
.epcl-button:not(.epcl-shortcode).black:hover {
background: #000;
}
.button.small,
.epcl-button:not(.epcl-shortcode).small {
font-size: 12px;
padding: 5px 15px;
border-radius: 4px;
}
.button.small:before,
.epcl-button:not(.epcl-shortcode).small:before {
border-radius: 4px;
}
.button.small.bordered:hover:after,
.epcl-button:not(.epcl-shortcode).small.bordered:hover:after {
left: -4px;
top: -4px;
}
.button.medium,
.epcl-button:not(.epcl-shortcode).medium {
font-size: 13px;
padding: 7px 15px;
}
.button.large,
.epcl-button:not(.epcl-shortcode).large {
font-size: 20px;
padding: 8px 40px;
}
.button.icon i,
.button.icon svg,
.epcl-button:not(.epcl-shortcode).icon i,
.epcl-button:not(.epcl-shortcode).icon svg {
vertical-align: middle;
position: relative;
top: -2px;
margin-right: 3px;
}
.button.icon svg,
.epcl-button:not(.epcl-shortcode).icon svg {
width: 17px;
height: 17px;
}
.button.icon svg.large,
.epcl-button:not(.epcl-shortcode).icon svg.large {
width: 20px;
height: 20px;
}
.button.icon.right-icon svg,
.epcl-button:not(.epcl-shortcode).icon.right-icon svg {
margin-right: 0;
margin-left: 3px;
}
.button.rounded,
.epcl-button:not(.epcl-shortcode).rounded {
border-radius: var(--epcl-large-border-radius);
}
.button.circle,
.epcl-button:not(.epcl-shortcode).circle {
padding: 0;
width: 44px;
height: 44px;
border-radius: 50%;
text-align: center;
line-height: 44px;
font-size: 16px;
overflow: hidden;
}
.button.circle i.fa,
.epcl-button:not(.epcl-shortcode).circle i.fa {
margin: 0;
vertical-align: middle;
}
.button.circle:hover,
.epcl-button:not(.epcl-shortcode).circle:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.button.dark,
.epcl-button:not(.epcl-shortcode).dark {
background-color: var(--epcl-black);
color: #fff;
}
.button.white,
.epcl-button:not(.epcl-shortcode).white {
background: #fff;
color: #282424;
}
.button.white svg,
.epcl-button:not(.epcl-shortcode).white svg {
fill: #282424;
}
.button.light,
.epcl-button:not(.epcl-shortcode).light {
background-color: var(--epcl-boxes-background-color);
color: var(--epcl-black);
border: 1px solid var(--epcl-border-color);
}
.button.red-gradient,
.epcl-button:not(.epcl-shortcode).red-gradient {
background: -webkit-gradient(
linear,
left top,
right top,
from(#ec008c),
to(#fc6767)
);
background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
}
.button.purple-gradient,
.epcl-button:not(.epcl-shortcode).purple-gradient {
background: linear-gradient(135deg, #4776e6 0%, #8e54e9 100%);
}
.button i.fa,
.epcl-button:not(.epcl-shortcode) i.fa {
font-size: 85%;
margin-left: 5px;
}
.button.loading:after,
.epcl-button:not(.epcl-shortcode).loading:after {
padding: 0;
margin-left: 7px;
content: '';
display: inline-block;
vertical-align: middle;
top: -2px;
left: 0;
position: relative;
height: 12px;
width: 12px;
border: 2px solid #fff;
border-radius: 100%;
border-right-color: transparent;
border-top-color: transparent;
-webkit-animation: spin 0.5s infinite linear;
animation: spin 0.5s infinite linear;
}
.button.ctag:hover,
.epcl-button:not(.epcl-shortcode).ctag:hover {
background: var(--epcl-black) !important;
}
div.tags {
display: block;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.25px;
font-family: var(--epcl-title-font-family);
}
div.tags a {
color: var(--epcl-black);
display: inline-block;
margin-right: 15px;
padding-left: 15px;
position: relative;
}
div.tags a:before {
display: block;
content: '';
width: 6px;
height: 6px;
border-radius: 10px;
background: var(--epcl-main-color);
margin-right: 10px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -0.5px;
}
div.tags a:hover {
color: var(--epcl-black) !important;
}
div.tags a:hover:before {
width: 10px;
}
div.tags i,
div.tags svg {
display: inline-block;
color: var(--epcl-main-color);
font-size: 20px;
vertical-align: middle;
margin-top: -3px;
margin-right: 3px;
width: 20px;
height: 20px;
}
div.tags.fill-color a {
display: inline-block;
background: var(--epcl-main-color);
color: #fff;
padding: 5px 15px;
border-radius: var(--epcl-large-border-radius);
margin: 0;
font-weight: 600;
}
div.tags.fill-color a:before {
display: none;
}
div.tags.fill-color a:hover {
color: #fff;
}
div.tags.fill-color a.primary-tag {
margin-left: -25px;
margin-bottom: 20px;
border-radius: 0 var(--epcl-large-border-radius)
var(--epcl-large-border-radius) 0;
padding-left: 25px;
padding-right: 25px;
}
div.tags.fill-color a.primary-tag:hover {
padding-left: 30px;
color: #fff !important;
}
div.tags.absolute {
position: absolute;
left: 0;
top: 25px;
z-index: 10;
}
div.tags.absolute a.primary-tag {
margin: 0;
}
.inputbox,
input[type='email'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
select,
textarea {
display: block;
background: #fff;
border: 1px solid transparent;
color: #282424;
font-size: 14px;
font-family: var(--epcl-title-font-family);
line-height: 1.8;
letter-spacing: 0.25px;
padding: 15px 25px;
height: 45px;
width: 100%;
margin-bottom: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
border: 1px solid var(--epcl-border-color);
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
border-radius: var(--epcl-small-border-radius);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.inputbox::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--epcl-titles-color);
color: #667995;
}
.inputbox:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='text']:-moz-placeholder,
input[type='url']:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
color: var(--epcl-titles-color);
color: #667995;
}
.inputbox::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder,
input[type='url']::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--epcl-titles-color);
color: #667995;
}
.inputbox:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: var(--epcl-titles-color);
color: #667995;
}
.inputbox:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
select:focus,
textarea:focus {
border-color: #ddd;
}
.inputbox.rounded {
border-radius: var(--epcl-large-border-radius);
}
.inputbox.large {
height: 54px;
padding: 15px 30px;
font-size: 15px;
letter-spacing: 0.5px;
}
textarea {
width: 100%;
height: 170px;
resize: none;
padding-top: 25px;
padding-bottom: 25px;
}
button[type='submit'],
input[type='submit'] {
display: inline-block;
color: #fff;
font-size: 16px;
padding: 5px 22px;
position: relative;
z-index: 2;
font-family: var(--epcl-title-font-family);
font-weight: 500;
border-radius: var(--epcl-small-border-radius);
background-color: var(--epcl-main-color);
letter-spacing: 0.1px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-family: var(--epcl-title-font-family);
font-size: 18px;
padding: 12px 35px;
background: none;
position: relative;
z-index: 2;
transition: all 300ms ease;
}
button[type='submit'].active,
button[type='submit']:hover,
input[type='submit'].active,
input[type='submit']:hover {
color: #fff;
background: var(--epcl-black);
}
button[type='submit'].active:hover,
input[type='submit'].active:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-shadow: none;
box-shadow: none;
}
button[type='submit'].black,
input[type='submit'].black {
background: var(--epcl-black);
}
button[type='submit'].black:hover,
input[type='submit'].black:hover {
background: #000;
}
button[type='submit'].small,
input[type='submit'].small {
font-size: 12px;
padding: 5px 15px;
border-radius: 4px;
}
button[type='submit'].small:before,
input[type='submit'].small:before {
border-radius: 4px;
}
button[type='submit'].small.bordered:hover:after,
input[type='submit'].small.bordered:hover:after {
left: -4px;
top: -4px;
}
button[type='submit'].medium,
input[type='submit'].medium {
font-size: 13px;
padding: 7px 15px;
}
button[type='submit'].large,
input[type='submit'].large {
font-size: 20px;
padding: 8px 40px;
}
button[type='submit'].icon i,
button[type='submit'].icon svg,
input[type='submit'].icon i,
input[type='submit'].icon svg {
vertical-align: middle;
position: relative;
top: -2px;
margin-right: 3px;
}
button[type='submit'].icon svg,
input[type='submit'].icon svg {
width: 17px;
height: 17px;
}
button[type='submit'].icon svg.large,
input[type='submit'].icon svg.large {
width: 20px;
height: 20px;
}
button[type='submit'].icon.right-icon svg,
input[type='submit'].icon.right-icon svg {
margin-right: 0;
margin-left: 3px;
}
button[type='submit'].rounded,
input[type='submit'].rounded {
border-radius: var(--epcl-large-border-radius);
}
button[type='submit'].circle,
input[type='submit'].circle {
padding: 0;
width: 44px;
height: 44px;
border-radius: 50%;
text-align: center;
line-height: 44px;
font-size: 16px;
overflow: hidden;
}
button[type='submit'].circle i.fa,
input[type='submit'].circle i.fa {
margin: 0;
vertical-align: middle;
}
button[type='submit'].circle:hover,
input[type='submit'].circle:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
button[type='submit'].dark,
input[type='submit'].dark {
background-color: var(--epcl-black);
color: #fff;
}
button[type='submit'].white,
input[type='submit'].white {
background: #fff;
color: #282424;
}
button[type='submit'].white svg,
input[type='submit'].white svg {
fill: #282424;
}
button[type='submit'].light,
input[type='submit'].light {
background-color: var(--epcl-boxes-background-color);
color: var(--epcl-black);
border: 1px solid var(--epcl-border-color);
}
button[type='submit'].red-gradient,
input[type='submit'].red-gradient {
background: -webkit-gradient(
linear,
left top,
right top,
from(#ec008c),
to(#fc6767)
);
background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
}
button[type='submit'].purple-gradient,
input[type='submit'].purple-gradient {
background: linear-gradient(135deg, #4776e6 0%, #8e54e9 100%);
}
button[type='submit'] i.fa,
input[type='submit'] i.fa {
font-size: 85%;
margin-left: 5px;
}
button[type='submit'].loading:after,
input[type='submit'].loading:after {
padding: 0;
margin-left: 7px;
content: '';
display: inline-block;
vertical-align: middle;
top: -2px;
left: 0;
position: relative;
height: 12px;
width: 12px;
border: 2px solid #fff;
border-radius: 100%;
border-right-color: transparent;
border-top-color: transparent;
-webkit-animation: spin 0.5s infinite linear;
animation: spin 0.5s infinite linear;
}
button[type='submit'].ctag:hover,
input[type='submit'].ctag:hover {
background: var(--epcl-black) !important;
}
button[type='submit'].absolute,
input[type='submit'].absolute {
position: absolute;
right: 5px;
top: 5px;
bottom: 5px;
line-height: 1;
}
select {
max-width: 100%;
height: auto;
border: 0;
padding-right: 25px;
background: #fff
url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUBAMAAABohZD3AAAAA3NCSVQICAjb4U/gAAAAD1BMVEX///8AAAAAAAAAAAAAAABRO2rwAAAABXRSTlMAESIzRJTdRHwAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAY0lEQVQYlVXOyRGAIBBE0QYNgIMBWJYBcDAAFvOPSYRZ5zL1Tv3xvPY6dueC4JyA27AB2IzzMIx/4hDW6Sg+p8EJfVESCpkTEpkSGpMSshg6DkmoxlHHOaFbjoTiHHR83UX/A5M3KIMZPyPWAAAAAElFTkSuQmCC')
no-repeat 97% center !important;
background-size: 9px 6px !important;
font: var(--epcl-font-size) var(--epcl-font-family);
outline: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select option {
color: #222;
background: #fff;
}
button {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.form-group {
position: relative;
z-index: 2;
}
form p {
padding-bottom: 15px;
}
form.search-form {
position: relative;
z-index: 1;
}
form.search-form input.search-field {
padding-right: 50px;
}
form.search-form .submit {
position: absolute;
right: 20px;
top: 50%;
color: var(--epcl-main-color);
background: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
form.search-form .submit:hover {
opacity: 0.75;
}
.widget {
position: relative;
z-index: 2;
}
.widget .widget-title {
margin-bottom: 20px;
padding-left: 0px;
font-weight: 800;
font-size: 20px;
}
.widget .widget-title:before {
left: -40px;
background-size: 25px 14px;
margin-top: -1px;
}
.widget .widget-title .border {
display: none;
}
.widget:last-child:after {
display: none;
}
.widget select {
font-size: 15px;
background: #fff
url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUBAMAAABohZD3AAAAA3NCSVQICAjb4U/gAAAAD1BMVEX///8AAAAAAAAAAAAAAABRO2rwAAAABXRSTlMAESIzRJTdRHwAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAY0lEQVQYlVXOyRGAIBBE0QYNgIMBWJYBcDAAFvOPSYRZ5zL1Tv3xvPY6dueC4JyA27AB2IzzMIx/4hDW6Sg+p8EJfVESCpkTEpkSGpMSshg6DkmoxlHHOaFbjoTiHHR83UX/A5M3KIMZPyPWAAAAAElFTkSuQmCC')
no-repeat 97% center !important;
background-size: 9px 6px !important;
}
.widget_epcl_tag_list .item {
margin-bottom: 10px;
}
.widget_epcl_tag_list .item.open .toggle-icon {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.widget_epcl_tag_list .item-1 ul {
display: block;
}
.widget_epcl_tag_list .toggle-title {
display: inline-block;
}
.widget_epcl_tag_list .toggle-icon {
display: inline-block;
cursor: pointer;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.widget_epcl_tag_list ul {
border-left: 2px solid var(--epcl-border-color);
padding-left: 30px;
margin: 20px;
margin-left: 11px;
display: none;
}
.widget_epcl_tag_list ul li {
margin: 5px 0;
font-size: 14px;
}
.widget_text {
font-size: 15px;
}
.widget_text .textwidget {
margin-top: -9px;
}
.widget_text p {
margin-bottom: 20px;
}
.widget_text a {
font-weight: 600;
}
.widget_text p:last-of-type {
margin-bottom: 0;
}
.widget_epcl_tag_cloud,
.widget_tag_cloud {
display: block;
}
.widget_epcl_tag_cloud div.tags,
.widget_tag_cloud div.tags {
font-size: 16px;
font-weight: 600;
}
.widget_epcl_tag_cloud a,
.widget_tag_cloud a {
margin-bottom: 10px;
margin-right: 10px !important;
}
.widget_epcl_tag_cloud a .count,
.widget_tag_cloud a .count {
display: none;
}
.widget_epcl_tag_cloud a .epcl-number,
.widget_tag_cloud a .epcl-number {
font-size: 12px;
border-radius: 50%;
margin-left: 5px;
min-width: 20px;
height: 20px;
line-height: 20px;
vertical-align: middle;
}
.widget_menu {
font-size: 14px;
text-align: left;
}
.widget_menu nav {
padding: 0;
}
.widget_menu ul li {
text-align: left;
border-top: 1px solid var(--epcl-border-color);
padding: 10px 0;
}
.widget_menu ul li:first-of-type {
border: 0;
padding-top: 0;
}
.widget_epcl_about .avatar {
margin-right: 20px;
}
.widget_epcl_about .avatar a {
display: block;
border-radius: 50%;
overflow: hidden;
width: 70px;
height: 70px;
-webkit-box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.3),
0px 13px 27px -5px rgba(50, 50, 93, 0.25);
box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.3),
0px 13px 27px -5px rgba(50, 50, 93, 0.25);
}
.widget_epcl_about .avatar img {
display: block;
}
.widget_epcl_about .info {
font-size: 14px;
font-weight: 400;
line-height: 1.8;
}
.widget_epcl_about .info p {
margin-top: 10px;
}
.widget_epcl_about .info .founder {
margin-top: 0px;
opacity: 0.7;
font-size: 13px;
}
.widget_epcl_about .bio {
margin-top: 25px;
font-size: 15px;
}
.widget_epcl_about .social {
text-align: center;
float: left;
margin-top: 20px;
line-height: 36px;
}
.widget_epcl_about .social a {
margin-right: 17px;
font-size: 21px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: var(--epcl-main-color);
}
.widget_epcl_about .social a img,
.widget_epcl_about .social a svg {
width: 24px;
height: 24px;
fill: var(--epcl-main-color);
vertical-align: baseline;
}
.widget_epcl_about .social a.facebook {
color: #175beb;
}
.widget_epcl_about .social a.twitter {
color: #222;
}
.widget_epcl_about .social a.facebook svg {
fill: #175beb;
}
.widget_epcl_about .social a.twitter svg {
fill: #222;
}
.widget_epcl_featured_category .item,
.widget_epcl_posts_thumbs .item,
.widget_epcl_related_articles .item {
margin-bottom: 20px;
}
.widget_epcl_featured_category .item:last-of-type,
.widget_epcl_posts_thumbs .item:last-of-type,
.widget_epcl_related_articles .item:last-of-type {
margin-bottom: 0;
}
.widget_epcl_featured_category .item .thumb,
.widget_epcl_posts_thumbs .item .thumb,
.widget_epcl_related_articles .item .thumb {
width: 100px;
height: 100px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 20px;
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
}
.widget_epcl_featured_category .item .thumb .fullimage,
.widget_epcl_posts_thumbs .item .thumb .fullimage,
.widget_epcl_related_articles .item .thumb .fullimage {
display: block;
border-radius: var(--epcl-small-border-radius);
}
.widget_epcl_featured_category .item .right,
.widget_epcl_posts_thumbs .item .right,
.widget_epcl_related_articles .item .right {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.widget_epcl_featured_category .item time,
.widget_epcl_posts_thumbs .item time,
.widget_epcl_related_articles .item time {
margin-left: 0;
}
.widget_epcl_ads_125 .epcl-banner-wrapper {
margin: 0 -10px;
}
.widget_epcl_ads_125 .epcl-banner {
display: block;
float: left;
max-width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px 20px;
}
.widget_epcl_ads_125 .epcl-banner a > img {
display: block;
max-width: 100%;
height: auto;
}
.epcl-banner-wrapper a:before {
display: none;
}
.widget_ep_ads_fluid .epcl-a {
overflow: hidden;
}
.widget_epcl_social .icons a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.widget_epcl_social .icons a:hover {
color: inherit;
}
.widget_epcl_social .icons a:hover span.name {
color: var(--epcl-main-color);
}
.widget_epcl_social .icons a.twitter svg.small {
width: 18px;
}
.widget_epcl_social .icons a.dribbble {
color: #d97aa6;
}
.widget_epcl_social .icons a.facebook {
color: #175beb;
}
.widget_epcl_social .icons a.twitter {
color: #222;
}
.widget_epcl_social .icons a.instagram {
color: #ef00a2;
}
.widget_epcl_social .icons a.linkedin {
color: #0077b5;
}
.widget_epcl_social .icons a.pinterest {
color: #ee3e52;
}
.widget_epcl_social .icons a.tumblr {
color: #5f7990;
}
.widget_epcl_social .icons a.youtube {
color: #fb5555;
}
.widget_epcl_social .icons a.flickr {
color: #ef3998;
}
.widget_epcl_social .icons a.twitch {
color: #8551e6;
}
.widget_epcl_social .icons a.vk {
color: #6299dc;
}
.widget_epcl_social .icons a.telegram {
color: #0088cc;
}
.widget_epcl_social .icons a.rss {
color: #f59f23;
}
.widget_epcl_social .icons a.tiktok {
color: #69c9d0;
}
.widget_epcl_social .icons a.whatsapp {
color: #1fb381;
}
.widget_epcl_social .icons a.email {
color: var(--epcl-black);
}
.widget_epcl_social .icons a span.name {
color: var(--epcl-black);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.widget_epcl_social .icons a span.icon {
display: block;
text-align: center;
width: 32px;
height: 32px;
line-height: 32px;
}
.widget_epcl_social .icons a span.icon img {
width: 28px;
height: 28px;
vertical-align: middle;
}
.widget_epcl_social .icons a svg {
width: 25px;
height: 25px;
fill: #fff;
margin-top: -3px;
}
.widget_epcl_article_info div.meta {
padding: 30px;
}
.widget_epcl_article_info div.meta .meta-info {
display: block;
margin-left: 0;
margin-bottom: 10px;
}
.widget_epcl_article_info div.meta .meta-info .name {
font-weight: 600;
}
.widget_epcl_article_info div.meta .meta-info .icon {
margin-right: 5px;
position: relative;
top: -2px;
}
.widget_epcl_article_info div.meta .meta-info:last-child {
margin-bottom: 0;
}
.widget_epcl_article_info div.meta .min-read .icon {
top: 0;
}
.widget_epcl_article_info .difficulty .rating {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
position: relative;
top: -2px;
font-size: 16px;
}
body {
font: var(--epcl-font-size) var(--epcl-font-family);
line-height: var(--epcl-line-height);
font-weight: 400;
color: #282424;
-webkit-overflow-scrolling: touch;
margin: 0 auto;
-ms-word-wrap: break-word;
word-wrap: break-word;
letter-spacing: 0.1px;
background-color: var(--epcl-background-color);
}
body.cover:before {
background-size: cover !important;
}
.absolute-icon {
position: relative;
margin-left: 25px;
}
.absolute-icon .icon {
position: absolute;
left: -25px;
top: 50%;
z-index: 2;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
svg.icon {
fill: #fff;
width: 18px;
height: 18px;
vertical-align: middle;
}
svg.icon.small {
width: 18px;
height: 17px;
margin-top: 1px;
}
svg.icon.large {
width: 21px;
height: 21px;
margin-top: -2px;
}
svg.icon.ularge {
width: 32px;
height: 32px;
margin-top: -2px;
}
svg.icon.dark {
fill: var(--epcl-black);
}
svg.icon.main-color {
fill: var(--epcl-main-color);
color: var(--epcl-main-color);
}
time svg.icon {
-webkit-filter: none;
filter: none;
}
svg.main-color {
fill: var(--epcl-main-color);
}
svg.secondary-color {
fill: var(--epcl-secondary-color);
}
.main-color,
.primary-color {
color: var(--epcl-main-color);
}
.secondary-color {
color: var(--epcl-secondary-color);
}
[data-aos='fade'] {
opacity: 0;
-webkit-transition: all 800ms ease;
transition: all 800ms ease;
}
[data-aos='fade-up'] {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
}
.aos-animate {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.lazy,
[data-lazy='true'] {
opacity: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.lazy.loaded,
[data-lazy='true'].loaded {
opacity: 1;
}
img {
max-width: 100%;
height: auto;
}
a {
color: #282424;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
a:hover {
color: var(--epcl-main-color);
}
a img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.link-button {
font-weight: 600;
font-family: var(--epcl-title-font-family);
}
.link-button svg {
width: 16px;
height: 16px;
fill: #282424;
margin-right: 3px;
vertical-align: middle;
position: relative;
top: -1px;
}
i.fa,
i.icon {
font-style: normal !important;
}
.np-bottom {
padding-bottom: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.alignleft {
float: left !important;
}
.alignright {
float: right !important;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.epcl-inline {
display: inline;
}
.textleft {
text-align: left !important;
}
.textright {
text-align: right !important;
}
.textcenter {
text-align: center !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semibold {
font-weight: 600 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.no-border-radius {
border-radius: 0 !important;
}
.uppercase {
text-transform: uppercase;
}
.overflow {
overflow: hidden;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal;
}
.hidden {
display: none;
}
.cover {
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
}
img.cover {
-o-object-fit: cover;
object-fit: cover;
}
.parallax {
background-attachment: fixed !important;
}
hr {
border: 0;
border-top: 1px solid var(--epcl-border-color);
height: 1px;
margin: 0 0 20px;
}
.grid-container {
max-width: 1190px;
}
.grid-container.grid-usmall {
max-width: 600px;
}
.grid-container.grid-small {
max-width: 780px;
}
.grid-container.grid-medium {
max-width: 960px;
}
.grid-container.grid-large {
max-width: 1400px;
}
.grid-container.grid-ularge {
max-width: 1600px;
}
body.epcl-fullscreen {
height: 100vh;
}
.flex-align-middle {
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.epcl-fullheight {
min-height: 100%;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
position: relative;
z-index: 2;
}
.highlight {
color: var(--epcl-main-color);
font-weight: 600;
}
#wrapper {
position: relative;
z-index: 2;
}
.epcl-row,
.row {
margin-left: -20px;
margin-right: -20px;
}
.epcl-row.large,
.row.large {
margin-left: -35px;
margin-right: -35px;
}
.epcl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section {
padding-top: 80px;
padding-bottom: 80px;
}
.medium-section {
padding-top: 60px;
padding-bottom: 60px;
}
.large-section {
padding-top: 100px;
padding-bottom: 100px;
}
.bg-white {
background: #fff;
padding: 50px;
}
.fullwidth {
display: block;
width: 100%;
height: auto;
}
.thumb {
position: relative;
z-index: 1;
}
.full-link,
.thumb .fullimage {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100% !important;
z-index: 1;
}
.full-link {
z-index: 10;
}
.content {
margin-top: 80px;
}
.bg-box {
background-color: var(--epcl-boxes-background-color);
border-radius: var(--epcl-medium-border-radius);
border: 1px solid var(--epcl-boxes-border-color);
position: relative;
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
}
.bg-box.section {
padding: 30px;
}
.mfp-close {
font-size: 40px !important;
}
.epcl-border {
background-color: var(--epcl-border-color);
height: 1px;
margin: 80px auto 0;
}
.epcl-border.small {
width: 75px;
margin-top: 30px;
}
.dot {
width: 4px;
height: 4px;
background: var(--epcl-secondary-color);
display: inline-block !important;
vertical-align: middle;
margin: 0 3px;
border-radius: 10px;
}
.epcl-banner {
padding-bottom: 0;
}
.epcl-banner img.custom-image {
display: block;
margin: 0 auto;
}
.epcl-social-buttons.button-style {
margin: 0 !important;
}
.epcl-social-buttons.button-style a {
margin: 0 2px;
background: var(--epcl-main-color);
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
border-radius: 50%;
color: #fff;
}
.epcl-social-buttons.button-style a i.fa {
font-size: 15px;
}
.epcl-social-buttons.button-style a svg {
width: 20px;
height: 20px;
vertical-align: middle;
}
.epcl-social-buttons.button-style a:hover {
color: #fff;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: none;
box-shadow: none;
}
.epcl-social-buttons.button-style a.dribbble {
background-color: #d97aa6;
}
.epcl-social-buttons.button-style a.facebook {
background-color: #175beb;
}
.epcl-social-buttons.button-style a.twitter {
background-color: #222;
}
.epcl-social-buttons.button-style a.instagram {
background-color: #ef00a2;
}
.epcl-social-buttons.button-style a.linkedin {
background-color: #0077b5;
}
.epcl-social-buttons.button-style a.pinterest {
background-color: #ee3e52;
}
.epcl-social-buttons.button-style a.tumblr {
background-color: #5f7990;
}
.epcl-social-buttons.button-style a.youtube {
background-color: #fb5555;
}
.epcl-social-buttons.button-style a.flickr {
background-color: #ef3998;
}
.epcl-social-buttons.button-style a.twitch {
background-color: #8551e6;
}
.epcl-social-buttons.button-style a.vk {
background-color: #6299dc;
}
.epcl-social-buttons.button-style a.telegram {
background-color: #0088cc;
}
.epcl-social-buttons.button-style a.rss {
background-color: #f59f23;
}
.epcl-social-buttons.button-style a.tiktok {
background-color: #69c9d0;
}
.epcl-social-buttons.button-style a.whatsapp {
background-color: #1fb381;
}
.epcl-social-buttons.fill-color a {
display: inline-block;
margin: 0 2px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
width: 34px;
height: 44px;
line-height: 44px;
text-align: center;
}
.epcl-social-buttons.fill-color a i.fa {
font-size: 22px;
}
.epcl-social-buttons.fill-color a svg {
fill: none;
width: 22px;
height: 22px;
}
.epcl-social-buttons.fill-color a.dribbble {
color: #d97aa6;
}
.epcl-social-buttons.fill-color a.facebook {
color: #175beb;
}
.epcl-social-buttons.fill-color a.twitter {
color: #222;
}
.epcl-social-buttons.fill-color a.instagram {
color: #ef00a2;
}
.epcl-social-buttons.fill-color a.linkedin {
color: #0077b5;
}
.epcl-social-buttons.fill-color a.pinterest {
color: #ee3e52;
}
.epcl-social-buttons.fill-color a.tumblr {
color: #5f7990;
}
.epcl-social-buttons.fill-color a.youtube {
color: #fb5555;
}
.epcl-social-buttons.fill-color a.flickr {
color: #ef3998;
}
.epcl-social-buttons.fill-color a.twitch {
color: #8551e6;
}
.epcl-social-buttons.fill-color a.vk {
color: #6299dc;
}
.epcl-social-buttons.fill-color a.telegram {
color: #0088cc;
}
.epcl-social-buttons.fill-color a.rss {
color: #f59f23;
}
.epcl-social-buttons.fill-color a.tiktok {
fill: #69c9d0;
color: #69c9d0;
}
.epcl-social-buttons.fill-color a.whatsapp {
color: #1fb381;
}
.epcl-social-buttons.fill-color a.email {
color: var(--epcl-secondary-color);
}
.epcl-social-buttons.fill-color a:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.epcl-demo-tool {
position: fixed;
z-index: 10;
top: 30%;
left: 0;
background: #fff;
border: 1px solid #eee;
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
padding: 15px;
font-size: 13px;
width: 190px;
-webkit-animation: fadeOut 800ms forwards;
animation: fadeOut 800ms forwards;
color: #000;
}
.epcl-demo-tool label {
display: inline-block;
margin-top: 10px;
}
.epcl-demo-tool input {
border: 0;
margin-right: 5px;
width: 40px;
background: #f83d76;
background: transparent;
vertical-align: middle;
cursor: pointer;
}
.epcl-demo-tool:hover {
-webkit-animation: none;
animation: none;
}
.epcl-demo-tool .tool {
position: absolute;
left: 100%;
top: 50%;
background: #fff;
z-index: -1;
padding: 12px;
padding-left: 14px;
border: 1px solid #eee;
-webkit-box-shadow: 10px 3px 12px -1px rgba(7, 10, 25, 0.1);
box-shadow: 10px 3px 12px -1px rgba(7, 10, 25, 0.1);
border-left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.epcl-demo-tool .tool svg {
-webkit-animation: spin 4s ease infinite;
animation: spin 4s ease infinite;
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.epcl-demo-tool .title {
text-align: center;
}
.epcl-demo-tool .link {
display: block;
margin-top: 0px;
padding: 5px 0 0;
margin-top: 10px;
font-family: var(--epcl-title-font-family);
font-size: 13px;
color: #000;
cursor: pointer;
}
.epcl-demo-tool .link span {
display: inline-block;
width: 38px;
height: 20px;
background: #000;
position: relative;
z-index: 2;
border-radius: 25px;
vertical-align: middle;
margin-right: 10px;
opacity: 0.75;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.epcl-demo-tool .link span:before {
content: '';
position: absolute;
top: 6px;
left: 6px;
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.epcl-demo-tool .link.active span {
background: #f83d76;
opacity: 1;
}
.epcl-demo-tool .link.active span:before {
left: 24px;
}
@-webkit-keyframes fadeOut {
0% {
left: 0;
}
to {
left: -222px;
}
}
@keyframes fadeOut {
0% {
left: 0;
}
to {
left: -222px;
}
}
@-webkit-keyframes fadeIn {
0% {
left: -222px;
}
to {
left: 0;
}
}
@keyframes fadeIn {
0% {
left: -222px;
}
to {
left: 0;
}
}
.category-image {
display: block;
margin: 0 auto 5px;
width: 60px;
height: 60px;
border-radius: var(--epcl-large-border-radius);
background: var(--epcl-main-color);
position: relative;
z-index: 2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.category-image img {
border-radius: var(--epcl-large-border-radius);
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.category-image .icon {
width: 50%;
height: 50%;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.category-image:hover:before {
-webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
-ms-transform: translateX(-50%) translateY(-50%) scale(1.15);
transform: translateX(-50%) translateY(-50%) scale(1.15);
opacity: 0.25;
}
.category-info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.category-info .category-image {
float: left;
margin-right: 20px;
margin-bottom: 0;
}
.category-info .title {
display: inline-block;
margin-bottom: 0;
}
.category-info .title span {
display: block;
}
.category-info .epcl-button {
float: right;
}
.epcl-decoration-counter {
display: block;
position: absolute;
right: -5px;
top: -5px;
z-index: 5;
color: #fff;
background: var(--epcl-secondary-color);
width: 23px;
height: 23px;
border-radius: 50%;
text-align: center;
line-height: 25px;
font-size: 13px;
font-weight: 600;
}
.epcl-number {
display: inline-block;
min-width: 25px;
height: 25px;
line-height: 25px;
background: var(--epcl-main-color);
color: #fff;
text-align: center;
border-radius: var(--epcl-small-border-radius);
font-size: 14px;
margin-right: 10px;
font-family: var(--epcl-title-font-family);
font-weight: 700;
position: relative;
top: -1px;
}
.epcl-number.black {
background: var(--epcl-black);
}
.tooltip {
position: relative;
z-index: 10;
}
.tooltip:before {
content: attr(data-title);
position: absolute;
bottom: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
margin-left: 0;
white-space: nowrap;
padding: 7px 15px;
border-radius: var(--epcl-small-border-radius);
background: #fff;
color: var(--epcl-black);
text-align: center;
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
font-size: 12px;
line-height: 1.8;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.tooltip:after {
content: '';
position: absolute;
left: 50%;
margin-bottom: -5px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 110%;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.tooltip[data-tooltip-position='right']:before {
bottom: 50%;
left: 110%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
padding: 3px 15px;
}
.tooltip[data-tooltip-position='right']:after {
margin-bottom: 0;
margin-left: -16px;
bottom: 50%;
left: 100%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid transparent;
border-right: 8px solid #fff;
}
.tooltip[data-tooltip-position='right']:hover:after,
.tooltip[data-tooltip-position='right']:hover:before {
left: 100%;
bottom: 50%;
}
.tooltip:hover:after,
.tooltip:hover:before {
bottom: 120%;
opacity: 1;
visibility: visible;
}
div.text {
font-size: var(--epcl-font-size-editor);
line-height: var(--epcl-line-height-editor);
font-weight: 400;
}
div.text b,
div.text strong {
font-weight: 700;
}
div.text iframe {
max-width: 100%;
}
div.text hr {
display: inline-block;
width: 100%;
}
div.text div#map_canvas img,
div.text div.ep-map img {
max-width: none !important;
height: inherit;
}
div.text img {
max-width: 100%;
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: var(--epcl-small-border-radius);
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
}
div.text img.alignleft {
margin: 0 24px 24px 0;
}
div.text img.alignright {
margin: 0 0 24px 24px;
}
div.text img.aligncenter {
margin-bottom: 0;
}
div.text p.has-background {
padding-top: 24px;
}
div.text h1,
div.text h2,
div.text h3,
div.text h4,
div.text h5,
div.text h6 {
font-weight: 700;
font-family: var(--epcl-title-font-family);
color: var(--epcl-black);
letter-spacing: 0.5px;
}
div.text h1 {
font-size: 32px;
padding-top: 19.84px;
margin-bottom: 12.16px;
line-height: 1.3;
}
div.text h2 {
font-size: 28px;
padding-top: 14.4px;
margin-bottom: 17.6px;
line-height: 1.4;
}
div.text h3 {
font-size: 24px;
padding-top: 20.8px;
margin-bottom: 14.4px;
line-height: 1.5;
}
div.text h4 {
font-size: 22px;
padding-top: 8px;
margin-bottom: 24px;
}
div.text h5 {
font-size: 16px;
padding-top: 8px;
margin-bottom: 24px;
}
div.text h6 {
font-size: 14px;
padding-top: 8px;
margin-bottom: 24px;
}
div.text a:not([class]) {
color: var(--epcl-main-color);
text-decoration: none;
font-weight: 700;
}
div.text a:not([class]):hover {
border-color: transparent;
color: var(--epcl-black);
}
div.text .ep-shortcode a:hover,
div.text a.ep-shortcode:hover {
text-decoration: none;
}
div.text figure a {
background-image: none !important;
}
div.text figure a:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
div.text .attachment a:after,
div.text .wp-caption a:after,
div.text dt a:after {
display: none !important;
}
div.text ol,
div.text ul {
margin: 0 0 0 30px;
}
div.text ol {
margin-left: 45px;
}
div.text ul,
div.text ul li {
list-style-type: disc;
list-style-position: inside;
position: relative;
}
div.text ol,
div.text ol li {
list-style-type: decimal;
list-style-position: outside;
}
div.text ol ol {
list-style: upper-alpha;
}
div.text ol ol ol {
list-style: lower-roman;
}
div.text ol ol ol ol {
list-style: lower-alpha;
}
div.text ol ol,
div.text ol ul,
div.text ul ol,
div.text ul ul {
margin-bottom: 0;
padding-bottom: 0;
padding-top: 10px;
}
div.text ul:not([class]) li {
position: relative;
z-index: 1;
padding-left: 20px;
list-style-type: none;
}
div.text ul:not([class]) li:before {
content: '';
position: absolute;
left: 0;
top: 14px;
width: 5px;
height: 5px;
background: var(--epcl-main-color);
border-radius: 50%;
}
div.text dl {
margin: 0 1.5em;
}
div.text dt {
font-weight: 600;
}
div.text dd {
margin-bottom: 15px;
margin-left: 40px;
}
div.text abbr,
div.text acronym {
border-bottom: 1px dotted;
cursor: help;
}
div.text ins {
text-decoration: none;
}
div.text blockquote,
div.text dd,
div.text pre {
margin-bottom: 20px;
}
div.text blockquote {
padding: 40px;
margin: 0 40px;
border-left: 0;
font-style: italic !important;
position: relative;
z-index: 1;
border-top: 1px solid var(--epcl-border-color);
border-bottom: 1px solid var(--epcl-border-color);
line-height: 1.85;
font-weight: 400;
background-size: 50px;
}
div.text blockquote:after {
content: '';
position: absolute;
z-index: -1;
right: 5px;
bottom: 5px;
width: 50px;
height: 50px;
background-color: var(--epcl-border-color);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='40' height='40'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19.417 6.679C20.447 7.773 21 9 21 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311-1.804-.167-3.226-1.648-3.226-3.489a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179zm-10 0C10.447 7.773 11 9 11 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311C4.591 12.322 3.17 10.841 3.17 9a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179z' fill='white'/%3E%3C/svg%3E");
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='40' height='40'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19.417 6.679C20.447 7.773 21 9 21 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311-1.804-.167-3.226-1.648-3.226-3.489a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179zm-10 0C10.447 7.773 11 9 11 10.989c0 3.5-2.457 6.637-6.03 8.188l-.893-1.378c3.335-1.804 3.987-4.145 4.247-5.621-.537.278-1.24.375-1.929.311C4.591 12.322 3.17 10.841 3.17 9a3.5 3.5 0 0 1 3.5-3.5c1.073 0 2.099.49 2.748 1.179z' fill='white'/%3E%3C/svg%3E");
-webkit-mask-size: 50px;
mask-size: 50px;
}
div.text blockquote em {
font-style: italic;
}
div.text blockquote cite,
div.text blockquote__citation {
display: block;
margin-top: 15px;
color: var(--epcl-black);
font-style: normal;
font-size: 15px;
font-family: var(--epcl-title-font-family);
font-weight: bold;
text-transform: none;
}
div.text blockquote ul {
padding-bottom: 0;
}
div.text blockquote p {
padding-top: 0;
}
div.text blockquote p:last-of-type {
margin-bottom: 0;
}
div.text blockquote.is-large cite,
div.text blockquote.is-style-large cite {
text-align: left;
}
div.text blockquote.has-text-align-right {
border-right: 0;
}
div.text pre {
overflow: auto;
max-width: 100%;
max-height: 400px;
font-size: 15px;
}
div.text code:not([class*='language-']),
div.text pre:not([class*='language-']) {
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
border: 1px solid var(--epcl-border-color);
background-color: #faf8ff;
color: var(--epcl-black);
border-radius: var(--epcl-small-border-radius);
line-height: 1.6;
}
div.text code:not([class*='language-']) {
padding: 2px 6px;
margin: 0 1px;
font-size: 14px;
display: inline-block;
background-color: #faf8ff;
color: var(--epcl-black);
border-radius: var(--epcl-small-border-radius);
}
div.text pre:not([class*='language-']) {
padding: 1.5em 1.75em;
line-height: 1.6;
overflow: auto;
border-radius: var(--epcl-medium-border-radius);
}
div.text pre:not([class*='language-']) code:not([class*='language-']) {
border: 0;
}
div.text pre:not([class*='language-']) ol {
margin: 0 0 0 35px;
padding: 0;
list-style: decimal;
list-style-position: outside;
}
div.text pre:not([class*='language-']) ol li {
padding-bottom: 0;
list-style-position: outside;
}
div.text table {
text-align: center;
border: 1px solid var(--epcl-border-color);
width: 100%;
max-width: 100%;
}
div.text table,
div.text table td,
div.text table th {
border: 1px solid var(--epcl-border-color);
padding: 7px 15px;
text-align: center;
}
div.text table th {
font-weight: 700;
color: var(--epcl-black);
font-family: var(--epcl-title-font-family);
}
div.text .gallery dl {
margin: 0;
}
div.text address {
font-style: italic;
margin-bottom: 25px;
}
div.text .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
div.text .screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
div.text .epcl-gallery ul {
margin: 0 -10px;
}
div.text .epcl-gallery ul li {
list-style: none;
padding-bottom: 20px;
padding: 0 5px 10px;
}
div.text .epcl-gallery ul a {
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
}
div.text .epcl-gallery ul a:after {
display: none;
}
div.text figure,
div.text iframe,
div.text p {
padding-top: 8px;
margin-bottom: 24px;
}
div.text p > iframe {
margin-bottom: 0;
display: block;
}
div.text blockquote,
div.text hr,
div.text pre,
div.text table {
margin-top: 8px;
margin-bottom: 24px;
}
div.text li {
padding-bottom: 8px;
}
div.text ol,
div.text ul {
margin-bottom: 24px;
}
div.text ol li:last-of-type,
div.text ul li:last-of-type {
padding-bottom: 0;
}
div.text > :first-child {
padding-top: 0;
}
div.text figure {
margin-bottom: 25px;
}
div.text figure figcaption {
text-align: center;
font-size: 13px;
margin-top: 3px;
}
div.text .kg-image-card {
max-width: 75%;
margin: 0 auto 25px;
}
div.text .kg-image-card.kg-width-wide {
max-width: 85%;
}
div.text .kg-image-card.kg-width-full {
max-width: 100%;
}
div.text .kg-embed-card twitterwidget {
margin: 0 auto !important;
}
div.text .kg-embed-card iframe {
margin-bottom: 0;
display: block;
width: 100%;
height: 400px;
border-radius: var(--epcl-medium-border-radius);
padding-top: 0;
}
div.text .kg-embed-card figcaption {
margin-top: 10px;
}
div.text .kg-gallery-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
div.text .kg-gallery-container a {
background: none;
border-radius: var(--epcl-small-border-radius);
-webkit-box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.3),
0px 13px 27px -5px rgba(50, 50, 93, 0.25);
box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.3),
0px 13px 27px -5px rgba(50, 50, 93, 0.25);
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
-webkit-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
div.text .kg-gallery-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div.text .kg-gallery-image img {
display: block;
margin: 0;
width: 100%;
height: 100%;
}
div.text .kg-gallery-row:not(:first-of-type) {
margin: 0.75em 0 0 0;
}
div.text .kg-gallery-image:not(:first-of-type) {
margin: 0 0 0 0.75em;
}
div.text .kg-bookmark-card {
padding-top: 8px;
margin-bottom: 24px;
}
div.text .kg-bookmark-card .kg-bookmark-container {
border: 1px solid var(--epcl-border-color) !important;
border-radius: var(--epcl-small-border-radius) !important;
background: #fff;
}
div.text .kg-bookmark-card .kg-bookmark-title {
font-weight: 700;
font-size: 16px;
color: var(--epcl-black);
font-family: var(--epcl-title-font-family);
}
div.text .kg-bookmark-card .kg-bookmark-description {
font-size: 16px;
}
div.text .kg-bookmark-card .kg-bookmark-description,
div.text .kg-bookmark-card .kg-bookmark-metadata {
margin-top: 12px;
}
div.text .kg-bookmark-card .kg-bookmark-metadata {
font-size: 16px;
color: var(--epcl-black);
}
div.text .kg-bookmark-card .kg-bookmark-thumbnail img {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
div.text .kg-bookmark-card .kg-bookmark-icon {
width: 22px;
height: 22px;
margin-right: 8px;
vertical-align: middle;
position: relative;
top: -1px;
}
div.text .kg-button-card {
padding-top: 8px;
margin-bottom: 24px;
}
div.text .kg-button-card .kg-btn {
display: inline-block;
color: #fff;
font-size: 16px;
padding: 5px 22px;
position: relative;
z-index: 2;
font-family: var(--epcl-title-font-family);
font-weight: 500;
border-radius: var(--epcl-small-border-radius);
background-color: var(--epcl-main-color);
letter-spacing: 0.1px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 0;
}
div.text .kg-button-card .kg-btn.active,
div.text .kg-button-card .kg-btn:hover {
color: #fff;
background: var(--epcl-black);
}
div.text .kg-button-card .kg-btn.active:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-shadow: none;
box-shadow: none;
}
div.text .kg-button-card .kg-btn.black {
background: var(--epcl-black);
}
div.text .kg-button-card .kg-btn.black:hover {
background: #000;
}
div.text .kg-button-card .kg-btn.small {
font-size: 12px;
padding: 5px 15px;
border-radius: 4px;
}
div.text .kg-button-card .kg-btn.small:before {
border-radius: 4px;
}
div.text .kg-button-card .kg-btn.small.bordered:hover:after {
left: -4px;
top: -4px;
}
div.text .kg-button-card .kg-btn.medium {
font-size: 13px;
padding: 7px 15px;
}
div.text .kg-button-card .kg-btn.large {
font-size: 20px;
padding: 8px 40px;
}
div.text .kg-button-card .kg-btn.icon i,
div.text .kg-button-card .kg-btn.icon svg {
vertical-align: middle;
position: relative;
top: -2px;
margin-right: 3px;
}
div.text .kg-button-card .kg-btn.icon svg {
width: 17px;
height: 17px;
}
div.text .kg-button-card .kg-btn.icon svg.large {
width: 20px;
height: 20px;
}
div.text .kg-button-card .kg-btn.icon.right-icon svg {
margin-right: 0;
margin-left: 3px;
}
div.text .kg-button-card .kg-btn.rounded {
border-radius: var(--epcl-large-border-radius);
}
div.text .kg-button-card .kg-btn.circle {
padding: 0;
width: 44px;
height: 44px;
border-radius: 50%;
text-align: center;
line-height: 44px;
font-size: 16px;
overflow: hidden;
}
div.text .kg-button-card .kg-btn.circle i.fa {
margin: 0;
vertical-align: middle;
}
div.text .kg-button-card .kg-btn.circle:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
div.text .kg-button-card .kg-btn.dark {
background-color: var(--epcl-black);
color: #fff;
}
div.text .kg-button-card .kg-btn.white {
background: #fff;
color: #282424;
}
div.text .kg-button-card .kg-btn.white svg {
fill: #282424;
}
div.text .kg-button-card .kg-btn.light {
background-color: var(--epcl-boxes-background-color);
color: var(--epcl-black);
border: 1px solid var(--epcl-border-color);
}
div.text .kg-button-card .kg-btn.red-gradient {
background: -webkit-gradient(
linear,
left top,
right top,
from(#ec008c),
to(#fc6767)
);
background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
}
div.text .kg-button-card .kg-btn.purple-gradient {
background: linear-gradient(135deg, #4776e6 0%, #8e54e9 100%);
}
div.text .kg-button-card .kg-btn i.fa {
font-size: 85%;
margin-left: 5px;
}
div.text .kg-button-card .kg-btn.loading:after {
padding: 0;
margin-left: 7px;
content: '';
display: inline-block;
vertical-align: middle;
top: -2px;
left: 0;
position: relative;
height: 12px;
width: 12px;
border: 2px solid #fff;
border-radius: 100%;
border-right-color: transparent;
border-top-color: transparent;
-webkit-animation: spin 0.5s infinite linear;
animation: spin 0.5s infinite linear;
}
div.text .kg-button-card .kg-btn.ctag:hover {
background: var(--epcl-black) !important;
}
div.text .kg-button-card .kg-btn:hover {
opacity: 1;
}
div.text .kg-toggle-card {
background: #fff;
border: 1px solid var(--epcl-border-color);
border-radius: var(--epcl-small-border-radius);
padding: 1.2em;
margin-bottom: 24px;
-webkit-box-shadow: none;
box-shadow: none;
}
div.text .kg-toggle-card .kg-toggle-heading svg {
color: #282424;
}
div.text .kg-toggle-card .kg-toggle-heading-text {
padding-top: 0;
}
div.text .kg-toggle-card .kg-toggle-content p {
line-height: var(--epcl-line-height-editor);
}
div.text .kg-audio-card {
border-radius: var(--epcl-medium-border-radius);
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--epcl-border-color);
margin-bottom: 24px;
background: #fff;
}
div.text .kg-audio-card .kg-audio-title {
font-family: var(--epcl-title-font-family);
color: var(--epcl-titles-color);
}
div.text .kg-audio-card .kg-audio-thumbnail {
border-radius: 0;
}
div.text .kg-file-card {
margin-bottom: 24px;
}
div.text .kg-file-card a.kg-file-card-container {
border: 1px solid var(--epcl-border-color);
padding: 8px;
border-radius: var(--epcl-medium-border-radius);
background: #fff;
}
div.text .kg-file-card .kg-file-card-title {
font-family: var(--epcl-title-font-family);
color: var(--epcl-titles-color);
margin-bottom: 8px;
}
div.text .kg-file-card .kg-file-card-metadata {
margin-top: 5px;
}
div.text .kg-file-card .kg-file-card-filename {
font-weight: 600;
}
div.text .kg-file-card .kg-file-card-icon {
background: var(--epcl-background-color);
}
div.text .kg-file-card .kg-file-card-icon:before {
opacity: 0;
}
div.text .kg-video-card {
border-radius: var(--epcl-medium-border-radius);
overflow: hidden;
padding-top: 0;
}
div.text .kg-callout-card {
padding: 1.2em 1.6em;
font-size: 19px;
margin-bottom: 24px;
border-radius: var(--epcl-medium-border-radius) !important;
border: 0 !important;
}
div.text .kg-callout-card .kg-callout-emoji {
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 15px;
}
div.text .kg-callout-card div.kg-callout-text {
line-height: var(--epcl-line-height-editor);
}
div.text .kg-product-card {
padding-top: 8px;
margin-bottom: 24px;
}
div.text .kg-product-card .kg-product-card-image {
margin-bottom: 10px;
}
div.text .kg-product-card .kg-product-card-container {
-webkit-box-shadow: none;
box-shadow: none;
background: #fff;
border: 1px solid var(--epcl-border-color);
border-radius: var(--epcl-small-border-radius);
}
div.text .kg-product-card .kg-product-card-title {
font-family: var(--epcl-title-font-family);
padding-top: 0;
font-weight: 800;
}
div.text .kg-product-card .kg-product-card-rating-star svg {
fill: #ffc225;
}
div.text .kg-product-card .kg-product-card-btn-accent {
display: inline-block;
color: #fff;
font-size: 16px;
padding: 5px 22px;
position: relative;
z-index: 2;
font-family: var(--epcl-title-font-family);
font-weight: 500;
border-radius: var(--epcl-small-border-radius);
background-color: var(--epcl-main-color);
letter-spacing: 0.1px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
padding: 13px 25px;
}
div.text .kg-product-card .kg-product-card-btn-accent.active,
div.text .kg-product-card .kg-product-card-btn-accent:hover {
color: #fff;
background: var(--epcl-black);
}
div.text .kg-product-card .kg-product-card-btn-accent.active:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-shadow: none;
box-shadow: none;
}
div.text .kg-product-card .kg-product-card-btn-accent.black {
background: var(--epcl-black);
}
div.text .kg-product-card .kg-product-card-btn-accent.black:hover {
background: #000;
}
div.text .kg-product-card .kg-product-card-btn-accent.small {
font-size: 12px;
padding: 5px 15px;
border-radius: 4px;
}
div.text .kg-product-card .kg-product-card-btn-accent.small:before {
border-radius: 4px;
}
div.text
.kg-product-card
.kg-product-card-btn-accent.small.bordered:hover:after {
left: -4px;
top: -4px;
}
div.text .kg-product-card .kg-product-card-btn-accent.medium {
font-size: 13px;
padding: 7px 15px;
}
div.text .kg-product-card .kg-product-card-btn-accent.large {
font-size: 20px;
padding: 8px 40px;
}
div.text .kg-product-card .kg-product-card-btn-accent.icon i,
div.text .kg-product-card .kg-product-card-btn-accent.icon svg {
vertical-align: middle;
position: relative;
top: -2px;
margin-right: 3px;
}
div.text .kg-product-card .kg-product-card-btn-accent.icon svg {
width: 17px;
height: 17px;
}
div.text .kg-product-card .kg-product-card-btn-accent.icon svg.large {
width: 20px;
height: 20px;
}
div.text .kg-product-card .kg-product-card-btn-accent.icon.right-icon svg {
margin-right: 0;
margin-left: 3px;
}
div.text .kg-product-card .kg-product-card-btn-accent.rounded {
border-radius: var(--epcl-large-border-radius);
}
div.text .kg-product-card .kg-product-card-btn-accent.circle {
padding: 0;
width: 44px;
height: 44px;
border-radius: 50%;
text-align: center;
line-height: 44px;
font-size: 16px;
overflow: hidden;
}
div.text .kg-product-card .kg-product-card-btn-accent.circle i.fa {
margin: 0;
vertical-align: middle;
}
div.text .kg-product-card .kg-product-card-btn-accent.circle:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
div.text .kg-product-card .kg-product-card-btn-accent.dark {
background-color: var(--epcl-black);
color: #fff;
}
div.text .kg-product-card .kg-product-card-btn-accent.white {
background: #fff;
color: #282424;
}
div.text .kg-product-card .kg-product-card-btn-accent.white svg {
fill: #282424;
}
div.text .kg-product-card .kg-product-card-btn-accent.light {
background-color: var(--epcl-boxes-background-color);
color: var(--epcl-black);
border: 1px solid var(--epcl-border-color);
}
div.text .kg-product-card .kg-product-card-btn-accent.red-gradient {
background: -webkit-gradient(
linear,
left top,
right top,
from(#ec008c),
to(#fc6767)
);
background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
}
div.text .kg-product-card .kg-product-card-btn-accent.purple-gradient {
background: linear-gradient(135deg, #4776e6 0%, #8e54e9 100%);
}
div.text .kg-product-card .kg-product-card-btn-accent i.fa {
font-size: 85%;
margin-left: 5px;
}
div.text .kg-product-card .kg-product-card-btn-accent.loading:after {
padding: 0;
margin-left: 7px;
content: '';
display: inline-block;
vertical-align: middle;
top: -2px;
left: 0;
position: relative;
height: 12px;
width: 12px;
border: 2px solid #fff;
border-radius: 100%;
border-right-color: transparent;
border-top-color: transparent;
-webkit-animation: spin 0.5s infinite linear;
animation: spin 0.5s infinite linear;
}
div.text .kg-product-card .kg-product-card-btn-accent.ctag:hover {
background: var(--epcl-black) !important;
}
div.text .kg-product-card .kg-product-card-description {
font-size: var(--epcl-font-size);
}
div.text .kg-product-card .kg-product-card-description p {
opacity: 0.8;
}
div.text .kg-header-card .kg-header-card-button {
border-radius: 0;
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
div.text .kg-header-card .kg-header-card-button:hover {
opacity: 1;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
div.text .kg-header-card.kg-width-full {
margin-left: -60px;
margin-right: -60px;
}
div.text .kg-callout-card {
position: relative;
border: 1px solid var(--epcl-border-color);
border-radius: var(--epcl-small-border-radius);
}
div.text .kg-callout-card:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: var(--epcl-medium-border-radius);
background: #fff;
z-index: -1;
}
div.text .kg-signup-card {
border-radius: var(--epcl-small-border-radius);
}
div.text .kg-signup-card .kg-signup-card-input {
margin: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
div.text .kg-signup-card .kg-signup-card-image {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
div.text .kg-signup-card .kg-signup-card-button {
height: auto;
}
#page .kg-width-full {
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#page .kg-width-full img {
display: block;
width: 100%;
border-radius: 0;
margin: 0;
}
body.page-template #wrapper {
overflow-x: hidden;
}
#header {
position: relative;
}
#header div.menu-mobile {
display: none;
}
#header .open-menu {
cursor: pointer;
margin-left: 20px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
#header .open-menu svg {
margin: 0;
}
#header .open-menu:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#header .grid-container {
padding: 20px;
position: relative;
background: var(--epcl-boxes-background-color);
border: 1px solid var(--epcl-boxes-border-color);
border-radius: 100px;
}
#header .logo {
text-align: center;
}
#header .logo a {
display: inline-block;
color: var(--epcl-black);
vertical-align: middle;
}
#header .logo a i.fa {
vertical-align: middle;
position: relative;
top: -7px;
}
#header .logo a img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
#header .logo a:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
#header .logo.text-logo .title {
font-size: 40px;
}
#header .logo.text-logo span {
display: inline-block;
vertical-align: baseline;
margin: 0;
}
#header .sticky-logo {
display: none;
}
#header.minimalist .grid-container {
padding: 20px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
}
#header.minimalist ul.menu {
padding: 0;
}
#header.minimalist .logo {
max-width: 225px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#header.minimalist .search-menu-item {
padding: 10px 0;
}
#header.minimalist .search-menu-item .link {
font-size: 16px;
padding-top: 3px;
}
#header.minimalist .search-menu-item svg {
margin-right: 7px;
position: relative;
z-index: 2;
top: -1px;
}
#header .epcl-search-button {
position: absolute;
right: 0;
top: 87px;
display: none;
}
#header .epcl-search-button svg {
margin-top: -2px;
}
#header.classic .epcl-search-button {
display: block;
}
#header .subscribe.epcl-button {
position: relative;
top: -2px;
margin-left: 10px;
font-size: 15px;
line-height: 1.6;
height: 40px;
line-height: 42px;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #fff;
}
#header .subscribe.epcl-button:after {
display: none;
}
#header .subscribe.epcl-button i {
font-size: 16px;
margin-left: 3px;
margin-top: -1px;
margin-right: 0;
}
#header .subscribe.epcl-button:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
#header .epcl-login {
margin-right: 15px;
}
#header .epcl-social-buttons {
float: right;
margin: 5px 0 0 30px;
}
#header .share-buttons {
float: right;
background-color: var(--epcl-main-color);
padding: 0px 25px;
border-radius: 25px;
font-size: 20px;
height: 44px;
line-height: 44px;
margin: 33px 0 0 10px;
position: relative;
z-index: 101;
}
#header .share-buttons a {
display: inline-block;
color: #fff;
margin: 0 7px;
position: relative;
z-index: 2;
}
#header .share-buttons a svg {
width: 16px;
height: 16px;
fill: #fff;
}
#header .share-buttons a:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
#header.minimalist .share-buttons {
margin-top: 4px;
}
#header.classic .share-buttons {
margin-top: 28px;
}
#header .account {
margin-left: auto;
}
#header .account a {
margin-left: 10px;
vertical-align: middle;
}
.main-nav {
text-align: right;
float: right;
}
.main-nav ul.menu {
font-size: 0px;
}
.main-nav ul.menu > li.menu-item-has-children {
margin-right: 10px;
padding-right: 15px;
}
.main-nav ul.menu li {
display: inline-block;
padding: 10px 15px;
position: relative;
}
.main-nav ul.menu li.current-menu-item a {
font-weight: bold;
}
.main-nav ul.menu li.current-menu-item a:before {
display: block;
content: '';
width: 16px;
height: 16px;
position: absolute;
left: -20px;
top: 2px;
background-color: var(--epcl-secondary-color);
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
-webkit-mask-size: 16px;
mask-size: 16px;
}
.main-nav ul.menu li.subscribe-menu-item {
padding-top: 0;
padding-bottom: 0;
}
.main-nav ul.menu li.menu-item-has-children:after {
font-family: 'FontAwesome';
content: '\f107';
display: block;
color: var(--epcl-black);
position: absolute;
font-size: 14px;
right: 0;
top: 50%;
z-index: 5;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-nav ul.menu li .link,
.main-nav ul.menu li a {
display: inline-block;
font-size: 18px;
line-height: 1.25;
position: relative;
z-index: 1;
color: var(--epcl-black);
font-family: var(--epcl-title-font-family);
font-weight: 500;
cursor: pointer;
}
.main-nav ul.menu li .link.lightbox,
.main-nav ul.menu li a.lightbox {
background: none;
font-size: 20px;
fill: var(--epcl-black);
}
.main-nav ul.menu li .link.epcl-button,
.main-nav ul.menu li a.epcl-button {
color: #fff;
}
.main-nav ul.menu li .link.epcl-button:hover,
.main-nav ul.menu li a.epcl-button:hover {
color: #fff;
}
@-webkit-keyframes fadeInMenu {
0% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fadeInMenu {
0% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.main-nav ul.sub-menu {
position: absolute;
left: 0;
top: 100%;
z-index: 100;
padding: 15px 0;
background: #fff;
min-width: 250px;
text-align: left;
left: -20px;
opacity: 0;
visibility: hidden;
border: 1px solid var(--epcl-border-color);
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
border-radius: var(--epcl-small-border-radius);
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.main-nav ul.sub-menu li {
display: block;
padding: 0;
}
.main-nav ul.sub-menu li.current-menu-item a {
font-weight: 600;
}
.main-nav ul.sub-menu li.current-menu-item a:after {
display: none;
}
.main-nav ul.sub-menu li.menu-item-has-children:after {
display: none;
right: 10px;
content: '\f105';
}
.main-nav ul.sub-menu li a {
display: block;
font-size: 14px;
font-weight: 400;
color: var(--epcl-black);
padding: 10px 25px;
background: none;
position: relative;
}
.main-nav ul.sub-menu li a:hover {
color: var(--epcl-main-color);
}
.main-nav ul.sub-menu ul.sub-menu {
left: 100%;
top: -15px;
-webkit-transform: scale(1) translateX(-10px);
-ms-transform: scale(1) translateX(-10px);
transform: scale(1) translateX(-10px);
}
.main-nav ul.menu li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
}
.main-nav ul.menu > li.menu-item-has-children.last-menu-item ul.sub-menu {
left: auto;
right: 0;
}
.main-nav
ul.menu
> li.menu-item-has-children.last-menu-item
ul.sub-menu
ul.sub-menu {
left: auto;
right: 100%;
}
@-webkit-keyframes headerPinnedSlideDown {
0% {
top: -100%;
}
to {
top: 0;
}
}
@keyframes headerPinnedSlideDown {
0% {
top: -100%;
}
to {
top: 0;
}
}
#wrapper {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
nav.mobile.main-nav {
position: fixed;
right: 0;
top: 0;
bottom: 0;
height: 100%;
margin: 0;
width: 450px;
z-index: 100;
background: var(--epcl-boxes-background-color);
text-align: left;
padding: 40px 20px;
padding-top: 120px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateX(300px);
-ms-transform: translateX(300px);
transform: translateX(300px);
-webkit-box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.2),
0 22px 27px -20px rgba(7, 10, 25, 0.2);
box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.2),
0 22px 27px -20px rgba(7, 10, 25, 0.2);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 0;
visibility: hidden;
overflow: auto;
text-align: center;
}
nav.mobile.main-nav div.close {
text-align: right;
background: var(--epcl-main-color);
color: #fff;
position: absolute;
right: 0;
top: 40px;
z-index: 1000;
border-radius: var(--epcl-large-border-radius) 0 0
var(--epcl-large-border-radius);
padding: 7px;
padding-left: 14px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
nav.mobile.main-nav div.close svg {
width: 28px;
height: 28px;
}
nav.mobile.main-nav div.close:hover {
padding-right: 14px;
}
nav.mobile.main-nav ul {
float: none;
padding: 50px 0;
}
nav.mobile.main-nav li {
display: block;
}
nav.mobile.main-nav ul.menu > li {
padding: 15px;
}
nav.mobile.main-nav .nav-login {
text-align: center;
margin-top: 20px;
}
nav.mobile.main-nav ul.menu li.menu-item-has-children {
margin-right: 0;
padding-right: 20px;
}
nav.mobile.main-nav ul.menu li.menu-item-has-children:after {
display: block;
color: #282424;
position: absolute;
font-size: 14px;
right: 0px;
top: 25px;
z-index: 5;
padding: 10px 15px;
}
nav.mobile.main-nav ul.menu li.menu-item-has-children:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
max-height: 35vh !important;
overflow: auto;
padding: 5px 0 0;
}
nav.mobile.main-nav
ul.menu
li.menu-item-has-children
li.menu-item-has-children:after {
top: 20px;
right: 7px;
}
nav.mobile.main-nav ul.sub-menu {
position: relative !important;
left: auto !important;
top: auto !important;
max-height: 0 !important;
overflow: hidden;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
padding: 0;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
border: 0;
}
nav.mobile.main-nav ul.sub-menu li {
padding: 0;
}
nav.mobile.main-nav ul.sub-menu li a {
padding: 10px 0;
color: #282424;
}
nav.mobile.main-nav ul.sub-menu ul.sub-menu {
margin-left: 5px;
}
nav.mobile.main-nav ul.sub-menu ul.sub-menu li a {
padding-left: 10px;
}
nav.mobile.main-nav .account {
text-align: center;
margin-top: 20px;
}
nav.mobile.main-nav .account a {
display: inline-block;
margin: 0 5px 5px;
min-width: 100px;
}
.epcl-menu-open nav.mobile.main-nav {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
div.menu-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 90;
background: #000;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.epcl-menu-open div.menu-overlay {
opacity: 0.25;
visibility: visible;
}
.epcl-menu-open {
overflow: hidden;
}
.epcl-menu-open #wrapper nav {
opacity: 1;
visibility: visible;
}
#header.has-sticky-logo.is-sticky .logo:not(.text-logo) {
display: none;
}
#header.has-sticky-logo.is-sticky .sticky-logo {
display: block !important;
}
#header div.menu-wrapper {
padding-top: 30px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
#header .grid-container {
padding: 0 !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
#header .grid-wrapper {
max-width: 1190px;
margin: 0 auto;
padding: 20px 40px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
#header .epcl-flex {
width: auto;
max-width: 1190px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#header[data-stuck] div.menu-wrapper {
position: fixed;
z-index: 100;
padding-top: 0;
}
#header[data-stuck] .grid-wrapper {
padding: 20px 0;
}
#header[data-stuck] .grid-container {
max-width: 100%;
border-radius: 0;
}
.epcl-cta {
padding: 75px;
position: relative;
overflow: hidden;
border: 0 !important;
z-index: 2;
margin-top: 80px;
}
.epcl-cta .left {
font-size: 20px;
}
.epcl-cta .left p {
margin-top: 20px;
}
.epcl-cta .epcl-button {
margin-top: 20px;
}
.epcl-cta .bg,
.epcl-cta .bg2 {
position: absolute;
top: 10%;
z-index: -1;
}
.epcl-cta .bg {
left: -120px;
}
.epcl-cta .bg2 {
right: -120px;
}
#footer {
margin-top: 100px;
padding: 0 0 40px;
}
#footer.no-background {
background: none;
margin-top: 20px;
padding: 0;
}
#footer .title.bordered svg.decoration {
margin-left: -26px;
}
#footer .widgets .default-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
#footer .widgets .title.bordered {
margin-bottom: 35px;
}
#footer .widgets .desktop-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#footer .widgets .widget {
padding-right: 60px;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#footer .widgets .widget:nth-child(3) {
width: 40%;
padding-right: 0;
}
#footer .widgets .default-sidebar,
#footer .widgets .mobile-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
#footer .widgets .grid-33 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#footer .widgets .widget_text a {
font-weight: bold;
}
#footer .logo {
margin-top: -10px;
margin-bottom: 20px;
}
#footer .logo a {
display: inline-block;
color: var(--epcl-black);
font-size: 40px;
}
#footer .logo a:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
#footer .logo a i.fa {
margin-right: 5px;
}
#footer .logo.text-logo .dot {
vertical-align: baseline;
margin: 0;
}
#footer #back-to-top {
position: fixed;
right: -10px;
bottom: 10px;
text-align: center;
z-index: 99;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
padding: 0;
font-size: 25px;
opacity: 0;
border-radius: var(--epcl-large-border-radius);
cursor: pointer;
}
#footer #back-to-top img {
vertical-align: middle;
}
#footer #back-to-top i.fa {
margin: 0;
}
#footer #back-to-top.visible {
opacity: 1;
right: 10px;
bottom: 10px;
}
#footer .epcl-border {
margin: 0;
}
#footer .published {
text-align: center;
margin: 80px 20px 0px;
font-size: 14px;
}
#footer .published .dot {
margin: 0 5px;
}
#footer .published a {
font-weight: 700;
}
#footer .published svg.icon {
margin: 0 4px;
}
time:not(.icon) {
position: relative;
text-transform: capitalize;
}
time:not(.icon) .dot {
margin-right: 12px;
margin-left: 0;
}
time:not(.icon) .dot.small {
margin-right: 8px;
}
time:not(.icon).small {
font-size: 12px;
line-height: 1;
padding-left: 12px;
}
time:not(.icon).small:before {
width: 2px;
height: 2px;
margin-top: -2px;
}
time.icon svg {
margin-right: 2px;
margin-top: -2px;
}
.meta {
color: var(--epcl-meta-color);
font-size: 14px;
font-family: var(--epcl-title-font-family);
}
.meta a {
color: var(--epcl-meta-color);
}
.meta a:hover {
color: var(--epcl-main-color);
}
.meta.small {
font-size: 13px;
}
.meta.small svg.icon {
width: 17px;
height: 17px;
vertical-align: middle;
margin-top: -3px;
margin-right: 3px;
}
.meta.small .rating {
font-size: 18px;
}
.meta.inline {
margin-bottom: 10px;
margin-left: -12px;
}
.meta.inline .meta-info .icon {
margin-right: 5px;
}
.meta.inline .meta-info,
.meta.inline .rating {
display: inline-block;
}
.meta.inline .rating {
vertical-align: middle;
margin-left: 6px;
margin-top: -2px;
}
.meta.absolute {
position: absolute;
left: 0;
bottom: 0;
right: 0;
text-align: center;
padding: 20px;
background: #000;
z-index: 2;
border-radius: 0px 0px var(--epcl-small-border-radius)
var(--epcl-small-border-radius);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0)),
to(rgba(0, 0, 0, 0.4))
);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.4) 100%
);
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.featured-image:hover .meta.absolute {
opacity: 1;
visibility: visible;
}
.meta .comments {
color: #fff;
font-size: 14px;
}
.meta .comments svg {
fill: #fff;
vertical-align: middle;
margin-top: -3px;
margin-right: 5px;
}
.meta .comments:hover {
color: #fff;
}
.meta .views-counter {
cursor: default;
}
.meta .meta-info {
margin-left: 12px;
position: relative;
z-index: 2;
}
.meta .author {
color: var(--epcl-black);
font-size: 13px;
}
.meta .author .author-image {
width: 18px;
height: 18px;
position: relative;
left: auto;
top: -2px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
border-radius: 50%;
font-size: 16px;
-webkit-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
.meta .author .author-image:before {
display: none;
}
.meta .author .author-image.small {
width: 30px;
height: 30px;
}
.meta .author .author-name span {
color: #282424;
font-weight: normal;
}
.meta .sticky-icon {
margin-left: 8px;
margin-top: -7px;
vertical-align: middle;
display: inline-block;
}
.meta .rating {
font-size: 22px;
color: var(--epcl-border-color);
margin-left: -3px;
}
.meta .rating .star {
margin-right: 3px;
}
.meta .rating.star-1 .star:first-child {
color: #ffc225;
}
.meta .rating.star-2 .star:first-child,
.meta .rating.star-2 .star:nth-child(2) {
color: #ffc225;
}
.meta .rating.star-3 .star {
color: #ffc225;
}
div.meta-data {
text-align: center;
}
div.meta-data .meta-info {
margin-left: 0px;
margin-top: 10px;
padding-left: 0;
}
div.meta-data .meta-info .icon {
margin-right: 6px;
position: relative;
top: -2px;
}
div.meta-data .meta-info .rating {
margin-top: -3px;
margin-left: 25px;
}
div.articles {
}
div.articles article {
margin: 0 auto 40px;
position: relative;
z-index: 2;
}
div.articles .featured-image {
position: relative;
z-index: 2;
}
div.articles .post-format-wrapper {
position: relative;
z-index: 2;
}
div.articles .post-format-wrapper.hidden {
display: none;
}
div.articles.classic .epcl-flex {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
div.articles.classic article .meta-data {
min-width: 180px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0px 10px;
padding-left: 25px;
margin: 35px 0 20px;
font-size: 14px;
font-weight: 500;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.articles.classic article .featured-image {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin: 10px;
position: relative;
z-index: 1;
min-height: 300px;
}
div.articles.classic article .thumb {
display: block;
width: 270px;
height: 100%;
border-radius: var(--epcl-medium-border-radius);
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
}
div.articles.classic article .thumb .fullimage {
border-radius: var(--epcl-medium-border-radius);
}
div.articles.classic article .main-title {
margin-bottom: 15px;
font-size: 28px;
}
div.articles.classic article .post-excerpt {
margin-top: 15px;
}
div.articles.classic article .info {
padding: 30px 40px;
padding-left: 10px;
margin: auto 0;
}
div.articles.classic article .meta.bottom {
margin-top: 20px;
}
div.articles.classic article .meta.bottom .author {
margin-left: auto;
font-weight: 600;
}
div.articles.classic article.featured .info,
div.articles.classic article.post-access-members .info,
div.articles.classic article.post-access-paid .info {
padding-top: 40px;
}
div.articles.classic-image .epcl-flex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.articles.classic-image article .main-title {
font-size: 24px;
}
div.articles.classic-image article .info {
padding: 40px 30px;
font-size: 15px;
}
div.articles.classic-image article.no-image .info {
padding-left: 50px;
padding-right: 50px;
}
div.articles.grid-posts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
div.articles.grid-posts .epcl-bg {
padding: 20px 20px 25px;
margin: 0 20px;
position: relative;
z-index: 2;
}
div.articles.grid-posts article {
padding: 0 20px;
margin-bottom: 80px;
}
div.articles.grid-posts article.no-image div.info {
position: relative;
left: auto;
bottom: auto;
right: auto;
padding-bottom: 0;
}
div.articles.grid-posts article.no-image div.meta.absolute,
div.articles.grid-posts article.no-image div.tags {
display: none;
}
div.articles.grid-posts article .featured-image {
margin-bottom: 35px;
}
div.articles.grid-posts article .featured-image .thumb {
display: block;
border-radius: var(--epcl-medium-border-radius);
-webkit-box-shadow: var(--epcl-medium-shadow);
box-shadow: var(--epcl-medium-shadow);
height: 300px;
overflow: hidden;
}
div.articles.grid-posts article div.tags {
position: absolute;
left: 15px;
top: 15px;
z-index: 3;
margin: 0;
}
div.articles.grid-posts article div.tags a {
margin: 0;
}
div.articles.grid-posts article div.meta {
font-size: 14px;
margin-top: 20px;
}
div.articles.grid-posts article .info {
padding: 0 20px;
}
div.articles.grid-posts article .main-title {
font-size: 26px;
margin-bottom: 0;
}
div.articles.grid-posts article .post-excerpt {
padding: 20px 20px;
}
div.articles.grid-posts article footer.bottom {
margin: 15px 20px 0;
}
div.articles.grid-posts article footer.bottom .author {
float: none;
margin: 0 15px;
font-size: 13px;
font-weight: 500;
font-family: var(--epcl-font-family);
}
.epcl-pagination {
clear: both;
text-align: center;
padding: 30px 0 0;
}
.epcl-pagination div.nav {
display: inline-block;
}
.epcl-pagination div.nav > span {
display: inline-block;
margin: 0 10px;
height: 36px;
font-size: 14px;
font-weight: 500;
line-height: 36px;
padding: 0 15px;
}
.epcl-pagination div.nav a span {
padding: 0;
margin: 0;
}
div.left-content {
padding-right: 0;
padding-left: 40px;
}
.classic-sidebar div.left-content,
.grid-sidebar div.left-content {
padding-right: 50px;
}
.grid-sidebar div.left-content {
padding-left: 0;
padding-right: 30px;
}
.no-sidebar div.left-content {
padding-right: 20px;
max-width: 860px;
margin-left: auto !important;
margin-right: auto !important;
}
.no-active-sidebar div.left-content {
width: auto;
float: none;
}
#sidebar {
z-index: 2;
padding-left: 0;
}
#sidebar.enable-sticky {
position: sticky;
top: 140px;
}
#sidebar .widget {
position: relative;
margin-bottom: 50px;
width: auto;
float: none;
padding: 0;
}
.intro-text {
padding-left: 55px;
padding-right: 55px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.intro-text .title {
margin-bottom: 0;
}
.intro-text p {
font-size: 17px;
margin: 30px auto;
max-width: 720px;
}
.intro-text p:last-of-type {
margin-bottom: 0;
}
.intro-text .right {
margin-left: auto;
}
.intro-text .hero-image {
-webkit-animation: morph 15s ease-in-out infinite;
animation: morph 15s ease-in-out infinite;
}
.intro-text form {
margin-top: 35px;
}
@-webkit-keyframes morph {
0% {
border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
}
50% {
border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
}
to {
border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
}
}
@keyframes morph {
0% {
border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
}
50% {
border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
}
to {
border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
}
}
.epcl-carousel {
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.epcl-carousel.slick-initialized {
visibility: visible;
height: inherit;
opacity: 1;
}
.epcl-carousel .item article {
position: relative;
z-index: 1;
margin: 0 15px;
padding: 0;
color: #fff;
background: var(--epcl-main-color);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.epcl-carousel .item .epcl-flex {
min-height: 250px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.epcl-carousel .item .meta-data {
color: #fff;
min-width: 160px;
max-width: 180px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 10px;
padding-left: 25px;
margin: 20px 0 10px;
font-size: 13px;
font-weight: 500;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.epcl-carousel .item .meta-data svg {
color: #fff;
top: 0;
}
.epcl-carousel .item a {
color: #fff;
}
.epcl-carousel .item div.tags.fill-color a {
background: rgba(255, 255, 255, 0.12) !important;
}
.epcl-carousel .item .info {
padding: 25px 25px 40px 0;
margin: auto 0;
}
.epcl-carousel .item .info .epcl-button {
position: absolute;
right: 25px;
bottom: 20px;
}
.epcl-carousel .item .meta .rating {
display: block;
margin-left: -3px;
color: #fff;
padding-left: 26px;
}
.epcl-carousel .item .access-icon {
right: 25px;
background: rgba(255, 255, 255, 0.12);
}
.epcl-carousel .item .access-icon svg {
color: #fff;
}
.epcl-popular-categories h2.title {
margin-bottom: 15px;
}
.epcl-popular-categories .epcl-flex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.epcl-popular-categories .bg-box {
padding: 15px 20px 20px;
border-radius: 150px;
}
.epcl-popular-categories .item {
text-align: center;
margin-top: 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 10px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.epcl-popular-categories .item .image-container {
display: inline-block;
position: relative;
}
.epcl-popular-categories .item .title {
display: block;
margin: 3px 0 0;
}
.epcl-popular-categories .item .title:hover {
color: var(--epcl-titles-color);
}
.epcl-popular-categories .item .bio {
font-size: 14px;
}
.epcl-popular-categories .item:nth-child(6) {
display: none;
}
.epcl-popular-categories .right {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 30%;
}
.epcl-popular-categories .right span {
margin-right: 20px;
}
#page #single .main-title {
margin-bottom: 0;
}
.archive #author div.avatar {
margin-top: 10px;
}
#archives .tag-description {
margin-top: 80px;
padding: 0px 60px 20px;
width: auto;
}
#archives .tag-description .left {
padding: 0;
width: auto;
margin-left: auto;
margin-right: auto;
}
#archives .tag-description .left .category-image {
margin: 0 20px 0 0;
}
#archives .tag-description .left .title {
white-space: nowrap;
}
#archives .tag-description .left .title span {
display: block;
}
#archives .tag-description .right {
padding: 0;
margin-left: 50px;
padding-left: 50px;
border-left: 2px solid var(--epcl-border-color);
}
.epcl-tags-archive .thumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 300px;
height: 300px;
border-radius: 50%;
text-align: center;
color: #fff;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
margin-top: 20px;
-webkit-animation: morph 15s ease-in-out infinite;
animation: morph 15s ease-in-out infinite;
margin: 0 auto;
float: none;
}
.epcl-tags-archive .thumb .dot {
background: #fff;
}
.epcl-tags-archive .thumb .info {
margin: auto 0;
}
.epcl-tags-archive .thumb:hover {
-webkit-box-shadow: 0px 3px 20px -5px var(--epcl-main-color);
box-shadow: 0px 3px 20px -5px var(--epcl-main-color);
}
.epcl-tags-archive .item:nth-child(2) .thumb {
-webkit-animation: morph 8s ease-in infinite;
animation: morph 8s ease-in infinite;
}
.epcl-tags-archive .item:nth-child(3) .thumb {
-webkit-animation: morph 12s linear infinite;
animation: morph 12s linear infinite;
}
.epcl-tags-archive .epcl-flex {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.epcl-tags-archive .category-info {
margin-top: 20px;
margin-bottom: 20px;
}
.epcl-tags-archive .category-info h3 {
margin-top: 7px;
}
#author {
position: relative;
z-index: 1;
margin: 80px auto 0;
padding: 0px 80px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#author.no-avatar .right {
margin-left: auto;
}
#author .left {
margin-left: auto;
margin-right: 60px;
}
#author .author-avatar {
display: block;
width: 250px;
height: 250px;
border-radius: 100%;
overflow: hidden;
-webkit-box-shadow: var(--epcl-medium-shadow);
box-shadow: var(--epcl-medium-shadow);
position: relative;
-webkit-animation: morph 15s ease-in-out infinite;
animation: morph 15s ease-in-out infinite;
}
#author .author-avatar .author-image {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
margin: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
#author .author-name {
margin: 20px 0 3px;
line-height: 1;
}
#author .location {
display: inline-block;
font-size: 13px;
font-weight: 400;
vertical-align: middle;
margin-left: 7px;
margin-top: -4px;
color: var(--epcl-black);
border: 1px solid var(--epcl-boxes-border-color);
padding: 5px 8px;
border-radius: 6px;
position: relative;
z-index: 2;
}
#author .location:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
z-index: -2;
background: var(--epcl-boxes-border-color);
opacity: 0.25;
}
#author .right {
margin-right: auto;
}
#author .total {
font-weight: 600;
margin-top: 20px;
}
#author div.info {
margin-top: 20px;
max-width: 550px;
}
#author .epcl-button {
margin-top: 30px;
}
#author div.social {
margin-top: 15px;
}
#author div.social a {
display: inline-block;
vertical-align: middle;
font-size: 15px;
margin: 0 10px 0 0;
}
#author div.social a svg {
margin-right: 5px;
margin-top: -2px;
vertical-align: middle;
color: var(--epcl-main-color);
width: 15px;
height: 15px;
}
#author div.social a.twitter svg {
width: 12px;
height: 12px;
}
#author div.social a.facebook svg {
width: 15px;
height: 15px;
margin-right: 7px;
}
#author .bg-decoration {
position: absolute;
right: 0;
bottom: 0;
width: 249px;
height: 198px;
z-index: -1;
fill: var(--epcl-boxes-border-color);
opacity: 0.4;
}
#page-404 header {
position: absolute;
left: 0;
top: 0;
z-index: 3;
padding: 30px 40px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#page-404 header nav {
float: left;
}
#page-404 header .epcl-button svg {
width: 16px;
height: 16px;
}
#page-404 header .logo-wrapper {
margin-left: auto;
text-align: center;
}
#page-404 header .logo-wrapper .description {
font-size: 14px;
margin-top: -5px;
}
#page-404 .left {
background: var(--epcl-main-color);
padding: 0;
-ms-flex-item-align: start;
align-self: flex-start;
height: 100%;
}
#page-404 .left img {
display: block;
width: 70%;
height: 100vh;
background-size: contain;
margin: auto;
}
#page-404 div.not-found {
padding: 80px;
margin: 150px auto;
max-width: 500px;
font-size: 18px;
}
#page-404 div.not-found .title {
margin: 0 0 30px;
}
#page-404 div.not-found .title svg.decoration {
width: 35px;
height: 35px;
margin-top: -10px;
margin-left: -45px;
margin-right: 10px;
vertical-align: middle;
}
#page-404 div.not-found div.buttons {
margin-top: 30px;
}
div.epcl-share-container {
position: absolute;
z-index: 100;
margin-left: -85px;
margin-top: 0px;
height: 0 !important;
}
div.epcl-share {
border-radius: 25px;
overflow: hidden;
background: #fff;
color: #fff;
width: 45px;
padding: 10px 2px;
-webkit-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1);
position: relative;
}
div.epcl-share a {
display: block;
color: var(--epcl-main-color);
height: 40px;
font-size: 17px;
line-height: 40px;
text-align: center;
text-shadow: 0px 2px 5px rgba(255, 255, 255, 0.25);
}
div.epcl-share a:hover {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
transform: translateX(2px);
}
div.epcl-share a:first-child {
border: 0;
}
div.epcl-share a.whatsapp {
color: #1fb381 !important;
}
div.epcl-share a.facebook {
color: #135cb6 !important;
}
div.epcl-share a.twitter {
color: #00aced !important;
}
div.epcl-share a.pinterest {
color: #bd081c !important;
}
div.epcl-share a.linkedin {
color: #0077b5 !important;
}
div.epcl-share a.telegram {
color: #0088cc !important;
}
div.epcl-share a.vk {
color: #45668e !important;
}
.no-sidebar #sidebar {
display: none;
}
.no-sidebar div.left-content {
width: auto;
border: 0;
margin-right: 0;
float: none;
padding-left: 20px;
}
#single {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
#single .main-article {
position: relative;
z-index: 1;
padding: 50px 60px;
}
#single .main-article .featured-image-caption {
margin-top: 10px;
font-size: 13px;
}
#single .main-article .featured-image-caption a {
font-weight: 600;
background-size: 100% 5%;
}
#single .main-article .featured-image-caption a:hover {
background-size: 100% 0%;
}
#single .main-title {
margin-bottom: 20px;
}
#single .post-content {
margin-top: 40px;
}
#single.fullcover .fullcover-wrapper .featured-image {
position: relative;
z-index: 1;
margin-top: 80px;
border-radius: var(--epcl-medium-border-radius);
-webkit-box-shadow: var(--epcl-medium-shadow);
box-shadow: var(--epcl-medium-shadow);
overflow: hidden;
}
#single.fullcover .fullcover-wrapper .featured-image img {
-o-object-fit: cover;
object-fit: cover;
height: 500px;
}
#single.fullcover .fullcover-wrapper .info {
text-align: center;
margin-top: 40px;
}
#single.fullcover .content {
padding: 0 20px;
}
#single.fullcover .left-content {
margin-top: -120px;
}
#single.fullcover.no-image .content {
padding: 0;
}
#single.fullcover.no-image .left-content {
margin-top: 0;
}
#single.classic .featured-image {
margin-top: 30px;
}
#single.classic .featured-image img {
border-radius: var(--epcl-medium-border-radius);
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
}
#single.classic .post-content {
margin-top: 40px;
}
#single.classic .post-format-wrapper img[data-lazy='true'] {
height: 425px;
border: 0;
}
#single.classic .post-format-wrapper img[data-lazy='true'].loaded {
height: auto;
}
#single.classic.epcl-vertical .main-article header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 60px;
}
#single.classic.epcl-vertical .main-article .featured-image {
width: 40%;
margin: 0;
}
#single.classic.epcl-vertical .main-article .featured-image img {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
#single.classic.epcl-vertical .main-article .info {
width: 60%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 40px;
margin-bottom: 0;
}
#single.classic.epcl-vertical .main-article .info .title {
margin-bottom: 0;
line-height: 1.4;
}
#single.classic.epcl-vertical .main-article .info .meta {
margin: 15px 0 0 0;
}
#single .share-buttons {
text-align: center;
border-top: 1px solid var(--epcl-border-color);
margin-top: 60px;
padding: 30px 60px 0;
}
#single .share-buttons .title {
display: inline-block;
margin-right: 10px;
}
#single .share-buttons .twitter svg {
width: 19px;
height: 19px;
}
#single .share-buttons .permalink {
margin-top: 20px;
}
#single .share-buttons .permalink .inputbox {
padding-right: 150px;
}
#single .bottom-tags {
margin-top: 80px;
padding-top: 40px;
border-top: 2px solid var(--epcl-border-color);
font-size: 15px;
}
#single .bottom-tags p {
display: inline;
}
#single .bottom-tags .tags-list {
display: inline;
padding: 0 10px;
}
#single .bottom-tags a {
display: inline;
color: var(--epcl-main-color);
font-weight: 600;
}
#single .bottom-tags a:hover {
color: var(--epcl-black);
}
#single .bottom-tags .last-update {
margin-left: 30px;
text-transform: capitalize;
}
#single section.siblings {
margin-top: 60px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#single section.siblings article {
position: relative;
z-index: 1;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: var(--epcl-main-color);
border-radius: var(--epcl-medium-border-radius);
color: #fff;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 14px;
width: 45%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
#single section.siblings article .arrow {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
background: #fff;
color: var(--epcl-black);
padding: 10px 15px;
border-radius: 0px var(--epcl-large-border-radius)
var(--epcl-large-border-radius) 0px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
#single section.siblings article.prev {
padding-left: 70px;
}
#single section.siblings article.next {
text-align: right;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
padding-right: 70px;
}
#single section.siblings article.next .arrow {
left: auto;
right: 0;
border-radius: var(--epcl-large-border-radius) 0px 0px
var(--epcl-large-border-radius);
}
#single section.siblings article:hover.prev .arrow {
padding-left: 20px;
}
#single section.siblings article:hover.next .arrow {
padding-right: 20px;
}
#single section.siblings .separator {
width: 2px;
height: 50px;
background: var(--epcl-border-color);
margin: auto;
}
#single section.related {
margin-top: 60px;
padding: 60px 50px;
}
#single section.related .category-info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
#single section.related .category-info .category-image {
margin-right: 20px;
}
#single section.related .category-info .title {
display: inline-block;
margin-bottom: 0;
}
#single section.related .category-info .title span {
display: block;
}
#single section.related .category-info .epcl-button {
margin-left: auto;
}
#single section.related .article-list {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: 50px;
}
#single section.related .article-list .item {
border-bottom: 1px solid var(--epcl-border-color);
margin-left: 58px;
padding-bottom: 15px;
margin-bottom: 15px;
}
#single section.related .article-list .item:last-of-type {
border: 0;
padding-bottom: 0;
margin-bottom: 0;
}
#single section.related .article-list .epcl-number {
float: left;
margin-left: -40px;
}
.access-icon {
position: absolute;
right: 40px;
top: 0;
z-index: 3;
width: 40px;
height: 30px;
text-align: center;
line-height: 26px;
border-radius: 0px 0px var(--epcl-small-border-radius)
var(--epcl-small-border-radius);
background: #ffc225;
color: var(--epcl-black);
}
.access-icon svg {
width: 17px;
height: 17px;
vertical-align: middle;
}
.access-icon:hover {
color: var(--epcl-black);
}
.post-access-public .visibility-public {
display: inline-block;
}
.post-access-members .visibility-members {
display: inline-block;
}
.post-access-paid .visibility-paid {
display: inline-block;
}
.subscribe-cta {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid var(--epcl-border-color);
padding-top: 50px;
padding: 50px 50px 0;
border-radius: var(--epcl-medium-border-radius);
text-align: center;
font-size: 18px;
}
.subscribe-cta .title {
margin-bottom: 20px;
}
.subscribe-cta .button {
margin-top: 25px;
}
.subscribe-cta .sign-in {
margin-top: 25px;
font-size: 90%;
}
.members-form {
background: #fff;
-webkit-box-shadow: var(--epcl-large-shadow);
box-shadow: var(--epcl-large-shadow);
padding: 80px;
}
.subscribe-form .submit i {
font-size: 100%;
}
.subscribe-form .submit svg {
width: 18px;
height: 18px;
vertical-align: middle;
margin-top: -3px;
margin-left: 5px;
}
.subscribe-form .error-detail,
.subscribe-form .success-message {
opacity: 0;
padding: 0;
height: 0;
font-size: 14px;
text-align: center;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.subscribe-form .error-detail i,
.subscribe-form .success-message i {
font-size: 120%;
margin-left: 5px;
color: var(--epcl-main-color);
}
.subscribe-form.success .success-message {
height: auto;
opacity: 1;
margin-bottom: 15px;
}
.subscribe-form.success .success-message i {
-webkit-animation: shake 1.25s linear;
animation: shake 1.25s linear;
}
.subscribe-form.error .error-detail {
height: auto;
opacity: 1;
margin-bottom: 15px;
}
.subscribe-form.loading .submit {
pointer-events: none;
opacity: 0.8;
padding-right: 15px;
}
.subscribe-form.loading .submit i,
.subscribe-form.loading .submit svg {
display: none;
}
.subscribe-form.loading .submit .loader {
content: '';
display: inline-block;
position: relative;
height: 10px;
width: 10px;
border: 2px solid #fff;
border-radius: 100%;
border-right-color: transparent;
border-top-color: transparent;
-webkit-animation: spin 0.5s infinite linear;
animation: spin 0.5s infinite linear;
z-index: 10;
margin-left: 10px;
}
.membership-page div.left-content {
padding-right: 0;
}
.membership-page div.left-content article {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.membership-page .epcl-switch {
text-align: center;
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 320px;
margin: 0 auto;
padding: 10px 0px;
margin-bottom: 80px;
background: #fff;
border-radius: var(--epcl-small-border-radius);
font-size: 20px;
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
border-left: 5px solid #fff;
border: 1px solid var(--epcl-border-color);
}
.membership-page .epcl-switch button {
background: none;
text-align: center;
width: 50%;
color: #fff;
font-size: 16px;
font-family: var(--epcl-title-font-family);
}
.membership-page .epcl-switch:before {
content: '';
position: absolute;
left: 5px;
top: 5px;
bottom: 5px;
width: 50%;
background: var(--epcl-main-color);
border-radius: var(--epcl-small-border-radius);
z-index: -1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.membership-page
.epcl-switch[data-active-price='monthly']
button[data-price='yearly'] {
color: #282424;
}
.membership-page .epcl-switch[data-active-price='yearly']:before {
-webkit-transform: translateX(94%);
-ms-transform: translateX(94%);
transform: translateX(94%);
}
.membership-page
.epcl-switch[data-active-price='yearly']
button[data-price='monthly'] {
color: #282424;
}
.membership-page .epcl-plans {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.membership-page .epcl-plans .epcl-pay-button,
.membership-page .epcl-plans .epcl-price {
display: none;
}
.membership-page
.epcl-plans[data-active-price='monthly']
.epcl-price[data-price='monthly'] {
display: block;
}
.membership-page
.epcl-plans[data-active-price='monthly']
.epcl-price[data-price='free'] {
display: block;
}
.membership-page
.epcl-plans[data-active-price='monthly']
.epcl-pay-button[data-price='monthly'] {
display: inline-block;
}
.membership-page
.epcl-plans[data-active-price='yearly']
.epcl-price[data-price='yearly'] {
display: block;
}
.membership-page
.epcl-plans[data-active-price='yearly']
.epcl-price[data-price='free'] {
display: block;
}
.membership-page
.epcl-plans[data-active-price='yearly']
.epcl-pay-button[data-price='yearly'] {
display: inline-block;
}
.membership-page .subscribe-plan {
padding: 50px;
text-align: center;
margin-bottom: 35px;
}
.membership-page .subscribe-plan .free-trial {
position: absolute;
left: 50%;
top: -17px;
z-index: 3;
background: #fff;
padding: 5px 15px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: var(--epcl-secondary-color);
border-radius: var(--epcl-small-border-radius);
font-size: 13px;
color: #fff;
white-space: nowrap;
}
.membership-page .subscribe-plan .icon svg {
width: 50px;
height: 50px;
fill: var(--epcl-main-color);
margin-top: -40px;
background: #fff;
border-radius: 50%;
padding: 20px;
margin-bottom: 10px;
}
.membership-page .subscribe-plan .title {
margin-bottom: 10px;
}
.membership-page .subscribe-plan .description {
color: var(--epcl-titles-color);
}
.membership-page .subscribe-plan .button {
margin-top: 25px;
}
.membership-page .subscribe-plan ul {
padding: 10px 0 25px;
margin-top: 25px;
border-top: 1px solid var(--epcl-border-color);
}
.membership-page .subscribe-plan ul li {
text-align: left;
font-size: 15px;
position: relative;
z-index: 1;
list-style: none;
padding-left: 30px;
margin-top: 15px;
}
.membership-page .subscribe-plan ul li:before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 16px;
height: 16px;
background: var(--epcl-secondary-color);
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
}
.membership-page .subscribe-plan .epcl-price {
font-weight: bold;
font-size: 55px;
margin-bottom: 15px;
color: var(--epcl-main-color);
}
.membership-page .subscribe-plan .epcl-price span {
display: inline-block;
font-size: 30%;
vertical-align: baseline;
margin-top: -3px;
color: var(--epcl-titles-color);
}
.membership-page .subscribe-plan.monthly .cost {
color: var(--epcl-secondary-color);
}
.membership-page .subscribe-plan.monthly .icon svg {
fill: var(--epcl-secondary-color);
}
.membership-page .subscribe-plan.yearly .cost {
color: #282424;
}
.membership-page .subscribe-plan.yearly .icon svg {
fill: #282424;
}
.membership-page .subscribe-plan .button {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
padding: 8px 15px;
}
.membership-page .account {
margin-top: 20px;
}
.membership-page .account .epcl-button {
margin-left: 10px;
}
.account-page div.left-content article {
-webkit-box-shadow: none;
box-shadow: none;
}
.account-page .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.account-page .avatar {
width: 100px;
margin: 0 auto 25px;
}
.account-page .avatar img {
display: block;
border-radius: 50%;
}
.account-page .subscription {
text-align: center;
font-size: 13px;
margin-bottom: 25px;
max-width: 450px;
margin: 0 auto 25px;
}
.account-page .subscription .subscriber-detail {
border-top: 1px solid var(--epcl-border-color);
padding: 10px;
text-align: left;
}
.account-page .subscription .subscriber-detail label {
display: inline-block;
margin-right: 10px;
min-width: 120px;
}
.account-page .subscription .subscriber-detail .edit-billing {
font-size: 11px;
}
.account-page .subscription .description {
font-size: 15px;
text-align: center;
margin-bottom: 25px;
}
.account-page .subscription .button {
margin-top: 15px;
}
.account-page .subscription .gh-error {
display: block;
margin-top: 10px;
color: #555;
}
.epcl-subscribe {
font-size: 16px;
position: relative;
z-index: 2;
padding: 45px 40px;
min-height: auto;
background: linear-gradient(135deg, #4776e6 0%, #8e54e9 100%);
color: #fff;
border-radius: var(--epcl-medium-border-radius);
margin-top: 60px;
}
.epcl-subscribe.text-black {
color: var(--epcl-black);
background: none;
padding: 0;
max-width: 440px;
text-align: left;
margin-top: 40px;
}
.epcl-subscribe.text-black .description {
margin: 0;
}
.epcl-subscribe .epcl-waves {
height: 70% !important;
}
.epcl-subscribe .title {
margin-bottom: 10px;
}
.epcl-subscribe .description {
max-width: 450px;
margin: 0 auto;
font-size: 15px;
}
.epcl-subscribe form {
position: relative;
z-index: 2;
}
.epcl-subscribe form .form-group {
margin: 5px auto 10px;
position: relative;
max-width: 500px;
}
.epcl-subscribe form .form-group .inputbox.large {
margin: 0;
padding-right: 175px;
}
.epcl-subscribe form .form-group .submit.absolute {
position: absolute;
right: -2px;
top: 0;
height: 100%;
font-size: 16px;
padding: 0px 35px;
border-radius: 0px var(--epcl-small-border-radius)
var(--epcl-small-border-radius) 0px;
}
.epcl-subscribe form .form-group .submit.absolute:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.articles .epcl-subscribe {
margin: 0 0 80px;
}
#page-subscribe header {
position: absolute;
left: 0;
top: 0;
z-index: 3;
padding: 30px 40px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#page-subscribe header nav {
float: left;
}
#page-subscribe header .epcl-button svg {
width: 16px;
height: 16px;
}
#page-subscribe header .logo-wrapper {
margin-left: auto;
text-align: center;
}
#page-subscribe header .logo-wrapper .description {
font-size: 14px;
margin-top: -5px;
}
#page-subscribe .left {
padding: 0;
-ms-flex-item-align: start;
align-self: flex-start;
height: 100%;
}
#page-subscribe .left img {
display: block;
width: 100%;
height: 100vh;
}
#page-subscribe .form-wrapper {
margin: auto 0;
}
#page-subscribe .subscribe-form {
margin: 150px auto;
max-width: 500px;
font-size: 17px;
}
#page-subscribe .subscribe-form .title b,
#page-subscribe .subscribe-form .title strong {
color: var(--epcl-main-color);
}
#page-subscribe .epcl-subscribe {
background: none;
margin: auto 0;
color: #282424;
}
#page-subscribe .epcl-subscribe .title {
margin-bottom: 20px;
}
#page-subscribe .epcl-subscribe .grid-container {
width: 70%;
}
#page-subscribe .epcl-subscribe .epcl-waves {
height: 25vh;
top: auto;
bottom: 0;
}
#page-subscribe .epcl-subscribe form {
padding: 40px 0;
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes shake {
10%,
90% {
-webkit-transform: translate3d(-1px, 0, 0);
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(2px, 0, 0);
transform: translate3d(2px, 0, 0);
}
30%,
50%,
70% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
@keyframes shake {
10%,
90% {
-webkit-transform: translate3d(-1px, 0, 0);
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(2px, 0, 0);
transform: translate3d(2px, 0, 0);
}
30%,
50%,
70% {
-webkit-transform: translate3d(-4px, 0, 0);
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
}
@media screen and (min-width: 1201px) {
.hide-on-desktop-lg {
display: none !important;
}
}
@media screen and (max-width: 1200px) {
[data-aos='fade-up'],
[data-aos='fade'] {
opacity: 1 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
body {
font-size: 14px;
}
body.menu-open {
overflow-x: hidden;
}
.content {
margin-top: 40px;
}
div.left-content {
padding-right: 30px;
}
.one-sidebar .left-content {
width: auto;
}
.title {
font-size: 20px;
}
.title.ularge {
font-size: 30px;
}
.title.large {
font-size: 28px;
}
.title.medium {
font-size: 18px;
}
.title.small {
font-size: 16px;
}
.title.usmall {
font-size: 13px;
}
.grid-sidebar div.left-content {
padding-right: 0;
}
.button,
.epcl-button:not(.epcl-shortcode) {
font-size: 13px;
}
.widget_epcl_about .bio {
font-size: 13px;
}
.epcl-tags-archive .bg-box {
padding: 30px 0;
}
#header div.menu-wrapper {
padding-top: 0;
}
#header div.menu-wrapper .grid-container {
border-radius: 0;
}
#header .open-menu {
margin-left: auto;
}
#header[data-stuck] .grid-wrapper {
padding: 20px 40px;
}
.main-nav ul.menu li .link {
font-size: 16px;
}
.main-nav.mobile .title {
font-size: 34px;
}
.intro-text p {
font-size: 16px;
margin: 20px auto;
}
.membership-page .subscribe-plan ul li {
font-size: 13px;
padding-left: 25px;
}
.membership-page .epcl-switch {
margin-bottom: 60px;
}
div.articles article {
padding-right: 0;
margin-bottom: 40px;
}
div.articles.classic article .info {
padding-left: 10px;
padding-right: 30px;
}
div.articles.classic article .main-title {
font-size: 18px;
}
#footer {
margin-top: 60px;
}
}
@media screen and (min-width: 981px) and (max-width: 1200px) {
.hide-on-desktop-sm {
display: none !important;
}
body {
min-width: inherit;
font-size: 14px;
}
img {
max-width: 100%;
height: auto;
}
.grid-container {
padding-left: 30px;
padding-right: 30px;
}
.title {
font-size: 20px;
}
div.left-content {
padding-left: 20px;
padding-right: 0px;
}
.content {
margin-top: 60px;
}
div.text {
font-size: 16px;
}
#header .logo .title {
font-size: 50px;
}
#single.classic.epcl-vertical .main-article .featured-image img {
height: 250px;
}
#single.fullcover .fullcover-wrapper .featured-image {
margin-top: 60px;
}
#single.fullcover .fullcover-wrapper .featured-image img {
height: 400px;
}
#author .left {
margin-right: 30px;
}
#author .author-avatar {
width: 200px;
height: 200px;
}
#footer .widgets {
padding: 0 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
body {
font-size: 14px;
}
div.left-content {
padding-right: 0px;
padding-left: 0px;
}
.classic-sidebar div.left-content {
padding-left: 20px;
}
.grid-container {
padding-left: 40px;
padding-right: 40px;
}
.np-tablet {
padding-left: 0;
padding-right: 0;
}
.nofloat-tablet {
float: none !important;
}
.no-sidebar:not(#single) {
display: none !important;
}
.content {
margin-top: 60px;
}
.bg-box.section {
padding: 20px;
}
.section {
padding-top: 60px;
padding-bottom: 60px;
}
.medium-section {
padding-top: 40px;
padding-bottom: 40px;
}
.large-section {
padding-top: 80px;
padding-bottom: 80px;
}
.inputbox.large {
padding-left: 20px;
padding-right: 20px;
}
.widget {
margin-bottom: 30px;
}
aside .default-sidebar,
aside .mobile-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
aside .widget {
width: 50%;
float: left;
border: 0;
padding: 0 30px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
aside .widget.widget_search {
background: none;
}
#sidebar {
float: none;
padding-left: 0;
padding-right: 0;
margin-top: 0 !important;
}
#sidebar .sidebar-wrapper {
margin: 25px 0 0;
}
.epcl-pagination {
padding-top: 20px;
}
.epcl-popular-categories .bg-box {
padding: 15px 20px 20px;
}
#header .logo a {
font-size: 42px;
}
#header .logo .title {
font-size: 50px;
}
nav.mobile.main-nav {
padding-top: 80px;
}
#archives .tag-description {
padding: 0 0 40px;
}
#archives .tag-description .bg-decoration {
width: 250px;
height: 200px;
}
#author {
padding: 0 40px 40px;
}
#author .author-avatar {
width: 175px;
height: 175px;
}
.epcl-tags-archive {
margin-left: -40px;
margin-right: -40px;
}
.epcl-tags-archive .thumb {
width: 200px;
height: 200px;
}
.epcl-tags-archive .bg-box {
padding: 30px 0;
border-radius: 0;
}
div.text {
font-size: 16px;
}
#single.fullcover .fullcover-wrapper .featured-image {
margin-top: 60px;
}
#single.fullcover .fullcover-wrapper .featured-image img {
height: 350px;
}
.membership-page .epcl-plan {
padding-left: 10px;
padding-right: 10px;
}
.membership-page .subscribe-plan {
padding: 25px 20px;
}
.epcl-subscribe {
margin-top: 60px;
}
#page-subscribe .subscribe-form {
text-align: center;
}
.epcl-cta {
margin-top: 60px;
padding: 50px;
}
.epcl-cta .left {
font-size: 16px;
}
.epcl-cta .left .title {
font-size: 22px;
}
.epcl-cta .right {
font-size: 13px;
}
.epcl-cta .bg {
left: -160px;
top: 5%;
}
.epcl-cta .bg2 {
right: -160px;
top: 5%;
}
#footer .widgets {
padding: 0 20px;
}
#footer .widgets .widget {
padding-right: 20px;
width: 40%;
}
#footer .widgets .widget:nth-child(2) {
width: 60%;
}
#footer .epcl-subscribe {
padding-left: 0;
padding-right: 0;
}
#footer .published {
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
.force-var {
padding: 30px;
margin: 20px;
}
[class^='grid'] {
padding-left: 20px;
padding-right: 20px;
}
.no-sidebar .default-sidebar {
display: none !important;
}
body {
font-size: 14px;
}
.section {
padding-top: 30px;
padding-bottom: 30px;
}
.medium-section {
padding-top: 40px;
padding-bottom: 40px;
}
.large-section {
padding-top: 60px;
padding-bottom: 60px;
}
.section.bordered {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}
.grid-container {
padding-left: 20px;
padding-right: 20px;
}
.np-mobile {
padding-left: 0;
padding-right: 0;
}
.nofloat-mobile {
float: none !important;
}
.content {
margin-top: 40px;
}
div.left-content {
padding-left: 0;
padding-right: 0;
}
.bg-box {
padding: 30px 20px;
}
.epcl-waves-page {
top: -200px;
}
.title {
font-size: 18px;
margin-bottom: 20px;
}
.title.ularge {
font-size: 26px;
}
.title.large {
font-size: 22px;
}
.title.medium {
font-size: 20px;
}
.title.small {
font-size: 14px;
}
.title.usmall {
font-size: 12px;
}
.title.bordered svg.decoration {
width: 15px;
width: 15px;
margin-left: -15px;
}
.tooltip:after,
.tooltip:before {
display: none;
}
.button,
.epcl-button:not(.epcl-shortcode) {
font-size: 13px;
}
.button.large,
.epcl-button:not(.epcl-shortcode).large {
font-size: 14px;
}
input[type='email'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
select,
textarea {
padding: 12px 20px;
font-size: 16px;
}
.inputbox.large {
padding: 12px 20px;
}
.epcl-border.small {
margin-top: 15px;
}
.category-image {
width: 55px;
height: 55px;
}
.epcl-decoration-counter {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 13px;
}
#header .logo {
max-width: 140px !important;
padding: 15px;
}
#header .logo.text-logo {
margin-top: -2px;
}
#header .logo.text-logo .title {
font-size: 40px;
}
#header .grid-wrapper {
padding: 15px 20px;
}
#header.minimalist .search-menu-item svg {
top: 2px;
width: 25px;
height: 25px;
}
#header[data-stuck] .grid-wrapper {
padding: 10px 20px;
}
.main-nav ul.menu li {
padding: 15px;
}
nav.mobile.main-nav {
max-width: 87%;
padding-top: 60px;
}
nav.mobile.main-nav div.close {
top: 10px;
}
nav.mobile.main-nav ul {
padding: 20px 0;
}
nav.mobile.main-nav ul.menu li a {
font-size: 16px;
}
nav.mobile.main-nav ul.menu > li {
padding: 12px 10px;
}
.intro-text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.intro-text .left {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.intro-text .left .title {
text-align: center;
}
.intro-text .right {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0 auto 40px;
}
.intro-text form {
text-align: left;
}
.overlay-effect .image-container:before {
display: none;
}
.epcl-popular-categories .bg-box {
padding: 20px 0 0;
border-radius: 0;
}
.epcl-popular-categories .epcl-flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.epcl-popular-categories .epcl-flex .item {
margin-bottom: 20px;
}
.epcl-popular-categories .epcl-flex .item:nth-child(6) {
display: block;
}
.epcl-carousel .item .epcl-flex {
min-height: 220px;
}
.epcl-carousel .item .meta-data {
margin: 10px 0 0;
}
.epcl-carousel .item .meta-data .meta-info {
margin-top: 7px;
}
div.meta .rating {
display: inline;
font-size: 16px;
margin-left: 5px;
vertical-align: baseline;
}
div.meta.inline {
margin-left: 0;
}
div.meta.inline .meta-info {
padding-left: 0;
}
div.meta.inline .meta-info .icon {
position: relative;
top: -1px;
}
div.articles.classic article {
padding: 20px 20px 25px;
margin-bottom: 30px;
}
div.articles.classic article .epcl-flex {
display: block;
}
div.articles.classic article .meta-data {
margin: 0;
padding: 0 0 0 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
div.articles.classic article .meta-data time {
display: none;
}
div.articles.classic article .meta-data .meta-info {
margin-top: 0;
margin-left: auto;
padding-left: 0;
}
div.articles.classic article .meta-data .rating {
margin: 0px 0 0 5px;
}
div.articles.classic article .meta-data .author,
div.articles.classic article .meta-data .min-read {
display: none;
}
div.articles.classic article .meta-data .primary-tag {
margin-bottom: 0;
}
div.articles.classic article .featured-image {
min-height: 270px;
margin: -10px;
}
div.articles.classic article .featured-image .thumb {
width: 100%;
height: 270px;
}
div.articles.classic article .info {
padding: 25px 0 0 !important;
text-align: center;
}
div.articles.classic article .meta.bottom {
display: none;
}
div.articles.classic article footer .meta.inline {
font-size: 13px;
margin-top: 15px;
margin-bottom: 0;
font-weight: 600;
color: #282424;
}
div.articles.classic article.post-access-paid {
padding-top: 35px;
}
div.articles.classic article.post-access-paid .info {
padding-top: 20px;
}
div.articles.classic-image article .info {
font-size: 14px;
}
div.articles.classic-image article.no-image .info {
padding: 0 !important;
}
div.articles.classic-image article.post-access-paid {
padding-top: 20px;
}
div.articles.classic-image .meta.inline .rating {
margin-top: -2px;
}
div.articles.classic-image .access-icon {
top: 20px;
right: 35px;
}
.widget_epcl_tag_cloud,
.widget_tag_cloud,
div.tags {
font-size: 12px;
}
#single .left-content {
padding: 0;
}
#single .main-article {
padding: 30px 20px;
margin-left: -20px;
margin-right: -20px;
border-radius: 0;
}
#single .main-article .main-title {
font-size: 20px;
}
#single .main-article .post-content {
margin-top: 30px;
}
#single.classic.epcl-vertical .main-article header {
margin: 0;
display: block;
}
#single.classic.epcl-vertical .main-article .featured-image {
margin-top: 30px;
width: 100%;
}
#single.classic.epcl-vertical .main-article .featured-image img {
width: 100%;
height: auto;
}
#single.classic.epcl-vertical .main-article .info {
display: block;
width: auto;
text-align: center;
padding: 0;
}
#single.fullcover .fullcover-wrapper .featured-image {
margin: 30px -20px 0;
border-radius: 0;
}
#single.fullcover .fullcover-wrapper .featured-image img {
height: 225px;
}
#single.fullcover .content {
padding: 0;
}
#single.fullcover .left-content {
margin-top: -40px;
}
#single .share-buttons {
margin-top: 30px;
padding: 30px 0 0;
}
#single .share-buttons .permalink input {
width: 100%;
font-size: 12px;
}
#single section.siblings {
display: block;
margin-top: 0;
}
#single section.siblings article {
width: auto;
margin-top: 30px;
}
#single section.related {
padding: 30px 20px;
margin-top: 30px;
margin-left: -20px;
margin-right: -20px;
border-radius: 0;
}
#single section.related .article-list {
margin-top: 30px;
}
#single section.related .article-list .item {
margin-left: 55px;
}
#single section.related .epcl-button {
margin: 30px 0 0 15px;
}
#page #single.fullcover .left-content {
margin-top: -60px;
}
#page #single .main-article {
margin-left: 0px;
margin-right: 0px;
border-radius: var(--epcl-medium-border-radius);
}
#page #single .main-article .main-title {
font-size: 26px;
}
#archives #author {
margin-top: 30px;
}
#author {
padding: 25px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
#author .left {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center;
margin: 0;
}
#author .right {
margin: -20px auto 0;
}
#author .author-avatar {
width: 150px;
height: 150px;
}
#author .author-name {
margin-top: 30px;
}
#author div.social a {
margin: 0 5px;
}
#archives .tag-description {
padding: 0;
margin-top: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
#archives .tag-description .left {
margin: 0 auto;
}
#archives .tag-description .right {
border: 0;
padding-left: 0;
margin-left: 0;
margin-top: 20px;
text-align: center;
}
.epcl-tags-archive {
margin-left: -20px;
margin-right: -20px;
padding-bottom: 0;
}
.epcl-tags-archive .epcl-row {
display: block;
width: auto;
}
.epcl-tags-archive .bg-box {
padding: 20px 0 0;
text-align: center;
border-radius: 0;
}
.epcl-tags-archive .category-info {
margin-top: 10px;
}
.epcl-tags-archive .category-info .category-image {
float: none;
margin: 0 auto;
}
.epcl-tags-archive .thumb {
width: 250px;
height: 200px;
margin: 0 auto 20px;
}
.subscribe-cta {
padding: 30px 0px 0;
font-size: 16px;
}
.subscribe-form .form-group .inputbox.large {
padding: 15px 15px;
font-size: 13px;
padding-right: 130px;
}
.subscribe-form .form-group .submit.absolute {
padding: 0 20px;
}
.membership-page div.left-content {
padding: 0 20px;
}
.membership-page .epcl-plans {
display: block;
width: auto;
margin: 0 20px;
}
.membership-page .subscribe-plan {
padding: 30px 20px;
}
#page-404 header,
#page-subscribe header {
padding: 30px 20px;
}
#page-404 header .logo-wrapper,
#page-subscribe header .logo-wrapper {
margin-right: auto;
}
#page-404 .subscribe-form,
#page-subscribe .subscribe-form {
text-align: center;
}
#page-404 .subscribe-form .title.ularge,
#page-subscribe .subscribe-form .title.ularge {
margin-bottom: 30px;
}
#page-404 div.not-found {
padding: 30px;
text-align: center;
}
#page-404 div.not-found .title svg.decoration {
margin-left: 0;
}
.epcl-cta {
text-align: center;
margin-top: 60px;
}
.epcl-cta .epcl-flex {
display: block;
padding: 0;
}
.epcl-cta .left {
font-size: 16px;
margin-bottom: 20px;
}
.epcl-cta .bg,
.epcl-cta .bg2 {
width: 142px;
height: 226px;
top: 50%;
}
.epcl-cta .bg {
left: -75px;
}
.epcl-cta .bg2 {
right: -75px;
}
#footer #back-to-top {
width: 40px;
height: 40px;
line-height: 40px;
}
#footer .widgets .title.bordered {
margin-bottom: 20px;
}
#footer .widgets .widget {
padding: 0 0px;
margin: 0 0 30px;
}
#footer .widgets .widget:last-of-type {
margin-bottom: 0;
}
#footer .title.bordered svg.decoration {
margin-left: -3px;
}
#footer .published {
margin-top: 30px;
}
div.text {
font-size: 15px;
}
div.text h1 {
font-size: 22px;
}
div.text h2 {
font-size: 20px;
}
div.text h3 {
font-size: 18px;
}
div.text h4 {
font-size: 16px;
}
div.text h5 {
font-size: 14px;
}
div.text h6 {
font-size: 13px;
}
div.text blockquote {
margin-left: 20px;
margin-right: 20px;
font-size: 14px;
padding: 20px;
}
div.text iframe {
max-width: 100%;
}
div.text pre:not([class*='language-']) {
padding: 10px 5px;
font-size: 13px;
}
div.text code:not([class*='language-']) {
font-size: 13px;
}
div.text code[class*='language-'],
div.text pre,
div.text pre[class*='language-'] {
max-height: 300px;
white-space: pre;
}
div.text table {
display: block;
overflow: auto;
padding: 0;
}
div.text table tbody {
overflow: auto;
}
div.text ol,
div.text ul {
margin-left: 15px;
}
div.text ul:not([class]) li:before {
top: 12px;
}
div.text figure,
div.text iframe,
div.text p {
margin-bottom: 12.8px;
}
div.text .kg-bookmark-thumbnail {
display: none;
}
div.text .kg-callout-card {
padding: 1em;
}
div.text .kg-callout-card div.kg-callout-text {
font-size: 13px;
}
div.text .kg-embed-card iframe {
height: 250px;
}
div.text .kg-signup-card-text {
padding: 20px 0 0;
}
}
/*# sourceMappingURL=style.min.css.map */