7265 lines
146 KiB
CSS
7265 lines
146 KiB
CSS
: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,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none"><g clip-path="url(%23a)"><path fill="%23FF2AAC" d="M5.558 1.96a.758.758 0 0 1 1.34-.085l.044.086.782 1.758a8.25 8.25 0 0 0 3.252 3.699l.242.141 1.388.78c.486.274.513.95.081 1.269l-.08.052-1.389.781a8.25 8.25 0 0 0-3.376 3.586l-.118.254-.782 1.758a.758.758 0 0 1-1.34.086l-.044-.086-.782-1.758a8.25 8.25 0 0 0-3.252-3.699l-.242-.141-1.388-.78a.758.758 0 0 1-.081-1.269l.08-.052 1.39-.781a8.25 8.25 0 0 0 3.375-3.586l.118-.254.782-1.758Zm6.857-.37a4.3 4.3 0 0 0 1.811 2.006c.12.067.12.24 0 .308a4.3 4.3 0 0 0-1.81 2.005.18.18 0 0 1-.331 0 4.3 4.3 0 0 0-1.811-2.005.177.177 0 0 1 0-.308 4.299 4.299 0 0 0 1.81-2.005.18.18 0 0 1 .331 0Z"/></g><defs><clipPath id="a"><path fill="%23fff" d="M0 0h18v18H0z"/></clipPath></defs></svg>');
|
|
mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none"><g clip-path="url(%23a)"><path fill="%23FF2AAC" d="M5.558 1.96a.758.758 0 0 1 1.34-.085l.044.086.782 1.758a8.25 8.25 0 0 0 3.252 3.699l.242.141 1.388.78c.486.274.513.95.081 1.269l-.08.052-1.389.781a8.25 8.25 0 0 0-3.376 3.586l-.118.254-.782 1.758a.758.758 0 0 1-1.34.086l-.044-.086-.782-1.758a8.25 8.25 0 0 0-3.252-3.699l-.242-.141-1.388-.78a.758.758 0 0 1-.081-1.269l.08-.052 1.39-.781a8.25 8.25 0 0 0 3.375-3.586l.118-.254.782-1.758Zm6.857-.37a4.3 4.3 0 0 0 1.811 2.006c.12.067.12.24 0 .308a4.3 4.3 0 0 0-1.81 2.005.18.18 0 0 1-.331 0 4.3 4.3 0 0 0-1.811-2.005.177.177 0 0 1 0-.308 4.299 4.299 0 0 0 1.81-2.005.18.18 0 0 1 .331 0Z"/></g><defs><clipPath id="a"><path fill="%23fff" d="M0 0h18v18H0z"/></clipPath></defs></svg>');
|
|
-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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.0007 15.1709L19.1931 5.97852L20.6073 7.39273L10.0007 17.9993L3.63672 11.6354L5.05093 10.2212L10.0007 15.1709Z"></path></svg>');
|
|
mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.0007 15.1709L19.1931 5.97852L20.6073 7.39273L10.0007 17.9993L3.63672 11.6354L5.05093 10.2212L10.0007 15.1709Z"></path></svg>');
|
|
}
|
|
.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 */
|