File: //home/madepabj/gamepointpk.com/wp-content/themes/groovy/assets/dist/style.un-minified.css
/*------------------------------------*\
CONTENT TABLE
\*------------------------------------*/
/**
* /
* SETTINGS...........Main variables for the project (Colours, Fonts and Grids width)
*
* /GENERIC/
* FUNCTIONS..........Functions and Mixins
* GRIDS..............Grids, ref: https://unsemantic.com/
* RESET..............Reset based on Boilerplate and Normalize
*
* /BASE/
* EDITOR.............Editor Texts (wp-editor or equivalent)
* FORMS..............Form styles
* RESPONSIVE.........Media queries for the whole project (notebooks, tablet, mobile)
* STYLE..............Main styles
* TITLES.............Titles styles and sizes
*
*/
/*------------------------------------*\
SETTINGS
\*------------------------------------*/
/* @group Colors */
:root {
--epcl-font-family: "Jost", "Source Sans Pro", serif;
--epcl-title-font-family: "Outfit", sans-serif;
--epcl-title-font-weight: 800;
--epcl-sidebar-title-font-family: "Outfit", sans-serif;
--epcl-sidebar-title-font-weight: 800;
--epcl-font-size: 16px;
--epcl-main-color: #FF4C60;
--epcl-secondary-color: #FED267;
--epcl-titles-color: #333;
--epcl-text-color: #353A44;
--epcl-black-color: #333;
--epcl-background-color: #54CBCA;
--epcl-content-background-color: #FFFACD;
--epcl-boxes-border-radius: 15px;
--epcl-border-color: rgba(39, 39, 39, 0.75);
--epcl-boxes-shadow: 0px 0px 0px 0px #333;
--epcl-small-shadow: 2px 2px 0px 0px #333;
--epcl-medium-shadow: 4px 4px 0px 0px #333;
--epcl-transition-bezier: cubic-bezier(.5,2.5,.7,.7);
}
/* @group Font Families */
/* @end */
/* @end */
/* @group Effects speed */
/* @end */
/* @group Content Width and Margins */
/* @end */
/*------------------------------------*\
GENERIC
\*------------------------------------*/
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid-container:before, .grid-5:before, .mobile-grid-5:before, .tablet-grid-5:before, .grid-10:before, .mobile-grid-10:before, .tablet-grid-10:before, .grid-15:before, .mobile-grid-15:before, .tablet-grid-15:before, .grid-20:before, .mobile-grid-20:before, .tablet-grid-20:before, .grid-25:before, .mobile-grid-25:before, .tablet-grid-25:before, .grid-30:before, .mobile-grid-30:before, .tablet-grid-30:before, .grid-35:before, .mobile-grid-35:before, .tablet-grid-35:before, .grid-40:before, .mobile-grid-40:before, .tablet-grid-40:before, .grid-45:before, .mobile-grid-45:before, .tablet-grid-45:before, .grid-50:before, .mobile-grid-50:before, .tablet-grid-50:before, .grid-55:before, .mobile-grid-55:before, .tablet-grid-55:before, .grid-60:before, .mobile-grid-60:before, .tablet-grid-60:before, .grid-65:before, .mobile-grid-65:before, .tablet-grid-65:before, .grid-70:before, .mobile-grid-70:before, .tablet-grid-70:before, .grid-75:before, .mobile-grid-75:before, .tablet-grid-75:before, .grid-80:before, .mobile-grid-80:before, .tablet-grid-80:before, .grid-85:before, .mobile-grid-85:before, .tablet-grid-85:before, .grid-90:before, .mobile-grid-90:before, .tablet-grid-90:before, .grid-95:before, .mobile-grid-95:before, .tablet-grid-95:before, .grid-100:before, .mobile-grid-100:before, .tablet-grid-100:before, .grid-33:before, .mobile-grid-33:before, .tablet-grid-33:before, .grid-66:before, .mobile-grid-66:before, .tablet-grid-66:before, .clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after {
clear: both;
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1240px;
padding-left: 20px;
padding-right: 20px;
}
.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
-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) {
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
position: relative;
}
.hide-on-mobile {
display: none !important;
}
.mobile-grid-5 {
float: left;
width: 5%;
}
.mobile-prefix-5 {
margin-left: 5%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-push-5 {
left: 5%;
}
.mobile-pull-5 {
left: -5%;
}
.mobile-grid-10 {
float: left;
width: 10%;
}
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-push-10 {
left: 10%;
}
.mobile-pull-10 {
left: -10%;
}
.mobile-grid-15 {
float: left;
width: 15%;
}
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-push-15 {
left: 15%;
}
.mobile-pull-15 {
left: -15%;
}
.mobile-grid-20 {
float: left;
width: 20%;
}
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-push-20 {
left: 20%;
}
.mobile-pull-20 {
left: -20%;
}
.mobile-grid-25 {
float: left;
width: 25%;
}
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-push-25 {
left: 25%;
}
.mobile-pull-25 {
left: -25%;
}
.mobile-grid-30 {
float: left;
width: 30%;
}
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-push-30 {
left: 30%;
}
.mobile-pull-30 {
left: -30%;
}
.mobile-grid-35 {
float: left;
width: 35%;
}
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-push-35 {
left: 35%;
}
.mobile-pull-35 {
left: -35%;
}
.mobile-grid-40 {
float: left;
width: 40%;
}
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-push-40 {
left: 40%;
}
.mobile-pull-40 {
left: -40%;
}
.mobile-grid-45 {
float: left;
width: 45%;
}
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
.mobile-push-45 {
left: 45%;
}
.mobile-pull-45 {
left: -45%;
}
.mobile-grid-50 {
float: left;
width: 50%;
}
.mobile-prefix-50 {
margin-left: 50%;
}
.mobile-suffix-50 {
margin-right: 50%;
}
.mobile-push-50 {
left: 50%;
}
.mobile-pull-50 {
left: -50%;
}
.mobile-grid-55 {
float: left;
width: 55%;
}
.mobile-prefix-55 {
margin-left: 55%;
}
.mobile-suffix-55 {
margin-right: 55%;
}
.mobile-push-55 {
left: 55%;
}
.mobile-pull-55 {
left: -55%;
}
.mobile-grid-60 {
float: left;
width: 60%;
}
.mobile-prefix-60 {
margin-left: 60%;
}
.mobile-suffix-60 {
margin-right: 60%;
}
.mobile-push-60 {
left: 60%;
}
.mobile-pull-60 {
left: -60%;
}
.mobile-grid-65 {
float: left;
width: 65%;
}
.mobile-prefix-65 {
margin-left: 65%;
}
.mobile-suffix-65 {
margin-right: 65%;
}
.mobile-push-65 {
left: 65%;
}
.mobile-pull-65 {
left: -65%;
}
.mobile-grid-70 {
float: left;
width: 70%;
}
.mobile-prefix-70 {
margin-left: 70%;
}
.mobile-suffix-70 {
margin-right: 70%;
}
.mobile-push-70 {
left: 70%;
}
.mobile-pull-70 {
left: -70%;
}
.mobile-grid-75 {
float: left;
width: 75%;
}
.mobile-prefix-75 {
margin-left: 75%;
}
.mobile-suffix-75 {
margin-right: 75%;
}
.mobile-push-75 {
left: 75%;
}
.mobile-pull-75 {
left: -75%;
}
.mobile-grid-80 {
float: left;
width: 80%;
}
.mobile-prefix-80 {
margin-left: 80%;
}
.mobile-suffix-80 {
margin-right: 80%;
}
.mobile-push-80 {
left: 80%;
}
.mobile-pull-80 {
left: -80%;
}
.mobile-grid-85 {
float: left;
width: 85%;
}
.mobile-prefix-85 {
margin-left: 85%;
}
.mobile-suffix-85 {
margin-right: 85%;
}
.mobile-push-85 {
left: 85%;
}
.mobile-pull-85 {
left: -85%;
}
.mobile-grid-90 {
float: left;
width: 90%;
}
.mobile-prefix-90 {
margin-left: 90%;
}
.mobile-suffix-90 {
margin-right: 90%;
}
.mobile-push-90 {
left: 90%;
}
.mobile-pull-90 {
left: -90%;
}
.mobile-grid-95 {
float: left;
width: 95%;
}
.mobile-prefix-95 {
margin-left: 95%;
}
.mobile-suffix-95 {
margin-right: 95%;
}
.mobile-push-95 {
left: 95%;
}
.mobile-pull-95 {
left: -95%;
}
.mobile-grid-33 {
float: left;
width: 33.33333%;
}
.mobile-prefix-33 {
margin-left: 33.33333%;
}
.mobile-suffix-33 {
margin-right: 33.33333%;
}
.mobile-push-33 {
left: 33.33333%;
}
.mobile-pull-33 {
left: -33.33333%;
}
.mobile-grid-66 {
float: left;
width: 66.66667%;
}
.mobile-prefix-66 {
margin-left: 66.66667%;
}
.mobile-suffix-66 {
margin-right: 66.66667%;
}
.mobile-push-66 {
left: 66.66667%;
}
.mobile-pull-66 {
left: -66.66667%;
}
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
position: relative;
}
.hide-on-tablet {
display: none !important;
}
.tablet-grid-5 {
float: left;
width: 5%;
}
.tablet-prefix-5 {
margin-left: 5%;
}
.tablet-suffix-5 {
margin-right: 5%;
}
.tablet-push-5 {
left: 5%;
}
.tablet-pull-5 {
left: -5%;
}
.tablet-grid-10 {
float: left;
width: 10%;
}
.tablet-prefix-10 {
margin-left: 10%;
}
.tablet-suffix-10 {
margin-right: 10%;
}
.tablet-push-10 {
left: 10%;
}
.tablet-pull-10 {
left: -10%;
}
.tablet-grid-15 {
float: left;
width: 15%;
}
.tablet-prefix-15 {
margin-left: 15%;
}
.tablet-suffix-15 {
margin-right: 15%;
}
.tablet-push-15 {
left: 15%;
}
.tablet-pull-15 {
left: -15%;
}
.tablet-grid-20 {
float: left;
width: 20%;
}
.tablet-prefix-20 {
margin-left: 20%;
}
.tablet-suffix-20 {
margin-right: 20%;
}
.tablet-push-20 {
left: 20%;
}
.tablet-pull-20 {
left: -20%;
}
.tablet-grid-25 {
float: left;
width: 25%;
}
.tablet-prefix-25 {
margin-left: 25%;
}
.tablet-suffix-25 {
margin-right: 25%;
}
.tablet-push-25 {
left: 25%;
}
.tablet-pull-25 {
left: -25%;
}
.tablet-grid-30 {
float: left;
width: 30%;
}
.tablet-prefix-30 {
margin-left: 30%;
}
.tablet-suffix-30 {
margin-right: 30%;
}
.tablet-push-30 {
left: 30%;
}
.tablet-pull-30 {
left: -30%;
}
.tablet-grid-35 {
float: left;
width: 35%;
}
.tablet-prefix-35 {
margin-left: 35%;
}
.tablet-suffix-35 {
margin-right: 35%;
}
.tablet-push-35 {
left: 35%;
}
.tablet-pull-35 {
left: -35%;
}
.tablet-grid-40 {
float: left;
width: 40%;
}
.tablet-prefix-40 {
margin-left: 40%;
}
.tablet-suffix-40 {
margin-right: 40%;
}
.tablet-push-40 {
left: 40%;
}
.tablet-pull-40 {
left: -40%;
}
.tablet-grid-45 {
float: left;
width: 45%;
}
.tablet-prefix-45 {
margin-left: 45%;
}
.tablet-suffix-45 {
margin-right: 45%;
}
.tablet-push-45 {
left: 45%;
}
.tablet-pull-45 {
left: -45%;
}
.tablet-grid-50 {
float: left;
width: 50%;
}
.tablet-prefix-50 {
margin-left: 50%;
}
.tablet-suffix-50 {
margin-right: 50%;
}
.tablet-push-50 {
left: 50%;
}
.tablet-pull-50 {
left: -50%;
}
.tablet-grid-55 {
float: left;
width: 55%;
}
.tablet-prefix-55 {
margin-left: 55%;
}
.tablet-suffix-55 {
margin-right: 55%;
}
.tablet-push-55 {
left: 55%;
}
.tablet-pull-55 {
left: -55%;
}
.tablet-grid-60 {
float: left;
width: 60%;
}
.tablet-prefix-60 {
margin-left: 60%;
}
.tablet-suffix-60 {
margin-right: 60%;
}
.tablet-push-60 {
left: 60%;
}
.tablet-pull-60 {
left: -60%;
}
.tablet-grid-65 {
float: left;
width: 65%;
}
.tablet-prefix-65 {
margin-left: 65%;
}
.tablet-suffix-65 {
margin-right: 65%;
}
.tablet-push-65 {
left: 65%;
}
.tablet-pull-65 {
left: -65%;
}
.tablet-grid-70 {
float: left;
width: 70%;
}
.tablet-prefix-70 {
margin-left: 70%;
}
.tablet-suffix-70 {
margin-right: 70%;
}
.tablet-push-70 {
left: 70%;
}
.tablet-pull-70 {
left: -70%;
}
.tablet-grid-75 {
float: left;
width: 75%;
}
.tablet-prefix-75 {
margin-left: 75%;
}
.tablet-suffix-75 {
margin-right: 75%;
}
.tablet-push-75 {
left: 75%;
}
.tablet-pull-75 {
left: -75%;
}
.tablet-grid-80 {
float: left;
width: 80%;
}
.tablet-prefix-80 {
margin-left: 80%;
}
.tablet-suffix-80 {
margin-right: 80%;
}
.tablet-push-80 {
left: 80%;
}
.tablet-pull-80 {
left: -80%;
}
.tablet-grid-85 {
float: left;
width: 85%;
}
.tablet-prefix-85 {
margin-left: 85%;
}
.tablet-suffix-85 {
margin-right: 85%;
}
.tablet-push-85 {
left: 85%;
}
.tablet-pull-85 {
left: -85%;
}
.tablet-grid-90 {
float: left;
width: 90%;
}
.tablet-prefix-90 {
margin-left: 90%;
}
.tablet-suffix-90 {
margin-right: 90%;
}
.tablet-push-90 {
left: 90%;
}
.tablet-pull-90 {
left: -90%;
}
.tablet-grid-95 {
float: left;
width: 95%;
}
.tablet-prefix-95 {
margin-left: 95%;
}
.tablet-suffix-95 {
margin-right: 95%;
}
.tablet-push-95 {
left: 95%;
}
.tablet-pull-95 {
left: -95%;
}
.tablet-grid-33 {
float: left;
width: 33.33333%;
}
.tablet-prefix-33 {
margin-left: 33.33333%;
}
.tablet-suffix-33 {
margin-right: 33.33333%;
}
.tablet-push-33 {
left: 33.33333%;
}
.tablet-pull-33 {
left: -33.33333%;
}
.tablet-grid-66 {
float: left;
width: 66.66667%;
}
.tablet-prefix-66 {
margin-left: 66.66667%;
}
.tablet-suffix-66 {
margin-right: 66.66667%;
}
.tablet-push-66 {
left: 66.66667%;
}
.tablet-pull-66 {
left: -66.66667%;
}
.tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
position: relative;
}
.hide-on-desktop {
display: none !important;
}
.grid-5 {
float: left;
width: 5%;
}
.prefix-5 {
margin-left: 5%;
}
.suffix-5 {
margin-right: 5%;
}
.push-5 {
left: 5%;
}
.pull-5 {
left: -5%;
}
.grid-10 {
float: left;
width: 10%;
}
.prefix-10 {
margin-left: 10%;
}
.suffix-10 {
margin-right: 10%;
}
.push-10 {
left: 10%;
}
.pull-10 {
left: -10%;
}
.grid-15 {
float: left;
width: 15%;
}
.prefix-15 {
margin-left: 15%;
}
.suffix-15 {
margin-right: 15%;
}
.push-15 {
left: 15%;
}
.pull-15 {
left: -15%;
}
.grid-20 {
float: left;
width: 20%;
}
.prefix-20 {
margin-left: 20%;
}
.suffix-20 {
margin-right: 20%;
}
.push-20 {
left: 20%;
}
.pull-20 {
left: -20%;
}
.grid-25 {
float: left;
width: 25%;
}
.prefix-25 {
margin-left: 25%;
}
.suffix-25 {
margin-right: 25%;
}
.push-25 {
left: 25%;
}
.pull-25 {
left: -25%;
}
.grid-30 {
float: left;
width: 30%;
}
.prefix-30 {
margin-left: 30%;
}
.suffix-30 {
margin-right: 30%;
}
.push-30 {
left: 30%;
}
.pull-30 {
left: -30%;
}
.grid-35 {
float: left;
width: 35%;
}
.prefix-35 {
margin-left: 35%;
}
.suffix-35 {
margin-right: 35%;
}
.push-35 {
left: 35%;
}
.pull-35 {
left: -35%;
}
.grid-40 {
float: left;
width: 40%;
}
.prefix-40 {
margin-left: 40%;
}
.suffix-40 {
margin-right: 40%;
}
.push-40 {
left: 40%;
}
.pull-40 {
left: -40%;
}
.grid-45 {
float: left;
width: 45%;
}
.prefix-45 {
margin-left: 45%;
}
.suffix-45 {
margin-right: 45%;
}
.push-45 {
left: 45%;
}
.pull-45 {
left: -45%;
}
.grid-50 {
float: left;
width: 50%;
}
.prefix-50 {
margin-left: 50%;
}
.suffix-50 {
margin-right: 50%;
}
.push-50 {
left: 50%;
}
.pull-50 {
left: -50%;
}
.grid-55 {
float: left;
width: 55%;
}
.prefix-55 {
margin-left: 55%;
}
.suffix-55 {
margin-right: 55%;
}
.push-55 {
left: 55%;
}
.pull-55 {
left: -55%;
}
.grid-60 {
float: left;
width: 60%;
}
.prefix-60 {
margin-left: 60%;
}
.suffix-60 {
margin-right: 60%;
}
.push-60 {
left: 60%;
}
.pull-60 {
left: -60%;
}
.grid-65 {
float: left;
width: 65%;
}
.prefix-65 {
margin-left: 65%;
}
.suffix-65 {
margin-right: 65%;
}
.push-65 {
left: 65%;
}
.pull-65 {
left: -65%;
}
.grid-70 {
float: left;
width: 70%;
}
.prefix-70 {
margin-left: 70%;
}
.suffix-70 {
margin-right: 70%;
}
.push-70 {
left: 70%;
}
.pull-70 {
left: -70%;
}
.grid-75 {
float: left;
width: 75%;
}
.prefix-75 {
margin-left: 75%;
}
.suffix-75 {
margin-right: 75%;
}
.push-75 {
left: 75%;
}
.pull-75 {
left: -75%;
}
.grid-80 {
float: left;
width: 80%;
}
.prefix-80 {
margin-left: 80%;
}
.suffix-80 {
margin-right: 80%;
}
.push-80 {
left: 80%;
}
.pull-80 {
left: -80%;
}
.grid-85 {
float: left;
width: 85%;
}
.prefix-85 {
margin-left: 85%;
}
.suffix-85 {
margin-right: 85%;
}
.push-85 {
left: 85%;
}
.pull-85 {
left: -85%;
}
.grid-90 {
float: left;
width: 90%;
}
.prefix-90 {
margin-left: 90%;
}
.suffix-90 {
margin-right: 90%;
}
.push-90 {
left: 90%;
}
.pull-90 {
left: -90%;
}
.grid-95 {
float: left;
width: 95%;
}
.prefix-95 {
margin-left: 95%;
}
.suffix-95 {
margin-right: 95%;
}
.push-95 {
left: 95%;
}
.pull-95 {
left: -95%;
}
.grid-33 {
float: left;
width: 33.33333%;
}
.prefix-33 {
margin-left: 33.33333%;
}
.suffix-33 {
margin-right: 33.33333%;
}
.push-33 {
left: 33.33333%;
}
.pull-33 {
left: -33.33333%;
}
.grid-66 {
float: left;
width: 66.66667%;
}
.prefix-66 {
margin-left: 66.66667%;
}
.suffix-66 {
margin-right: 66.66667%;
}
.push-66 {
left: 66.66667%;
}
.pull-66 {
left: -66.66667%;
}
.grid-100 {
clear: both;
width: 100%;
}
}
/* @group Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
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, menu, nav, section, main {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html, textarea {
overflow: auto;
}
html, body {
width: 100%;
height: 100%;
}
a {
text-decoration: none;
outline: 0;
}
input, textarea, button {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
a, input[type=button], input[type=submit], button, label {
cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
b, strong {
font-weight: 700;
}
i, em {
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;
}
/* @end */
::-moz-selection {
background-color: var(--epcl-text-color);
color: white;
text-shadow: none;
}
::selection {
background-color: var(--epcl-text-color);
color: white;
text-shadow: none;
}
/*------------------------------------*\
BASE ELEMENTS
\*------------------------------------*/
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, .wpcf7 label, #single #comments.hosted .comment .comment-author {
font-family: var(--epcl-title-font-family);
font-weight: var(--epcl-title-font-weight);
font-size: 30px;
margin-bottom: 40px;
line-height: 1.35;
letter-spacing: 0.5px;
color: var(--epcl-titles-color);
}
.title a, .wpcf7 label a, #single #comments.hosted .comment .comment-author a {
color: var(--epcl-titles-color);
}
.title a:hover, .wpcf7 label a:hover, #single #comments.hosted .comment .comment-author a:hover {
color: var(--epcl-titles-color) !important;
}
.title.ularge, .wpcf7 label.ularge, #single #comments.hosted .comment .ularge.comment-author {
font-size: 60px;
margin-bottom: 30px;
line-height: 1.2;
}
.title.large, .wpcf7 label.large, #single #comments.hosted .comment .large.comment-author {
font-size: 34px;
line-height: 1.2;
}
.title.medium, .wpcf7 label.medium, #single #comments.hosted .comment .medium.comment-author {
font-size: 20px;
line-height: 1.4;
margin-bottom: 30px;
}
.title.small, .wpcf7 label.small, #single #comments.hosted .comment .small.comment-author, #single #comments.hosted .comment nav.pagination a.comment-author, #single #comments.hosted nav.pagination .comment a.comment-author, #single #comments.hosted nav.pagination a.title {
font-size: 18px;
margin-bottom: 10px;
font-weight: 700;
}
.title.usmall, .wpcf7 label, #single #comments.hosted .comment .comment-author {
font-size: 15px;
margin-bottom: 5px;
letter-spacing: 0.25px;
font-weight: 700;
}
.title.white, .wpcf7 label.white, #single #comments.hosted .comment .white.comment-author, #single #comments.hosted .comment nav.pagination a.comment-author, #single #comments.hosted nav.pagination .comment a.comment-author, #single #comments.hosted nav.pagination a.title {
color: #fff;
}
.title.letter-decoration ::first-letter, .wpcf7 label.letter-decoration ::first-letter, #single #comments.hosted .comment .letter-decoration.comment-author ::first-letter {
color: var(--epcl-main-color);
}
.title.bordered, .wpcf7 label.bordered, #single #comments.hosted .comment .bordered.comment-author {
padding: 4px 25px;
background: #fff;
border: 1px solid var(--epcl-border-color);
border-radius: 100px;
}
.title.bordered.small-border-radius, .wpcf7 label.bordered.small-border-radius, #single #comments.hosted .comment .bordered.small-border-radius.comment-author {
border-radius: 8px;
}
.title.bordered.medium-border-radius, .wpcf7 label.bordered.medium-border-radius, #single #comments.hosted .comment .bordered.medium-border-radius.comment-author {
border-radius: 15px;
}
.title.absolute, .wpcf7 label.absolute, #single #comments.hosted .comment .absolute.comment-author {
position: absolute;
left: 40px;
top: -20px;
z-index: 2;
}
.title.inline, .wpcf7 label.inline, #single #comments.hosted .comment .inline.comment-author {
color: black;
background: #fff;
padding: 8px 10px;
border: 1px solid var(--epcl-border-color);
border-radius: 8px;
text-align: center;
}
.title.inline a, .wpcf7 label.inline a, #single #comments.hosted .comment .inline.comment-author a {
display: inline-block;
text-align: center;
}
.title.bold, .wpcf7 label.bold, #single #comments.hosted .comment .bold.comment-author {
font-weight: bold !important;
}
/* Lightbox zoom effect */
.my-mfp-zoom-in .mfp-content {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-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);
}
/* animate in */
.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);
}
/* animate out */
.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;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg, .my-mfp-zoom-in.mfp-ready .mfp-close {
opacity: 1;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg, .my-mfp-zoom-in.mfp-removing .mfp-close {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
/* Global opacity Effect */
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;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.underline-effect a:not(.epcl-button) {
padding-bottom: 5px;
background-image: -webkit-gradient(linear, left top, right top, from(var(--epcl-titles-color)), to(var(--epcl-titles-color)));
background-image: -o-linear-gradient(left, var(--epcl-titles-color) 0%, var(--epcl-titles-color) 100%);
background-image: linear-gradient(to right, var(--epcl-titles-color) 0%, var(--epcl-titles-color) 100%);
background-size: 0% 5%;
background-repeat: no-repeat;
background-position: left 80%;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.underline-effect a:not(.epcl-button):after, .underline-effect a:not(.epcl-button):before {
display: none;
}
.underline-effect a:not(.epcl-button):hover {
color: var(--epcl-titles-color) !important;
background-size: 100% 5%;
}
.border-effect a:not(.epcl-button) {
border-bottom: 1px solid;
}
.border-effect a:not(.epcl-button):hover {
border-color: transparent;
}
.translate-effect {
display: inline-block;
}
.translate-effect:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.shadow-effect {
border: 1px solid var(--epcl-border-color);
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
.shadow-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);
}
.shadow-effect:hover a {
color: var(--epcl-black-color);
}
.shadow-effect.thumb {
border-radius: 8px;
}
.shadow-effect.title, .wpcf7 label.shadow-effect, #single #comments.hosted .comment .shadow-effect.comment-author {
background: #fff;
border: 1px solid var(--epcl-border-color);
border-radius: 8px;
}
.shadow-effect.title a, .wpcf7 label.shadow-effect a, #single #comments.hosted .comment .shadow-effect.comment-author a {
display: block;
padding: 8px 15px;
}
.main-effect {
-webkit-transition: all 400ms var(--epcl-transition-bezier);
-o-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);
-o-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-color);
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;
-o-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;
}
.button, .epcl-button:not(.epcl-shortcode), #single #comments.hosted nav.pagination a:not(.epcl-shortcode) {
display: inline-block;
color: #fff;
font-size: 15px;
padding: 5px 25px;
letter-spacing: 0.5px;
position: relative;
z-index: 2;
font-family: var(--epcl-font-family);
font-weight: 700;
border-radius: 25px;
border: 1px solid var(--epcl-border-color);
background-color: var(--epcl-main-color);
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
.button:hover, .button.active, #single #comments.hosted nav.pagination a.button, .epcl-button:not(.epcl-shortcode):hover, #single #comments.hosted nav.pagination a:not(.epcl-shortcode):hover, .epcl-button:not(.epcl-shortcode).active, #single #comments.hosted nav.pagination a:not(.epcl-shortcode) {
-webkit-transform: translate(-2px, -2px);
-ms-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
}
.button.active:hover, #single #comments.hosted nav.pagination a.button:hover, .epcl-button:not(.epcl-shortcode).active:hover, #single #comments.hosted nav.pagination a:not(.epcl-shortcode):hover {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.button.secondary, .epcl-button:not(.epcl-shortcode).secondary, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).secondary {
background-color: var(--epcl-main-color);
}
.button.secondary:after, .epcl-button:not(.epcl-shortcode).secondary:after, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).secondary:after {
background: var(--epcl-main-color);
}
.button.secondary:before, .epcl-button:not(.epcl-shortcode).secondary:before, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).secondary:before {
border-color: var(--epcl-main-color);
}
.button.black, .epcl-button:not(.epcl-shortcode).black, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).black {
background: var(--epcl-black-color);
}
.button.black:hover, .epcl-button:not(.epcl-shortcode).black:hover, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).black:hover {
-webkit-box-shadow: 2px 2px 0px 0px var(--epcl-main-color);
box-shadow: 2px 2px 0px 0px var(--epcl-main-color);
}
.button.small, #single #comments.hosted nav.pagination a.button, .epcl-button:not(.epcl-shortcode).small, #single #comments.hosted nav.pagination a:not(.epcl-shortcode) {
font-size: 12px;
padding: 5px 15px;
}
.button.small:after, #single #comments.hosted nav.pagination a.button:after, .epcl-button:not(.epcl-shortcode).small:after, #single #comments.hosted nav.pagination a:not(.epcl-shortcode):after {
padding: 5px 15px;
}
.button.small.bordered:hover:after, #single #comments.hosted nav.pagination a.button.bordered:hover:after, .epcl-button:not(.epcl-shortcode).small.bordered:hover:after, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).bordered:hover:after {
left: -4px;
top: -4px;
}
.button.medium, .epcl-button:not(.epcl-shortcode).medium, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).medium {
font-size: 15px;
padding: 5px 20px;
}
.button.medium:after, .epcl-button:not(.epcl-shortcode).medium:after, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).medium:after {
padding: 5px 20px;
}
.button.medium.bordered:hover:after, .epcl-button:not(.epcl-shortcode).medium.bordered:hover:after, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).medium.bordered:hover:after {
left: -4px;
top: -4px;
}
.button.large, .epcl-button:not(.epcl-shortcode).large, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).large {
font-size: 20px;
padding: 8px 40px;
}
.button.icon i, .epcl-button:not(.epcl-shortcode).icon i, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).icon i {
vertical-align: middle;
position: relative;
top: -2px;
}
.button.rounded, .epcl-button:not(.epcl-shortcode).rounded, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).rounded {
border-radius: 100px;
}
.button.circle, .epcl-button:not(.epcl-shortcode).circle, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).circle {
padding: 0;
width: 44px;
height: 44px;
border-radius: 50%;
text-align: center;
line-height: 44px;
font-size: 16px;
}
.button.circle i.fa, .epcl-button:not(.epcl-shortcode).circle i.fa, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).circle i.fa {
margin: 0;
vertical-align: middle;
}
.button.circle:hover, .epcl-button:not(.epcl-shortcode).circle:hover, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).circle:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.button.dark, .epcl-button:not(.epcl-shortcode).dark, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).dark {
background-image: none;
background-color: var(--epcl-black-color);
border: 1px solid var(--epcl-black-color);
color: #fff;
}
.button.dark:hover, .epcl-button:not(.epcl-shortcode).dark:hover, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).dark:hover {
color: var(--epcl-black-color) !important;
background-color: #fff;
}
.button.dark:hover svg, .epcl-button:not(.epcl-shortcode).dark:hover svg, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).dark:hover svg {
fill: var(--epcl-black-color);
}
.button.white, #single #comments.hosted nav.pagination a.button, .epcl-button:not(.epcl-shortcode).white, #single #comments.hosted nav.pagination a:not(.epcl-shortcode) {
background-color: #fff;
color: var(--epcl-black-color);
border: 1px solid var(--epcl-border-color);
}
.button.white svg, #single #comments.hosted nav.pagination a.button svg, .epcl-button:not(.epcl-shortcode).white svg, #single #comments.hosted nav.pagination a:not(.epcl-shortcode) svg {
fill: var(--epcl-black-color);
}
.button i.fa, .epcl-button:not(.epcl-shortcode) i.fa, #single #comments.hosted nav.pagination a:not(.epcl-shortcode) i.fa {
font-size: 85%;
margin-left: 5px;
}
.button.loading:after, .epcl-button:not(.epcl-shortcode).loading:after, #single #comments.hosted nav.pagination a: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 .5s infinite linear;
animation: spin .5s infinite linear;
}
.button.continue-reading svg, .epcl-button:not(.epcl-shortcode).continue-reading svg, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).continue-reading svg {
width: 19px;
height: 20px;
vertical-align: middle;
margin-left: 5px;
margin-right: -5px;
}
/* Global Tags */
div.tags, .widget_tag_cloud, .widget_epcl_tag_cloud, .wp-block-tag-cloud {
display: block;
font-weight: 400;
font-size: 13px;
letter-spacing: 0.5px;
font-family: var(--epcl-title-font-family);
}
div.tags a, .widget_tag_cloud a, .widget_epcl_tag_cloud a, .wp-block-tag-cloud a {
color: var(--epcl-black-color);
display: inline-block;
padding: 6px 15px;
line-height: 1.2;
margin-right: 10px;
background: #fff;
border: 1px solid var(--epcl-border-color);
border-radius: 25px;
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
div.tags a svg, .widget_tag_cloud a svg, .widget_epcl_tag_cloud a svg, .wp-block-tag-cloud a svg {
fill: var(--epcl-main-color);
stroke: rgba(0, 0, 0, 0.4);
width: 11px;
height: 11px;
margin-right: 7px;
}
div.tags a:hover, .widget_tag_cloud a:hover, .widget_epcl_tag_cloud a:hover, .wp-block-tag-cloud a:hover {
color: var(--epcl-black-color) !important;
-webkit-transform: translate(-1px, -1px);
-ms-transform: translate(-1px, -1px);
transform: translate(-1px, -1px);
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
}
div.tags i, .widget_tag_cloud i, .widget_epcl_tag_cloud i, .wp-block-tag-cloud i, div.tags svg, .widget_tag_cloud svg, .widget_epcl_tag_cloud svg, .wp-block-tag-cloud 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.absolute, .absolute.widget_tag_cloud, .absolute.widget_epcl_tag_cloud, .absolute.wp-block-tag-cloud {
position: absolute;
right: 10px;
top: 20px;
z-index: 3;
margin: 0;
}
/* @end */
/* @group Forms */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select,
.inputbox {
display: block;
background: #fff;
border: 1px solid transparent;
color: var(--epcl-text-color);
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: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
border: 1px solid var(--epcl-border-color);
border-radius: 5px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .inputbox::-webkit-input-placeholder {
color: var(--epcl-text-color);
}
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="search"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, .inputbox:-moz-placeholder {
color: var(--epcl-text-color);
}
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .inputbox::-moz-placeholder {
color: var(--epcl-text-color);
}
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .inputbox:-ms-input-placeholder {
color: var(--epcl-text-color);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
.inputbox:focus {
-webkit-box-shadow: 0px 0px 0px 2px var(--epcl-secondary-color);
box-shadow: 0px 0px 0px 2px var(--epcl-secondary-color);
}
.inputbox.rounded {
border-radius: 100px;
}
.inputbox.large {
height: 60px;
padding: 15px 45px;
font-size: 15px;
letter-spacing: 0.5px;
}
textarea {
width: 100%;
height: 170px;
resize: none;
padding-top: 25px;
padding-bottom: 25px;
}
input[type="submit"], button[type="submit"] {
display: inline-block;
color: #fff;
font-size: 15px;
padding: 5px 25px;
letter-spacing: 0.5px;
position: relative;
z-index: 2;
font-family: var(--epcl-font-family);
font-weight: 700;
border-radius: 25px;
border: 1px solid var(--epcl-border-color);
background-color: var(--epcl-main-color);
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
font-family: var(--epcl-title-font-family);
font-size: 18px;
padding: 12px 35px;
font-weight: 600;
transition: all 300ms var(--epcl-transition-bezier);
}
input[type="submit"]:hover, input[type="submit"].active, button[type="submit"]:hover, button[type="submit"].active {
-webkit-transform: translate(-2px, -2px);
-ms-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
}
input[type="submit"].active:hover, button[type="submit"].active:hover {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type="submit"].secondary, button[type="submit"].secondary {
background-color: var(--epcl-main-color);
}
input[type="submit"].secondary:after, button[type="submit"].secondary:after {
background: var(--epcl-main-color);
}
input[type="submit"].secondary:before, button[type="submit"].secondary:before {
border-color: var(--epcl-main-color);
}
input[type="submit"].black, button[type="submit"].black {
background: var(--epcl-black-color);
}
input[type="submit"].black:hover, button[type="submit"].black:hover {
-webkit-box-shadow: 2px 2px 0px 0px var(--epcl-main-color);
box-shadow: 2px 2px 0px 0px var(--epcl-main-color);
}
input[type="submit"].small, button[type="submit"].small {
font-size: 12px;
padding: 5px 15px;
}
input[type="submit"].small:after, button[type="submit"].small:after {
padding: 5px 15px;
}
input[type="submit"].small.bordered:hover:after, button[type="submit"].small.bordered:hover:after {
left: -4px;
top: -4px;
}
input[type="submit"].medium, button[type="submit"].medium {
font-size: 15px;
padding: 5px 20px;
}
input[type="submit"].medium:after, button[type="submit"].medium:after {
padding: 5px 20px;
}
input[type="submit"].medium.bordered:hover:after, button[type="submit"].medium.bordered:hover:after {
left: -4px;
top: -4px;
}
input[type="submit"].large, button[type="submit"].large {
font-size: 20px;
padding: 8px 40px;
}
input[type="submit"].icon i, button[type="submit"].icon i {
vertical-align: middle;
position: relative;
top: -2px;
}
input[type="submit"].rounded, button[type="submit"].rounded {
border-radius: 100px;
}
input[type="submit"].circle, button[type="submit"].circle {
padding: 0;
width: 44px;
height: 44px;
border-radius: 50%;
text-align: center;
line-height: 44px;
font-size: 16px;
}
input[type="submit"].circle i.fa, button[type="submit"].circle i.fa {
margin: 0;
vertical-align: middle;
}
input[type="submit"].circle:hover, button[type="submit"].circle:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
input[type="submit"].dark, button[type="submit"].dark {
background-image: none;
background-color: var(--epcl-black-color);
border: 1px solid var(--epcl-black-color);
color: #fff;
}
input[type="submit"].dark:hover, button[type="submit"].dark:hover {
color: var(--epcl-black-color) !important;
background-color: #fff;
}
input[type="submit"].dark:hover svg, button[type="submit"].dark:hover svg {
fill: var(--epcl-black-color);
}
input[type="submit"].white, button[type="submit"].white {
background-color: #fff;
color: var(--epcl-black-color);
border: 1px solid var(--epcl-border-color);
}
input[type="submit"].white svg, button[type="submit"].white svg {
fill: var(--epcl-black-color);
}
input[type="submit"] i.fa, button[type="submit"] i.fa {
font-size: 85%;
margin-left: 5px;
}
input[type="submit"].loading:after, button[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 .5s infinite linear;
animation: spin .5s infinite linear;
}
input[type="submit"].continue-reading svg, button[type="submit"].continue-reading svg {
width: 19px;
height: 20px;
vertical-align: middle;
margin-left: 5px;
margin-right: -5px;
}
select {
max-width: 100%;
height: auto;
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 var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
form p {
padding-bottom: 15px;
font-size: 13px;
}
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;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 20px;
line-height: 17px;
}
form.search-form .submit svg {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
form.search-form .submit:hover svg {
fill: var(--epcl-black-color);
}
/* @end */
/* @group Contact Form 7 Basic Support */
.wpcf7 p {
padding: 0 !important;
margin-bottom: 20px;
}
.wpcf7 span.wpcf7-form-control-wrap {
display: block;
margin-top: 10px;
}
.wpcf7 span.wpcf7-not-valid-tip {
color: var(--epcl-main-color);
}
.wpcf7 .ajax-loader {
margin-left: 10px !important;
vertical-align: baseline !important;
}
.wpcf7 .wpcf7-response-output {
clear: both;
border: 0 !important;
background: var(--epcl-black-color);
color: #fff;
padding: 10px 15px !important;
font-size: 16px;
text-align: center;
margin: 0 0 20px !important;
position: relative;
border-radius: 8px;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
background: #13ab51;
}
.wpcf7 form.sent .wpcf7-response-output {
background: #13ab51;
}
/* @end */
/* Sidebar Widgets */
.widget {
padding: 30px 25px;
padding-top: 45px;
position: relative;
z-index: 2;
}
.widget .widget-title {
letter-spacing: 0.25px;
position: absolute;
left: 25px;
top: -20px;
z-index: 2;
font-family: var(--epcl-sidebar-title-font-family);
font-weight: var(--epcl-sidebar-title-font-weight);
}
.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_text {
font-size: 14px;
}
.widget_text .textwidget {
margin-top: -9px;
}
.widget_text p {
margin-bottom: 20px;
}
.widget_text a {
font-weight: 500;
}
.widget_text p:last-of-type {
margin-bottom: 0;
}
.widget_search .search-field, .widget_search .wp-block-search__input {
padding-left: 15px;
font-size: 13px !important;
background: #fff;
margin-bottom: 0;
}
.widget_search .wp-block-search__button {
padding: 0px 25px;
}
.widget_search form .submit {
right: 10px;
}
.widget_recent_entries label, .widget_categories label, .widget_archive label, .widget_recent_comments label, .widget_meta label, .widget_nav_menu label, .widget_pages label, .widget_rss label {
display: none;
}
.widget_recent_entries ul > li, .widget_categories ul > li, .widget_archive ul > li, .widget_recent_comments ul > li, .widget_meta ul > li, .widget_nav_menu ul > li, .widget_pages ul > li, .widget_rss ul > li {
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid var(--epcl-border-color);
}
.widget_recent_entries ul > li a, .widget_categories ul > li a, .widget_archive ul > li a, .widget_recent_comments ul > li a, .widget_meta ul > li a, .widget_nav_menu ul > li a, .widget_pages ul > li a, .widget_rss ul > li a {
font-size: 14px;
display: inline-block;
}
.widget_recent_entries ul > li:last-of-type, .widget_categories ul > li:last-of-type, .widget_archive ul > li:last-of-type, .widget_recent_comments ul > li:last-of-type, .widget_meta ul > li:last-of-type, .widget_nav_menu ul > li:last-of-type, .widget_pages ul > li:last-of-type, .widget_rss ul > li:last-of-type {
margin-bottom: 0 !important;
border-bottom: 0;
padding-bottom: 0;
}
.widget_recent_entries ul > li ul.children, .widget_recent_entries ul > li ul.sub-menu, .widget_categories ul > li ul.children, .widget_categories ul > li ul.sub-menu, .widget_archive ul > li ul.children, .widget_archive ul > li ul.sub-menu, .widget_recent_comments ul > li ul.children, .widget_recent_comments ul > li ul.sub-menu, .widget_meta ul > li ul.children, .widget_meta ul > li ul.sub-menu, .widget_nav_menu ul > li ul.children, .widget_nav_menu ul > li ul.sub-menu, .widget_pages ul > li ul.children, .widget_pages ul > li ul.sub-menu, .widget_rss ul > li ul.children, .widget_rss ul > li ul.sub-menu {
clear: both;
padding: 10px 0 0 0;
margin-top: 10px;
border-top: 1px solid var(--epcl-border-color);
}
.widget_recent_entries ul > li ul.children li, .widget_recent_entries ul > li ul.sub-menu li, .widget_categories ul > li ul.children li, .widget_categories ul > li ul.sub-menu li, .widget_archive ul > li ul.children li, .widget_archive ul > li ul.sub-menu li, .widget_recent_comments ul > li ul.children li, .widget_recent_comments ul > li ul.sub-menu li, .widget_meta ul > li ul.children li, .widget_meta ul > li ul.sub-menu li, .widget_nav_menu ul > li ul.children li, .widget_nav_menu ul > li ul.sub-menu li, .widget_pages ul > li ul.children li, .widget_pages ul > li ul.sub-menu li, .widget_rss ul > li ul.children li, .widget_rss ul > li ul.sub-menu li {
padding-left: 20px;
}
.widget_recent_comments > ul > li, .widget_categories > ul > li, .widget_archive > ul > li, .widget_recent_entries > ul > li, .widget_rss > ul > li {
position: relative;
z-index: 1;
font-size: 16px;
}
.widget_recent_comments > ul > li .comment-author-link, .widget_categories > ul > li .comment-author-link, .widget_archive > ul > li .comment-author-link, .widget_recent_entries > ul > li .comment-author-link, .widget_rss > ul > li .comment-author-link {
font-weight: 700;
}
.widget_recent_comments ul > li a {
display: inline;
}
.widget_recent_entries > ul > li:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+CiAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMCAyMkg0YTEgMSAwIDAgMS0xLTFWM2ExIDEgMCAwIDEgMS0xaDE2YTEgMSAwIDAgMSAxIDF2MThhMSAxIDAgMCAxLTEgMXptLTEtMlY0SDV2MTZoMTR6TTggN2g4djJIOFY3em0wIDRoOHYySDh2LTJ6bTAgNGg4djJIOHYtMnoiLz4KICAgIDwvZz4KPC9zdmc+");
}
.widget_archive > ul > li:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE3IDNoNGExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMWg0VjFoMnYyaDZWMWgydjJ6bS0yIDJIOXYySDdWNUg0djRoMTZWNWgtM3YyaC0yVjV6bTUgNkg0djhoMTZ2LTh6IiBmaWxsPSJyZ2JhKDM2LDM1LDM1LDEpIi8+PC9zdmc+");
}
.widget_recent_comments > ul > li {
padding-left: 27px;
}
.widget_recent_comments > ul > li:before {
content: '';
position: absolute;
left: 0;
top: 7px;
width: 16px;
height: 16px;
background-size: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M7.291 20.824L2 22l1.176-5.291A9.956 9.956 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.956 9.956 0 0 1-4.709-1.176zm.29-2.113l.653.35A7.955 7.955 0 0 0 12 20a8 8 0 1 0-8-8c0 1.334.325 2.618.94 3.766l.349.653-.655 2.947 2.947-.655z' fill='rgba(255,72,106,1)'/%3E%3C/svg%3E");
}
.widget_rss > ul > li:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+CiAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zIDNjOS45NDEgMCAxOCA4LjA1OSAxOCAxOGgtM2MwLTguMjg0LTYuNzE2LTE1LTE1LTE1VjN6bTAgN2M2LjA3NSAwIDExIDQuOTI1IDExIDExaC0zYTggOCAwIDAgMC04LTh2LTN6bTAgN2E0IDQgMCAwIDEgNCA0SDN2LTR6Ii8+CiAgICA8L2c+Cjwvc3ZnPg==");
}
.widget_categories > ul > li {
padding-left: 0;
}
.widget_categories > ul > li:before {
display: none;
}
.widget_categories > ul > li:before {
content: '\f02b';
}
.widget_archive ul li, .widget_categories ul li {
text-align: right;
background: none;
line-height: 30px;
margin-bottom: 8px;
padding-bottom: 8px;
}
.widget_archive ul li:last-of-type, .widget_categories ul li:last-of-type {
margin-bottom: 0 !important;
border-bottom: 0;
padding-bottom: 0;
-o-border-image: none;
border-image: none;
}
.widget_archive ul li:after, .widget_categories ul li:after {
content: '';
display: block;
clear: both;
}
.widget_archive ul li span, .widget_categories ul li span {
display: inline-block;
padding: 0;
color: #fff;
background: var(--epcl-main-color);
font-family: var(--epcl-title-font-family);
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
font-weight: 700;
font-size: 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: -2px;
position: relative;
border-radius: 50%;
}
.widget_archive ul > li, .widget_categories ul > li {
clear: both;
}
.widget_archive ul > li a, .widget_categories ul > li a {
float: left;
}
.widget_tag_cloud, .widget_epcl_tag_cloud, .wp-block-tag-cloud {
display: block;
}
.widget_tag_cloud a, .widget_epcl_tag_cloud a, .wp-block-tag-cloud a {
font-size: 14px !important;
margin-bottom: 12px;
margin-right: 10px;
}
.widget_recent_entries .post-date {
font-size: 13px;
display: block;
color: var(--epcl-text-color);
}
.widget_media_audio a:before {
display: none;
}
.widget_calendar table {
width: 100%;
border-collapse: separate;
}
.widget_calendar table caption {
margin-bottom: 10px;
font-weight: 600;
}
.widget_calendar table thead {
background: var(--epcl-black-color);
color: #fff;
}
.widget_calendar table th {
font-weight: 600;
border: 0;
}
.widget_calendar table td {
border-top: 1px solid var(--epcl-border-color);
text-align: center;
}
.widget_calendar table td a {
font-weight: 700;
}
.widget_calendar table th, .widget_calendar table td {
padding: 5px;
}
.widget_calendar table #today {
font-weight: bold;
}
.widget_calendar table #prev {
text-align: left;
}
.widget_calendar table #next {
text-align: right;
}
.widget_calendar .wp-calendar-nav-next {
float: right;
}
.widget_media_image a {
display: inline-block;
padding: 0;
}
.widget_media_image a img {
display: block;
width: auto;
}
.widget_media_image a:before {
display: none;
}
.widget_media_image img {
border-radius: 15px;
}
.widget_media_gallery .gallery-item {
margin-top: 0 !important;
}
.widget_media_gallery a {
display: inline-block;
vertical-align: top;
padding: 0px 5px;
}
.widget_media_gallery a img {
border: 1px solid var(--epcl-border-color) !important;
border-radius: 8px;
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
.widget_media_gallery a:hover img {
-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);
}
.widget_rss .widget-title a {
padding-bottom: 0;
}
.widget_rss .widget-title a img {
display: none;
}
.widget_rss .widget-title a:before {
display: none;
}
.widget_rss ul li {
font-size: 13px;
}
.widget_rss .rss-date {
display: block;
margin-top: 10px;
}
.widget_rss .rsswidget {
font-family: var(--epcl-title-font-family);
font-weight: 700;
color: var(--epcl-black-color);
}
.widget_rss .rsswidget:hover {
color: var(--epcl-main-color);
}
.widget_rss cite {
font-weight: 700;
}
.widget_rss .rssSummary, .widget_rss cite {
display: block;
padding-top: 15px;
}
/* Custom Widgets */
.widget_epcl_about .avatar {
float: left;
width: 80px;
height: 80px;
margin-right: 20px;
font-size: 38px !important;
}
.widget_epcl_about .avatar a {
display: block;
border-radius: 50%;
overflow: hidden;
}
.widget_epcl_about .avatar img {
display: block;
}
.widget_epcl_about .founder {
margin-top: 0px;
margin-bottom: 5px;
font-size: 14px;
}
.widget_epcl_about .info {
float: left;
}
.widget_epcl_about .social {
text-align: center;
float: left;
}
.widget_epcl_about .social a {
margin-right: 10px;
font-size: 16px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: var(--epcl-main-color);
}
.widget_epcl_about .social a.facebook {
color: #175BEB;
}
.widget_epcl_about .social a.twitter {
color: #1DA1F2;
}
.widget_epcl_about p {
margin-top: 15px;
font-size: 14px;
}
.widget_epcl_posts_thumbs .info, .widget_epcl_featured_category .info, .widget_epcl_related_articles .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.widget_epcl_posts_thumbs .item, .widget_epcl_featured_category .item, .widget_epcl_related_articles .item {
margin-bottom: 20px;
position: relative;
padding-left: 75px;
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;
min-height: 70px;
}
.widget_epcl_posts_thumbs .item.no-thumb, .widget_epcl_featured_category .item.no-thumb, .widget_epcl_related_articles .item.no-thumb {
padding: 0 !important;
}
.widget_epcl_posts_thumbs .item .title, .widget_epcl_posts_thumbs .item .wpcf7 label, .wpcf7 .widget_epcl_posts_thumbs .item label, .widget_epcl_posts_thumbs .item #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .widget_epcl_posts_thumbs .item .comment-author, .widget_epcl_featured_category .item .title, .widget_epcl_featured_category .item .wpcf7 label, .wpcf7 .widget_epcl_featured_category .item label, .widget_epcl_featured_category .item #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .widget_epcl_featured_category .item .comment-author, .widget_epcl_related_articles .item .title, .widget_epcl_related_articles .item .wpcf7 label, .wpcf7 .widget_epcl_related_articles .item label, .widget_epcl_related_articles .item #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .widget_epcl_related_articles .item .comment-author {
margin-bottom: -3px;
}
.widget_epcl_posts_thumbs .item .thumb, .widget_epcl_featured_category .item .thumb, .widget_epcl_related_articles .item .thumb {
width: 60px;
height: 64px;
min-height: 52px;
overflow: inherit;
position: absolute;
left: 0;
top: 1px;
padding: 0;
border-radius: 8px;
}
.widget_epcl_posts_thumbs .item .thumb .fullimage, .widget_epcl_featured_category .item .thumb .fullimage, .widget_epcl_related_articles .item .thumb .fullimage {
display: block;
border-radius: 8px;
border: 1px solid var(--epcl-border-color);
}
.widget_epcl_posts_thumbs .item .thumb:hover .fullimage, .widget_epcl_featured_category .item .thumb:hover .fullimage, .widget_epcl_related_articles .item .thumb:hover .fullimage {
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
}
.widget_epcl_posts_thumbs .item .epcl-dropcap, .widget_epcl_featured_category .item .epcl-dropcap, .widget_epcl_related_articles .item .epcl-dropcap {
width: 60px;
height: 64px;
font-size: 28px;
}
.widget_epcl_posts_thumbs .item .epcl-dropcap .fake-layout, .widget_epcl_featured_category .item .epcl-dropcap .fake-layout, .widget_epcl_related_articles .item .epcl-dropcap .fake-layout {
line-height: 64px !important;
}
.widget_epcl_posts_thumbs .item .epcl-dropcap .fake-layout:before, .widget_epcl_featured_category .item .epcl-dropcap .fake-layout:before, .widget_epcl_related_articles .item .epcl-dropcap .fake-layout:before {
left: 1px;
top: 1px;
right: 1px;
bottom: 1px;
}
.widget_epcl_posts_thumbs .item time, .widget_epcl_featured_category .item time, .widget_epcl_related_articles .item time {
font-size: 12px;
}
.widget_epcl_posts_thumbs .item:last-of-type, .widget_epcl_featured_category .item:last-of-type, .widget_epcl_related_articles .item:last-of-type {
margin-bottom: 0;
}
.widget_epcl_flickr div.loading {
text-align: center;
padding: 20px 0;
}
.widget_epcl_flickr.loaded .loading {
display: none;
}
.widget_epcl_flickr ul {
margin: 0 -3px;
}
.widget_epcl_flickr ul li {
display: block;
padding: 0 2px 4px;
}
.widget_epcl_flickr ul li .wrapper {
overflow: hidden;
}
.widget_epcl_flickr ul li a {
display: block;
overflow: hidden;
width: 100%;
position: relative;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 95%;
}
.widget_epcl_flickr ul li a:hover:before {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.widget_epcl_flickr ul li a span.cover {
height: 100%;
width: 101%;
position: absolute;
left: 0;
top: 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;
}
section.widget_epcl_tweets p {
position: relative;
padding-left: 35px;
margin-bottom: 20px;
font-size: 14px;
line-height: 2;
}
section.widget_epcl_tweets p a {
font-weight: 600;
color: var(--epcl-black-color);
}
section.widget_epcl_tweets p small {
font-size: 11px;
padding-top: 5px;
display: block;
}
section.widget_epcl_tweets p i.fa-twitter {
font-size: 21px;
position: absolute;
left: 0;
top: 5px;
color: #1DA1F2;
}
section.widget_epcl_tweets p:last-of-type {
margin-bottom: 0;
}
.widget_epcl_social div.icons a {
display: block;
margin-bottom: 10px;
}
.widget_epcl_social div.icons a .icon {
display: inline-block;
width: 42px;
height: 42px;
border-radius: 50%;
text-align: center;
line-height: 42px;
vertical-align: middle;
font-size: 21px;
background-color: #fff;
color: var(--epcl-black-color);
border: 1px solid var(--epcl-border-color);
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
.widget_epcl_social div.icons a .icon.dribbble {
color: #d97aa6;
}
.widget_epcl_social div.icons a .icon.facebook {
color: #175beb;
}
.widget_epcl_social div.icons a .icon.twitter {
color: #1da1f2;
}
.widget_epcl_social div.icons a .icon.instagram {
color: #ef00a2;
}
.widget_epcl_social div.icons a .icon.linkedin {
color: #0077b5;
}
.widget_epcl_social div.icons a .icon.pinterest {
color: #ee3e52;
}
.widget_epcl_social div.icons a .icon.tumblr {
color: #5f7990;
}
.widget_epcl_social div.icons a .icon.youtube {
color: #fb5555;
}
.widget_epcl_social div.icons a .icon.flickr {
color: #ef3998;
}
.widget_epcl_social div.icons a .icon.twitch {
color: #8551e6;
}
.widget_epcl_social div.icons a .icon.vk {
color: #6299dc;
}
.widget_epcl_social div.icons a .icon.telegram {
color: #0088cc;
}
.widget_epcl_social div.icons a .icon.rss {
color: #f59f23;
}
.widget_epcl_social div.icons a .icon.tiktok svg {
fill: #69c9d0;
}
.widget_epcl_social div.icons a .name {
font-family: var(--epcl-title-font-family);
font-size: 18px;
font-weight: 700;
margin-left: 10px;
vertical-align: middle;
padding-bottom: 5px;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--epcl-black-color), 1)), to(rgba(var(--epcl-black-color), 1)));
background-image: -o-linear-gradient(left, rgba(var(--epcl-black-color), 1) 0%, rgba(var(--epcl-black-color), 1) 100%);
background-image: linear-gradient(to right, rgba(var(--epcl-black-color), 1) 0%, rgba(var(--epcl-black-color), 1) 100%);
background-size: 0% 4%;
background-repeat: no-repeat;
background-position: left 80%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.widget_epcl_social div.icons a:hover .name {
color: var(--epcl-black-color) !important;
background-size: 100% 4%;
}
.widget_epcl_social div.icons a:hover .icon {
-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);
}
.widget_epcl_social div.icons a svg {
width: 21px;
height: 21px;
fill: var(--epcl-black-color);
vertical-align: middle;
}
.widget_epcl_social div.icons a p {
display: none;
padding-top: 7px;
letter-spacing: 0.5px;
}
.widget_epcl_social div.icons a p span {
display: block;
font-size: 12px;
font-weight: 400;
margin-top: -1px;
font-family: var(--epcl-font-family);
}
/* @end */
/* @group Global Styles */
body {
font-family: var(--epcl-font-family);
font-size: var(--epcl-font-size);
line-height: 1.8;
font-weight: 400;
color: var(--epcl-text-color);
-webkit-overflow-scrolling: touch;
margin: 0 auto;
background: var(--epcl-background-color);
-ms-word-wrap: break-word;
word-wrap: break-word;
letter-spacing: 0.3px;
background-color: var(--epcl-background-color);
}
body:before {
content: '';
position: fixed;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
height: 100vh;
z-index: -1;
}
body.cover:before {
background-size: cover !important;
}
body.epcl-shadow-style .bg-box,
body.epcl-shadow-style #single.fullcover .featured-image,
body.epcl-shadow-style div.meta .author .author-image {
border: 0;
}
body.epcl-shadow-style .epcl-button, body.epcl-shadow-style #single #comments.hosted nav.pagination a, #single #comments.hosted nav.pagination body.epcl-shadow-style a {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
body.epcl-shadow-style .grid-posts .main-title,
body.epcl-shadow-style .title.bordered,
body.epcl-shadow-style .wpcf7 label.bordered,
.wpcf7 body.epcl-shadow-style label.bordered,
body.epcl-shadow-style #single #comments.hosted .comment .bordered.comment-author,
#single #comments.hosted .comment body.epcl-shadow-style .bordered.comment-author,
body.epcl-shadow-style .inputbox,
body.epcl-shadow-style div.tags a,
body.epcl-shadow-style .widget_tag_cloud a,
body.epcl-shadow-style .widget_epcl_tag_cloud a,
body.epcl-shadow-style .wp-block-tag-cloud a, body.epcl-shadow-style .widget_tag_cloud a, body.epcl-shadow-style .widget_epcl_tag_cloud a,
body.epcl-shadow-style .widget_epcl_social div.icons a .icon,
body.epcl-shadow-style div.meta .author .author-image {
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
}
body.epcl-shadow-style div.articles.classic article .thumb,
body.epcl-shadow-style .main-nav ul.sub-menu,
body.epcl-shadow-style #single.fullcover .featured-image {
-webkit-box-shadow: var(--epcl-medium-shadow);
box-shadow: var(--epcl-medium-shadow);
}
body.epcl-shadow-style #footer .widgets .widget {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.body-decorations {
position: fixed;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
height: 100vh;
z-index: -1;
}
.body-decorations:before, .body-decorations:after {
content: '';
background: url("../images/background-decoration.svg") 7% 100px no-repeat;
width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
background-size: contain;
}
.body-decorations:after {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
svg.icon {
fill: #fff;
width: 17px;
height: 17px;
vertical-align: middle;
}
svg.icon.large {
width: 21px;
height: 21px;
margin-top: -2px;
}
svg.icon.ularge {
width: 31px;
height: 32px;
margin-top: -2px;
}
svg.icon.dark {
fill: var(--epcl-black-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);
}
.dot {
display: inline-block;
width: 5px;
height: 5px;
background: var(--epcl-main-color);
vertical-align: middle;
border-radius: 100%;
margin: -2px 5px 0;
}
[data-aos=fade] {
opacity: 0;
-webkit-transition: all 800ms ease;
-o-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;
-o-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;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.lazy.loaded, [data-lazy="true"].loaded {
opacity: 1;
}
/* Main BG loader */
.epcl-loader {
position: relative;
}
.epcl-loader:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
z-index: -1;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(211, 211, 211, 0)), color-stop(50%, rgba(211, 211, 211, 0.15)), to(rgba(211, 211, 211, 0)));
background-image: -o-linear-gradient(left, rgba(211, 211, 211, 0) 0, rgba(211, 211, 211, 0.15) 50%, rgba(211, 211, 211, 0) 100%);
background-image: linear-gradient(90deg, rgba(211, 211, 211, 0) 0, rgba(211, 211, 211, 0.15) 50%, rgba(211, 211, 211, 0) 100%);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 50% 100%;
-webkit-animation: loading 1000ms steps(29) infinite;
animation: loading 1000ms steps(29) infinite;
}
.epcl-loader:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
z-index: -2;
background: #fff;
border-radius: 15px;
}
.epcl-loader.loaded:after, .epcl-loader.loaded:before {
background: none;
}
.epcl-loader.bg-box {
overflow: hidden;
}
@-webkit-keyframes loading {
to {
background-position: 350% 0;
}
}
@keyframes loading {
to {
background-position: 350% 0;
}
}
img {
max-width: 100%;
height: auto;
}
a {
color: var(--epcl-text-color);
-webkit-transition: all 300ms ease;
-o-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;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
i.icon, i.fa {
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;
}
.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;
}
.uppercase {
text-transform: uppercase;
}
.overflow {
overflow: hidden;
}
.hidden {
display: none;
}
.inline-block {
display: inline-block;
}
.cover {
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
}
.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: 1240px;
}
.grid-container.grid-usmall {
max-width: 600px;
}
.grid-container.grid-small {
max-width: 780px;
}
.grid-container.grid-medium {
max-width: 990px;
}
.grid-container.grid-large {
max-width: 1400px;
}
.grid-container.grid-ularge {
max-width: 1600px;
}
/* Content */
#wrapper {
overflow: hidden;
}
.row, .epcl-row {
margin-left: -20px;
margin-right: -20px;
}
.row.large, .epcl-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: 70px;
padding-bottom: 70px;
}
.bg-white {
background: #fff;
padding: 50px;
-webkit-box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.1), 0 22px 27px -20px rgba(7, 10, 25, 0.1);
box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.1), 0 22px 27px -20px rgba(7, 10, 25, 0.1);
}
.fullwidth {
display: block;
width: 100%;
height: auto;
}
.thumb {
position: relative;
z-index: 1;
min-height: 80px;
}
.thumb .fullimage,
.full-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
}
.full-link {
z-index: 10;
}
.content {
margin-top: 70px;
}
.bg-box {
background-color: var(--epcl-content-background-color);
border-radius: var(--epcl-boxes-border-radius);
border: 1px solid var(--epcl-border-color);
-webkit-box-shadow: var(--epcl-boxes-shadow);
box-shadow: var(--epcl-boxes-shadow);
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bg-box.section {
padding: 40px;
}
.bg-box.bg-white {
background: #fff;
}
.mfp-close {
font-size: 40px !important;
}
.epcl-border {
background-color: var(--epcl-border-color);
height: 1px;
margin: 70px auto 0;
}
.epcl-border.small, #single #comments.hosted nav.pagination a.epcl-border {
width: 75px;
margin-top: 30px;
}
/* Banners */
.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: #1DA1F2;
}
.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 {
fill: #fff;
background-color: #69c9d0;
}
.epcl-social-buttons.fill-color a {
display: inline-block;
margin: 0 2px;
background: 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.dribbble {
color: #D97AA6;
}
.epcl-social-buttons.fill-color a.facebook {
color: #175BEB;
}
.epcl-social-buttons.fill-color a.twitter {
color: #1DA1F2;
}
.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.email {
color: var(--epcl-black-color);
}
.epcl-social-buttons.fill-color a.button.circle {
background: #fff;
width: 44px;
height: 44px;
}
.epcl-social-buttons.fill-color a.button.circle:hover {
-webkit-transform: translate(-2px, -2px);
-ms-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
/* @group Search form and results */
#search-lightbox .title, #search-lightbox .wpcf7 label, .wpcf7 #search-lightbox label, #search-lightbox #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #search-lightbox .comment-author {
margin-top: 10px;
}
#search-lightbox .title span, #search-lightbox .wpcf7 label span, .wpcf7 #search-lightbox label span, #search-lightbox #single #comments.hosted .comment .comment-author span, #single #comments.hosted .comment #search-lightbox .comment-author span {
font-weight: bold;
color: var(--epcl-main-color);
}
#search-lightbox .search-wrapper {
padding: 0px 40px;
}
#search-lightbox .mfp-close {
display: none;
}
#search-lightbox .categories {
text-align: center;
}
#search-lightbox .categories h5 {
margin-top: 100px;
margin-bottom: 15px;
color: var(--epcl-black-color);
}
#search-lightbox .categories h5 span {
color: var(--epcl-main-color);
}
/* @end */
/* @group Global: Author Box */
#author {
position: relative;
z-index: 0;
text-align: center;
margin: 70px auto 0;
}
#archives #author {
margin-bottom: 70px;
}
#author .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#author .author-avatar {
margin-left: auto;
margin-right: 20px;
width: 80px;
height: 80px;
border-radius: 100%;
overflow: hidden;
}
#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 .right {
margin-right: auto;
}
#author div.info {
max-width: 550px;
margin: 0 auto;
}
#author div.info p {
margin-top: 25px;
font-size: 16px;
}
#author div.info .view-articles {
margin-top: 20px;
}
#author div.social {
margin-top: 20px;
}
#author div.social a {
display: inline-block;
margin: 0 10px;
font-size: 22px;
color: var(--epcl-main-color);
vertical-align: middle;
}
#author div.social a.facebook {
color: #175BEB;
}
#author div.social a.twitter {
color: #1DA1F2;
}
#author.single-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#author.single-author .single-wrapper {
width: 50%;
}
#author.single-author .single-wrapper .right .title, #author.single-author .single-wrapper .right .wpcf7 label, .wpcf7 #author.single-author .single-wrapper .right label, #author.single-author .single-wrapper .right #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #author.single-author .single-wrapper .right .comment-author {
font-size: 22px;
}
#author.single-author .single-wrapper .right div.social {
margin-top: 0px;
}
#author.single-author .single-wrapper .right div.social a {
font-size: 16px;
margin: 0 10px 0 0;
}
#author.single-author .single-wrapper div.info p {
font-size: 14px;
margin-top: 15px;
}
#author.single-author .author-posts {
width: 42.5%;
text-align: left;
padding: 0;
margin-right: 0;
margin-left: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#author.single-author .author-posts > .title, #author.single-author .wpcf7 .author-posts > label, .wpcf7 #author.single-author .author-posts > label, #author.single-author #single #comments.hosted .comment .author-posts > .comment-author, #single #comments.hosted .comment #author.single-author .author-posts > .comment-author {
font-weight: normal;
margin-bottom: 20px;
text-align: center;
}
#author.single-author .epcl-button, #author.single-author #single #comments.hosted nav.pagination a, #single #comments.hosted nav.pagination #author.single-author a {
margin-top: 20px;
}
/* @end */
.epcl-decoration-counter {
display: none;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
font-size: 200px;
font-family: var(--epcl-font-family);
line-height: 1;
font-weight: bold;
opacity: 0.5;
margin-top: 30px;
color: #fff;
}
/* Global Articles decoration */
.epcl-overlay {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
background: rgba(0, 0, 0, 0.25);
}
.epcl-overlay.epcl-decoration-border {
position: absolute;
}
.epcl-category-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
border-radius: var(--epcl-boxes-border-radius);
background: var(--epcl-content-background-color);
}
.epcl-category-overlay:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: -2px;
bottom: -2px;
opacity: 0.25;
border-radius: var(--epcl-boxes-border-radius);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* Post Counter */
.epcl-number {
position: absolute;
left: -10px;
top: -10px;
z-index: 3;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-family: var(--epcl-title-font-family);
font-weight: 700;
color: #000;
background: url("../images/number-decoration.svg") no-repeat center center;
}
/* Change mode button (just for demo purposes) */
.epcl-demo-tool {
position: fixed;
z-index: 10;
top: 40%;
left: 0;
background: #fff;
border: 1px solid #000;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
padding: 15px;
font-size: 14px;
width: 190px;
-webkit-animation: fadeOut 800ms forwards;
animation: fadeOut 800ms forwards;
}
.epcl-demo-tool label {
display: inline-block;
margin-top: 10px;
}
.epcl-demo-tool input {
border: 0;
margin-right: 5px;
width: 40px;
background: var(--epcl-main-color);
background: transparent;
vertical-align: middle;
}
.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: 8px;
padding-left: 14px;
border: 1px solid #000;
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 .title, .epcl-demo-tool .wpcf7 label, .wpcf7 .epcl-demo-tool label, .epcl-demo-tool #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-demo-tool .comment-author {
text-align: center;
}
.epcl-demo-tool a {
display: block;
margin-top: 0px;
padding: 5px 0 0;
margin-top: 10px;
font-family: var(--epcl-title-font-family);
font-size: 14px;
}
.epcl-demo-tool a span {
display: inline-block;
width: 38px;
height: 20px;
background: var(--epcl-black-color);
position: relative;
z-index: 2;
border-radius: 25px;
vertical-align: middle;
margin-right: 10px;
opacity: 0.75;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.epcl-demo-tool a span::before {
content: '';
position: absolute;
top: 6px;
left: 6px;
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.epcl-demo-tool a.active span, .epcl-demo-tool #single #comments.hosted nav.pagination a span, #single #comments.hosted nav.pagination .epcl-demo-tool a span {
background: var(--epcl-main-color);
opacity: 1;
}
.epcl-demo-tool a.active span::before, .epcl-demo-tool #single #comments.hosted nav.pagination a span::before, #single #comments.hosted nav.pagination .epcl-demo-tool a span::before {
left: 24px;
}
@-webkit-keyframes fadeOut {
0% {
left: 0;
}
100% {
left: -222px;
}
}
@keyframes fadeOut {
0% {
left: 0;
}
100% {
left: -222px;
}
}
@-webkit-keyframes fadeIn {
0% {
left: -222px;
}
100% {
left: 0;
}
}
@keyframes fadeIn {
0% {
left: -222px;
}
100% {
left: 0;
}
}
div.text {
font-size: 16px;
line-height: 2;
font-weight: 400;
letter-spacing: 0.35px;
/* =WordPress Core
-------------------------------------------------------------- */
/* Text meant only for screen readers. */
}
div.text strong, div.text b {
font-weight: bold;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
div.text iframe {
max-width: 100%;
}
div.text hr {
display: inline-block;
width: 100%;
}
div.text div.ep-map img, div.text div#map_canvas img {
max-width: none !important;
height: inherit;
}
div.text img {
max-width: 100%;
height: auto;
border: 1px solid var(--epcl-border-color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
}
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-titles-color);
}
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: 18px;
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-text-color);
text-decoration: none;
font-weight: 600;
border-bottom: 2px solid var(--epcl-text-color);
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
div.text a:not([class]):hover {
border-color: transparent;
}
div.text a.ep-shortcode:hover, div.text .ep-shortcode a:hover {
text-decoration: none;
}
div.text dt a:after, div.text .attachment a:after, div.text .wp-caption a:after {
display: none !important;
}
div.text ul, div.text ol {
margin: 0 0 0 25px;
}
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: inside;
}
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 ul ul, div.text ol ol, div.text ul ol, div.text ol ul {
margin-bottom: 0;
padding-bottom: 0;
padding-top: 10px;
}
div.text ul:not([class]) li {
position: relative;
z-index: 1;
padding-left: 10px;
}
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 dd, div.text pre, div.text blockquote {
margin-bottom: 20px;
}
div.text blockquote {
padding: 40px;
padding-left: 60px;
margin: 0 0 25px 0;
border-left: 0;
font-style: italic !important;
position: relative;
z-index: 1;
font-size: 110%;
background: #fff no-repeat 97% 90% 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='rgba(255,76,96,1)'/%3E%3C/svg%3E");
border: 1px solid var(--epcl-border-color);
border-radius: 8px;
line-height: 1.85;
font-weight: 400;
background-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-color);
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 pre {
overflow: auto;
max-width: 100%;
max-height: 400px;
font-size: 15px;
}
div.text pre:not([class*="language-"]), div.text code:not([class*="language-"]) {
font-family: 'Consolas', Monaco, monospace;
border: 1px solid var(--epcl-border-color);
background-color: #fff;
border-radius: 8px;
}
div.text code:not([class*="language-"]) {
padding: 3px 8px;
margin: 0 1px;
font-size: 14px;
display: inline-block;
background-color: #fff;
border-radius: 3px;
}
div.text pre:not([class*="language-"]) {
padding: 25px;
line-height: 1.8;
overflow: auto;
}
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 th, div.text table td {
border: 1px solid var(--epcl-border-color);
padding: 7px 15px;
text-align: center;
}
div.text table th {
font-weight: 700;
color: var(--epcl-black-color);
font-family: var(--epcl-title-font-family);
}
div.text .gallery dl {
margin: 0;
}
div.text address {
font-style: italic;
margin-bottom: 25px;
}
div.text .gallery-caption {
color: var(--epcl-text-color);
}
div.text .bypostauthor {
color: var(--epcl-text-color);
}
div.text .aligncenter,
div.text div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
}
div.text .aligncenter img,
div.text div.aligncenter img {
display: block;
margin-left: auto;
margin-right: auto;
}
div.text .alignright {
float: right;
margin: 0px 0 24px 24px;
}
div.text .alignleft {
float: left;
margin: 0px 24px 24px 0;
}
div.text .wp-caption {
max-width: 96%;
/* Image does not overflow the content area */
padding: 8px 3px 10px !important;
text-align: center;
margin-bottom: 25px;
}
div.text .wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
vertical-align: middle;
}
div.text .wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 17px;
margin: 0;
padding: 8px 4px 0;
}
div.text .gallery a:not(.button):not(.epcl-button), div.text .attachment a:not(.button):not(.epcl-button), div.text .wp-caption a:not(.button):not(.epcl-button), div.text div a:not(.button):not(.epcl-button) {
border: 0;
}
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;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
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 iframe, div.text figure, div.text p {
padding-top: 8px;
margin-bottom: 24px;
}
div.text p > iframe {
margin-bottom: 0;
display: block;
}
div.text hr, div.text pre, div.text blockquote, div.text table {
margin-top: 8px;
margin-bottom: 24px;
}
div.text li {
padding-bottom: 8px;
}
div.text ul, div.text ol {
margin-bottom: 24px;
}
div.text ul li:last-of-type, div.text ol li:last-of-type {
padding-bottom: 0;
}
div.text > p:first-child {
padding-top: 0;
}
div.text figcaption {
display: block;
margin-bottom: 0;
text-align: center;
font-size: 13px;
opacity: 0.85;
margin-top: .5em;
width: 100%;
}
div.text .wp-block {
/* Width of "wide" blocks */
/* Width of "full-wide" blocks */
}
div.text .wp-block {
max-width: 739px;
}
div.text .wp-block[data-align="full"] {
max-width: none;
margin: 0 auto;
}
div.text .wp-block[data-align="full"] .alignfull {
margin: 0;
}
div.text .wp-block[data-align="wide"] {
max-width: 879px;
margin: 0 auto;
}
div.text .wp-block[data-align="wide"] .alignwide {
margin: 0;
}
div.text .wp-block-separator {
display: block;
max-width: 100px;
margin: 0 auto 24px;
padding-top: 8px;
border: 0;
border-bottom: 1px solid var(--epcl-border-color);
height: 1px;
}
div.text .wp-block-separator.is-style-wide {
max-width: none;
}
div.text .wp-block-separator.is-style-dots {
border-bottom: 2px dashed var(--epcl-border-color);
}
div.text .wp-block-button {
padding-top: 8px;
margin-bottom: 24px;
text-align: center;
}
div.text .wp-block-button.alignleft, div.text .wp-block-button.alignright {
padding-top: 17.6px;
}
div.text .wp-block-button .wp-block-button__link {
padding: 7px 24px;
}
div.text .wp-block-button .wp-block-button__link:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
div.text .wp-block-button.is-style-outline .wp-block-button__link {
border: 2px solid;
}
div.text .wp-block-image img {
border-radius: 8px;
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
div.text .wp-block-image a:hover img {
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
-webkit-transform: translate(-2px, -2px) !important;
-ms-transform: translate(-2px, -2px) !important;
transform: translate(-2px, -2px) !important;
}
div.text .wp-block-image figcaption {
display: block;
margin-bottom: 0;
font-size: 13px;
margin-top: 0.5em;
text-align: center;
opacity: 0.85;
}
div.text .wp-block-gallery {
margin-left: 0;
margin-bottom: 24px;
}
div.text .wp-block-gallery ul {
margin-left: 0;
margin-bottom: -24px;
padding-top: 3px;
}
div.text .wp-block-gallery ul:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
div.text .wp-block-gallery li {
padding-bottom: 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
div.text .wp-block-gallery li figure {
padding-top: 0;
margin: 0;
position: relative;
}
div.text .wp-block-gallery li figcaption {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.text .wp-block-gallery figure {
background-image: none;
}
div.text .wp-block-gallery figure figcaption {
border-radius: 8px;
}
div.text .wp-block-gallery figure img {
border-radius: 8px;
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
div.text .wp-block-gallery figure a {
border: 0;
border-radius: 8px;
}
div.text .wp-block-gallery figure a:hover img {
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
-webkit-transform: translate(-2px, -2px) !important;
-ms-transform: translate(-2px, -2px) !important;
transform: translate(-2px, -2px) !important;
}
div.text .wp-block-gallery figure:after {
display: none;
}
div.text .wp-block-cover {
margin-bottom: 24px;
border: 1px solid var(--epcl-border-color);
border-radius: 8px;
overflow: hidden;
}
div.text .wp-block-cover.aligncenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
div.text .wp-block-cover.alignwide {
border-radius: 0;
}
div.text .wp-block-cover .wp-block-cover-text, div.text .wp-block-cover p, div.text .wp-block-cover a, div.text .wp-block-cover a:not([class]) {
color: #fff;
line-height: 1.25;
}
div.text .wp-block-cover .wp-block-cover-text strong, div.text .wp-block-cover p strong, div.text .wp-block-cover a strong, div.text .wp-block-cover a:not([class]) strong {
color: #fff;
}
div.text .wp-block-media-text {
margin-bottom: 32px;
}
div.text .wp-block-media-text figure {
padding-top: 0;
padding-bottom: 0;
}
div.text .wp-block-file {
border: 1px solid var(--epcl-border-color);
border-radius: 8px;
background: #fff;
text-align: center;
padding: 25px;
}
div.text .wp-block-video video {
border: 1px solid var(--epcl-border-color);
border-radius: 8px;
}
div.text .wp-block-categories, div.text .wp-block-latest-posts, div.text .wp-block-archives {
margin-left: 0;
padding-left: 0;
min-width: 260px;
display: inline-block;
}
div.text .wp-block-categories.aligncenter, div.text .wp-block-latest-posts.aligncenter, div.text .wp-block-archives.aligncenter {
display: block;
max-width: 260px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
div.text .wp-block-categories time, div.text .wp-block-latest-posts time, div.text .wp-block-archives time {
padding-left: 20px;
color: #424851;
position: relative;
}
div.text .wp-block-categories li:not(.option), div.text .wp-block-latest-posts li:not(.option), div.text .wp-block-archives li:not(.option) {
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid var(--epcl-border-color);
text-align: right;
padding-left: 0px;
background: none;
line-height: 30px;
}
div.text .wp-block-categories li:not(.option) div, div.text .wp-block-latest-posts li:not(.option) div, div.text .wp-block-archives li:not(.option) div {
display: inline-block;
}
div.text .wp-block-categories li:not(.option) span, div.text .wp-block-latest-posts li:not(.option) span, div.text .wp-block-archives li:not(.option) span {
display: inline-block;
padding: 0;
color: #fff;
background-color: var(--epcl-main-color);
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
font-size: 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50%;
font-family: var(--epcl-title-font-family);
}
#footer div.text .wp-block-categories li:not(.option) span, #footer div.text .wp-block-latest-posts li:not(.option) span, #footer div.text .wp-block-archives li:not(.option) span {
color: #fff;
}
div.text .wp-block-categories li:not(.option) a, div.text .wp-block-latest-posts li:not(.option) a, div.text .wp-block-archives li:not(.option) a {
float: left;
color: var(--epcl-text-color);
border: 0;
font-weight: 400;
}
div.text .wp-block-categories li:not(.option) a:after, div.text .wp-block-latest-posts li:not(.option) a:after, div.text .wp-block-archives li:not(.option) a:after {
display: none;
}
div.text .wp-block-categories li:not(.option) a:hover, div.text .wp-block-latest-posts li:not(.option) a:hover, div.text .wp-block-archives li:not(.option) a:hover {
color: var(--epcl-main-color);
}
div.text .wp-block-categories li:not(.option):before, div.text .wp-block-categories li:not(.option):after, div.text .wp-block-latest-posts li:not(.option):before, div.text .wp-block-latest-posts li:not(.option):after, div.text .wp-block-archives li:not(.option):before, div.text .wp-block-archives li:not(.option):after {
content: '';
display: block;
width: 100%;
clear: both;
}
div.text .wp-block-categories li:not(.option):last-of-type, div.text .wp-block-latest-posts li:not(.option):last-of-type, div.text .wp-block-archives li:not(.option):last-of-type {
margin-bottom: 0 !important;
border-bottom: 0;
padding-bottom: 0;
}
div.text .wp-block-categories li:not(.option) ul.children, div.text .wp-block-categories li:not(.option) ul.sub-menu, div.text .wp-block-latest-posts li:not(.option) ul.children, div.text .wp-block-latest-posts li:not(.option) ul.sub-menu, div.text .wp-block-archives li:not(.option) ul.children, div.text .wp-block-archives li:not(.option) ul.sub-menu {
clear: both;
padding: 10px 0 0 0;
margin-top: 10px;
border-top: 1px solid var(--epcl-border-color);
margin-left: 0;
}
div.text .wp-block-categories li:not(.option) ul.children li, div.text .wp-block-categories li:not(.option) ul.sub-menu li, div.text .wp-block-latest-posts li:not(.option) ul.children li, div.text .wp-block-latest-posts li:not(.option) ul.sub-menu li, div.text .wp-block-archives li:not(.option) ul.children li, div.text .wp-block-archives li:not(.option) ul.sub-menu li {
padding-left: 20px;
}
div.text .wp-block-latest-posts {
display: block;
min-width: inherit;
}
div.text .wp-block-latest-posts time {
display: inline-block;
}
div.text .wp-block-latest-posts.is-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
div.text .wp-block-latest-posts.is-grid li:last-of-type {
margin-bottom: 10px !important;
border-bottom: 1px solid var(--epcl-border-color);
padding-bottom: 10px;
}
div.text .wp-block-latest-posts.is-grid li:not(.option) {
text-align: inherit;
}
div.text .wp-block-archives-dropdown ul {
margin: 0;
}
div.text .wp-block-latest-comments {
list-style: none;
margin-left: 0;
}
div.text .wp-block-latest-comments li {
list-style: none;
display: block;
margin-top: 20px;
position: relative;
border-bottom: 1px solid var(--epcl-border-color);
padding-bottom: 10px !important;
}
div.text .wp-block-latest-comments li time {
color: var(--epcl-text-color);
}
div.text .wp-block-latest-comments__comment-excerpt p {
padding-bottom: 10px;
margin: 0;
}
div.text .wp-block-latest-comments__comment-meta {
font-family: var(--epcl-title-font-family);
font-size: 16px;
}
div.text .wp-block-latest-comments__comment-meta a {
font-weight: 700;
}
div.text .wp-block-quote {
padding: 40px;
padding-right: 60px;
margin: 0 0 25px 0;
border-left: 0;
font-style: italic !important;
position: relative;
z-index: 1;
font-size: 110%;
border: 1px solid var(--epcl-border-color);
background: #fff;
border-radius: 8px;
background: #fff no-repeat 97% 90% 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='rgba(255,76,96,1)'/%3E%3C/svg%3E");
line-height: 1.85;
font-weight: 400;
background-size: 50px;
}
div.text .wp-block-quote em {
font-style: italic;
}
div.text .wp-block-quote cite, div.text .wp-block-quote__citation {
display: block;
margin-top: 15px;
color: var(--epcl-black-color);
font-style: normal;
font-size: 15px;
font-family: var(--epcl-title-font-family);
font-weight: bold;
text-transform: none;
}
div.text .wp-block-quote ul {
padding-bottom: 0;
}
div.text .wp-block-quote p {
padding-top: 0;
}
div.text .wp-block-quote p:last-of-type {
margin-bottom: 0;
}
div.text .wp-block-quote.is-large, div.text .wp-block-quote.is-style-large {
padding: 40px;
padding-right: 60px;
}
div.text .wp-block-quote.is-large cite, div.text .wp-block-quote.is-style-large cite {
text-align: left;
}
div.text .wp-block-pullquote {
padding: 25px 70px;
margin-top: 8px;
position: relative;
z-index: 1;
border: 1px solid var(--epcl-border-color);
background: #fff;
border-radius: 8px;
font-size: 16px;
}
div.text .wp-block-pullquote:before, div.text .wp-block-pullquote:after {
content: '';
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 20px;
z-index: 2;
background: no-repeat 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='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.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.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.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.5c-1.073 0-2.099-.49-2.748-1.179z' fill='rgba(255,76,96,1'/%3E%3C/svg%3E");
}
div.text .wp-block-pullquote:after {
top: auto;
left: auto;
bottom: 20px;
right: 20px;
background: no-repeat 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='rgba(255,76,96,1)'/%3E%3C/svg%3E");
}
div.text .wp-block-pullquote blockquote {
border-left: 0;
padding: 20px 0;
margin: 0;
font-style: normal;
background: none;
border: 0;
line-height: 1.85;
font-weight: 400;
background-size: 50px;
}
div.text .wp-block-pullquote blockquote:before {
display: none;
}
div.text .wp-block-pullquote blockquote p {
padding-top: 0;
margin-bottom: 8px;
}
div.text .wp-block-pullquote blockquote cite {
padding-bottom: 8px;
}
div.text .wp-block-pullquote blockquote cite {
display: block;
margin-top: 8px;
color: var(--epcl-black-color);
font-style: normal;
font-size: 15px;
font-family: var(--epcl-title-font-family);
font-weight: bold;
text-transform: none;
}
div.text .wp-block-pullquote__citation {
display: block;
margin-top: 8px;
color: var(--epcl-black-color);
font-style: normal;
font-size: 15px;
font-family: var(--epcl-title-font-family);
font-weight: bold;
text-transform: none;
}
div.text .wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
}
div.text .wp-block-embed figcaption {
display: block;
padding-top: 8px;
color: var(--epcl-text-color);
}
div.text .wp-block-embed iframe {
display: block;
padding: 0;
margin: 0;
}
div.text .wp-block-embed.aligncenter {
display: table;
}
div.text .wp-block-embed.wp-has-aspect-ratio.aligncenter {
display: block;
}
div.text .wp-block-audio figcaption {
color: var(--epcl-text-color);
}
div.text .wp-block-table {
border-color: var(--epcl-border-color);
}
div.text .wp-block-table.is-style-stripes tr:nth-child(odd) {
background-color: white;
}
div.text .wp-block-rss {
margin-left: 0;
list-style: none;
}
div.text .wp-block-rss li {
list-style: none;
}
div.text .wp-block-search label {
font-weight: bold;
}
div.text .wp-block-search .wp-block-search__button {
margin: 0;
padding: 5px 25px;
height: 45px;
margin-left: 10px;
}
div.text .wp-block-group {
margin-bottom: 24px;
}
div.text .wp-block-group.has-background {
padding: 20px 30px;
}
div.text .wp-block-code {
background-color: #fff;
}
div.text .wp-block-code textarea {
background-color: #fff;
}
div.text .wp-block-calendar table {
border-collapse: separate;
border: 0;
}
div.text .wp-block-calendar table thead {
background: var(--epcl-black-color);
color: #fff;
}
div.text .wp-block-calendar table thead th {
background: transparent;
border: 0;
color: #fff;
}
div.text .wp-block-calendar table td {
border: 0;
border-top: 1px solid var(--epcl-border-color);
}
div.text .wp-block-calendar table #today {
font-weight: bold;
}
div.text .alignwide {
margin-left: -60px;
margin-right: -60px;
max-width: none;
width: auto;
overflow: hidden;
}
div.text .alignwide img, div.text .alignwide iframe {
width: 100%;
}
div.text .alignfull {
margin-left: -60px;
margin-right: -60px;
max-width: none;
width: auto;
overflow: hidden;
}
div.text .alignfull img, div.text .alignfull iframe {
display: block !important;
width: 100%;
}
.no-sidebar div.text .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: auto;
max-width: 1000%;
position: relative;
z-index: 1;
}
div.text .alignfull.wp-block-columns {
padding-left: 40px;
padding-right: 40px;
}
div.text .has-drop-cap:not(:focus):first-letter {
font-family: var(--epcl-title-font-family);
font-size: 4em;
margin-right: 10px;
}
/*------------------------------------*\
OBJECTS/COMPONENTS
\*------------------------------------*/
/* @group Header */
.notice.text {
background: #d0f1ff;
color: var(--epcl-black-color);
text-align: center;
padding-top: 10px;
font-size: 15px;
line-height: 1.75;
position: relative;
z-index: 3;
border-bottom: 1px solid var(--epcl-border-color);
}
.notice.text p {
padding-top: 0;
margin-bottom: 10px;
display: inline-block;
}
.notice.text i.fa, .notice.text .remixicon {
margin-right: 5px;
vertical-align: middle;
margin-top: -3px;
}
.notice.text svg {
width: 20px;
height: 20px;
margin-top: -5px;
vertical-align: middle;
margin-right: 5px;
}
.notice.text .close {
margin-left: 3px;
font-size: 16px;
}
.notice.text .close:hover {
opacity: 0.75;
}
.notice.text .close:before {
display: none;
}
#header {
position: relative;
/* Sticky Header */
}
#header div.menu-mobile {
display: none;
}
#header .grid-container {
padding: 70px 0px 0px;
position: relative;
}
#header .logo {
text-align: center;
margin: 5px auto;
float: left;
}
#header .logo a {
display: inline-block;
color: var(--epcl-black-color);
vertical-align: middle;
margin: 5px 0;
}
#header .logo a i.fa {
vertical-align: middle;
position: relative;
top: -5px;
margin-right: 3px;
font-size: 92%;
}
#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, #header .logo.text-logo .wpcf7 label, .wpcf7 #header .logo.text-logo label, #header .logo.text-logo #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #header .logo.text-logo .comment-author {
font-size: 40px;
}
#header .logo.text-logo span {
display: inline-block;
}
#header .sticky-logo {
display: none;
}
#header.minimalist .grid-container {
padding: 60px 0 0;
}
#header.minimalist .bg-box {
padding: 20px 60px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
#header.minimalist .main-nav {
margin-left: auto;
}
#header.minimalist ul.menu {
padding: 0;
}
#header.minimalist .epcl-social-buttons {
margin-left: 15px;
}
#header.minimalist .logo {
margin: 0;
}
#header.minimalist .search-menu-item svg {
fill: var(--epcl-black-color);
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#header.minimalist .search-menu-item svg:hover {
fill: var(--epcl-main-color);
}
#header.classic .logo, #header.advertising .logo {
float: none;
}
#header.classic .bg-box, #header.advertising .bg-box {
background: none;
border: 0;
text-align: center;
}
#header.classic nav, #header.advertising nav {
float: none;
display: inline-block;
padding: 10px 30px;
background: #fff;
margin: 50px 0 0;
border: 1px solid var(--epcl-border-color);
border-radius: 100px;
}
#header.classic div.menu-wrapper .grid-container {
padding: 70px 0 0;
}
#header.classic .epcl-social-buttons {
margin: 0;
padding: 5px 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 36px;
line-height: 36px;
position: absolute;
top: 12px;
left: 0;
z-index: 101;
}
#header.advertising .logo {
float: left;
padding: 15px 0 30px;
}
#header.advertising .epcl-banner {
float: right;
width: 728px;
height: 90px;
padding: 10px 0;
}
#header.advertising .epcl-social-buttons {
position: relative;
z-index: 101;
margin-left: 15px;
}
#header .epcl-search-button {
position: absolute;
right: 0;
top: 13px;
display: none;
}
#header .epcl-search-button svg {
margin-top: -2px;
width: 19px;
height: 19px;
}
#header.classic .epcl-search-button {
display: block;
}
#header .subscribe-menu-item {
padding-right: 0;
}
#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.is-sticky div.menu-wrapper {
position: fixed;
top: 0;
padding: 3px 0;
z-index: 1000;
width: 100%;
background: #fff;
-webkit-animation: headerPinnedSlideDown 400ms;
animation: headerPinnedSlideDown 400ms;
border-bottom: 1px solid var(--epcl-border-color);
}
#header.is-sticky div.menu-wrapper .bg-box {
padding: 5px 0;
background: none;
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#header.is-sticky div.menu-wrapper .grid-container {
padding: 0;
}
#header.is-sticky div.menu-wrapper .logo {
float: left;
margin: 5px 0;
padding-top: 0;
padding-bottom: 0;
max-width: 150px;
}
#header.is-sticky div.menu-wrapper .logo a {
font-size: 40px;
}
#header.is-sticky div.menu-wrapper .ads, #header.is-sticky div.menu-wrapper .clear.ad {
display: none;
}
#header.is-sticky div.menu-wrapper ul.menu {
-webkit-box-shadow: none;
box-shadow: none;
float: none;
}
#header.is-sticky div.menu-wrapper nav {
text-align: right;
float: right;
margin-top: auto;
margin-bottom: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: 0;
border-radius: 0;
padding: 0;
}
#header.is-sticky div.menu-wrapper nav ul.menu > li {
padding-top: 10px;
padding-bottom: 10px;
}
#header.is-sticky div.menu-wrapper .share-buttons, #header.is-sticky div.menu-wrapper .epcl-social-buttons {
display: none;
}
#header.is-sticky div.menu-wrapper div.epcl-border {
display: none;
}
#header.is-sticky div.menu-wrapper .epcl-search-button {
display: none;
}
#header.is-sticky .epcl-banner {
display: none;
}
#header.has-sticky-logo.is-sticky .logo:not(.text-logo) {
display: none;
}
#header.has-sticky-logo.is-sticky .sticky-logo {
display: block !important;
}
.main-nav {
text-align: right;
float: right;
}
.main-nav ul.menu {
font-size: 0px;
float: left;
}
.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 13px;
position: relative;
}
.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-color);
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;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-nav ul.menu li a {
display: inline-block;
font-size: 15px;
line-height: 1.25;
position: relative;
z-index: 1;
color: var(--epcl-black-color);
background-position: left 100%;
letter-spacing: 0.3px;
font-family: var(--epcl-title-font-family);
}
.main-nav ul.menu li a.lightbox {
background: none;
font-size: 20px;
fill: var(--epcl-black-color);
}
.main-nav ul.menu li a.epcl-button, .main-nav ul.menu li #single #comments.hosted nav.pagination a, #single #comments.hosted nav.pagination .main-nav ul.menu li a {
color: #fff;
}
.main-nav ul.menu li a.epcl-button:hover, .main-nav ul.menu li #single #comments.hosted nav.pagination a:hover, #single #comments.hosted nav.pagination .main-nav ul.menu li a:hover {
color: #fff;
}
.main-nav ul.menu li.current-menu-item > a, .main-nav ul.menu > li.current-menu-ancestor > a {
position: relative;
}
.main-nav ul.menu li.current-menu-item > a:after, .main-nav ul.menu > li.current-menu-ancestor > a:after {
display: block;
content: '';
position: absolute;
left: -7px;
top: -5px;
width: 5px;
height: 5px;
background: var(--epcl-main-color);
border-radius: 5px;
opacity: 0;
-webkit-animation: fadeInMenu 500ms ease 600ms forwards;
animation: fadeInMenu 500ms ease 600ms forwards;
}
@-webkit-keyframes fadeInMenu {
0% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fadeInMenu {
0% {
opacity: 0;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.main-nav ul.menu li a:hover {
color: var(--epcl-main-color);
}
.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);
border-radius: 10px;
-webkit-transition: all 200ms ease;
-o-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-color);
padding: 10px 25px;
background: none;
}
.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%;
}
100% {
top: 0;
}
}
@keyframes headerPinnedSlideDown {
0% {
top: -100%;
}
100% {
top: 0;
}
}
/* @end */
/* @group Footer */
/* Subscribe section used on Footer and Subscribe page */
.epcl-subscribe {
font-size: 16px;
position: relative;
z-index: 2;
padding: 60px 50px;
}
.epcl-subscribe .title, .epcl-subscribe .wpcf7 label, .wpcf7 .epcl-subscribe label, .epcl-subscribe #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-subscribe .comment-author {
margin-bottom: 10px;
}
.epcl-subscribe .description {
max-width: 400px;
margin: 0 auto;
font-size: 15px;
}
.epcl-subscribe form {
position: relative;
z-index: 2;
}
.epcl-subscribe form .subscribe-decoration {
display: none;
position: absolute;
right: 100%;
top: 30px;
margin-right: -70px;
z-index: -1;
width: 125px;
height: 103px;
background: url("../images/subscribe-decoration.png") no-repeat left top;
background-size: contain;
}
.epcl-subscribe form .form-group {
margin: 20px 0;
position: relative;
}
.epcl-subscribe form .form-group .inputbox.large {
margin: 0;
padding-right: 175px;
}
.epcl-subscribe form .form-group .submit.absolute {
position: absolute;
right: 10px;
top: 7px;
height: 47px;
font-size: 17px;
padding: 0px 35px;
}
#footer {
margin-top: 120px;
padding: 0;
background: var(--epcl-content-background-color);
border-top: 1px solid var(--epcl-border-color);
border-bottom: 1px solid var(--epcl-border-color);
}
#footer.no-background {
background: none;
border: 0;
}
#footer .widgets .default-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#footer .widgets .epcl-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#footer .widgets .widget {
border: 0;
background: none;
margin: 0 20px;
padding-top: 60px;
}
#footer .widgets .default-sidebar, #footer .widgets .mobile-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#footer .widgets .grid-33 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#footer .epcl-subscribe {
border-top: 1px solid var(--epcl-border-color);
margin-top: 40px;
}
#footer .epcl-subscribe .title, #footer .epcl-subscribe .wpcf7 label, .wpcf7 #footer .epcl-subscribe label, #footer .epcl-subscribe #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #footer .epcl-subscribe .comment-author {
margin-bottom: 30px;
font-size: 40px;
}
#footer .epcl-subscribe .subtitle {
display: none;
}
#footer .epcl-subscribe .subscribe-decoration {
display: block;
}
#footer .epcl-subscribe .form-group {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
#footer .logo {
margin-bottom: 20px;
}
#footer .logo a {
display: inline-block;
color: var(--epcl-black-color);
}
#footer .logo a:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
#footer .logo a i.fa {
margin-right: 5px;
}
#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: 100%;
}
#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: 0 0 20px;
font-size: 13px;
}
#footer .published a {
font-weight: bold;
}
#footer .published a:hover {
color: var(--epcl-black-color);
}
/* @end */
/* @group Global Articles List */
/* Global Meta data */
time:not(.icon) {
position: relative;
}
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;
}
div.meta {
font-size: 14px;
}
div.meta a {
color: #424851;
}
div.meta a:hover {
color: var(--epcl-main-color);
}
div.meta.small {
font-size: 12px;
}
div.meta.absolute {
position: absolute;
left: 15px;
top: 25px;
z-index: 10;
}
div.meta.absolute .meta-info.icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: right;
color: #fff;
font-size: 13px;
margin: 0 0 0 5px;
background: var(--epcl-black-color);
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
border-radius: 100px;
}
div.meta.absolute .meta-info.icon svg, div.meta.absolute .meta-info.icon i {
width: 15px;
height: 15px;
fill: #fff !important;
vertical-align: middle;
margin-top: -3px;
margin: auto;
}
div.meta .min-read {
display: inline-block;
cursor: default;
text-transform: lowercase;
}
div.meta .min-read:before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
background: var(--epcl-main-color);
vertical-align: middle;
margin-right: 15px;
border-radius: 100%;
margin-top: -2px;
}
div.meta .views-counter {
cursor: default;
}
div.meta .meta-info {
margin-left: 12px;
}
div.meta .author {
font-weight: 500;
}
div.meta .author .author-image {
width: 35px;
height: 35px;
position: relative;
left: auto;
top: 0;
display: inline-block;
vertical-align: middle;
margin-right: 7px;
border-radius: 50%;
border: 1px solid var(--epcl-border-color);
font-size: 16px;
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
div.meta .author .author-image:before {
display: none;
}
div.meta .author .author-image.small, div.meta .author #single #comments.hosted nav.pagination a.author-image, #single #comments.hosted nav.pagination div.meta .author a.author-image {
width: 30px;
height: 30px;
}
div.meta .author:hover {
color: var(--epcl-black-color);
}
div.meta .author:hover .author-image {
-webkit-box-shadow: var(--epcl-small-shadow);
box-shadow: var(--epcl-small-shadow);
-webkit-transform: translate(-1px, -1px);
-ms-transform: translate(-1px, -1px);
transform: translate(-1px, -1px);
}
div.meta .sticky-icon {
margin-left: 8px;
margin-top: -7px;
vertical-align: middle;
display: inline-block;
}
div.meta.bottom .author {
float: right;
}
/* @end */
div.articles {
/* @start Grid Articles */
/* @end Grid Articles */
}
div.articles article {
margin: 0 auto 70px;
padding: 20px;
padding-right: 20px;
position: relative;
z-index: 2;
}
div.articles .featured-image {
position: relative;
z-index: 2;
}
div.articles .post_format-post-format-gallery {
display: block;
}
div.articles .post-format-wrapper {
position: relative;
z-index: 2;
padding: 0;
}
div.articles .post-format-wrapper.hidden {
display: none;
}
div.articles .post-style-small {
float: left;
}
div.articles .post-format-gallery, div.articles .post-format-video, div.articles .post-format-audio {
position: relative;
z-index: 2;
overflow: hidden;
height: 382px;
}
div.articles .post-format-gallery iframe, div.articles .post-format-video iframe, div.articles .post-format-audio iframe {
height: 100%;
}
div.articles .post-format-gallery div.item, div.articles .post-format-video div.item, div.articles .post-format-audio div.item {
height: 380px;
position: relative;
}
div.articles .post-format-video, div.articles .post-format-audio {
border-radius: 8px;
border: 1px solid var(--epcl-border-color);
}
div.articles .post-format-gallery .thumb {
display: block !important;
width: auto !important;
height: 100% !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.articles .post-format-audio {
height: 250px;
}
div.articles.classic article .thumb {
display: block;
width: 300px;
height: 380px;
min-width: 300px;
border: 1px solid var(--epcl-border-color);
border-radius: 15px;
}
div.articles.classic article .thumb .fullimage {
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
}
div.articles.classic article .main-title {
margin: 25px 0 15px;
}
div.articles.classic article .info {
padding: 20px;
padding-left: 40px;
}
div.articles.classic article footer {
margin-top: 40px;
}
div.articles.classic article.no-thumb {
display: block;
}
div.articles.classic article.no-thumb .info {
padding: 30px 40px;
}
div.articles.classic article.post-style-classic-image {
display: block;
text-align: center;
}
div.articles.classic article.post-style-classic-image .thumb {
width: 100%;
min-width: 100%;
}
div.articles.classic article.post-style-classic-image .info {
padding: 25px 40px;
}
div.articles.classic article.post-style-classic-image .post-format-wrapper .info {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 5;
margin: 0;
max-width: 50%;
padding: 0;
}
div.articles.classic article.post-style-classic-image .post-format-wrapper .info .main-title {
margin: 0;
padding: 0;
}
div.articles.classic article.post-style-classic-image .post-format-wrapper .info .main-title a {
text-align: left;
display: block;
padding: 7px 25px;
color: var(--epcl-titles-color);
}
div.articles.classic article.post-style-classic-image .post-format-wrapper .info.below-image {
padding: 25px 80px 0;
position: relative;
left: auto;
top: auto;
bottom: auto;
max-width: none;
}
div.articles.classic article.post-style-classic-image .post-format-wrapper .info.below-image a {
display: inline;
padding: 0 0 5px;
}
div.articles.classic article.post-style-classic-image .post-excerpt {
padding: 0 40px;
}
div.articles.classic article.post-style-classic-image .meta-wrapper {
display: block;
margin-bottom: 20px;
}
div.articles.classic article.post-style-classic-image .meta-wrapper div.tags, div.articles.classic article.post-style-classic-image .meta-wrapper .widget_tag_cloud, div.articles.classic article.post-style-classic-image .meta-wrapper .widget_epcl_tag_cloud, div.articles.classic article.post-style-classic-image .meta-wrapper .wp-block-tag-cloud {
display: none;
}
div.articles.classic article.post-style-classic-image footer .meta {
display: inline-block;
vertical-align: middle;
margin: 0 20px 0 30px;
font-weight: 500;
}
div.articles.classic article.post-style-classic-image footer .meta time {
margin-left: 0;
}
div.articles.classic article.post-style-classic-image footer .author {
float: none;
}
div.articles.classic article.post-style-classic-image .absolute.tags {
position: absolute;
right: 10px;
top: 20px;
z-index: 5;
}
div.articles.classic article.post-style-classic-image.no-thumb .main-title {
padding: 0 80px;
}
div.articles.classic article.post-style-classic-image.no-thumb .info {
padding-top: 0;
}
div.articles.grid-posts .epcl-bg {
padding: 20px 20px 25px;
margin: 0 20px;
position: relative;
z-index: 2;
}
div.articles.grid-posts .post-format-gallery, div.articles.grid-posts .post-format-video, div.articles.grid-posts .post-format-audio {
position: relative;
z-index: 2;
overflow: hidden;
height: 260px;
}
div.articles.grid-posts .post-format-gallery iframe, div.articles.grid-posts .post-format-video iframe, div.articles.grid-posts .post-format-audio iframe {
height: 100%;
}
div.articles.grid-posts .post-format-gallery div.item, div.articles.grid-posts .post-format-video div.item, div.articles.grid-posts .post-format-audio div.item {
height: 260px;
position: relative;
}
div.articles.grid-posts .post-format-gallery .thumb {
border: 1px solid var(--epcl-border-color);
border-radius: 15px;
}
div.articles.grid-posts .post-format-gallery .slick-prev {
left: 15px;
}
div.articles.grid-posts .post-format-gallery .slick-next {
right: 15px;
}
div.articles.grid-posts article {
text-align: center;
background: none;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 50px;
}
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, div.articles.grid-posts article.no-image .widget_tag_cloud, div.articles.grid-posts article.no-image .widget_epcl_tag_cloud, div.articles.grid-posts article.no-image .wp-block-tag-cloud {
display: none;
}
div.articles.grid-posts article .featured-image {
margin-bottom: 20px;
}
div.articles.grid-posts article .featured-image .thumb {
display: block;
border-radius: var(--epcl-boxes-border-radius);
border: 1px solid var(--epcl-border-color);
height: 340px;
overflow: hidden;
}
div.articles.grid-posts article .featured-image:hover div.info .shadow-effect {
-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);
}
div.articles.grid-posts article div.info {
position: absolute;
left: 0;
bottom: 0px;
right: 0;
padding: 15px 15px;
z-index: 2;
}
div.articles.grid-posts article div.info.below-image {
position: relative;
left: auto;
bottom: auto;
right: auto;
}
div.articles.grid-posts article div.info.below-image .main-title a {
display: inline;
padding-left: 0;
padding-right: 0;
}
div.articles.grid-posts article div.meta.absolute {
right: 15px;
left: auto !important;
}
div.articles.grid-posts article div.tags, div.articles.grid-posts article .widget_tag_cloud, div.articles.grid-posts article .widget_epcl_tag_cloud, div.articles.grid-posts article .wp-block-tag-cloud {
position: absolute;
left: 15px;
top: 15px;
z-index: 3;
margin: 0;
}
div.articles.grid-posts article div.tags a, div.articles.grid-posts article .widget_tag_cloud a, div.articles.grid-posts article .widget_epcl_tag_cloud a, div.articles.grid-posts article .wp-block-tag-cloud a {
margin: 0;
}
div.articles.grid-posts article div.meta.absolute {
top: 15px;
left: 15px;
}
div.articles.grid-posts article div.meta.date {
margin-bottom: 15px;
font-weight: 500;
font-size: 13px;
}
div.articles.grid-posts article .main-title {
font-size: 19px;
margin-bottom: 0;
line-height: 1.5;
padding: 0;
}
div.articles.grid-posts article .main-title a {
display: block;
padding: 5px 10px;
}
div.articles.grid-posts article .main-title a:hover {
color: var(--epcl-black-color);
}
div.articles.grid-posts article .post-excerpt {
padding: 0 20px 15px;
}
div.articles.grid-posts article .bottom {
margin-top: 10px;
}
div.articles.grid-posts article .bottom .author {
float: none;
margin: 0 15px;
font-size: 13px;
font-weight: 500;
font-family: var(--epcl-font-family);
}
div.articles.grid-posts article .epcl-button, div.articles.grid-posts article #single #comments.hosted nav.pagination a, #single #comments.hosted nav.pagination div.articles.grid-posts article a {
padding: 3px 20px;
font-size: 14px;
}
/* @group Global Pagination */
.epcl-pagination {
clear: both;
text-align: center;
padding: 30px 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;
}
#single .epcl-pagination div.nav a, #single .epcl-pagination div.nav > span.current {
display: inline-block;
vertical-align: middle;
font-family: var(--epcl-title-font-family);
background: var(--epcl-black-color);
color: #fff;
position: relative;
border: 1px solid var(--epcl-border-color);
}
#single .epcl-pagination div.nav a:before, #single .epcl-pagination div.nav > span.current:before {
content: '';
position: absolute;
left: 1px;
top: 1px;
right: 1px;
bottom: 1px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#single .epcl-pagination div.nav > span.current {
cursor: default;
color: #fff;
background: var(--epcl-main-color);
position: relative;
}
#single .epcl-pagination div.nav .page-number {
background: none;
vertical-align: middle;
font-size: 17px;
font-weight: bold;
padding: 0;
}
#single .epcl-pagination div.nav .post-page-numbers {
width: 35px;
height: 35px;
padding: 0;
border-radius: 100px;
line-height: 33px;
margin: 0 5px;
}
/* @end */
/* @group Sidebar */
div.left-content {
margin-right: 0;
padding-right: 20px;
}
.grid-sidebar div.left-content, .classic-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: 900px;
margin-left: auto !important;
margin-right: auto !important;
}
.no-active-sidebar div.left-content {
margin: 0 auto;
float: none;
width: auto;
max-width: 900px;
padding-right: 0px;
}
#sidebar {
position: relative;
z-index: 2;
float: right;
}
#sidebar .widget {
position: relative;
margin-bottom: 70px;
width: auto;
float: none;
}
#sidebar .widget:last-child {
margin-bottom: 0;
}
/* @end */
/* @group EPCL Modules */
.epcl-carousel .epcl-overlay, .epcl-slider .epcl-overlay, .epcl-popular-categories .epcl-overlay {
display: none;
}
.epcl-carousel .image-bg .counter, .epcl-slider .image-bg .counter, .epcl-popular-categories .image-bg .counter {
display: none;
}
.epcl-carousel .image-bg .epcl-loader, .epcl-slider .image-bg .epcl-loader, .epcl-popular-categories .image-bg .epcl-loader {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.epcl-carousel {
padding: 0;
visibility: hidden;
height: 425px;
opacity: 0;
margin: 70px auto 0;
-webkit-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.epcl-carousel.slick-initialized {
visibility: visible;
height: inherit;
opacity: 1;
}
.epcl-carousel .item {
text-align: center;
padding: 10px 0;
}
.epcl-carousel .item .img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.epcl-carousel .item article {
position: relative;
z-index: 1;
margin: 0 15px;
height: 425px;
overflow: hidden;
-webkit-transition: all 400ms var(--epcl-transition-bezier);
-o-transition: all 400ms var(--epcl-transition-bezier);
transition: all 400ms var(--epcl-transition-bezier);
}
.epcl-carousel .item .meta {
top: 20px;
left: 20px;
}
.epcl-carousel .item .info {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
z-index: 2;
}
.epcl-carousel .item .info .title, .epcl-carousel .item .info .wpcf7 label, .wpcf7 .epcl-carousel .item .info label, .epcl-carousel .item .info #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-carousel .item .info .comment-author {
font-size: 23px;
}
.epcl-slider {
padding: 0;
visibility: hidden;
opacity: 0;
margin-top: 70px;
margin-bottom: 10px;
-webkit-transition: opacity 1000ms ease;
-o-transition: opacity 1000ms ease;
transition: opacity 1000ms ease;
}
.epcl-slider.slick-initialized {
visibility: visible;
height: inherit;
opacity: 1;
}
.epcl-slider .slick-slide {
position: relative;
z-index: 3;
}
.epcl-slider .slick-slide article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 450px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.epcl-slider .slick-slide .img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
}
.epcl-slider .slick-slide div.meta.absolute {
left: 30px;
top: 30px;
}
.epcl-slider .slick-slide div.meta.absolute .tags {
margin-right: 10px;
}
.epcl-slider .slick-slide div.meta.absolute time {
margin-right: 12px;
}
.epcl-slider .slick-slide div.meta.absolute .author {
margin-left: 20px;
}
.epcl-slider .slick-slide div.meta.absolute .author .author-image {
width: 30px;
height: 30px;
}
.epcl-slider .slick-slide .tags {
display: inline-block;
}
.epcl-slider .slick-slide .info {
position: absolute;
left: 30px;
bottom: 30px;
z-index: 5;
max-width: 425px;
}
.epcl-slider .slick-slide .continue-reading {
position: absolute;
right: 30px;
bottom: 30px;
z-index: 6;
}
.epcl-slider .slick-prev,
.epcl-slider .slick-next {
top: 20px;
}
.epcl-text-editor.no-background {
padding-top: 0;
padding-bottom: 0;
}
.epcl-text-editor.no-background .bg-content {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.epcl-text-editor .bg-content {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 2;
}
.epcl-text-editor .text :last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.epcl-popular-categories {
margin-top: 70px;
padding-top: 20px;
}
.epcl-popular-categories .slick-slider {
margin: 0 -10px 30px;
}
.epcl-popular-categories .slick-track {
margin-left: 0;
}
.epcl-popular-categories .item {
position: relative;
z-index: 1;
margin: 25px 15px;
min-height: 225px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 300ms var(--epcl-transition-bezier);
-o-transition: all 300ms var(--epcl-transition-bezier);
transition: all 300ms var(--epcl-transition-bezier);
}
.epcl-popular-categories .item .info {
padding: 40px;
padding-bottom: 20px;
margin-top: auto;
margin-bottom: auto;
position: relative;
z-index: 2;
text-align: center;
font-size: 15px;
}
.epcl-popular-categories .item .title, .epcl-popular-categories .item .wpcf7 label, .wpcf7 .epcl-popular-categories .item label, .epcl-popular-categories .item #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-popular-categories .item .comment-author {
background: #fff;
border: 1px solid var(--epcl-border-color);
padding: 4px 20px;
border-radius: 100px;
position: absolute;
left: 50%;
top: -20px;
z-index: 5;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.epcl-popular-categories .item .title svg, .epcl-popular-categories .item .wpcf7 label svg, .wpcf7 .epcl-popular-categories .item label svg, .epcl-popular-categories .item #single #comments.hosted .comment .comment-author svg, #single #comments.hosted .comment .epcl-popular-categories .item .comment-author svg {
display: inline-block;
width: 16px;
height: 16px;
fill: var(--epcl-main-color);
margin-right: 7px;
vertical-align: middle;
margin-top: -3px;
stroke: rgba(0, 0, 0, 0.4);
}
.epcl-popular-categories .item .amount {
margin-top: 20px;
}
.epcl-popular-categories .item .counter {
top: 50%;
opacity: 0.05;
z-index: 1;
font-size: 200px;
}
/* @end */
/* @group Page */
#page #single .title.absolute, #page #single .wpcf7 label.absolute, .wpcf7 #page #single label.absolute, #page #single #comments.hosted .comment .absolute.comment-author {
top: -25px;
left: 60px;
}
#page #single.fullcover .featured-image {
margin-bottom: 70px;
}
#page #single.fullcover .featured-image div.info {
position: absolute;
max-width: none;
}
#page #single.fullcover .featured-image div.info .title, #page #single.fullcover .featured-image div.info .wpcf7 label, .wpcf7 #page #single.fullcover .featured-image div.info label, #page #single.fullcover .featured-image div.info #comments.hosted .comment .comment-author, #page #single.fullcover #comments.hosted .comment .featured-image div.info .comment-author {
font-size: 38px;
}
/* @end */
/* @group Meet the Authors */
.epcl-authors {
padding: 0;
margin-top: 70px;
-webkit-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
position: relative;
z-index: 2;
}
.epcl-authors h3.title, .epcl-authors #single #comments.hosted .comment h3.comment-author, #single #comments.hosted .comment .epcl-authors h3.comment-author {
display: inline-block;
}
.epcl-authors .epcl-carousel {
visibility: hidden;
opacity: 0;
}
.epcl-authors .epcl-carousel.slick-initialized {
visibility: visible;
height: inherit;
opacity: 1;
}
.epcl-authors .slick-track {
margin-left: 0;
}
.epcl-authors .item {
text-align: center;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 2;
}
.epcl-authors .item .thumb {
display: block;
overflow: hidden;
}
.epcl-authors .item .img {
width: 100%;
height: 270px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.epcl-authors .item .info {
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding: 10px;
z-index: 3;
}
.epcl-authors .item .info .title, .epcl-authors .item .info .wpcf7 label, .wpcf7 .epcl-authors .item .info label, .epcl-authors .item .info #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-authors .item .info .comment-author {
display: inline-block;
}
.epcl-authors .item div.social {
position: absolute;
right: 30px;
top: 30px;
z-index: 4;
}
.epcl-authors .item div.social a {
display: inline-block;
margin-left: 0px;
font-size: 18px;
color: var(--epcl-main-color);
vertical-align: middle;
background: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
border: 1px solid var(--epcl-border-color);
}
.epcl-authors .item div.social a.facebook {
color: #175BEB;
}
.epcl-authors .item div.social a.twitter {
color: #1DA1F2;
}
.epcl-authors .item .bio {
font-size: 13px;
padding-top: 20px;
}
#authors-page .epcl-authors .epcl-row {
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;
}
#authors-page .epcl-authors .item .img {
height: 330px;
}
/* @end */
/* @group Author and Tags page */
.archive #author div.avatar {
margin-top: 10px;
}
.tag-description {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
min-height: 150px;
margin: 70px auto;
padding-left: 50px;
padding-right: 50px;
position: relative;
z-index: 1;
}
.tag-description .left {
position: relative;
z-index: 2;
margin: 0 auto;
width: auto;
}
.tag-description .left b {
display: block;
color: var(--epcl-black-color);
margin-bottom: 10px;
}
.tag-description .left .title, .tag-description .left .wpcf7 label, .wpcf7 .tag-description .left label, .tag-description .left #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .tag-description .left .comment-author {
background: #fff;
border: 1px solid var(--epcl-border-color);
padding: 4px 30px;
border-radius: 100px;
}
.tag-description .left .title svg, .tag-description .left .wpcf7 label svg, .wpcf7 .tag-description .left label svg, .tag-description .left #single #comments.hosted .comment .comment-author svg, #single #comments.hosted .comment .tag-description .left .comment-author svg {
display: inline-block;
width: 16px;
height: 16px;
fill: var(--epcl-main-color);
margin-right: 7px;
vertical-align: middle;
margin-top: -3px;
stroke: rgba(0, 0, 0, 0.4);
}
.tag-description .left .total {
margin-top: 10px;
}
.tag-description .right {
position: relative;
z-index: 2;
}
.tag-description .right p {
max-width: 600px;
margin: 0 auto;
}
.tag-description .epcl-image {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
z-index: -1;
}
.tag-description.image-bg {
color: #fff;
}
.tag-description.image-bg .title, .tag-description.image-bg .wpcf7 label, .wpcf7 .tag-description.image-bg label, .tag-description.image-bg #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .tag-description.image-bg .comment-author {
color: #fff;
}
.tag-description .icon {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tag-description .icon svg {
width: 60px;
height: 60px;
}
/* @end */
/* @group Search Page */
.epcl-search-box .search-field {
background: #fff;
}
/* @end */
/* @group 404 Page */
#page-404 div.not-found {
margin: 0 auto;
text-align: center;
margin-bottom: -10px;
margin-top: -10px;
}
#page-404 div.not-found .title, #page-404 div.not-found .wpcf7 label, .wpcf7 #page-404 div.not-found label, #page-404 div.not-found #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #page-404 div.not-found .comment-author {
margin: 0;
color: #fff;
text-shadow: -1px 0 var(--epcl-border-color), 0 1px var(--epcl-border-color), 1px 0 var(--epcl-border-color), 0 -1px var(--epcl-border-color);
}
#page-404 div.not-found .title strong, #page-404 div.not-found .wpcf7 label strong, .wpcf7 #page-404 div.not-found label strong, #page-404 div.not-found #single #comments.hosted .comment .comment-author strong, #single #comments.hosted .comment #page-404 div.not-found .comment-author strong {
font-size: 150%;
}
#page-404 div.not-found i.fa {
font-size: 120px;
margin: 0px 0px 20px;
}
#page-404 div.text .title, #page-404 div.text .wpcf7 label, .wpcf7 #page-404 div.text label, #page-404 div.text #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #page-404 div.text .comment-author {
padding-bottom: 5px;
}
#page-404 div.buttons {
margin: 50px 0;
text-align: center;
}
/* @end */
/* @group Single Post */
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;
border: 1px solid var(--epcl-border-color);
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;
}
#single {
-webkit-transform: none;
-ms-transform: none;
transform: none;
/* Text Only Style */
/* Bottom share buttons and permalink */
/* Bottom tags */
/* Related Posts */
/* Siblings Posts */
/* Self hosted comments */
}
#single .main-article {
position: relative;
z-index: 1;
padding: 50px 60px;
}
#single .main-title {
margin-bottom: 20px;
}
#single .post-format-wrapper {
position: relative;
z-index: 2;
}
#single .post-format-video, #single .post-format-gallery, #single .post-format-audio {
overflow: hidden;
border: 1px solid var(--epcl-border-color);
border-radius: var(--epcl-boxes-border-radius);
margin-bottom: 50px;
}
#single .post-format-video iframe, #single .post-format-gallery iframe, #single .post-format-audio iframe {
display: block;
overflow: hidden;
}
#single .post-format-video iframe {
display: block;
width: 100%;
height: 400px;
}
#single .post-format-gallery {
position: relative;
z-index: 2;
height: 400px;
}
#single .post-format-gallery div.item {
display: block !important;
height: 400px;
}
#single .post-format-gallery div.item .fullimage {
display: block;
width: 100%;
height: 100%;
}
#single .post-format-gallery .slick-prev {
left: 20px;
}
#single .post-format-gallery .slick-next {
right: 20px;
}
#single.fullcover .fullcover-wrapper {
position: relative;
z-index: 1;
margin-top: 70px;
}
#single.fullcover .fullcover-wrapper img {
-o-object-fit: cover;
object-fit: cover;
height: 500px;
}
#single.fullcover .fullcover-wrapper .info {
position: absolute;
left: 30px;
bottom: 30px;
max-width: 40%;
z-index: 3;
}
#single.fullcover .fullcover-wrapper .meta.top {
position: absolute;
left: 30px;
top: 30px;
z-index: 3;
}
#single.fullcover .fullcover-wrapper .meta.top .tags {
display: inline;
}
#single.fullcover .fullcover-wrapper .title, #single.fullcover .fullcover-wrapper .wpcf7 label, .wpcf7 #single.fullcover .fullcover-wrapper label, #single.fullcover .fullcover-wrapper #comments.hosted .comment .comment-author, #single.fullcover #comments.hosted .comment .fullcover-wrapper .comment-author {
display: inline-block;
margin: 0;
text-align: center;
}
#single.fullcover .post-format-wrapper {
margin: 0;
}
#single.fullcover .post-format-video iframe {
height: 550px;
}
#single.fullcover .post-format-gallery {
max-height: inherit;
margin-bottom: 0;
height: 500px;
}
#single.fullcover .post-format-gallery div.item {
height: 500px;
}
#single.fullcover .format-audio div.info, #single.fullcover .format-video div.info {
margin-bottom: 25px;
}
#single.classic .featured-image {
margin: -30px -40px 40px;
position: relative;
z-index: 2;
overflow: hidden;
}
#single.classic .featured-image img {
display: block;
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
}
#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 .info.epcl-flex {
margin-bottom: 40px;
}
#single.classic .info.epcl-flex .title, #single.classic .info.epcl-flex .wpcf7 label, .wpcf7 #single.classic .info.epcl-flex label, #single.classic .info.epcl-flex #comments.hosted .comment .comment-author, #single.classic #comments.hosted .comment .info.epcl-flex .comment-author {
max-width: 55%;
font-size: 26px;
padding: 10px 20px;
}
#single.classic .info.epcl-flex .meta {
width: 50%;
margin-left: 30px;
font-size: 14px;
}
#single.classic .info.epcl-flex .meta .meta-info {
margin-left: 0;
margin-right: 12px;
}
#single.classic .info.epcl-flex .meta .meta-info.min-read {
margin-right: 0;
}
#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: -20px -30px 50px;
}
#single.classic.epcl-vertical .main-article .featured-image {
width: 40%;
margin: 0;
}
#single.classic.epcl-vertical .main-article .info {
width: 60%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 30px;
}
#single.classic.epcl-vertical .main-article .info .title, #single.classic.epcl-vertical .main-article .info .wpcf7 label, .wpcf7 #single.classic.epcl-vertical .main-article .info label, #single.classic.epcl-vertical .main-article .info #comments.hosted .comment .comment-author, #single.classic.epcl-vertical #comments.hosted .comment .main-article .info .comment-author {
max-width: 100%;
text-align: left;
}
#single.classic.epcl-vertical .main-article .info .meta {
margin: 25px 0 0 0;
width: auto;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
#single.classic.epcl-vertical .main-article .info .meta.top {
margin: 0 0 20px 0;
}
#single.classic.epcl-vertical .main-article .info .meta .tags {
margin-bottom: 20px;
}
#single.classic.epcl-vertical .main-article .info .last-update {
margin-left: auto;
}
#single .post-style-text .main-title {
margin-bottom: 5px;
}
#single .post-style-text .meta {
text-align: left;
}
#single .epcl-subscribe {
border-top: 1px solid var(--epcl-border-color);
margin-top: 50px;
padding-top: 50px;
padding-bottom: 0;
}
#single .share-buttons {
text-align: center;
border-top: 1px solid var(--epcl-border-color);
margin-top: 50px;
padding-top: 50px;
}
#single .share-buttons .title, #single .share-buttons .wpcf7 label, .wpcf7 #single .share-buttons label, #single .share-buttons #comments.hosted .comment .comment-author, #single #comments.hosted .comment .share-buttons .comment-author {
display: inline-block;
margin-right: 15px;
}
#single .share-buttons .epcl-share-bottom {
display: inline-block;
}
#single .share-buttons .button {
margin: 0 5px 5px;
border: 0 !important;
background: var(--epcl-main-color);
color: #fff !important;
}
#single .share-buttons .button i.fa {
font-size: 18px;
}
#single .share-buttons .button:hover {
color: #fff;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: none;
box-shadow: none;
}
#single .share-buttons .button.whatsapp {
background: #1FB381 !important;
}
#single .share-buttons .button.facebook {
background: #135CB6 !important;
}
#single .share-buttons .button.twitter {
background: #00ACED !important;
}
#single .share-buttons .button.pinterest {
background: #bd081c !important;
}
#single .share-buttons .button.linkedin {
background: #0077b5 !important;
}
#single .share-buttons .button.telegram {
background: #0088cc !important;
}
#single .share-buttons .button.vk {
background: #45668e !important;
}
#single .share-buttons .permalink {
position: relative;
z-index: 1;
display: inline-block;
margin-top: 35px;
max-width: 100%;
}
#single .share-buttons .permalink input {
display: block;
width: 450px;
text-align: center;
padding-right: 60px;
margin: 0;
max-width: 100%;
}
#single .share-buttons .permalink .copy {
position: absolute;
right: 20px;
top: 8px;
font-size: 18px;
cursor: pointer;
}
#single .bottom-tags {
padding-top: 25px;
}
#single .bottom-tags p, #single .bottom-tags .tags {
display: inline;
}
#single .bottom-tags a {
margin-right: 0;
margin-left: 10px;
margin-bottom: 10px;
}
#single .bottom-tags.text-only a {
margin-left: 3px;
font-size: 14px;
}
#single section.related {
padding-bottom: 10px;
margin-top: 70px;
}
#single section.related .epcl-row {
margin: 0 -15px;
}
#single section.related article {
padding: 0 15px;
margin-top: 10px;
margin-bottom: 30px;
width: 50%;
min-height: 120px;
}
#single section.related article .thumb {
display: block;
min-width: 100px;
height: 110px;
margin-right: 20px;
border-radius: 8px;
}
#single section.related article .thumb .fullimage {
border-radius: 8px;
}
#single section.siblings {
margin-top: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#single section.siblings article {
position: relative;
z-index: 1;
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 47.5%;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#single section.siblings article .title.absolute, #single section.siblings article .wpcf7 label.absolute, .wpcf7 #single section.siblings article label.absolute, #single section.siblings article #comments.hosted .comment .absolute.comment-author, #single #comments.hosted .comment section.siblings article .absolute.comment-author {
left: 40px;
}
#single section.siblings article .thumb {
float: none;
min-width: 200px;
height: 270px;
min-height: inherit;
margin-right: 20px;
font-size: 35px;
}
#single section.siblings article .thumb .fullimage {
border: 0;
border-radius: 8px;
}
#single section.siblings article .info .title, #single section.siblings article .info .wpcf7 label, .wpcf7 #single section.siblings article .info label, #single section.siblings article .info #comments.hosted .comment .comment-author, #single #comments.hosted .comment section.siblings article .info .comment-author {
display: block;
font-size: 24px;
padding: 15px 0;
line-height: 1.3;
}
#single section.siblings article div.tags a, #single section.siblings article .widget_tag_cloud a, #single section.siblings article .widget_epcl_tag_cloud a, #single section.siblings article .wp-block-tag-cloud a {
margin: 0;
}
#single section.siblings article.next {
float: right;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-left: auto;
}
#single section.siblings article.next .title.absolute, #single section.siblings article.next .wpcf7 label.absolute, .wpcf7 #single section.siblings article.next label.absolute, #single section.siblings article.next #comments.hosted .comment .absolute.comment-author, #single #comments.hosted .comment section.siblings article.next .absolute.comment-author {
left: auto;
right: 40px;
}
#single section.siblings article.next .thumb {
margin-right: 0;
margin-left: 20px;
}
#single section.siblings article.next .info {
text-align: right;
left: auto;
right: 28px;
}
#single #comments.hosted {
padding: 40px;
}
#single #comments.hosted .comment {
display: block;
position: relative;
border-top: 1px solid var(--epcl-border-color);
padding-top: 24px;
padding-bottom: 24px;
padding-left: 50px;
}
#single #comments.hosted .comment.count-1 {
border: 0;
margin-top: -20px;
}
#single #comments.hosted .comment .author-avatar {
padding: 0;
border-radius: 50%;
position: absolute;
left: 0;
top: 25px;
width: 50px;
}
#single #comments.hosted .comment .author-avatar:before {
display: none;
}
#single #comments.hosted .comment .author-avatar img {
border-radius: 50%;
border: 1px solid var(--epcl-border-color);
}
#single #comments.hosted .comment .right {
padding-left: 20px;
}
#single #comments.hosted .comment .right .text {
font-size: 15px;
margin-top: 10px;
letter-spacing: 0.25px;
}
#single #comments.hosted .comment .right .text p {
padding-top: 0;
margin-bottom: 15px;
}
#single #comments.hosted .comment .right .text p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
#single #comments.hosted .comment .comment-author a:hover {
color: var(--epcl-main-color);
}
#single #comments.hosted .comment .comment-author,
#single #comments.hosted .comment .date {
font-size: 15px !important;
}
#single #comments.hosted .comment .comment-reply-link {
display: inline-block;
font-size: 12px;
padding: 4px 15px;
margin-top: 15px;
}
#single #comments.hosted .children {
padding-left: 20px;
padding-top: 24px;
}
#single #comments.hosted .children li:last-child {
padding-bottom: 0;
}
#single #comments.hosted li a.comment-edit-link {
text-decoration: underline;
font-style: italic;
font-size: 12px;
}
#single #comments.hosted li.no-avatar {
padding-left: 50px;
}
#single #comments.hosted li.no-avatar .epcl-dropcap {
margin: 0;
position: absolute;
left: 0;
top: 20px;
}
#single #comments.hosted nav.pagination {
border: 0;
padding: 25px 0;
}
#single #comments.hosted .pingback .right, #single #comments.hosted .trackback .right {
padding: 0;
}
#single #comments.hosted .pingback cite, #single #comments.hosted .trackback cite {
font-weight: 700;
}
#single #comments.hosted .pingback .text, #single #comments.hosted .trackback .text {
padding-top: 10px;
font-size: 14px;
}
#single #comments.hosted .commentlist #respond {
padding-bottom: 70px;
}
#single #comments.hosted.have-comments #respond {
padding-top: 35px;
}
#single #reply-title #cancel-comment-reply-link {
margin-left: 5px;
font-weight: 400;
}
#single .comment-form .logged-in-as a:last-child {
font-weight: bold;
}
#single .comment-form #reply-title a {
font-size: 14px;
}
#single .comment-form .form-author {
width: 48.75%;
float: left;
}
#single .comment-form .form-email {
width: 48.75%;
float: right;
}
#single .comment-form .form-submit {
padding-top: 10px;
padding-bottom: 0;
}
#single .comment-form p input[type="checkbox"] {
margin-right: 10px;
margin-left: 5px;
vertical-align: middle;
margin-top: -2px;
}
/* @end */
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
/* CSS Document */
@media screen and (min-width: 1201px) {
.hide-on-desktop-lg {
display: none !important;
}
}
@media screen and (max-width: 1450px) {
.grid-container {
max-width: 1100px;
}
div.articles .continue-reading svg {
display: none;
}
#header.minimalist .epcl-social-buttons {
display: none;
}
}
/* Small Desktops */
@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: 40px;
padding-right: 40px;
}
.title, .wpcf7 label, #single #comments.hosted .comment .comment-author {
font-size: 20px;
}
#header .logo .title, #header .logo .wpcf7 label, .wpcf7 #header .logo label, #header .logo #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #header .logo .comment-author {
font-size: 50px;
}
#page div.left-content {
padding-left: 20px;
}
#single div.left-content {
padding-left: 20px;
}
div.articles.classic article .info {
padding-left: 30px;
}
div.articles.grid-posts article {
width: 50%;
}
div.articles.grid-posts article .main-title {
font-size: 17px;
}
div.articles.grid-posts article .featured-image .thumb {
height: 300px;
}
div.articles.grid-posts .epcl-bg {
margin: 0 10px;
}
.grid-sidebar div.left-content {
padding-right: 10px !important;
}
.classic-sidebar div.left-content, .grid-sidebar div.left-content {
padding-right: 40px;
}
#footer {
border-bottom: 0;
}
#footer .widgets {
padding: 0 20px;
}
#footer .widgets .epcl-row {
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 .widget {
padding-bottom: 25px;
width: 50%;
margin: 0 0 40px;
}
}
/* All Mobile Devices */
/* All Mobile Devices */
@media screen and (max-width: 1200px) {
/* @group Global Styles */
[data-aos="fade-up"], [data-aos="fade"] {
opacity: 1 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
body.menu-open {
overflow-x: hidden;
}
.content {
margin-top: 30px;
}
.one-sidebar .left-content {
width: auto;
}
.title, .wpcf7 label, #single #comments.hosted .comment .comment-author {
font-size: 20px;
}
.title.ularge, .wpcf7 label.ularge, #single #comments.hosted .comment .ularge.comment-author {
font-size: 34px;
}
.title.large, .wpcf7 label.large, #single #comments.hosted .comment .large.comment-author {
font-size: 28px;
}
.title.small, .wpcf7 label.small, #single #comments.hosted .comment .small.comment-author, #single #comments.hosted .comment nav.pagination a.comment-author, #single #comments.hosted nav.pagination .comment a.comment-author, #single #comments.hosted nav.pagination a.title {
font-size: 16px;
}
.title.usmall, .wpcf7 label, #single #comments.hosted .comment .comment-author {
font-size: 13px;
}
.grid-sidebar div.left-content {
padding-right: 0;
}
#sidebar {
padding-left: 0;
}
.button, .epcl-button:not(.epcl-shortcode), #single #comments.hosted nav.pagination a:not(.epcl-shortcode) {
font-size: 13px;
}
.body-decorations {
display: none;
}
.epcl-banner {
padding: 35px 0;
}
#archives #author {
margin: 10px auto 50px;
}
/* @end */
/* @group Header */
#header {
height: auto !important;
position: relative;
}
#header.classic div.menu-mobile, #header.advertising div.menu-mobile {
left: 40px;
}
#header.classic .epcl-search-button, #header.advertising .epcl-search-button {
right: 10px;
}
#header.classic div.menu-wrapper .grid-container, #header.advertising div.menu-wrapper .grid-container {
padding: 0 35px;
}
#header.minimalist .bg-box {
display: block;
padding: 10px;
margin-top: 30px;
margin-bottom: 30px;
}
#header div.menu-wrapper .grid-container {
padding: 0 35px;
}
#header .logo {
padding: 5px;
float: none;
}
#header div.menu-mobile {
display: block;
position: absolute;
left: 80px;
top: 50%;
height: 31px;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 200;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#header div.menu-mobile i {
vertical-align: middle;
}
#header div.menu-mobile svg {
fill: var(--epcl-black-color);
-webkit-filter: none;
filter: none;
}
#header div.menu-mobile svg.close {
display: none;
}
body.menu-open #header div.menu-mobile svg.open {
display: none;
}
body.menu-open #header div.menu-mobile svg.close {
display: block;
}
#header nav {
display: none !important;
}
#header div.menu-wrapper {
padding-bottom: 10px;
padding-top: 10px;
}
#header.advertising .logo {
float: none;
}
#header .epcl-search-button {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 40px;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
}
#header .epcl-border {
margin: 0;
}
#wrapper {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
nav.mobile.main-nav {
position: fixed;
left: 0;
top: 0;
bottom: 0;
height: 100%;
margin: 0;
width: 300px;
z-index: 100;
background: #fff;
text-align: left;
padding: 20px;
-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;
-o-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 0;
visibility: hidden;
overflow: auto;
}
nav.mobile.main-nav ul {
float: none;
}
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: var(--epcl-text-color);
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: 50vh !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: var(--epcl-text-color);
}
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;
}
body.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;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
body.menu-open div.menu-overlay {
opacity: 0.25;
visibility: visible;
}
body.menu-open #wrapper {
-webkit-transform: translateX(300px) !important;
-ms-transform: translateX(300px) !important;
transform: translateX(300px) !important;
}
body.menu-open #wrapper nav {
opacity: 1;
visibility: visible;
}
/* @end */
/* @group Articles */
div.articles.grid-posts article {
margin-bottom: 30px;
}
div.articles.classic article .thumb {
width: 250px;
min-width: 250px;
}
.epcl-popular-categories {
margin-top: 20px;
}
/* @end */
/* @group Single */
.bg-box.section {
padding: 30px;
}
#single.classic .featured-image img {
height: 350px;
}
#single.classic.epcl-vertical .main-article .info .last-update {
margin-left: 0;
}
#single .epcl-subscribe {
padding-left: 0;
padding-right: 0;
}
#single section.siblings article .thumb {
min-width: 150px;
}
#single section.siblings article .info .title, #single section.siblings article .info .wpcf7 label, .wpcf7 #single section.siblings article .info label, #single section.siblings article .info #comments.hosted .comment .comment-author, #single #comments.hosted .comment section.siblings article .info .comment-author {
font-size: 20px;
}
#single.fullcover .fullcover-wrapper {
margin-top: 0;
margin-bottom: 45px;
}
#single.fullcover .featured-image img {
height: 350px;
}
/* @end */
}
/* Tablets */
@media screen and (min-width: 768px) and (max-width: 990px) {
body {
font-size: 14px;
}
div.left-content {
padding-right: 0px;
}
.classic-sidebar div.left-content {
padding-left: 20px;
padding-right: 20px;
}
.no-sidebar div.left-content {
padding-left: 20px;
padding-right: 20px;
}
.grid-container {
padding-left: 40px;
padding-right: 40px;
}
.np-tablet {
padding-left: 0;
padding-right: 0;
}
.nofloat-tablet {
float: none !important;
}
#sidebar {
display: none;
}
.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;
}
#single.fullcover .fullcover-wrapper .info {
max-width: 60%;
}
#single .left-content {
padding: 0 20px;
}
#header .logo a {
font-size: 42px;
}
#header .logo .title, #header .logo .wpcf7 label, .wpcf7 #header .logo label, #header .logo #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #header .logo .comment-author {
font-size: 50px;
}
/* @group Global Articles List */
div.meta {
font-size: 12px;
}
div.meta .meta-info {
margin-right: 5px;
}
div.articles article {
font-size: 16px;
}
div.articles article .post-excerpt {
margin-bottom: 20px;
}
div.articles.grid-posts article {
font-size: 13px;
}
div.articles.grid-posts article .main-title {
font-size: 16px;
}
div.articles.grid-posts article .featured-image .thumb {
height: 300px;
}
div.articles.grid-posts .epcl-bg {
padding: 20px;
margin: 0 15px;
}
div.articles.grid-posts .post-excerpt {
margin-bottom: 0px;
}
div.tags, .widget_tag_cloud, .widget_epcl_tag_cloud, .wp-block-tag-cloud, .widget_tag_cloud, .widget_epcl_tag_cloud {
font-size: 12px;
}
.tag-description {
padding-left: 35px;
padding-right: 35px;
margin: 40px auto 20px;
}
.tag-description .right {
font-size: 14px;
}
#single.classic .info.epcl-flex .title, #single.classic .info.epcl-flex .wpcf7 label, .wpcf7 #single.classic .info.epcl-flex label, #single.classic .info.epcl-flex #comments.hosted .comment .comment-author, #single.classic #comments.hosted .comment .info.epcl-flex .comment-author {
max-width: 50%;
font-size: 22px;
}
/* @end */
/* @group Modules */
.epcl-slider {
padding: 0;
margin: 10px 40px;
}
.epcl-slider .item article {
min-height: 375px;
margin: 0;
}
.epcl-slider .item article .info .title, .epcl-slider .item article .info .wpcf7 label, .wpcf7 .epcl-slider .item article .info label, .epcl-slider .item article .info #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-slider .item article .info .comment-author {
font-size: 24px;
}
.epcl-carousel {
margin: 15px 25px 20px;
padding: 0;
}
.epcl-carousel .item article {
height: 375px;
}
.epcl-carousel .item .info .title, .epcl-carousel .item .info .wpcf7 label, .wpcf7 .epcl-carousel .item .info label, .epcl-carousel .item .info #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-carousel .item .info .comment-author {
font-size: 20px;
}
.epcl-popular-categories {
margin-top: 0px;
}
.epcl-popular-categories .slick-slider {
margin: 0;
}
.epcl-popular-categories .item {
min-height: 200px;
}
.epcl-popular-categories .item .info {
padding: 40px 25px 25px;
}
/* @end */
/* @group Articles List */
div.articles article {
margin-bottom: 50px;
}
/* @end */
/* @group Page */
#page #single.fullcover .featured-image div.info .title, #page #single.fullcover .featured-image div.info .wpcf7 label, .wpcf7 #page #single.fullcover .featured-image div.info label, #page #single.fullcover .featured-image div.info #comments.hosted .comment .comment-author, #page #single.fullcover #comments.hosted .comment .featured-image div.info .comment-author {
font-size: 30px;
}
/* @end */
/* @group Footer */
#footer {
margin-top: 70px;
}
#footer .widgets {
padding: 0 30px;
}
#footer .widgets .epcl-row {
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 .widget {
padding-bottom: 25px;
width: 50%;
margin: 0 0 40px;
}
#footer .epcl-subscribe {
padding-left: 0;
padding-right: 0;
}
/* @end */
}
/* SmartPhones and small tablets */
@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;
}
/* @group Global Styles */
body {
font-size: 13px;
}
body.mobile-fullwidth .grid-container {
padding-left: 0;
padding-right: 0;
}
body.mobile-fullwidth #footer .widgets, body.mobile-fullwidth #single section.related, body.mobile-fullwidth #single section.siblings {
padding-left: 20px;
padding-right: 20px;
}
.section {
padding-top: 30px;
padding-bottom: 30px;
}
.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: 35px;
padding: 0;
}
div.left-content {
padding-left: 20px;
padding-right: 20px;
}
.no-sidebar div.left-content, .classic div.left-content {
padding-right: 20px;
}
.bg-box {
padding: 30px 20px;
}
.title, .wpcf7 label, #single #comments.hosted .comment .comment-author {
font-size: 18px;
margin-bottom: 20px;
}
.title.ularge, .wpcf7 label.ularge, #single #comments.hosted .comment .ularge.comment-author {
font-size: 26px;
}
.title.large, .wpcf7 label.large, #single #comments.hosted .comment .large.comment-author {
font-size: 22px;
}
.title.medium, .wpcf7 label.medium, #single #comments.hosted .comment .medium.comment-author {
font-size: 20px;
}
.title.small, .wpcf7 label.small, #single #comments.hosted .comment .small.comment-author, #single #comments.hosted .comment nav.pagination a.comment-author, #single #comments.hosted nav.pagination .comment a.comment-author, #single #comments.hosted nav.pagination a.title {
font-size: 14px;
}
.title.usmall, .wpcf7 label, #single #comments.hosted .comment .comment-author {
font-size: 12px;
}
.title.absolute, .wpcf7 label.absolute, #single #comments.hosted .comment .absolute.comment-author {
left: 20px;
}
.button, .epcl-button:not(.epcl-shortcode), #single #comments.hosted nav.pagination a:not(.epcl-shortcode) {
font-size: 13px;
}
.button.large, .epcl-button:not(.epcl-shortcode).large, #single #comments.hosted nav.pagination a:not(.epcl-shortcode).large {
font-size: 14px;
}
.slick-prev, .slick-next {
width: 40px !important;
height: 40px !important;
}
.outer-arrows .slick-prev {
left: -17px !important;
}
.outer-arrows .slick-next {
right: -17px !important;
}
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
padding: 12px 25px;
font-size: 16px;
}
.epcl-border.small, #single #comments.hosted nav.pagination a.epcl-border {
margin-top: 15px;
}
.top-arrows .slick-prev, .top-arrows .slick-next {
width: 40px !important;
height: 40px !important;
line-height: 40px !important;
top: -40px !important;
}
.top-arrows .slick-prev {
right: 70px !important;
}
.epcl-authors {
margin-top: 0px;
}
.epcl-authors h3.title, .epcl-authors #single #comments.hosted .comment h3.comment-author, #single #comments.hosted .comment .epcl-authors h3.comment-author {
margin-bottom: 0;
}
.epcl-authors .item {
padding: 20px 5px;
}
.epcl-authors .item .img {
height: 225px;
}
.epcl-authors .item div.social {
right: 15px;
}
.epcl-authors .epcl-row {
margin: 0 -5px;
}
#author {
padding: 25px;
}
#author .author-name {
margin-top: 10px;
}
#author div.info p {
font-size: 14px;
}
/* @end */
/* @group Header */
#header {
margin-bottom: 0px;
}
#header .logo {
max-width: 160px;
margin: 0px auto 0 !important;
padding: 5px 10px !important;
}
#header .logo.text-logo {
margin-top: -2px;
}
#header .logo.text-logo .title, #header .logo.text-logo .wpcf7 label, .wpcf7 #header .logo.text-logo label, #header .logo.text-logo #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #header .logo.text-logo .comment-author {
font-size: 40px;
}
#header .logo.text-logo .dot {
width: 5px;
height: 5px;
}
#header.minimalist .bg-box {
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0;
border: 0;
padding: 10px 0;
border-bottom: 1px solid var(--epcl-border-color);
}
#header.classic .bg-box, #header.advertising .bg-box {
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0;
border: 0;
padding: 10px 0;
}
#header.classic .main-nav, #header.advertising .main-nav {
display: none;
}
#header.classic div.menu-wrapper .grid-container, #header.advertising div.menu-wrapper .grid-container {
padding: 0 !important;
}
#header.classic div.menu-mobile, #header.advertising div.menu-mobile {
left: 20px;
}
#header.classic .epcl-search-button, #header.advertising .epcl-search-button {
right: 20px;
}
#header div.menu-mobile {
left: 20px;
}
#header div.menu-wrapper {
padding: 0px 0 !important;
}
#header div.menu-wrapper .grid-container {
padding: 0;
}
#header .epcl-search-button {
right: 20px;
}
.main-nav ul.menu li {
padding: 15px;
}
#search-lightbox {
padding: 25px;
}
#search-lightbox .search-wrapper {
padding: 0;
}
form.search-form .submit {
font-size: 16px;
}
#search-results {
margin: 0 -20px;
}
#search-results .item {
width: 50%;
}
/* @end */
/* @group Modules */
.epcl-slider {
margin-bottom: 0;
padding: 0;
margin: 30px 20px 20px;
}
.epcl-slider .item article {
width: 100%;
min-height: 250px;
}
.epcl-slider .item .bg-box {
padding: 0;
}
.epcl-slider .item div.meta.absolute {
left: 15px;
top: 15px;
}
.epcl-slider .item .info {
left: 15px;
right: 15px;
bottom: 15px;
}
.ads {
padding-bottom: 0;
}
.epcl-carousel {
margin: 40px 20px 0;
padding: 0;
height: 300px;
}
.epcl-carousel .item {
padding: 0;
}
.epcl-carousel .item article {
margin: 0;
height: 300px;
}
.epcl-carousel .item .info {
padding: 15px;
}
.epcl-carousel .item .info .title, .epcl-carousel .item .info .wpcf7 label, .wpcf7 .epcl-carousel .item .info label, .epcl-carousel .item .info #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-carousel .item .info .comment-author {
font-size: 17px;
}
.epcl-popular-categories {
margin-top: 20px;
}
.epcl-popular-categories .slick-slider {
margin: 0;
}
.epcl-popular-categories .item {
margin: 25px 0px;
min-height: inherit;
padding-bottom: 10px;
}
.epcl-popular-categories .item .info {
padding: 10px;
}
/* @end */
/* @group Global: Articles List */
div.meta {
font-size: 12px;
}
div.meta .meta-info {
margin-right: 5px;
margin-left: 0;
}
div.articles {
display: block;
}
div.articles article {
display: block;
}
div.articles article .post-excerpt {
margin: 20px 0;
}
div.articles .post-format-audio,
div.articles .post-format-gallery,
div.articles .post-format-video {
height: 250px;
}
div.articles .post-format-audio div.item,
div.articles .post-format-gallery div.item,
div.articles .post-format-video div.item {
height: 250px;
}
div.articles.classic article {
margin-bottom: 25px;
}
div.articles.classic article .thumb {
width: 100%;
height: 225px;
margin-bottom: 10px;
}
div.articles.classic article .epcl-flex {
display: block;
}
div.articles.classic article .info {
padding: 10px;
}
div.articles.classic article .main-title {
margin: 10px 0;
}
div.articles.classic article .meta.bottom {
margin-top: 10px;
}
div.articles.classic article div.tags, div.articles.classic article .widget_tag_cloud, div.articles.classic article .widget_epcl_tag_cloud, div.articles.classic article .wp-block-tag-cloud {
margin-bottom: 10px;
}
div.articles.classic article:not(.no-image) div.tags, div.articles.classic article:not(.no-image) .widget_tag_cloud, div.articles.classic article:not(.no-image) .widget_epcl_tag_cloud, div.articles.classic article:not(.no-image) .wp-block-tag-cloud {
position: absolute;
left: 35px;
top: 35px;
z-index: 5;
}
div.articles.classic article:not(.no-image) div.meta.absolute {
left: auto;
right: 15px;
top: 15px;
}
div.articles.classic article footer {
margin-top: 0;
}
div.articles.classic article.post-style-classic-image .absolute.tags {
right: auto;
left: 15px;
top: 15px;
}
div.articles.classic article.post-style-classic-image .post-format-wrapper .info.below-image {
padding: 25px 0 0;
}
div.articles.classic article.post-style-classic-image .info {
padding: 0 10px 10px;
}
div.articles.classic article.post-style-classic-image .post-excerpt {
padding: 0;
}
div.articles.classic article.post-style-classic-image footer .meta {
margin: 20px 0 0;
}
div.articles.classic article.post-style-classic-image footer .meta.bottom {
margin-top: 0;
}
div.articles.classic article.post-style-classic-image.no-thumb .main-title {
padding: 0;
}
div.articles.grid-posts .epcl-bg {
padding: 20px 20px 30px;
}
div.articles.grid-posts article {
margin-bottom: 25px;
}
div.articles.grid-posts article .featured-image .thumb {
height: 300px;
}
div.articles.grid-posts article .main-title {
font-size: 16px;
}
div.tags, .widget_tag_cloud, .widget_epcl_tag_cloud, .wp-block-tag-cloud, .widget_tag_cloud, .widget_epcl_tag_cloud {
font-size: 12px;
}
/* @end */
/* @group Single Post */
#single .main-article {
padding: 20px;
}
#single .main-article .info {
text-align: center;
}
#single .main-article .bg-box {
padding: 0;
}
#single.classic header {
margin: 0 0 20px;
}
#single.classic .featured-image {
margin: 0 0 20px;
}
#single.classic .featured-image img {
height: 250px;
}
#single.classic .info.epcl-flex {
width: auto;
display: block;
margin: 0 0;
}
#single.classic .info.epcl-flex .title, #single.classic .info.epcl-flex .wpcf7 label, .wpcf7 #single.classic .info.epcl-flex label, #single.classic .info.epcl-flex #comments.hosted .comment .comment-author, #single.classic #comments.hosted .comment .info.epcl-flex .comment-author {
max-width: none;
margin: 0;
}
#single.classic .info.epcl-flex .meta {
display: block;
width: auto;
margin: 20px 0 0;
}
#single.classic .info.epcl-flex .last-update {
margin-top: 10px;
}
#single.classic .info.epcl-flex .title, #single.classic .info.epcl-flex .wpcf7 label, .wpcf7 #single.classic .info.epcl-flex label, #single.classic .info.epcl-flex #comments.hosted .comment .comment-author, #single.classic #comments.hosted .comment .info.epcl-flex .comment-author {
font-size: 22px;
}
#single.classic.epcl-vertical .main-article header {
margin: 0 0 20px;
text-align: left;
}
#single.classic.epcl-vertical .main-article .featured-image {
width: 100%;
margin-bottom: 20px;
}
#single.classic.epcl-vertical .main-article .featured-image img {
height: 250px;
}
#single.classic.epcl-vertical .main-article .info {
width: auto;
padding-left: 0;
margin: 0;
}
#single.fullcover .featured-image {
margin: 35px 0 -15px;
}
#single.fullcover .featured-image .bg-box {
padding: 0;
}
#single.fullcover .featured-image img {
position: relative;
left: auto;
height: 300px;
}
#single.fullcover .fullcover-wrapper .meta.top {
left: 10px;
top: 10px;
}
#single.fullcover .fullcover-wrapper .info {
max-width: 80%;
left: 10px;
bottom: 10px;
}
#single.fullcover .fullcover-wrapper .info .title, #single.fullcover .fullcover-wrapper .info .wpcf7 label, .wpcf7 #single.fullcover .fullcover-wrapper .info label, #single.fullcover .fullcover-wrapper .info #comments.hosted .comment .comment-author, #single.fullcover #comments.hosted .comment .fullcover-wrapper .info .comment-author {
font-size: 18px;
padding: 6px 20px;
}
#single.fullcover.no-sidebar div.left-content {
padding-right: 20px;
}
#single .post-style-text {
margin-bottom: 20px;
}
#single .post-style-text .main-title {
font-size: 18px;
margin: 0;
}
#single .share-buttons {
margin-top: 30px;
}
#single .share-buttons .title, #single .share-buttons .wpcf7 label, .wpcf7 #single .share-buttons label, #single .share-buttons #comments.hosted .comment .comment-author, #single #comments.hosted .comment .share-buttons .comment-author {
display: block;
margin-right: 0;
}
#single .share-buttons .permalink {
display: block;
}
#single .share-buttons .permalink input {
width: 100%;
font-size: 12px;
}
#single section.related {
margin-top: 50px;
}
#single section.related .row {
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;
}
#single section.related article {
margin-bottom: 20px;
width: 100%;
min-height: inherit;
}
#single section.related article .title, #single section.related article .wpcf7 label, .wpcf7 #single section.related article label, #single section.related article #comments.hosted .comment .comment-author, #single #comments.hosted .comment section.related article .comment-author {
font-size: 13px;
}
#single section.related article .thumb {
min-width: 85px;
height: 95px;
}
#single section.siblings {
margin-top: 50px;
}
#single section.siblings article {
width: 100%;
float: none;
margin-bottom: 50px;
}
#single section.siblings article.prev .title.absolute, #single section.siblings article.prev .wpcf7 label.absolute, .wpcf7 #single section.siblings article.prev label.absolute, #single section.siblings article.prev #comments.hosted .comment .absolute.comment-author, #single #comments.hosted .comment section.siblings article.prev .absolute.comment-author {
left: 25px;
}
#single section.siblings article.next .title.absolute, #single section.siblings article.next .wpcf7 label.absolute, .wpcf7 #single section.siblings article.next label.absolute, #single section.siblings article.next #comments.hosted .comment .absolute.comment-author, #single #comments.hosted .comment section.siblings article.next .absolute.comment-author {
right: 25px;
}
#single .epcl-subscribe {
padding-top: 0;
}
#single .epcl-subscribe .title, #single .epcl-subscribe .wpcf7 label, .wpcf7 #single .epcl-subscribe label, #single .epcl-subscribe #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-subscribe .comment-author {
font-size: 18px;
}
#single #comments {
padding: 35px 25px;
margin-top: 20px;
}
#single #comments .title, #single #comments .wpcf7 label, .wpcf7 #single #comments label, #single #comments.hosted .comment .comment-author {
margin-bottom: 20px;
}
#single #comments.hosted {
padding-bottom: 10px;
padding: 40px 20px 0px;
}
#single #comments.hosted .comment .comment-author,
#single #comments.hosted .comment .date {
font-size: 13px !important;
}
#single #comments.hosted .comment .right .text {
font-size: 13px;
}
#single #comments.hosted #respond {
padding-bottom: 30px;
}
#single #author.single-author {
display: block;
}
#single #author.single-author .single-wrapper {
width: auto;
margin: 20px 0;
}
#single #author.single-author .author-posts {
width: 100%;
}
#single #author.single-author .author-posts article:nth-of-type(3) {
display: none;
}
/* @end */
/* @group Pages */
#page #single.fullcover .fullcover-wrapper {
padding: 0;
}
#page #single.fullcover .featured-image {
margin-bottom: 35px;
}
#page #single.fullcover .featured-image div.info .title, #page #single.fullcover .featured-image div.info .wpcf7 label, .wpcf7 #page #single.fullcover .featured-image div.info label, #page #single.fullcover .featured-image div.info #comments.hosted .comment .comment-author, #page #single.fullcover #comments.hosted .comment .featured-image div.info .comment-author {
font-size: 24px;
}
#page #single .title.absolute, #page #single .wpcf7 label.absolute, .wpcf7 #page #single label.absolute, #page #single #comments.hosted .comment .absolute.comment-author {
left: 20px;
}
#page #single.no-thumb {
margin-top: 55px;
}
#page #single.no-thumb .title.absolute, #page #single.no-thumb .wpcf7 label.absolute, .wpcf7 #page #single.no-thumb label.absolute, #page #single.no-thumb #comments.hosted .comment .absolute.comment-author {
font-size: 20px;
}
#page #single.no-thumb .bg-box {
padding-top: 35px;
}
/* @end */
/* @group Author and Tags page */
#archives #author {
margin: 35px 0;
}
.tag-description {
font-size: 13px;
display: block;
text-align: center;
margin-top: 35px;
margin-bottom: 35px;
}
.tag-description .left {
padding-top: 20px;
}
.tag-description .right {
font-size: 13px;
margin-top: 25px;
}
.tag-description .epcl-decoration-counter {
font-size: 125px;
}
/* @end */
/* @group Membership */
.subscribe-cta {
padding: 25px;
}
.epcl-subscribe {
text-align: center;
font-size: 14px;
border: 0;
margin: 0;
padding: 20px 0;
}
.epcl-subscribe .title, .epcl-subscribe .wpcf7 label, .wpcf7 .epcl-subscribe label, .epcl-subscribe #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment .epcl-subscribe .comment-author {
font-size: 24px;
}
.epcl-subscribe form {
margin-top: 20px;
}
.epcl-subscribe form .form-group {
display: block;
width: auto;
}
.epcl-subscribe form .form-group .submit.absolute {
font-size: 14px;
padding: 0 20px;
}
.epcl-subscribe form .inputbox.large {
padding: 15px 20px;
padding-right: 110px !important;
font-size: 13px !important;
}
.epcl-subscribe .subscribe-decoration {
right: 90%;
top: 20px;
}
.epcl-subscribe .description {
font-size: 13px;
}
.membership-page div.left-content {
padding: 0 20px;
}
.membership-page .epcl-plans {
display: block;
}
#page-subscribe .epcl-subscribe {
margin: 0 -20px;
border: 0;
border-radius: 0;
border: 1px solid var(--epcl-border-color);
padding: 30px 20px;
}
#page-subscribe .epcl-subscribe form {
margin: 0;
padding: 0;
}
#page-subscribe .epcl-subscribe form .form-group .submit.absolute {
font-size: 13px;
padding: 0 15px;
}
/* @end */
/* @group Footer */
#footer {
margin-top: 30px;
}
#footer .logo a {
font-size: 32px;
}
#footer .widgets .epcl-row {
display: block;
}
#footer .widgets .widget {
padding: 40px 20px;
margin: 0 0 20px;
}
#footer .widgets .widget .widget-title {
left: 20px;
top: -30px;
}
#footer .epcl-subscribe {
font-size: 14px;
border: 0;
margin: 0;
padding: 20px 0;
}
#footer .epcl-subscribe .title, #footer .epcl-subscribe .wpcf7 label, .wpcf7 #footer .epcl-subscribe label, #footer .epcl-subscribe #single #comments.hosted .comment .comment-author, #single #comments.hosted .comment #footer .epcl-subscribe .comment-author {
font-size: 26px;
max-width: 300px;
margin: 0 auto;
}
#footer .epcl-subscribe .subscribe-decoration {
right: 90%;
top: 20px;
}
/* @end */
/* @group Text Editor */
div.text {
font-size: 14px;
}
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 {
font-size: 14px;
background-size: 20px;
background-position: 10px 15px;
padding: 20px;
padding-left: 40px !important;
}
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 pre, div.text code[class*="language-"], 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 ul, div.text ol {
margin-left: 15px;
}
div.text ul:not([class]) li:before {
top: 12px;
}
div.text iframe, div.text figure, 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;
}
/* @end */
}