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