: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 */