/* 10Web Booster optimized this CSS file */ /*FILESTART */ /* 10Web Booster optimized this CSS file */ .elementor-add-section-area-button.penci-library-modal-btn:hover, .penci-library-modal-btn:hover{background: #6eb48c;opacity: 0.7}.elementor-add-section-area-button.penci-library-modal-btn, .penci-library-modal-btn {margin-left: 5px;background: #6eb48c;vertical-align: top;font-size: 0 !important;}.penci-library-modal-btn:before {content: '';width: 16px;height: 16px;background-image: url('https://zeitungfokus.com/wp-content/themes/myTheme/images/penci-icon.png');background-position: center;background-size: contain;background-repeat: no-repeat;}#penci-library-modal .penci-elementor-template-library-template-name {text-align: right;flex: 1 0 0%;} /*FILESTART */ /* 10Web Booster optimized this CSS file */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*FILESTART */ /* 10Web Booster optimized this CSS file */ .pchead-e-block { --pcborder-cl: #dedede; --pcaccent-cl: #6eb48c; } .heading1-style-1 > h1, .heading2-style-1 > h2, .heading3-style-1 > h3, .heading4-style-1 > h4, .heading5-style-1 > h5, .heading1-style-2 > h1, .heading2-style-2 > h2, .heading3-style-2 > h3, .heading4-style-2 > h4, .heading5-style-2 > h5 { padding-bottom: 8px; border-bottom: 1px solid var(--pcborder-cl); overflow: hidden; } .heading1-style-2 > h1, .heading2-style-2 > h2, .heading3-style-2 > h3, .heading4-style-2 > h4, .heading5-style-2 > h5 { border-bottom-width: 0; position: relative; } .heading1-style-2 > h1:before, .heading2-style-2 > h2:before, .heading3-style-2 > h3:before, .heading4-style-2 > h4:before, .heading5-style-2 > h5:before { content: ''; width: 50px; height: 2px; bottom: 0; left: 0; z-index: 2; background: var(--pcaccent-cl); position: absolute; } .heading1-style-2 > h1:after, .heading2-style-2 > h2:after, .heading3-style-2 > h3:after, .heading4-style-2 > h4:after, .heading5-style-2 > h5:after { content: ''; width: 100%; height: 2px; bottom: 0; left: 20px; z-index: 1; background: var(--pcborder-cl); position: absolute; } .heading1-style-3 > h1, .heading2-style-3 > h2, .heading3-style-3 > h3, .heading4-style-3 > h4, .heading5-style-3 > h5, .heading1-style-4 > h1, .heading2-style-4 > h2, .heading3-style-4 > h3, .heading4-style-4 > h4, .heading5-style-4 > h5 { position: relative; padding-left: 20px; } .heading1-style-3 > h1:before, .heading2-style-3 > h2:before, .heading3-style-3 > h3:before, .heading4-style-3 > h4:before, .heading5-style-3 > h5:before, .heading1-style-4 > h1:before, .heading2-style-4 > h2:before, .heading3-style-4 > h3:before, .heading4-style-4 > h4:before, .heading5-style-4 > h5:before { width: 10px; height: 100%; content: ''; position: absolute; top: 0; left: 0; bottom: 0; background: var(--pcaccent-cl); } .heading1-style-4 > h1, .heading2-style-4 > h2, .heading3-style-4 > h3, .heading4-style-4 > h4, .heading5-style-4 > h5 { padding: 10px 20px; background: #f1f1f1; } .heading1-style-5 > h1, .heading2-style-5 > h2, .heading3-style-5 > h3, .heading4-style-5 > h4, .heading5-style-5 > h5 { position: relative; z-index: 1; } .heading1-style-5 > h1:before, .heading2-style-5 > h2:before, .heading3-style-5 > h3:before, .heading4-style-5 > h4:before, .heading5-style-5 > h5:before { content: ""; position: absolute; left: 0; bottom: 0; width: 200px; height: 50%; transform: skew(-25deg) translateX(0); background: var(--pcaccent-cl); z-index: -1; opacity: 0.4; } .heading1-style-6 > h1, .heading2-style-6 > h2, .heading3-style-6 > h3, .heading4-style-6 > h4, .heading5-style-6 > h5 { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 4px; text-decoration-color: var(--pcaccent-cl); } /*FILESTART */ /* 10Web Booster optimized this CSS file */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*FILESTART */ /* 10Web Booster optimized this CSS file */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 12px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 32px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 14px;--wp--preset--font-size--huge: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/aa24bf58/contact-form-7/includes/css/styles.css */ .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/aa24bf58/cookie-notice/css/front.min.css */ #cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/themes/myTheme/main.css */ /* = Magnific Popup -----------------------------------------------------*/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; position: absolute; } button.mfp-close, button.mfp-arrow { font-size: 28px; } button::-moz-focus-inner { padding: 0; border: 0; } button.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 30px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; font-size: 28px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 1200px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-ani-wrap .mfp-with-anim .summary-inner { opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; transform: translateX(30px); } .mfp-ani-wrap.mfp-bg { opacity: 0; transition: opacity 0.25s ease, visibility 0s ease 0.25s; } .mfp-ani-wrap.mfp-ready.mfp-bg { opacity: 0.75; transition: opacity 0.25s ease, visibility 0s ease; } .mfp-ani-wrap .mfp-with-anim { opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; } .mfp-ani-wrap.mfp-removing .mfp-close { display: none; } .mfp-ani-wrap .mfp-with-anim.move-to-top { transform: translateY(100px); } .mfp-ani-wrap.mfp-removing .mfp-with-anim.move-to-top { transform: translateY(-100px); } .mfp-ani-wrap .mfp-with-anim.move-to-bottom { transform: translateY(-100px); } .mfp-ani-wrap.mfp-removing .mfp-with-anim.move-to-bottom { transform: translateY(100px); } .mfp-ani-wrap .mfp-with-anim.move-to-left { transform: translateX(100px); } .mfp-ani-wrap.mfp-removing .mfp-with-anim.move-to-left { transform: translateX(-100px); } .mfp-ani-wrap .mfp-with-anim.move-to-right { transform: translateX(-100px); } .mfp-ani-wrap.mfp-removing .mfp-with-anim.move-to-right { transform: translateX(100px); } .mfp-ani-wrap .mfp-with-anim.zoomin { transform: scale(0.8); } .mfp-ani-wrap.mfp-removing .mfp-with-anim.zoomin { transform: scale(1); } .mfp-ani-wrap.mfp-ready .mfp-with-anim, .mfp-ani-wrap.mfp-ready .mfp-with-anim .summary-inner { opacity: 1; transform: none; } .mfp-ani-wrap.mfp-removing .mfp-with-anim { opacity: 0; } .mfp-ani-wrap.mfp-removing.mfp-bg { opacity: 0; } .mfp-ani-wrap .top-left, .mfp-ani-wrap .middle-left, .mfp-ani-wrap .bottom-left { margin-left: 0; } .mfp-ani-wrap.top-left .mfp-container, .mfp-ani-wrap.middle-left .mfp-container, .mfp-ani-wrap.bottom-left .mfp-container { margin-left: 0; padding-left: 0; } .mfp-ani-wrap .top-right, .mfp-ani-wrap .middle-right, .mfp-ani-wrap .bottom-right { margin-right: 0; } .mfp-ani-wrap.top-right .mfp-container, .mfp-ani-wrap.middle-right .mfp-container, .mfp-ani-wrap.bottom-right .mfp-container { margin-right: 0; padding-right: 0; } .mfp-ani-wrap.top-center .mfp-container, .mfp-ani-wrap.top-left .mfp-container, .mfp-ani-wrap.top-right .mfp-container, .mfp-ani-wrap.bottom-center .mfp-container, .mfp-ani-wrap.bottom-left .mfp-container, .mfp-ani-wrap.bottom-right .mfp-container { height: unset; } .mfp-ani-wrap.top-center .mfp-container, .mfp-ani-wrap.top-left .mfp-container, .mfp-ani-wrap.top-right .mfp-container { top: 0; left: 0; } .mfp-ani-wrap.bottom-center .mfp-container, .mfp-ani-wrap.bottom-left .mfp-container, .mfp-ani-wrap.bottom-right .mfp-container { top: auto; bottom: 0; } /* = Owlcarousel @version 2.0.0 - by Bartosz Wojciechowski -----------------------------------------------------*/ .penci-owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .penci-owl-carousel .owl-animated-in { z-index: 0; } .penci-owl-carousel .owl-animated-out { z-index: 1; } .penci-owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .penci-owl-carousel { display: block; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; --pcfs-delay: 0.5s; } .penci-owl-carousel .penci-owl-nav .owl-prev, .penci-owl-carousel .penci-owl-nav .owl-next, .penci-owl-carousel .penci-owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .penci-owl-carousel.penci-owl-loaded { display: block; } .penci-owl-carousel.owl-loading { opacity: 0; display: block; } .penci-owl-carousel.owl-hidden { opacity: 0; } .penci-owl-carousel .owl-refresh .owl-item { display: none; } .penci-owl-carousel.owl-rtl { direction: rtl; } .penci-owl-carousel.owl-rtl .owl-item { float: right; } /* = Animate -----------------------------------------------------*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* = Gallery -----------------------------------------------------*/ @-webkit-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: 0.7; } } @-moz-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: 0.7; } } @-o-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: 0.7; } } @keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: 0.7; } } @-webkit-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } @keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div { position: absolute; display: inline-block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible { display: initial; opacity: 0.7; filter: "alpha(opacity=70)"; -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease; -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease; -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease; } .justified-gallery > .entry-visible { opacity: 1; filter: alpha(opacity=100); -webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease; -moz-animation: justified-gallery-show-entry-animation 500ms 0 ease; -ms-animation: justified-gallery-show-entry-animation 500ms 0 ease; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0; left: 50%; opacity: initial; filter: initial; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; opacity: 0; filter: alpha(opacity=0); width: 8px; height: 8px; margin: 0 4px; background-color: #000; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* = Rateyo jquery -----------------------------------------------------*/ .jq-ry-container { position: relative; padding: 0 5px; line-height: 0; display: block; cursor: pointer; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; direction: ltr; } .jq-ry-container[readonly="readonly"] { cursor: default; } .jq-ry-container > .jq-ry-group-wrapper { position: relative; width: 100%; } .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group { position: relative; line-height: 0; z-index: 10; white-space: nowrap; } .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg { display: inline-block; } .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group { width: 100%; } .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group { width: 0; z-index: 11; position: absolute; top: 0; left: 0; overflow: hidden; } /* = Reset -----------------------------------------------------*/ * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; } *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } input { background-color: transparent; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, strong, th, var { font-style: normal; font-weight: normal; } ol, ul, li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ""; } strong { font-weight: bold; } em { font-style: italic; } img { max-width: 100%; vertical-align: top; height: auto; } a img { border: none; } iframe { border: none; max-width: none; } iframe[name="google_conversion_frame"] { height: 0; display: block; overflow: hidden; } .penci-center { text-align: center; } body:not(.penci-fawesome-ver5) .penci-faicon { font-family: "FontAwesome"; font-weight: normal; } body:not(.penci-fawesome-ver5) .penci-faicon.fa-vimeo:before { content: "\f27d"; } textarea, input[type="text"], input[type="email"], input[type="search"], input[type="button"], input[type="submit"], button { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; } p:empty:before { content: none; } /* = General -----------------------------------------------------*/ html, body { -webkit-font-smoothing: antialiased; } body { font-family: var(--pcbody-font); color: #313131; background-color: #fff; font-size: 14px; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; --pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #6eb48c; --pcbody-font: "PT Serif", serif; --pchead-font: "Raleway", sans-serif; --pchead-wei: bold; --pchd-mg: 60px; --pcctain: 1170px; --pcctain2: 1400px; --pcajs_tcl: var(--pcheading-cl); --pcajs_thcl: var(--pcaccent-cl); --pcajs_mcl: var(--pcmeta-cl); --pcajs_mhcl: var(--pcmeta-cl); --pcajs_ncl: var(--pctext-cl); --pcajs_bcl: var(--pcborder-cl); --pcajs_bgcl: var(--pcbg-cl); --pcajs_bghcl: #f9f9f9; --pcajs_tfz: 13px; --pcajs_mfz: 12px; --pcajs_nfz: 13px; } textarea { min-height: 100px; } input[type="email"], input[type="date"], input[type="search"], input[type="number"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { font-family: var(--pcbody-font); padding: 11px 20px; max-width: 100%; width: 100%; border: 1px solid var(--pcborder-cl); border-radius: 0; background-color: transparent; box-shadow: none; color: var(--pctext-cl); vertical-align: middle; font-size: inherit; } select { padding: 8px 28px 8px 15px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg=="); background-position: right 10px top 50%; background-size: auto 18px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline: none; } button, [type="submit"], [type="button"] { font-family: var(--pchead-font); font-weight: var(--pchead-wei); padding: 12px 20px; font-size: 13px; line-height: 1.2; background-color: var(--pcaccent-cl); color: #fff; text-align: center; display: inline-block; outline: none; border: 0; border-radius: 0; box-shadow: none; text-decoration: none; text-shadow: none; cursor: pointer; text-transform: uppercase; } button[disabled], input[disabled] { opacity: 0.6 !important; cursor: default; } p { font-size: 14px; line-height: 28px; } .elementor-widget-text-editor p { font-size: inherit; line-height: inherit; text-align: inherit; } a { text-decoration: none; color: var(--pcaccent-cl); transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; outline: none; cursor: pointer; } a:hover { } h1, h2, h3, h4, h5, h6 { font-family: var(--pchead-font); font-style: normal; font-weight: var(--pchead-wei); line-height: 1.35; } .container { width: var(--pcctain); margin: 0 auto; } .container.container-1400 { max-width: var(--pcctain2); width: 100%; } .container.container-fullwidth { max-width: 100%; width: 100%; } .penci-page-container-smaller { max-width: 900px; margin-left: auto; margin-right: auto; display: block; } .container.penci_sidebar:before, .container.penci_sidebar:after { content: ""; display: table; clear: both; } body:not(.penci-fawesome-ver5) .penci-faicon.fa-facebook-f:before, body:not(.penci-fawesome-ver5) .penci-faicon.fa-facebook:before { content: "\f09a"; } #main { width: 100%; } .penci-single-style-10 .penci-single-s10-content, .container.penci_sidebar #main { width: 70.94%; padding-right: 50px; float: left; } .penci-single-style-10.penci_sidebar.left-sidebar .penci-single-s10-content, .container.penci_sidebar.left-sidebar #main { float: right; padding: 0 0 0 60px; } .penci-sidebar-content { width: 29.06%; float: right; } @media only screen and (min-width: 961px) { .penci-single-style-10 .penci-post-image-wrapper .container.two-sidebar .penci-sidebar-content { width: 29.06%; } } .penci-sidebar-content-vc { width: 100% !important; float: none; } .penci_sidebar.left-sidebar .penci-sidebar-content { float: left; } .penci-sidebar-content.penci-sticky-sidebar.is-sticky { margin-top: 75px; } .admin-bar .penci-sidebar-content.penci-sticky-sidebar.is-sticky { margin-top: 107px; } #penci-end-sidebar-sticky { margin-top: -300px; padding-top: 300px; } .clear-footer { height: 1px; margin-bottom: 29px; clear: both; display: block; width: 100%; } .clearfix { clear: both; } .penci-clearfix { clear: both; } .penci-clearfix:before, .penci-clearfix:after { content: ""; display: table; clear: both; } /** Body boxed **/ .wrapper-boxed { overflow: hidden; } body.penci-body-boxed { background: #f5f5f5; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .wrapper-boxed.enable-boxed { background: #fff; max-width: calc(var(--pcctain) + 60px); display: block; overflow: hidden; margin: 0 auto; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); } .penci-body-boxed.penci-two-sidebar .wrapper-boxed.enable-boxed { max-width: calc(var(--pcctain2) + 30px); } .penci-body-boxed.penci-two-sidebar .container.penci-breadcrumb, .penci-body-boxed.penci-two-sidebar .container.two-sidebar { width: 100%; padding-left: 15px; padding-right: 15px; } /* = Top Bar -----------------------------------------------------*/ .penci-top-bar { background: #313131; height: auto; } .penci-top-bar.topbar-fullwidth, .penci-top-bar.topbar-1400px { padding: 0 20px; } .penci-top-bar.topbar-fullwidth .container { width: 100%; } .penci-headline { display: block; } .penci-headline:before, .penci-headline:after { content: ""; display: table; clear: both; } .penci-headline .pctopbar-item { display: flex; margin: 0 15px; float: left; line-height: 32px; color: #fff; } .penci-topbar-ctext { font-size: 13px; } .penci-topbar-ctext * { color: inherit; font-size: inherit; } .penci-headline .pctopbar-item:first-child { margin-left: 0; } .penci-headline .pctopbar-item:last-child { margin-right: 0; } @media only screen and (min-width: 1170px) { .penci-headline .pctopbar-item:last-child:not(:first-child) { float: right; } } .headline-title { height: 32px; line-height: 32px; padding: 0 15px; font-size: 12px; color: #fff; background: var(--pcaccent-cl); float: left; text-transform: uppercase; font-family: var(--pchead-font); z-index: 10; position: relative; display: inline-block; font-weight: var(--pchead-wei); } .penci-top-bar .penci-owl-carousel:not(.penci-owl-loaded) > div:first-child { height: 32px; } .penci-owl-carousel.penci-headline-posts .owl-stage-outer { height: 32px !important; } .penci-owl-carousel-slider.penci-headline-posts .penci-owl-nav .owl-prev, .penci-owl-carousel-slider.penci-headline-posts .penci-owl-nav .owl-next { width: 16px; height: 20px; border: none; background: none; display: inline-block; text-align: center; line-height: 20px; left: -54px; outline: none; cursor: pointer; position: absolute; color: #999; opacity: 1 !important; font-size: 18px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; padding: 0; top: 50%; margin-top: -10px; } .penci-owl-carousel-slider.penci-headline-posts .penci-owl-nav .owl-next { left: -32px; } .penci-trending-nav { line-height: 32px; } .penci-trending-nav a { font-size: 16px; line-height: inherit; padding-left: 5px; padding-right: 5px; cursor: pointer; display: inline-block; vertical-align: top; text-decoration: none !important; color: #999; position: relative; } .penci-owl-carousel-slider.penci-headline-posts .penci-owl-nav .owl-prev:hover, .penci-owl-carousel-slider.penci-headline-posts .penci-owl-nav .owl-next:hover, .penci-trending-nav a:hover { color: #fff; } @keyframes TickerslideOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(20px, 0, 0); } } @keyframes TickerslideInRight { from { opacity: 0; transform: translate3d(20px, 0, 0); } to { opacity: 1; transform: none; } } .penci-headline-posts .owl-item.sliderInUp { animation-name: sliderInUp; -webkit-animation-name: sliderInUp; } .penci-headline-posts .owl-item.sliderOutUp { animation-name: sliderOutUp; -webkit-animation-name: sliderOutUp; } .penci-headline-posts .slideInUp { -webkit-animation-name: slideInUp !important; animation-name: slideInUp !important; } .penci-headline-posts .slideOutUp { -webkit-animation-name: slideOutUp !important; animation-name: slideOutUp !important; } .penci-headline-posts .TickerslideInRight { -webkit-animation-name: TickerslideInRight !important; animation-name: TickerslideInRight !important; } .penci-headline-posts .TickerslideOutRight { -webkit-animation-name: TickerslideOutRight !important; animation-name: TickerslideOutRight !important; } .penci-headline-posts .fadeIn { -webkit-animation-name: fadeIn !important; animation-name: fadeIn !important; } .penci-headline-posts .fadeOut { -webkit-animation-name: fadeOut !important; animation-name: fadeOut !important; } a.penci-topbar-post-title { color: #fff; font-size: 12px; font-family: var(--pchead-font); text-decoration: none !important; text-transform: uppercase; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; display: inline-block; white-space: nowrap; line-height: 32px; font-weight: var(--pchead-wei); } a.penci-topbar-post-title:hover { color: var(--pcaccent-cl); } .loaded a.penci-topbar-post-title { opacity: 1; } .penci-topbar-social { display: inline-block; float: right; z-index: 10; position: relative; } .penci-topbar-social > div { display: inline-block; vertical-align: top; } .penci-topbar-social a { float: left; display: inline-block; vertical-align: top; margin-left: 13px; font-size: 13px; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 32px; } .penci-topbar-social a:first-child { margin-left: 0; } .penci-topbar-social a:hover { color: var(--pcaccent-cl); } .penci-topbar-trending .animated.slideOutUp, .penci-topbar-trending .animated.slideInUp, .penci-topbar-trending .animated.TickerslideOutRight, .penci-topbar-trending .animated.TickerslideInRight, .penci-topbar-trending .animated.fadeOut, .penci-topbar-trending .animated.fadeIn { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } /* Topbar Trending */ .penci-topbar-trending { display: flex; float: left; overflow: hidden; width: 100%; max-width: 420px; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .penci-topbar-trending .penci-trending-nav { float: left; position: relative; z-index: 100; padding-left: 8px; padding-right: 8px; } .penci-topbar-trending .swiper { overflow: visible; } .penci-topbar-trending .penci-owl-carousel .owl-item { background: #313131; } .headline-title.nticker-style-2 { margin-right: 8px; } .headline-title.nticker-style-4 { margin-right: 9px; } .headline-title.nticker-style-2:after { width: 0; height: 0; border-top: 8px solid transparent; border-left: 9px solid var(--pcaccent-cl); border-bottom: 8px solid transparent; border-top-color: transparent !important; border-bottom-color: transparent !important; content: ""; position: absolute; right: -8px; top: 50%; margin-top: -8px; display: inline-block; } .headline-title.nticker-style-3 { padding-right: 25px; } .headline-title.nticker-style-3:after { width: 0; height: 0; border-top: 16px solid transparent; border-right: 11px solid #313131; border-bottom: 16px solid transparent; border-top-color: transparent !important; border-bottom-color: transparent !important; content: ""; position: absolute; right: 0; top: 0; display: inline-block; } .headline-title.nticker-style-4:after { width: 0; height: 0; content: ""; position: absolute; right: -9px; top: 0; display: inline-block; border-bottom: 32px solid var(--pcaccent-cl); border-right: 9px solid transparent; border-right-color: transparent !important; opacity: 0.8; } /* News Ticker Elementor & VC */ .penci-enews-ticker.penci-topbar-trending { float: none; display: flex; text-overflow: clip; max-width: 100%; } .penci-enews-ticker.penci-topbar-trending .penci-owl-carousel .owl-item { background: #fff; } .penci-enews-ticker .headline-title.nticker-style-3:after { border-color: #fff; } .penci-enews-ticker .penci-trending-nav a, .penci-enews-ticker .penci-trending-nav a:hover { color: #666; } /* = Topbar Menu -----------------------------------------------------*/ ul.penci-topbar-menu, div.penci-topbar-menu > ul { display: inline-block; vertical-align: top; padding: 0; margin: 0; } ul.penci-topbar-menu li, div.penci-topbar-menu > ul li { position: relative; } ul.penci-topbar-menu > li, div.penci-topbar-menu > ul > li { display: inline-block; float: left; margin-right: 20px; } ul.penci-topbar-menu > li:last-child, div.penci-topbar-menu > ul > li:last-child { margin-right: 0; } ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a { color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: none; font-size: 11px; text-transform: uppercase; line-height: 32px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } ul.penci-topbar-menu > li > a, div.penci-topbar-menu > ul > li > a { display: inline-block; vertical-align: top; } .penci-topbar-menu img { vertical-align: middle; } ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover { color: var(--pcaccent-cl); } ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu { display: none; position: absolute; left: 0; background: #313131; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); } ul.penci-topbar-menu li:hover > ul.sub-menu, div.penci-topbar-menu > ul li:hover > ul.sub-menu { display: block; z-index: 105; } ul.penci-topbar-menu li:hover ul.sub-menu ul.sub-menu, div.penci-topbar-menu > ul li:hover ul.sub-menu ul.sub-menu { left: 100%; top: 0; } ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a { width: 150px; padding: 7px 0; margin: 0 20px; line-height: 1.7; display: block; text-align: left; } ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a, ul.penci-topbar-menu > li > ul.sub-menu > li:first-child, div.penci-topbar-menu > ul > li > ul.sub-menu > li:first-child { border-top: 1px solid #414141; } ul.penci-topbar-menu ul.sub-menu > li:first-child > a, div.penci-topbar-menu > ul ul.sub-menu li:first-child > a { border-top: none; } /* = Login/Register Popup -----------------------------------------------------*/ .penci-top-bar .pctopbar-login-btn, .penci-top-bar .pclogin-item { display: inline-block; position: relative; vertical-align: top; } .penci-topbar-social .pclogin-item, .penci-topbar-social-mobile .pclogin-item { margin-right: 13px; } .penci-top-bar .pclogin-item:not(.penci-login-popup-btn) a, .penci-top-bar .penci-login-popup-btn a { font-size: inherit; } .penci-top-bar .penci-login-popup-btn a i { font-size: 13px; } .pclogin-item.login-popup span { margin-left: 4px; font-size: inherit; } .penci-topbar-social.penci-lgdisplay-right .pclogin-item { margin-right: 0; margin-left: 13px; } .pctopbar-login-btn .pclogin-sub { position: absolute; left: 0; width: 200px; top: 32px; background: #313131; padding: 10px 20px; display: none; z-index: 10; } .pctopbar-login-btn li.pclogin-item:hover > .pclogin-sub { display: block; } .pctopbar-login-btn li.pclogin-item img { position: relative; top: 5px; margin: 0; margin-right: 5px; } .pctopbar-login-btn .pclogin-sub li { display: block; float: none; font-size: inherit; } .pctopbar-login-btn .pclogin-sub li a { display: block; float: none; font-size: inherit; } .pctopbar-login-btn .pclogin-sub li a i { margin-right: 5px; font-style: normal; } .penci-loader-effect { width: 40px; height: 40px; margin: 0 auto; margin-top: -26px; margin-left: -26px; display: none; position: absolute; top: 50%; left: 50%; z-index: 300; } .penci-loader-effect .penci-ld { width: 40px; height: 40px; position: relative; margin: 0; display: block; } .penci-ld .penci-ldin { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .penci-ld .penci-ld2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .penci-ld .penci-ld3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .penci-ld .penci-ld4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .penci-ld .penci-ld5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .penci-ld .penci-ld6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .penci-ld .penci-ld7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .penci-ld .penci-ld8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .penci-ld .penci-ld9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .penci-ld .penci-ld10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .penci-ld .penci-ld11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .penci-ld .penci-ld12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .penci-ld .penci-ldin:before { content: ""; display: block; margin: 0 auto; width: 15%; height: 15%; border-radius: 100%; -webkit-animation: LoadingCircleEf 0.7s infinite ease-in-out both; animation: LoadingCircleEf 0.7s infinite ease-in-out both; background: var(--pcaccent-cl); } .penci-ld .penci-ld2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .penci-ld .penci-ld3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .penci-ld .penci-ld4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .penci-ld .penci-ld5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .penci-ld .penci-ld6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .penci-ld .penci-ld7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .penci-ld .penci-ld8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .penci-ld .penci-ld9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .penci-ld .penci-ld10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .penci-ld .penci-ld11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .penci-ld .penci-ld12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes LoadingCircleEf { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes LoadingCircleEf { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .pc-login-register-mobile .pclogin-sub { left: auto; right: auto; z-index: 999999; } .penci-hidden { display: none; } #penci-login-popup { position: relative; display: block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10; width: 100%; max-width: 470px; padding: 44px; background: transparent; background-size: auto; color: #313131; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.5, 0, 0.1, 1); transition: all 0.4s cubic-bezier(0.5, 0, 0.1, 1); transform: scale(0.6); -webkit-transform: scale(0.6); } #penci-login-popup:before, #penci-login-popup:after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; display: block; background: #fff no-repeat fixed center center; opacity: 0.75; } #penci-login-popup:after { z-index: -2; background-color: transparent; opacity: 1; } .mfp-ready #penci-login-popup { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .mfp-ready.mfp-removing #penci-login-popup { opacity: 0; transform: scale(0.6); -webkit-transform: scale(0.6); } .mfp-bg.penci-popup-animation { opacity: 0; transition: all 0.3s ease-out; } .mfp-bg.penci-popup-animation.mfp-ready { opacity: 0.9; } .mfp-bg.penci-popup-animation.mfp-ready.mfp-removing { opacity: 0; } #penci-login-popup.ajax-loading:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff; opacity: 0.65; } #penci-login-popup.ajax-loading .penci-loader-effect { display: block; } .penci-login-container .penci-login input[type="text"], .penci-login-container .penci-login input[type="password"], .penci-login-container .penci-login input[type="submit"], .penci-login-container .penci-login input[type="email"] { width: 100%; padding: 0 15px; border-radius: 0; margin-bottom: 20px; line-height: 40px; } .penci-lgpop-title { text-align: center; line-height: 1.2; text-transform: uppercase; font-size: 24px; margin-bottom: 20px; letter-spacing: 0; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .pclogin-input-checkbox { margin-bottom: 20px; } .pclg-2col > div { float: left; width: 47.5%; margin-right: 5%; } .pclg-2col > div:last-child { margin-right: 0; } /* = Extra Header CSS*/ .top-search-classes { float: right; width: 20px; text-align: center; margin-right: 0; } #navigation .pcheader-icon.penci-top-search { margin-right: 0; } #navigation .pcheader-icon, .top-search-classes.shoping-cart-icon { margin-right: 10px; } .top-search-classes.shoping-cart-icon { position: relative; } #navigation .pcheader-icon:first-child, #navigation.header-4 .pcheader-icon, #navigation.header-5 .pcheader-icon, #navigation.header-6 .pcheader-icon { margin-right: 0; } .top-search-classes a.cart-contents, .top-search-classes > a { font-size: 14px; line-height: 58px; display: block; height: 58px; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; color: #313131; background: none; } #navigation.header-6 .menu { margin-right: 30px; } @media only screen and (min-width: 961px) { #navigation.header-6 a.cart-contents, #navigation.header-11 a.cart-contents, #navigation.header-10 a.cart-contents, #navigation.header-6 .top-search-classes > a, #navigation.header-10 .top-search-classes > a, #navigation.header-11 .top-search-classes > a { line-height: 80px; height: 80px; } } @media only screen and (max-width: 960px) { #navigation.header-6 a.cart-contents, #navigation.header-11 a.cart-contents, #navigation.header-10 a.cart-contents, #navigation.header-6 .top-search-classes > a, #navigation.header-10 .top-search-classes > a, #navigation.header-11 .top-search-classes > a { line-height: 60px; height: 60px; } } .is-sticky #navigation.header-6 a.cart-contents, .is-sticky #navigation.header-10 a.cart-contents, .is-sticky #navigation.header-6 .top-search-classes > a, .is-sticky #navigation.header-10 .top-search-classes > a, .is-sticky #navigation.header-11 .top-search-classes > a, .is-sticky #navigation.header-11 a.cart-contents { line-height: 58px; height: 58px; } .top-search-classes a.cart-contents > i, .top-search-classes > a > i { width: 20px; } .top-search-classes a.cart-contents, .top-search-classes.wishlist-icon > a, .top-search-classes.compare-icon > a, .top-search-classes.shoping-cart-icon > a { position: relative; } .top-search-classes a.cart-contents > i, .top-search-classes.shoping-cart-icon > a > i { font-size: 17px; } .top-search-classes a.cart-contents > span, .top-search-classes.wishlist-icon > a > span, .top-search-classes.compare-icon > a > span, .top-search-classes.shoping-cart-icon > a > span { font-family: var(--pcbody-font); font-size: 9px; line-height: 14px; position: absolute; z-index: 1; top: calc(50% - 17px); right: -4px; display: inline-block; width: 14px; height: 14px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; white-space: nowrap; color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: var(--pcaccent-cl); } .top-search-classes .svg-icon { display: inline-block; margin-top: 5px; } .top-search-classes.shoping-cart-icon .svg-icon { margin-top: 3px; } @media only screen and (max-width: 960px) { #navigation.header-9 .pcheader-icon > a, #navigation.header-10 .pcheader-icon > a, #navigation.header-11 .pcheader-icon > a, #navigation.header-9 .pcheader-icon a.cart-contents, #navigation.header-10 .pcheader-icon a.cart-contents, #navigation.header-11 .pcheader-icon a.cart-contents { height: 58px; line-height: 58px; } } /* = Navigation -----------------------------------------------------*/ #navigation { background: #fff; height: 60px; z-index: 9999; width: 100%; -webkit-backface-visibility: hidden; border-bottom: 1px solid #ececec; transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .wrapper-boxed.enable-boxed #navigation { transition: height 0.3s, box-shadow 0.3s; -webkit-transition: height 0.3s, box-shadow 0.3s; -moz-transition: height 0.3s, box-shadow 0.3s; } #navigation.sticky-active { z-index: 99999; } #navigation.header-6, #navigation.header-9 { transition: box-shadow 0.3s, height 0.3s; -webkit-transition: box-shadow 0.3s, height 0.3s; -moz-transition: box-shadow 0.3s, height 0.3s; } #navigation.header-7, #navigation.header-8, #navigation.header-9 { padding: 0 20px; } #navigation.header-layout-bottom { box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; border-top: 1px solid #ececec; } #navigation.header-1, #navigation.header-4, #navigation.header-7 { border-top: 1px solid transparent !important; } .is-sticky #navigation { box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); border-color: transparent !important; } .wrapper-boxed.enable-boxed .is-sticky #navigation { margin: 0 auto; left: 0; right: 0; width: 100%; max-width: calc(var(--pcctain) + 60px); } .penci-body-boxed.penci-two-sidebar .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: calc(var(--pcctain2) + 30px); } .slicknav_menu { display: none; } #navigation .container { position: relative; display: table; text-align: center; } #navigation.header-7 .container, #navigation.header-8 .container, #navigation.header-9 .container { width: 100%; } #navigation .container .inner-top-navigation { display: inline-block; vertical-align: top; } #navigation .menu { float: left; } #navigation.header-4 .menu, #navigation.header-4 .top-search-classes, #navigation.header-5 .menu, #navigation.header-5 .top-search-classes, #navigation.header-4 .pcheader-icon, #navigation.header-5 .pcheader-icon { float: none; vertical-align: top; } #navigation.header-4 .top-search-classes, #navigation.header-5 .top-search-classes, #navigation.header-4 .pcheader-icon, #navigation.header-5 .pcheader-icon { margin-left: 40px; display: inline-block; } #navigation ul.menu > li, #navigation .menu > ul > li { display: inline-block; position: relative; float: left; margin-right: 30px; } #navigation .menu > li:last-child, #navigation .menu > ul > li:last-child { margin-right: 0; } #navigation .sub-menu li a, #navigation .menu > li > a { font-family: var(--pchead-font); font-size: 12px; color: #313131; text-transform: uppercase; display: inline-block; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; position: relative; font-weight: var(--pchead-wei); text-decoration: none; } #navigation .menu > li > a { line-height: 58px; } #navigation .sub-menu li > a > i, #navigation .menu > li > a > i { font-size: 13px; margin-right: 5px; } #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before { content: ""; position: absolute; bottom: 18px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; left: 50%; height: 2px; width: 0; background: var(--pcaccent-cl); } #navigation ul.menu > li > a:hover:before, #navigation .menu > ul > li > a:hover:before, #navigation ul.menu > li:hover > a:before, #navigation .menu > ul > li:hover > a:before { left: 0; width: 100%; } #navigation .menu > li > a:hover, #navigation .menu > li:hover > a, #navigation .menu > li.current-menu-item > a, #navigation .menu > li.current_page_item > a, #navigation .menu > li.current-menu-ancestor > a, #navigation .menu > li.current-menu-item > a { color: var(--pcaccent-cl); } #navigation ul.menu > li > a > img, #navigation .menu > ul > li > a > img { vertical-align: middle; } #navigation .button-menu-mobile { display: none; float: left; line-height: 60px; text-align: center; color: #313131; font-size: 21px; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #navigation .button-menu-mobile:hover { } #logo a { display: inline-block; vertical-align: top; } #logo h1 { margin: 0; } .penci-mobile-hlogo { display: none; float: left; margin-left: 10px; } .penci-mobile-hlogo a { display: inline-block; } .penci-mobile-hlogo img { max-height: 60px; padding: 8px 0; width: auto; } @media only screen and (max-width: 960px) { .penci-hlogo-center .penci-mobile-hlogo, .penci-hlogo-center #navigation.header-6 #logo { float: none; margin: 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; } .penci-mobile-hlogo { display: inline-block; } } /* header style 6 */ #navigation.header-6 { height: 82px; } #navigation.header-6 .container { text-align: right; } #navigation.header-6 .menu { float: none; } #navigation.header-6 #logo { float: left; display: block; text-align: left; } #navigation.header-6 #logo img { padding: 12px 0; max-height: 80px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; width: auto; } #navigation.header-6 .menu > li > a, #navigation.header-6 ul.menu > li > a { line-height: 80px; } #navigation.header-6 ul.menu > li > a:before, #navigation.header-6 .menu > ul > li > a:before { bottom: 29px; } #navigation.header-6 .pcheader-icon { margin-left: 40px; } #navigation.header-6 .pcheader-icon > a { height: 80px; line-height: 80px; } @media only screen and (min-width: 961px) { .header-search-style-default #navigation.header-6 .penci-menuhbg-toggle, .header-search-style-default #navigation.header-6 .show-search { height: 80px; } .header-search-style-default #navigation.header-6 .show-search a.close-search { height: 80px; line-height: 80px; } .header-search-style-default #navigation.header-6 .show-search form.pc-searchform input.search-input { height: 80px; padding: 26px 35px 26px 0; } } /** header 10 **/ #navigation.header-11 > .container, #navigation.header-10 > .container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #navigation.header-11 .penci-menu-wrap, #navigation.header-10 .penci-menu-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 3 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; float: left; text-align: center; -webkit-justify-content: space-between; justify-content: space-between; } #navigation.header-11 .penci-menu-wrap #logo, #navigation.header-10 .penci-menu-wrap #logo { width: 24%; display: flex; justify-content: center; align-items: center; position: relative; } #navigation.header-11 .penci-menu-wrap .menu, #navigation.header-10 .penci-menu-wrap .menu { padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap; } #navigation.header-11, #navigation.header-10 { height: 82px; } #navigation.header-11 .menu > li > a, #navigation.header-11 ul.menu > li > a, #navigation.header-10 .menu > li > a, #navigation.header-10 ul.menu > li > a { line-height: 80px; } #navigation.header-10 #logo img, #navigation.header-11 #logo img { padding: 12px 0; max-height: 80px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; width: auto; } .is-sticky #navigation.header-10 #logo img, .is-sticky #navigation.header-11 #logo img { padding: 7px 0; } #navigation.header-11 .penci-header-extra, #navigation.header-10 .penci-header-extra { margin-left: 15px; } #navigation.header-11 .pcheader-icon > a, #navigation.header-11 .show-search a.close-search, #navigation.header-11 .penci-menuhbg-toggle, #navigation.header-10 .pcheader-icon > a, #navigation.header-10 .show-search a.close-search, #navigation.header-10 .penci-menuhbg-toggle { height: 80px; line-height: 80px; } @media only screen and (min-width: 961px) { .header-search-style-default #navigation.header-11 .show-search form.pc-searchform input.search-input { height: 80px; padding: 26px 35px 26px 20px; } .header-search-style-default #navigation.header-10 .show-search form.pc-searchform input.search-input { height: 80px; padding: 26px 35px 26px 0; } .header-search-style-default #navigation.header-10 .show-search, .header-search-style-default #navigation.header-11 .show-search { height: 80px; } .header-search-style-default #navigation.header-11 .show-search a.close-search { right: 10px; } } /* Scroll header 6 */ .is-sticky #navigation.header-6, .is-sticky #navigation.header-10, .is-sticky #navigation.header-11 { height: 60px; } .is-sticky #navigation.header-6 #logo img { max-height: 58px; padding: 7px 0; } .is-sticky #navigation.header-6 .menu > li > a, .is-sticky #navigation.header-6 ul.menu > li > a { line-height: 58px; } .is-sticky #navigation.header-6 ul.menu > li > a:before, .is-sticky #navigation.header-6 .menu > ul > li > a:before { bottom: 18px; } .is-sticky #navigation.header-10 .show-search, .is-sticky #navigation.header-10 .penci-menuhbg-toggle, .is-sticky #navigation.header-11 .show-search, .is-sticky #navigation.header-11 .penci-menuhbg-toggle, .is-sticky #navigation.header-10 .show-search, .is-sticky #navigation.header-11 .show-search, .is-sticky #navigation.header-6 .show-search, .is-sticky #navigation.header-6 .penci-menuhbg-toggle { height: 58px; } .is-sticky #navigation.header-11 .pcheader-icon > a, .is-sticky #navigation.header-11 .show-search a.close-search, .is-sticky #navigation.header-10 .pcheader-icon > a, .is-sticky #navigation.header-10 .show-search a.close-search, .is-sticky #navigation.header-6 .pcheader-icon > a, .is-sticky #navigation.header-6 .show-search a.close-search { height: 58px; line-height: 58px; } .is-sticky #navigation.header-11 .show-search form.pc-searchform input.search-input { padding: 15px 35px 15px 15px; height: 58px; } .is-sticky #navigation.header-10 .show-search form.pc-searchform input.search-input, .is-sticky #navigation.header-6 .show-search form.pc-searchform input.search-input { height: 58px; padding: 15px 35px 15px 0; } /* Primary menu dropdown */ #navigation .sub-menu, .navigation .sub-menu, #navigation .penci-dropdown-menu, .navigation .penci-dropdown-menu { pointer-events: none; } #navigation li:hover > .sub-menu, .navigation li:hover > .sub-menu, #navigation li:hover > .penci-dropdown-menu, .navigation li:hover > .penci-dropdown-menu { pointer-events: auto; } #navigation .menu .sub-menu { visibility: hidden; opacity: 0; position: absolute; left: 0; z-index: 9999; box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -webkit-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -moz-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); border-top: 1px solid #ececec; margin-top: 0; background: #fff; } #navigation ul.menu ul.sub-menu li > a { margin: 0 20px; padding: 12px 0; font-size: 12px; min-width: 200px; line-height: 1.4; -moz-transition: color 0.3s, background-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; border-bottom: 1px solid #e0e0e0; text-align: left; border-left: none !important; position: relative; overflow: hidden; vertical-align: top; } #navigation ul.menu ul.sub-menu li, #navigation ul.menu ul.sub-menu ul li { padding-right: 0; margin-right: 0; float: none; position: relative; width: 100%; } #navigation .menu ul.sub-menu > li:last-child > a { border-bottom: none; } #navigation .menu .sub-menu ul { left: 100%; top: 0; } body .penci-dropdown-menu, body .navigation .menu .sub-menu, body #navigation .menu .sub-menu { transition: transform 0.27s ease-in-out, opacity 0.27s ease-in-out, visibility 0.27s ease-in-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } body.pcmn-drdw-style-slide_down .penci-dropdown-menu, body.pcmn-drdw-style-slide_down .navigation .menu .sub-menu, body.pcmn-drdw-style-slide_down #navigation .menu .sub-menu { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } body.pcmn-drdw-style-slide_down .navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-slide_down .navigation .menu ul li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-slide_down #navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-slide_down #navigation .menu ul li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-slide_down .navigation ul.menu li:hover > ul, body.pcmn-drdw-style-slide_down .navigation .menu ul li:hover > ul, body.pcmn-drdw-style-slide_down #navigation ul.menu li:hover > ul, body.pcmn-drdw-style-slide_down #navigation .menu ul li:hover > ul { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } body.pcmn-drdw-style-fadein_up .penci-dropdown-menu, body.pcmn-drdw-style-fadein_up .navigation .menu .sub-menu, body.pcmn-drdw-style-fadein_up #navigation .menu .sub-menu { -ms-transform: translateY(10px); transform: translateY(10px); } body.pcmn-drdw-style-fadein_down .penci-dropdown-menu, body.pcmn-drdw-style-fadein_down .navigation .menu .sub-menu, body.pcmn-drdw-style-fadein_down #navigation .menu .sub-menu { -ms-transform: translateY(-10px); transform: translateY(-10px); } body.pcmn-drdw-style-fadein_up .navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_up .navigation .menu ul li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_up #navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_up #navigation .menu ul li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_down .navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_down .navigation .menu ul li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_down #navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_down #navigation .menu ul li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_up .navigation ul.menu li:hover > ul, body.pcmn-drdw-style-fadein_up .navigation .menu ul li:hover > ul, body.pcmn-drdw-style-fadein_down .navigation ul.menu li:hover > ul, body.pcmn-drdw-style-fadein_down .navigation .menu ul li:hover > ul, body.pcmn-drdw-style-fadein_up #navigation ul.menu li:hover > ul, body.pcmn-drdw-style-fadein_up #navigation .menu ul li:hover > ul, body.pcmn-drdw-style-fadein_down #navigation ul.menu li:hover > ul, body.pcmn-drdw-style-fadein_down #navigation .menu ul li:hover > ul { visibility: visible; opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } body.pcmn-drdw-style-fadein_left .penci-dropdown-menu, body.pcmn-drdw-style-fadein_left .navigation .menu .sub-menu, body.pcmn-drdw-style-fadein_left #navigation .menu .sub-menu { -ms-transform: translateX(-10px); transform: translateX(-10px); } body.pcmn-drdw-style-fadein_right .penci-dropdown-menu, body.pcmn-drdw-style-fadein_right .navigation .menu .sub-menu, body.pcmn-drdw-style-fadein_right #navigation .menu .sub-menu { -ms-transform: translateX(10px); transform: translateX(10px); } body.pcmn-drdw-style-fadein_left .navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_left #navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_left #navigation .menu ul li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_right .navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_right #navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_right #navigation .menu ul li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_left .navigation ul.menu li:hover > ul, body.pcmn-drdw-style-fadein_right .navigation ul.menu li:hover > ul, body.pcmn-drdw-style-fadein_left #navigation ul.menu li:hover > ul, body.pcmn-drdw-style-fadein_left #navigation .menu ul li:hover > ul, body.pcmn-drdw-style-fadein_right #navigation ul.menu li:hover > ul, body.pcmn-drdw-style-fadein_right #navigation .menu ul li:hover > ul { visibility: visible; opacity: 1; -ms-transform: translateX(0); transform: translateX(0); } body.pcmn-drdw-style-fadein_none .penci-dropdown-menu, body.pcmn-drdw-style-fadein_none .navigation .menu .sub-menu, body.pcmn-drdw-style-fadein_none #navigation .menu .sub-menu { opacity: 0; } body.pcmn-drdw-style-fadein_none .navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_none .navigation ul.menu li:hover > ul, body.pcmn-drdw-style-fadein_none #navigation ul.menu li:hover > .penci-dropdown-menu, body.pcmn-drdw-style-fadein_none #navigation .menu ul li:hover > .penci-dropdown-menu { visibility: visible; opacity: 1; } /* Category mega menu */ #navigation .menu li.penci-mega-menu { position: static !important; } li.penci-mega-menu > ul.sub-menu { display: none; } #sidebar-nav li.penci-mega-menu .penci-content-megamenu, .penci-menu-hbg li.penci-mega-menu .penci-content-megamenu { display: none !important; } #navigation .menu li.penci-mega-menu > ul.sub-menu { width: 100%; padding: 0 !important; clear: both; display: block; } #navigation .penci-megamenu { width: 100%; display: table; } #navigation .penci-megamenu .penci-mega-child-categories { width: 230px; display: table-cell; vertical-align: top; background: #ffffff; padding: 20px 0; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories.pcmit-top { display: table-row; width: 100%; } #navigation .penci-megamenu .penci-mega-child-categories.pcmit-bottom { display:table-footer-group; width: 100%; } #navigation .penci-megamenu .penci-mega-child-categories:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #ececec; } #navigation .penci-megamenu .penci-mega-child-categories a { min-width: 0; display: block; font-size: 12px; text-align: right; line-height: 1.4em; margin: 0; padding: 12px 20px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories.pcmit-top a, #navigation .penci-megamenu .penci-mega-child-categories.pcmit-bottom a { display: inline-block; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active { border-top-color: #ececec; border-bottom-color: #ececec; background: #fff; color: var(--pcaccent-cl); z-index: 10; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #fff; z-index: 1; transition: none; -webkit-transition: none; -moz-transition: none; } #navigation .penci-megamenu .penci-content-megamenu { display: table-cell; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts { padding: 20px 10px 0 10px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-row { width: 100%; display: none; vertical-align: top; } .penci-mega-post-inner { position: relative; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post, #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 20%; padding: 0 10px; float: left; margin-bottom: 20px; position: relative; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post, #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 25%; } .navigation .penci-megamenu .pcmit-side + .penci-content-megamenu.pcmis-4 .penci-mega-latest-posts.col-mn-4 .penci-mega-post, #navigation .penci-megamenu .pcmit-side + .penci-content-megamenu.pcmis-4 .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: calc(100% / 3); } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n + 1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n + 1) { clear: none; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n + 1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n + 1) { clear: none; } .penci-megamenu .penci-image-holder:before { padding-top: 66.6667%; } /* For header full width - not in container */ @media only screen and (min-width: 1800px) { #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post { width: 14.2857%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post { width: 16.66666%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(7n + 1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(6n + 1) { clear: both; } } @media only screen and (max-width: 1799px) and (min-width: 1500px) { #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post { width: 16.66666%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post { width: 20%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(6n + 1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(5n + 1) { clear: both; } } @media only screen and (max-width: 1799px) { #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-1 .penci-mega-post:nth-child(7), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-1 .penci-mega-post:nth-child(6), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(14), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(13), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(12), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(11), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(21), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(20), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(19), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(18), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(17), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(16) { display: none; } } @media only screen and (max-width: 1499px) and (min-width: 1170px) { #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post { width: 20%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post { width: 25%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(5n + 1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(4n + 1) { clear: both; } } @media only screen and (max-width: 1499px) { #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-1 .penci-mega-post:nth-child(6), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-1 .penci-mega-post:nth-child(5), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(12), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(11), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(10), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(9), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(18), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(17), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(16), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(15), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(14), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(13) { display: none; } } @media only screen and (max-width: 1169px) { #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post { width: 25%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post { width: 33.33333%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(4n + 1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(3n + 1) { clear: both; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-1 .penci-mega-post:nth-child(5), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-1 .penci-mega-post:nth-child(4), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(10), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(9), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(8), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(7), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(15), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(14), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(13), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(12), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(11), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(10) { display: none; } } #navigation .penci-megamenu .penci-mega-thumbnail { display: block; margin: 0 0 17px 0; position: relative; } #navigation .penci-megamenu .penci-mega-thumbnail a { width: 100%; } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { font-size: 10px; background: var(--pcaccent-cl); text-transform: uppercase; position: absolute; display: inline-block; padding: 0 6px; color: #fff; top: 0; left: 0; z-index: 3; height: 18px; font-weight: normal; line-height: 18px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a { margin: 0; padding: 0; min-width: 0; border-bottom: none; position: relative; text-align: center; line-height: 1.4; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a:hover, #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a:hover { color: var(--pcaccent-cl); } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a:hover { opacity: 0.8; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail .mega-cat-name a { font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; color: inherit !important; opacity: 1; padding: 0; margin: 0; text-transform: none; letter-spacing: 0; } #navigation .penci-megamenu .penci-mega-thumbnail img { width: 100%; height: auto; } #navigation .penci-megamenu .post-mega-title { text-align: center; margin: 0; } #navigation .penci-megamenu .post-mega-title a { text-align: center; } #navigation .penci-megamenu .penci-mega-date { line-height: 1; font-size: 12px; color: #999; text-align: center; margin-top: 6px; } /* = Mega menu columns ----------------------------------------------------*/ #navigation ul.menu > li.megamenu { position: static; } #navigation ul.menu > li.megamenu > ul.sub-menu { width: var(--pcctain); padding: 15px 0; display: table; table-layout: fixed; background: #fff; left: 0; } #navigation.header-7 ul.menu > li.megamenu > ul.sub-menu, #navigation.header-8 ul.menu > li.megamenu > ul.sub-menu, #navigation.header-9 ul.menu > li.megamenu > ul.sub-menu { width: 100%; } #navigation ul.menu > li.megamenu > ul.sub-menu > li { min-width: 200px; max-width: 300px; display: table-cell; vertical-align: top; padding: 0 5px; margin: 0; position: relative; } #navigation ul.menu > li.megamenu > ul.sub-menu > li:before { left: 0; content: ""; position: absolute; top: 15px; bottom: 15px; width: 1px; display: block; background: #e0e0e0; } #navigation ul.menu > li.megamenu > ul.sub-menu > li:first-child:before { content: none; display: none; } #navigation ul.menu > li.megamenu > ul.sub-menu > li > a { margin: 0 20px; border-bottom: 1px solid #e0e0e0; display: none; } #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu { visibility: visible; opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; position: static; border: none; } #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li, #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li a { display: block; } /* Menu style 2 */ #navigation.menu-style-2 ul.menu > li > a:before, #navigation.menu-style-2 .menu > ul > li > a:before { content: none; display: none; } #navigation ul.menu > li.menu-item-has-children > a:after, #navigation .menu > ul > li.menu-item-has-children > a:after, #navigation ul.menu > li.penci-mega-menu > a:after, #navigation .menu > ul > li.penci-mega-menu > a:after { font-family: FontAwesome; content: "\f107"; margin-left: 5px; color: inherit; font-size: 13px; font-weight: normal; width: auto; display: inline-block; transform: scale(0.8); } #navigation ul.sub-menu > li.menu-item-has-children > a:after { font-family: FontAwesome; content: "\f105"; margin-left: 5px; color: inherit; font-size: 13px; font-weight: normal; width: auto; display: inline-block; float: right; transform: scale(0.8); } .penci-fawesome-ver5 #navigation ul.menu > li.menu-item-has-children > a:after, .penci-fawesome-ver5 #navigation .menu > ul > li.menu-item-has-children > a:after, .penci-fawesome-ver5 #navigation ul.menu > li.penci-mega-menu > a:after, .penci-fawesome-ver5 #navigation .menu > ul > li.penci-mega-menu > a:after { font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; } #navigation.menu-style-2 .menu .sub-menu, #navigation.menu-style-2 .menu .children { border-top: 4px solid #e0e0e0; padding: 8px 0; } #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before { width: 0; height: 4px; top: -4px; position: absolute; background: var(--pcaccent-cl); left: 0; -webkit-transition: width 400ms cubic-bezier(0.87, 0.02, 0.23, 1); -webkit-transition: width 400ms cubic-bezier(0.87, 0.02, 0.23, 1.005); -moz-transition: width 400ms cubic-bezier(0.87, 0.02, 0.23, 1.005); -o-transition: width 500ms cubic-bezier(0.87, 0.02, 0.23, 1.005); transition: width 500ms cubic-bezier(0.87, 0.02, 0.23, 1.005); content: ""; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; } #navigation.menu-style-2 ul.menu li:hover > ul:before, #navigation.menu-style-2 .menu ul li:hover > ul:before { width: 100%; } #navigation.menu-style-2 ul.menu ul.sub-menu a { padding: 8px 0; border: none !important; } #navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts { padding: 0; } #navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { padding: 0 0 15px; margin: 0; position: relative; z-index: 5; } #navigation.menu-style-2 .penci-megamenu .penci-mega-thumbnail { position: relative; z-index: 5; } #navigation.menu-style-2 .penci-megamenu .penci-mega-meta { padding: 0 5px; } #navigation.menu-style-2 .penci-megamenu .post-mega-title { line-height: 1; } .menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post:before { position: absolute; content: ""; right: 0; top: 0; bottom: 0; width: 1px; background: #f1f1f2; z-index: 1; } #navigation.menu-style-2 .penci-megamenu .penci-mega-thumbnail .mega-cat-name { bottom: 0; top: auto; } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories { padding: 12px 0; } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories:after { background-color: #f1f1f2; } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a { min-width: 0; display: block; text-align: left; line-height: 1.4em; margin: 0; padding: 6px 0 6px 20px; position: relative; border: none; background-color: inherit; z-index: 0; } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories.pcmit-top a, #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories.pcmit-bottom a { display: inline-block; } .navigation.menu-style-2 ul.sub-menu .penci-megamenu .penci-mega-child-categories a, #navigation.menu-style-2 ul.sub-menu .penci-megamenu .penci-mega-child-categories a { padding: 6px 0 6px 20px; } #navigation.menu-style-2 ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-bottom a, #navigation.menu-style-2 ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-top a { padding-top: 20px; padding-bottom: 20px; } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -0.5px; -webkit-transition: width 0.4s ease-in-out; -o-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border-bottom: 1px solid; width: 0; opacity: 0.3; left: 20px; z-index: 1; box-shadow: none; -webkit-box-shadow: none; color: inherit; } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a:hover:after { width: calc(100% + 20px); } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a span { position: relative; z-index: 2; background-color: inherit; padding-right: 20px; display: inline-block; } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a.all-style:before { content: ""; background: #f1f1f2; width: 24px; display: block; height: 1px; margin: 4px 0 17px; opacity: 1; position: static; box-shadow: none; -webkit-box-shadow: none; } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories.pcmit-top a.all-style:before, #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories.pcmit-bottom a.all-style:before { display: none; } #navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a.all-style:after { content: none; display: none; } #navigation.menu-style-2 ul.menu > li.megamenu > ul.sub-menu { padding: 5px 0; } #navigation.menu-style-2 ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu:before { display: none; content: none; } /* Menu Style 3 */ #navigation.menu-style-3 .menu .sub-menu, #navigation.menu-style-3 .menu .children, #navigation.menu-style-3 .menu .penci-dropdown-menu, .navigation.menu-style-3 .menu .sub-menu, .navigation.menu-style-3 .menu .penci-dropdown-menu, .navigation.menu-style-3 .menu .children { border: 1px solid var(--pcborder-cl); } #navigation.menu-style-3 .menu .sub-menu:before, #navigation.menu-style-3 .menu .sub-menu:after, .navigation.menu-style-3 .menu .sub-menu:before, .navigation.menu-style-3 .menu .sub-menu:after { width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent var(--pcborder-cl) transparent; transform: rotate(0deg); position: absolute; top: -6px; left: 14px; content: ''; z-index: 99; } #navigation.menu-style-3 .menu .sub-menu .sub-menu:before, #navigation.menu-style-3 .menu .sub-menu .sub-menu:after, .navigation.menu-style-3 .menu .sub-menu .sub-menu:before, .navigation.menu-style-3 .menu .sub-menu .sub-menu:after { top: 10px; left: -6px; border-width: 6px 6px 6px 0; border-color: transparent var(--pcborder-cl) transparent transparent; border-bottom-color: transparent !important; } #navigation.menu-style-3 .menu .sub-menu:after, .navigation.menu-style-3 .menu .sub-menu:after { border-width: 0 5px 5px 5px; border-color: transparent transparent #fff transparent; top: -4px; left: 15px; } #navigation.menu-style-3 .menu .sub-menu .sub-menu:after, .navigation.menu-style-3 .menu .sub-menu .sub-menu:after { top: 11px; left: -4px; border-width: 5px 5px 5px 0; border-color: transparent #fff transparent transparent; border-bottom-color: transparent !important; } #navigation.menu-style-3 .menu .megamenu .sub-menu:before, .navigation.menu-style-3 .menu .megamenu .sub-menu:before, #navigation.menu-style-3 .menu .megamenu .sub-menu:after, .navigation.menu-style-3 .menu .megamenu .sub-menu:after, #navigation.menu-style-3 .menu .penci-mega-menu .sub-menu:before, .navigation.menu-style-3 .menu .penci-mega-menu .sub-menu:before, #navigation.menu-style-3 .menu .penci-mega-menu .sub-menu:after, .navigation.menu-style-3 .menu .penci-mega-menu .sub-menu:after { content: none; display: none; } /* = Menu Items Padding -----------------------------------------------------*/ #navigation.menu-item-padding ul.menu > li, #navigation.menu-item-padding .menu > ul > li { margin: 0; } #navigation.menu-item-padding ul.menu > li > a, #navigation.menu-item-padding .menu > ul > li > a { padding: 0 15px; } #navigation.menu-item-padding .menu > li > a:hover, #navigation.menu-item-padding .menu > li:hover > a, #navigation.menu-item-padding .menu > li.current-menu-item > a, #navigation.menu-item-padding .menu > li.current_page_item > a, #navigation.menu-item-padding .menu > li.current-menu-ancestor > a, #navigation.menu-item-padding .menu > li.current-menu-item > a { background-color: #ececec; } #navigation.menu-item-padding ul.menu > li > a:before, #navigation.menu-item-padding .menu > ul > li > a:before { content: none; display: none; } @media only screen and (min-width: 961px) { #navigation.header-1.menu-item-padding, #navigation.header-4.menu-item-padding, #navigation.header-7.menu-item-padding, #navigation.header-1.menu-item-padding ul.menu > li > a, #navigation.header-4.menu-item-padding ul.menu > li > a, #navigation.header-7.menu-item-padding ul.menu > li > a { height: 59px; } .is-sticky #navigation.header-10.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-11.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-1.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-4.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-7.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-6.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-9.menu-item-padding ul.menu > li > a { height: 58px; } .is-sticky #navigation.header-10.penci-logo-overflow #logo, .is-sticky #navigation.header-11.penci-logo-overflow #logo { height: 58px !important; } .is-sticky #navigation.header-10 #logo img, .is-sticky #navigation.header-11 #logo img { max-height: 58px; } .is-sticky #navigation.header-11 .menu > li > a, .is-sticky #navigation.header-11 ul.menu > li > a, .is-sticky #navigation.header-10 .menu > li > a, .is-sticky #navigation.header-10 ul.menu > li > a { line-height: 58px; } #navigation.header-10.menu-item-padding, #navigation.header-11.menu-item-padding, #navigation.header-6.menu-item-padding, #navigation.header-9.menu-item-padding, #navigation.header-10.menu-item-padding ul.menu > li > a, #navigation.header-11.menu-item-padding ul.menu > li > a, #navigation.header-6.menu-item-padding ul.menu > li > a, #navigation.header-9.menu-item-padding ul.menu > li > a { height: 81px; } #navigation.header-2.menu-item-padding ul.menu > li > a, #navigation.header-3.menu-item-padding ul.menu > li > a, #navigation.header-5.menu-item-padding ul.menu > li > a, #navigation.header-8.menu-item-padding ul.menu > li > a { height: 60px; margin-top: -1px; } .is-sticky #navigation.header-2.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-3.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-5.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-8.menu-item-padding ul.menu > li > a { height: 58px; margin-top: 0; } #navigation.header-1.menu-item-padding, #navigation.header-4.menu-item-padding, #navigation.header-6.menu-item-padding, #navigation.header-7.menu-item-padding, #navigation.header-9.menu-item-padding { border-top: none !important; } .is-sticky #navigation.menu-item-padding, .is-sticky #navigation.menu-item-padding { height: 58px; border: none !important; } #navigation-sticky-wrapper:not(.is-sticky) .menu .sub-menu, #navigation-sticky-wrapper:not(.is-sticky) .menu .children { margin-top: -1px; } } @-moz-document url-prefix() { #navigation.menu-style-2 ul.menu > li.megamenu > ul.sub-menu:before { top: 0; } } .pcmis-2 .penci-mega-post .penci-mega-meta { position: absolute; left: 0; right: 0; bottom: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); width: 100%; padding: 10px 5px; z-index: 6; } .navigation.menu-style-2 .pcmis-2 .penci-mega-post .penci-mega-meta, #navigation.menu-style-2 .pcmis-2 .penci-mega-post .penci-mega-meta { left: 0; right: 0; width: 100%; padding-bottom: 15px; } #navigation.menu-style-2 .penci-megamenu .pcmis-2.penci-content-megamenu .penci-mega-latest-posts .penci-mega-post, #navigation.menu-style-2 .penci-megamenu .pcmis-3.penci-content-megamenu .penci-mega-latest-posts .penci-mega-post, .navigation.menu-style-2 .penci-megamenu .pcmis-2.penci-content-megamenu .penci-mega-latest-posts .penci-mega-post, .navigation.menu-style-2 .penci-megamenu .pcmis-3.penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { padding-bottom: 0; } .navigation .penci-megamenu .pcmis-2 .penci-mega-thumbnail, #navigation .penci-megamenu .pcmis-2 .penci-mega-thumbnail { margin-bottom: 0; } .penci-megamenu .pcmis-2 .penci-image-holder:before { padding-top: 100%; } #navigation.menu-style-2 .penci-megamenu .pcmis-2 .penci-mega-thumbnail .mega-cat-name, #navigation.menu-style-2 .penci-megamenu .pcmis-3 .penci-mega-thumbnail .mega-cat-name, .navigation.menu-style-2 .penci-megamenu .pcmis-2 .penci-mega-thumbnail .mega-cat-name, .navigation.menu-style-2 .penci-megamenu .pcmis-3 .penci-mega-thumbnail .mega-cat-name { top: 0; bottom: auto; } .navigation .penci-megamenu .pcmis-2 .penci-mega-date, #navigation .penci-megamenu .pcmis-2 .penci-mega-date, #navigation .menu ul.sub-menu li .pcmis-2 .penci-mega-post a, .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.pcmis-2 .penci-mega-post a { color: var(--pcbg-cl); } .pcmis-3 .penci-mega-post .penci-mega-meta { position: absolute; left: 0px; right: 0px; bottom: 10px; width: 100%; z-index: 6; text-align: left; } .navigation .penci-megamenu .pcmis-5 .penci-mega-date, .navigation .pcmis-5 .penci-mega-post .penci-mega-meta h3, .navigation .penci-megamenu .penci-content-megamenu.pcmis-5 .penci-mega-latest-posts .penci-mega-post a, .navigation .penci-megamenu .pcmis-4 .penci-mega-date, .navigation .pcmis-4 .penci-mega-post .penci-mega-meta h3, .navigation .penci-megamenu .penci-content-megamenu.pcmis-4 .penci-mega-latest-posts .penci-mega-post a, .navigation .penci-megamenu .pcmis-3 .penci-mega-date, .navigation .pcmis-3 .penci-mega-post .penci-mega-meta h3, .navigation .penci-megamenu .penci-content-megamenu.pcmis-3 .penci-mega-latest-posts .penci-mega-post a, #navigation .penci-megamenu .pcmis-5 .penci-mega-date, #navigation .pcmis-5 .penci-mega-post .penci-mega-meta h3, #navigation .penci-megamenu .penci-content-megamenu.pcmis-5 .penci-mega-latest-posts .penci-mega-post a, #navigation .penci-megamenu .pcmis-4 .penci-mega-date, #navigation .pcmis-4 .penci-mega-post .penci-mega-meta h3, #navigation .penci-megamenu .penci-content-megamenu.pcmis-4 .penci-mega-latest-posts .penci-mega-post a, #navigation .penci-megamenu .pcmis-3 .penci-mega-date, #navigation .pcmis-3 .penci-mega-post .penci-mega-meta h3, #navigation .penci-megamenu .penci-content-megamenu.pcmis-3 .penci-mega-latest-posts .penci-mega-post a { text-align: inherit; } .navigation .penci-megamenu .pcmis-3 .penci-mega-date time, #navigation .penci-megamenu .pcmis-3 .penci-mega-date time { background: var(--pcbg-cl); display: inline; } .navigation .pcmis-3 .penci-mega-post .penci-mega-meta h3, #navigation .pcmis-3 .penci-mega-post .penci-mega-meta h3 { display: inline; background: #fff; line-height: normal; box-decoration-break: clone; -webkit-box-decoration-break: clone; } .navigation .penci-megamenu .penci-content-megamenu.pcmis-3 .penci-mega-latest-posts .penci-mega-post a, #navigation .penci-megamenu .penci-content-megamenu.pcmis-3 .penci-mega-latest-posts .penci-mega-post a { line-height: normal; } .navigation .pcmis-3 .penci-mega-post .penci-mega-meta h3 a, #navigation .pcmis-3 .penci-mega-post .penci-mega-meta h3 a { display: inline; } #navigation .penci-megamenu .pcmis-3 .penci-mega-thumbnail, .navigation .penci-megamenu .pcmis-3 .penci-mega-thumbnail { margin-bottom: 0; } .pcmis-5 .penci-mega-post .penci-mega-post-inner, .pcmis-4 .penci-mega-post .penci-mega-post-inner { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .pcmis-5 .penci-mega-post .penci-mega-post-inner .penci-mega-thumbnail, .pcmis-4 .penci-mega-post .penci-mega-post-inner .penci-mega-thumbnail { width: 100px; } .pcmis-5 .penci-mega-post .penci-mega-post-inner .penci-mega-meta, .pcmis-4 .penci-mega-post .penci-mega-post-inner .penci-mega-meta { width: calc(100% - 100px) } .pcmis-5 .penci-mega-post .penci-mega-meta, .pcmis-4 .penci-mega-post .penci-mega-meta { text-align: left; padding: 0 0 0 20px; } .navigation .penci-megamenu .pcmis-5 .penci-mega-thumbnail, .navigation .penci-megamenu .pcmis-4 .penci-mega-thumbnail, #navigation .penci-megamenu .pcmis-5 .penci-mega-thumbnail, #navigation .penci-megamenu .pcmis-4 .penci-mega-thumbnail { margin-bottom: 0; } .penci-megamenu .pcmis-4 .penci-image-holder:before { padding-top: 100%; } .penci-megamenu .pcmis-5 .penci-image-holder:before { padding-top: 130px; } .navigation .penci-megamenu .penci-content-megamenu.pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n + 1), #navigation .penci-megamenu .penci-content-megamenu.pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n + 1) { width: 40%; clear: both; } .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n + 1) .penci-mega-post-inner .penci-mega-thumbnail, .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n + 1) .penci-mega-post-inner .penci-mega-meta { width: 100%; padding: 0; } .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n + 1) .penci-mega-post-inner .penci-mega-thumbnail .penci-image-holder:before { padding-top: 280px; } .navigation .penci-megamenu .penci-content-megamenu.pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post, #navigation .penci-megamenu .penci-content-megamenu.pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 30%; } .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n + 1) .penci-mega-post-inner { display: block; } .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n + 1) .penci-mega-post-inner .penci-mega-meta { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); z-index: 9; } .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n + 1) .penci-mega-post-inner .penci-mega-meta h3 a { font-size: 18px; } .navigation.menu-style-2 .penci-megamenu .pcmis-5 .penci-mega-post:nth-child(5n + 1) .penci-mega-meta, #navigation.menu-style-2 .penci-megamenu .pcmis-5 .penci-mega-post:nth-child(5n + 1) .penci-mega-meta { padding: 30px; } @media only screen and (min-width: 960px) and (max-width: 1170px){ .pcmis-4 .penci-mega-latest-posts .penci-mega-post .penci-mega-post-inner .penci-mega-meta h3 a, .pcmis-5 .penci-mega-latest-posts .penci-mega-post .penci-mega-post-inner .penci-mega-meta h3 a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } .navigation .penci-megamenu .penci-content-megamenu.pcmis-2 .penci-mega-post .penci-mega-date, #navigation .penci-megamenu .penci-content-megamenu.pcmis-2 .penci-mega-post .penci-mega-date, .navigation .penci-megamenu .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n+1) .penci-mega-date, #navigation .penci-megamenu .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n+1) .penci-mega-date, #navigation .menu ul.sub-menu li .pcmis-2 .penci-mega-post a:not(:hover), .navigation .menu ul.sub-menu li .pcmis-2 .penci-mega-post a:not(:hover), .navigation .menu ul.sub-menu li .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n+1) a:not(:hover), #navigation .menu ul.sub-menu li .pcmis-5 .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(5n+1) a:not(:hover) { color: #fff; } .navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post .penci-mega-post-inner, #navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post .penci-mega-post-inner { margin: 10px; } .navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post, #navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { padding-bottom: 0 } .menu-style-2 .pcmis-5 .penci-mega-post{ padding-left: 15px; padding-right: 15px; } .navigation .penci-megamenu .pcmit-side.penci-mega-child-categories a.pcmnl-ci, #navigation .penci-megamenu .pcmit-side.penci-mega-child-categories a.pcmnl-ci { font-size: 80%; } /* = Mobile navigation -----------------------------------------------------*/ .penci-menu-hbg, #sidebar-nav { position: fixed; top: 0; height: 100%; z-index: 99997; width: 270px; overflow-y: auto; padding: 30px 20px 20px; background: #ffffff; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); } .penci-menu-hbg.penci-vernav-show { z-index: 100; } @media only screen and (min-width: 961px) { #sidebar-nav { display: none; } } #sidebar-nav #logo { display: none !important; } #sidebar-nav #logo + ul { border-top: 1px solid #dedede; } .penci-menu-hbg { width: 330px; transform: translateX(-330px); -webkit-transform: translateX(-330px); -moz-transform: translateX(-330px); } .admin-bar .penci-menu-hbg { padding-top: 62px; } .open-sidebar-nav #sidebar-nav { left: 270px; } .penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-left { left: 330px; } .penci-menu-hbg::-webkit-scrollbar { width: 0; } #sidebar-nav::-webkit-scrollbar { width: 6px; background: #848484; } #sidebar-nav::-webkit-scrollbar-thumb { background-color: #313131; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #sidebar-nav::-webkit-scrollbar-corner { background-color: #dedede; } #sidebar-nav-logo { padding: 0 20px 20px; text-align: center; margin: 0 0 15px 0; position: relative; } #sidebar-nav-logo:before { content: ""; width: 60px; height: 1px; background: var(--pcaccent-cl); position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .header-social.sidebar-nav-social { margin: 0 0 43px 0; padding: 0 10px; } .header-social.sidebar-nav-social .inner-header-social:before, .header-social.sidebar-nav-social .inner-header-social:after { content: none; } .header-social.sidebar-nav-social a i { color: #313131; } .penci-menu-hbg .header-social.sidebar-nav-social a i { font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .header-social.sidebar-nav-social a i:hover { color: var(--pcaccent-cl); } .penci-menu-hbg .header-social.penci-hbg-social-style-2 a, .penci-menu-hbg .header-social.penci-hbg-social-style-4 a { margin: 0 3px 6px; } .penci-menu-hbg .header-social.penci-hbg-social-style-2 a i, .penci-menu-hbg .header-social.penci-hbg-social-style-4 a i { width: 36px; height: 36px; line-height: 34px; background: none; border: 1px solid #e0e0e0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0; display: inline-block; text-align: center; } .penci-menu-hbg .header-social.penci-hbg-social-style-2 a:hover i { background: var(--pcaccent-cl); border-color: var(--pcaccent-cl); color: #fff; } .penci-menu-hbg .header-social.penci-hbg-social-style-2.hgb-social-style-3 a i, .penci-menu-hbg .header-social.penci-hbg-social-style-4.hgb-social-style-5 a i { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .penci-menu-hbg .header-social.penci-hbg-social-style-4 a i, .penci-menu-hbg .header-social.penci-hbg-social-style-4 a:hover i, .penci-social-colored ul.footer-socials li a i { color: #fff !important; border: none !important; line-height: 36px; } .penci-social-colored a i.pccsi-svg, .penci-social-colored a i.pccsi-img, .penci-social-colored ul.footer-socials li a i.pccsi-img, .penci-social-colored ul.footer-socials li a i.pccsi-svg { background-color: var(--pcci, var(--pcaccent-cl)) !important; } .penci-social-colored ul.footer-socials li a i svg { fill: #fff; } .penci-menu-hbg .header-social.penci-hbg-social-style-4 a:hover i, .penci-social-colored ul.footer-socials li a:hover i { opacity: 0.85; } .tags-share-box.tags-share-box-s2 .post-share-facebook, .pcsoccl-brandbg .pcsc-brandflag.pcsoci-facebook, .penci-social-colored a i.fa-facebook, .penci-social-colored a i.penciicon-facebook, .penci-social-colored a i.fa-facebook-f { background: #0d47a1 !important; } .tags-share-box.tags-share-box-s2 .post-share-twitter, .pcsoccl-brandbg .pcsc-brandflag.pcsoci-twitter, .penci-social-colored a i.penciicon-twitter, .penci-social-colored a i.penciicon-x-twitter, .penci-social-colored a i.fa-twitter { background: #40c4ff !important; } .penci-social-colored a i.fa-google-plus { background: #eb4026 !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-instagram, .penci-social-colored a i.penciicon-instagram, .penci-social-colored a i.fa-instagram { background: #4d7a9e !important; background: radial-gradient(circle farthest-corner at 35% 90%, #ffa100, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #efa11c, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #8f44c7, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d43178, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) !important; } .tags-share-box.tags-share-box-s2 .post-share-pinterest, .pcsoccl-brandbg .pcsc-brandflag.pcsoci-pinterest, .penci-social-colored a i.penciicon-pinterest, .penci-social-colored a i.fa-pinterest { background: #bd081c !important; } .tags-share-box.tags-share-box-s2 .post-share-linkedin, .penci-social-linkedin .penci-social-content, .penci-social-colored a i.fa-linkedin, .penci-social-colored a i.penciicon-linkedin, .penci-social-colored a i.fa-linkedin-in { background: #0077b5 !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-flickr, .penci-social-colored a i.penciicon-flickr, .penci-social-colored a i.fa-flickr { background: #ff0084 !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-behance, .penci-social-colored a i.penciicon-behance, .penci-social-colored a i.fa-behance { background: #053eff !important; } .tags-share-box.tags-share-box-s2 .post-share-tumblr, .penci-social-tumblr .penci-social-content, .penci-social-colored a i.penciicon-tumblr, .penci-social-colored a i.fa-tumblr { background: #34465d !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-youtube, .penci-social-colored a i.fa-youtube-play, .penci-social-colored a i.penciicon-youtube, .penci-social-colored a i.fa-youtube { background: #ff0000 !important; } .tags-share-box.tags-share-box-s2 .post-share-email, .penci-social-email .penci-social-content, .penci-social-colored a i.fa-envelope-o, .penci-social-colored a i.penciicon-email, .penci-social-colored a i.fa-envelope { background: #0084ff !important; } .tags-share-box.tags-share-box-s2 .post-share-vk, .pcsoccl-brandbg .pcsc-brandflag.pcsoci-vk, .penci-social-colored a i.penciicon-vk, .penci-social-colored a i.fa-vk { background: #5181b8 !important; } .tags-share-box.tags-share-box-s2 .post-share-pocket, .penci-social-pocket .penci-social-content, .penci-social-colored a i.fa-pocket { background: #ef4056 !important; } .tags-share-box.tags-share-box-s2 .post-share-skype, .penci-social-skype .penci-social-content, .penci-social-colored a i.fa-skype { background: #00aff0 !important; } .penci-social-heart .penci-social-content, .penci-social-colored a i.fa-heart { background: #000000 !important; } .penci-social-vine .penci-social-content, .penci-social-colored a i.penciicon-vine, .penci-social-colored a i.fa-vine { background: #00b98a !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-soundcloud, .penci-social-colored a i.penciicon-soundcloud, .penci-social-colored a i.fa-soundcloud { background: #f76201 !important; } .penci-social-snapchat .penci-social-content, .penci-social-colored a i.fa-snapchat-ghost, .penci-social-colored a i.penciicon-snapchat, .penci-social-colored a i.fa-snapchat { background: #f6f600 !important; } .penci-social-spotify .penci-social-content, .penci-social-colored a i.penciicon-spotify, .penci-social-colored a i.fa-spotify { background: #22c95c !important; } .penci-social-github .penci-social-content, .penci-social-colored a i.penciicon-github, .penci-social-colored a i.fa-github { background: #302f2f !important; } .penci-social-stack .penci-social-content, .penci-social-colored a i.penciicon-stack-overflow, .penci-social-colored a i.fa-stack-overflow { background: #f7a000 !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-twitch, .penci-social-colored a i.penciicon-twitch, .penci-social-colored a i.fa-twitch { background: #613fa0 !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-vimeo, .penci-social-colored a i.fa-vimeo, .penci-social-colored a i.penciicon-vimeo, .penci-social-colored a i.fa-vimeo-v { background: #00a8e8 !important; } .penci-social-steam .penci-social-content, .penci-social-colored a i.penciicon-steam, .penci-social-colored a i.fa-steam { background: #bcbab8 !important; } .penci-social-xing .penci-social-content, .penci-social-colored a i.penciicon-xing, .penci-social-colored a i.fa-xing { background: #007c7c !important; } .tags-share-box.tags-share-box-s2 .post-share-whatsapp, .penci-social-whatsapp .penci-social-content, .penci-social-colored a i.penciicon-whatsapp, .penci-social-colored a i.fa-whatsapp { background: #00e676 !important; } .penci-social-colored a i.fa-heart-o { background: #000 !important; } .tags-share-box.tags-share-box-s2 .post-share-telegram, .penci-social-telegram .penci-social-content, .penci-social-colored a i.penciicon-telegram, .penci-social-colored a i.fa-telegram { background: #289fd9 !important; } .tags-share-box.tags-share-box-s2 .post-share-reddit, .penci-social-colored a i.penciicon-reddit, .penci-social-reddit .penci-social-content, .penci-social-colored a i.fa-reddit-alien { background: #f74300 !important; } .tags-share-box.tags-share-box-s2 .post-share-ok, .penci-social-odnoklassniki .penci-social-content, .penci-social-colored a i.penciicon-odnoklassniki, .penci-social-colored a i.fa-odnoklassniki { background: #f18f00 !important; } .penci-social-500px .penci-social-content, .penci-social-colored a i.fa-500px { background: #00aaff !important; } .tags-share-box.tags-share-box-s2 .post-share-stumbleupon, .penci-social-stumbleupon .penci-social-content, .penci-social-colored a i.penciicon-stumbleupon, .penci-social-colored a i.fa-stumbleupon { background: #eb4823 !important; } .penci-social-weixin .penci-social-content, .penci-social-colored a i.penciicon-wechat, .penci-social-colored a i.fa-weixin { background: #0fc91c !important; } .penci-social-weibo .penci-social-content, .penci-social-colored a i.penciicon-sina-weibo, .penci-social-colored a i.fa-weibo { background: #df152c !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-rss, .penci-social-colored a i.penciicon-rss, .penci-social-colored a i.fa-rss { background: #f0941a !important; } .penci-social-line .penci-social-content, .penci-social-colored a i.penci-icon-line, .penci-social-colored a i.fa-line, .penci-social-colored a i.penciicon-line-1, .penci-social-colored a i.penciicon-line { background: #01b901 !important; } .tags-share-box.tags-share-box-s2 .post-share-viber, .penci-social-viber .penci-social-content, .penci-social-colored a i.penci-icon-viber, .penci-social-colored a i.penciicon-viber, .penci-social-colored a i.penciicon-viber-1, .penci-social-colored a i.fa-viber { background: #7d51a0 !important; } .penci-social-discord .penci-social-content, .penci-social-colored a i.penci-icon-discord, .penci-social-colored a i.penciicon-discord, .penci-social-colored a i.penciicon-discord-1, .penci-social-colored a i.fa-discord { background: #7289da !important; } .penci-social-colored a i.penciicon-slack, .penci-social-colored a i.fa-slack { background: #611f69 !important; } .penci-social-colored a i.fa-mixcloud { background: #f3b2a6 !important; } .penci-social-colored a i.fa-goodreads, .penci-social-colored a i.penci-icon-goodreads, .penci-social-colored a i.penciicon-goodreads { background: #8a5724 !important; } .penci-social-colored a i.penciicon-tripadvisor, .penci-social-colored a i.fa-tripadvisor { background: #34e0a1 !important; } .pcsoccl-brandbg .pcsc-brandflag.pcsoci-tiktok, .penci-social-colored a i.fa-tiktok, .penci-social-colored a i.penci-icon-tiktok, .penci-social-colored a i.penciicon-tik-tok-1, .penci-social-colored a i.penciicon-tik-tok { background: #fe2c55 !important; } .penci-social-colored a i.penciicon-douban-logo { background: #00b51d !important; } .penci-social-colored a i.penciicon-qq-social-logo-of-a-penguin { background: #4292ff !important; } .tags-share-box.tags-share-box-s2 .post-share-line { background: #01b901 !important; } .tags-share-box.tags-share-box-s2 .post-share-plike { background: var(--pcaccent-cl); } .penci-social-delicious .penci-social-content { background: var(--pcaccent-cl) !important; } .penci-social-dribbble .penci-social-content { background: #ea4c89 !important; } .penci-social-colored a i.penciicon-letter-d { background: #000000 !important; } .penci-social-colored a i.penciicon-blogger, .penci-social-colored a i.penciicon-blogger-1 { background: #ed7800 !important; } .penci-social-colored a i.fa-delicious { background: #0078f0 !important; } .penci-social-colored a i.penciicon-deviantart, .penci-social-colored a i.penciicon-deviantart-1 { background: #01ca3a !important; } .penci-social-colored a i.fa-digg { background: #005be2 !important; } .penci-social-colored a i.penciicon-evernote-1, .penci-social-colored a i.penciicon-evernote { background: #00a32c !important; } .penci-social-colored a i.penciicon-forrst-1, .penci-social-colored a i.penciicon-forrst { background: #054958 !important; } .penci-social-colored a i.penciicon-grooveshark-1, .penci-social-colored a i.penciicon-grooveshark { background: #f75421 !important; } .penci-social-colored a i.penciicon-lastfm { background: #e31b23 !important; } .penci-social-colored a i.penciicon-myspace, .penci-social-colored a i.penciicon-myspace-logo { background: #0037c1 !important; } .penci-social-colored a i.penciicon-brand, .penci-social-colored a i.fa-paypal { background: #0070ba !important; } .penci-social-colored a i.penciicon-skype, .penci-social-colored a i.fa-skype { background: #00aff0 !important; } .penci-social-colored a i.penciicon-windows, .penci-social-colored a i.fa-windows { background: #00adef !important; } .penci-social-colored a i.penciicon-wordpress-logo, .penci-social-colored a i.fa-wordpress { background: #21759b !important; } .penci-social-colored a i.penciicon-yahoo-logo { background: #6001d2 !important; } .penci-social-colored a i.penciicon-y { background: #fc401d !important; } .penci-social-colored a i.fa-globe { background: var(--pcaccent-cl) !important; } .penci-social-colored a i.fa-dribbble { background: #ea4c89 !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-facebook i, .penci-social-textcolored a i.fa-facebook, .penci-social-textcolored a i.penciicon-facebook, .penci-social-textcolored a i.fa-facebook-f { color: #0d47a1 !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-twitter i, .penci-social-textcolored a i.penciicon-twitter, .penci-social-textcolored a i.penciicon-x-twitter, .penci-social-textcolored a i.fa-twitter { color: #40c4ff !important; } .penci-social-textcolored a i.fa-google-plus { color: #eb4026 !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-instagram i, .penci-social-textcolored a i.penciicon-instagram, .penci-social-textcolored a i.fa-instagram { color: #4d7a9e !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-pinterest i, .penci-social-textcolored a i.penciicon-pinterest, .penci-social-textcolored a i.fa-pinterest { color: #bd081c !important; } .penci-social-textcolored a i.penciicon-linkedin, .penci-social-textcolored a i.fa-linkedin, .penci-social-textcolored a i.fa-linkedin-in { color: #0077b5 !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-flickr i, .penci-social-textcolored a i.penciicon-flickr, .penci-social-textcolored a i.fa-flickr { color: #ff0084 !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-behance i, .penci-social-textcolored a i.penciicon-behance, .penci-social-textcolored a i.fa-behance { color: #053eff !important; } .penci-social-textcolored a i.penciicon-tumblr, .penci-social-textcolored a i.fa-tumblr { color: #34465d !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-youtube i, .penci-social-textcolored a i.penciicon-youtube, .penci-social-textcolored a i.fa-youtube-play, .penci-social-textcolored a i.fa-youtube { color: #ff0000 !important; } .penci-social-textcolored a i.penciicon-email, .penci-social-textcolored a i.fa-envelope-o, .penci-social-textcolored a i.fa-envelope { color: #0084ff !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-vk i, .penci-social-textcolored a i.penciicon-vk, .penci-social-textcolored a i.fa-vk { color: #5181b8 !important; } .penci-social-textcolored a i.fa-heart, .penci-social-textcolored a i.fa-heart-o { color: #000000 !important; } .penci-social-textcolored a i.penciicon-vine, .penci-social-textcolored a i.fa-vine { color: #00b98a !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-soundcloud i, .penci-social-textcolored a i.penciicon-soundcloud, .penci-social-textcolored a i.fa-soundcloud { color: #f76201 !important; } .penci-social-textcolored a i.fa-pocket { color: #ef4056 !important; } .penci-social-textcolored a i.penciicon-snapchat, .penci-social-textcolored a i.fa-snapchat-ghost, .penci-social-textcolored a i.fa-snapchat { color: #f6f600 !important; } .penci-social-textcolored a i.penciicon-spotify, .penci-social-textcolored a i.fa-spotify { color: #22c95c !important; } .penci-social-textcolored a i.penciicon-github, .penci-social-textcolored a i.fa-github { color: #302f2f !important; } .penci-social-textcolored a i.penciicon-stack-overflow, .penci-social-textcolored a i.fa-stack-overflow { color: #f7a000 !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-twitch i, .penci-social-textcolored a i.penciicon-twitch, .penci-social-textcolored a i.fa-twitch { color: #613fa0 !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-vimeo i, .penci-social-textcolored a i.penciicon-vimeo, .penci-social-textcolored a i.fa-vimeo, .penci-social-textcolored a i.fa-vimeo-v { color: #00a8e8 !important; } .penci-social-textcolored a i.penciicon-steam, .penci-social-textcolored a i.fa-steam { color: #bcbab8 !important; } .penci-social-textcolored a i.penciicon-xing, .penci-social-textcolored a i.fa-xing { color: #007c7c !important; } .penci-social-textcolored a i.penciicon-whatsapp, .penci-social-textcolored a i.fa-whatsapp { color: #00e676 !important; } .penci-social-textcolored a i.penciicon-telegram, .penci-social-textcolored a i.fa-telegram { color: #289fd9 !important; } .penci-social-textcolored a i.penciicon-reddit, .penci-social-textcolored a i.fa-reddit-alien { color: #f74300 !important; } .penci-social-textcolored a i.penciicon-odnoklassniki, .penci-social-textcolored a i.fa-odnoklassniki { color: #f18f00 !important; } .penci-social-textcolored a i.fa-500px { color: #00aaff !important; } .penci-social-textcolored a i.penciicon-stumbleupon, .penci-social-textcolored a i.fa-stumbleupon { color: #eb4823 !important; } .penci-social-textcolored a i.penciicon-wechat, .penci-social-textcolored a i.fa-weixin { color: #0fc91c !important; } .penci-social-textcolored a i.penciicon-sina-weibo, .penci-social-textcolored a i.fa-weibo { color: #df152c !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-rss i, .penci-social-textcolored a i.penciicon-rss, .penci-social-textcolored a i.fa-rss { color: #f0941a !important; } .penci-social-textcolored a i.penciicon-slack, .penci-social-textcolored a i.fa-slack { color: #611f69 !important; } .penci-social-textcolored a i.fa-mixcloud { color: #f3b2a6 !important; } .penci-social-textcolored a i.fa-goodreads, .penci-social-textcolored a i.penciicon-goodreads, .penci-social-textcolored a i.penci-icon-goodreads { color: #8a5724 !important; } .penci-social-textcolored a i.penciicon-tripadvisor, .penci-social-textcolored a i.fa-tripadvisor { color: #34e0a1 !important; } .pcsoccl-brandtext .pcsc-brandflag.pcsoci-tiktok i, .penci-social-textcolored a i.penciicon-tik-tok-1, .penci-social-textcolored a i.fa-tiktok, .penci-social-textcolored a i.penciicon-tik-tok, .penci-social-textcolored a i.penci-icon-tiktok { color: #fe2c55 !important; } .penci-social-textcolored a i.penciicon-line-1, .penci-social-textcolored a i.penci-icon-line, .penci-social-textcolored a i.penciicon-line, .penci-social-textcolored a i.fa-line { color: #01b901 !important; } .penci-social-textcolored a i.penci-icon-viber, .penci-social-textcolored a i.penciicon-viber, .penci-social-textcolored a i.penciicon-viber-1, .penci-social-textcolored a i.fa-viber { color: #7d51a0 !important; } .penci-social-textcolored a i.penci-icon-discord, .penci-social-textcolored a i.penciicon-discord-1, .penci-social-textcolored a i.penciicon-discord, .penci-social-textcolored a i.fa-discord { color: #7289da !important; } .penci-social-textcolored a i.penciicon-douban-logo { color: #00b51d !important; } .penci-social-textcolored a i.penciicon-qq-social-logo-of-a-penguin { color: #4292ff !important; } .penci-social-textcolored a i.penciicon-letter-d { color: #000000 !important; } .penci-social-textcolored a i.penciicon-blogger, .penci-social-textcolored a i.penciicon-blogger-1 { color: #ed7800 !important; } .penci-social-textcolored a i.fa-delicious { color: #0078f0 !important; } .penci-social-textcolored a i.penciicon-deviantart, .penci-social-textcolored a i.penciicon-deviantart-1 { color: #01ca3a !important; } .penci-social-textcolored a i.fa-digg { color: #005be2 !important; } .penci-social-textcolored a i.penciicon-evernote-1, .penci-social-textcolored a i.penciicon-evernote { color: #00a32c !important; } .penci-social-textcolored a i.penciicon-forrst-1, .penci-social-textcolored a i.penciicon-forrst { color: #054958 !important; } .penci-social-textcolored a i.penciicon-grooveshark-1, .penci-social-textcolored a i.penciicon-grooveshark { color: #f75421 !important; } .penci-social-textcolored a i.penciicon-lastfm { color: #e31b23 !important; } .penci-social-textcolored a i.penciicon-myspace, .penci-social-textcolored a i.penciicon-myspace-logo { color: #0037c1 !important; } .penci-social-textcolored a i.penciicon-brand, .penci-social-textcolored a i.fa-paypal { color: #0070ba !important; } .penci-social-textcolored a i.penciicon-skype, .penci-social-textcolored a i.fa-skype { color: #00aff0 !important; } .penci-social-textcolored a i.penciicon-windows, .penci-social-textcolored a i.fa-windows { color: #00adef !important; } .penci-social-textcolored a i.penciicon-wordpress-logo, .penci-social-textcolored a i.fa-wordpress { color: #21759b !important; } .penci-social-textcolored a i.penciicon-yahoo-logo { color: #6001d2 !important; } .penci-social-textcolored a i.penciicon-y { color: #fc401d !important; } .penci-social-textcolored a i.fa-globe { color: var(--pcaccent-cl) !important; } .penci-social-textcolored a i.fa-dribbble { color: #ea4c89 !important; } .penci-menu-hbg .menu, #sidebar-nav .menu { margin: 0; list-style: none; } .penci-menu-hbg .menu li, #sidebar-nav .menu li { display: block; border-bottom: 1px solid #dedede; padding: 0; margin-bottom: 0; } .penci-menu-hbg .menu li.penci-mega-menu .sub-menu a:empty { padding: 0; display: none; } .penci-menu-hbg .menu li.penci-mega-menu .sub-menu a:blank { padding: 0; display: none; } .penci-menu-hbg .menu li.penci-mega-menu .sub-menu .penci-megamenu a:not(.mega-cat-child) { padding: 0; display: none; } .penci-menu-hbg .menu li.penci-mega-menu .sub-menu .penci-megamenu a.mega-normal-child { padding: 10px 0; display: block; } .penci-menu-hbg .menu > li:last-child, .penci-menu-hbg .menu ul > li:last-child, #sidebar-nav .menu > li:last-child, #sidebar-nav .menu ul > li:last-child { border-bottom: none; } .penci-menu-hbg .menu li a, #sidebar-nav .menu li a { font-size: 13px; font-weight: normal; letter-spacing: 0; text-transform: uppercase; color: #313131; margin: 0; position: relative; padding: 13px 0 13px 0; display: block; line-height: 1.3em; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .penci-menu-hbg .menu li a { text-decoration: none; } .penci-menu-hbg .menu li.menu-item-has-children a, #sidebar-nav .menu li.menu-item-has-children a { padding-right: 17px; } .penci-menu-hbg .menu li a:hover, #sidebar-nav .menu li a:hover { color: var(--pcaccent-cl); } .penci-menu-hbg .menu li a > i, #sidebar-nav .menu li a > i { display: inline-block; margin-right: 5px; } .penci-menu-hbg ul.sub-menu, #sidebar-nav ul.sub-menu { border-top: 1px solid #dedede; display: none; padding: 10px 0 10px 12px; } .penci-menu-hbg ul.sub-menu { margin: 0; } .penci-menu-hbg ul.sub-menu ul.sub-menu, #sidebar-nav ul.sub-menu ul.sub-menu { border: none; padding: 5px 0 5px 12px; } .penci-menu-hbg ul.sub-menu ul.sub-menu, #sidebar-nav ul.sub-menu ul.sub-menu { padding-right: 0; } .penci-menu-hbg ul.sub-menu li, #sidebar-nav ul.sub-menu li { overflow: hidden; border: none; } .penci-menu-hbg ul.sub-menu li a, #sidebar-nav ul.sub-menu li a { margin: 0 0 0 0; padding: 10px 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-menu-hbg .menu li a .indicator, #sidebar-nav .menu li a .indicator { text-decoration: none; position: absolute; top: 0; right: 0; height: 100%; z-index: 20; font-size: 17px; font-style: normal; text-align: right; padding: 11px 0 11px 5px; line-height: 1; color: inherit !important; opacity: 0.85; } .menu li a .indicator .fa-angle-up:before { content: "\f106"; } .penci-menu-hbg .menu .sub-menu li a .indicator, #sidebar-nav .menu .sub-menu li a .indicator { padding: 8px 0 8px 5px; } .penci-menu-hbg .menu li a .indicator:hover, .penci-menu-hbg .menu .sub-menu li a .indicator:hover #sidebar-nav .menu li a .indicator:hover, #sidebar-nav .menu .sub-menu li a .indicator:hover { color: var(--pcaccent-cl); } .penci-menu-hbg ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu, #sidebar-nav ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu { display: block; padding: 0; } .penci-menu-hbg ul.menu > li.megamenu > ul.sub-menu > li > a, #sidebar-nav ul.menu > li.megamenu > ul.sub-menu > li > a { display: none; } .fa-angle-double-up:before { content: "\f102"; } .penci-menu-hbg-overlay, #close-sidebar-nav { position: fixed; visibility: hidden; opacity: 0; text-decoration: none; top: 0; left: 0; font-size: 1.4em; color: #313131; padding: 10px; height: 100%; background: rgba(0, 0, 0, 0.8); right: 0; z-index: 99996; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .penci-menuhbg-open .penci-menu-hbg-overlay { left: 0; opacity: 1; visibility: visible; } .open-sidebar-nav #close-sidebar-nav { left: 270px; opacity: 1; visibility: visible; } #close-sidebar-nav i { display: none; width: 24px; height: 24px; background-color: #fff; line-height: 24px; text-align: center; border-radius: 12px; font-size: 14px; } /* = Menu Humberger -----------------------------------------------------*/ .penci-menu-hbg { background-repeat: no-repeat; background-position: center center; } .penci-menu-hbg #logo { display: none; } .penci-menuhbg-wapper { float: right; width: 18px; margin-right: 12px; text-align: center; } .penci-menuhbg-toggle { padding: 0; width: 18px; line-height: 20px; background-position: right top; background-repeat: no-repeat; box-sizing: content-box; -moz-box-sizing: content-box; display: flex; align-items: center; height: 58px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .penci-menuhbg-toggle .penci-menuhbg-inner { transition: -webkit-transform 0.33s 0.3s ease-in; transition: transform 0.33s 0.3s ease-in; -webkit-transform-origin: center; transform-origin: center; display: block; height: 20px; position: relative; width: 100%; overflow: hidden; } .penci-menuhbg-toggle .penci-lines { height: 2px; display: block; width: 18px; background-color: transparent; position: relative; transition: background 0.2s ease, opacity 0.2s ease; } .penci-menuhbg-toggle .penci-lines:before { top: 5px; transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0s, background-color 0.2s ease, opacity 0.2s ease; } .penci-menuhbg-toggle .penci-lines:after { top: -5px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.08s, background-color 0.2s ease, opacity 0.2s ease; } .penci-menuhbg-toggle .penci-lines:before, .penci-menuhbg-toggle .penci-lines:after { display: block; width: 100%; height: 2px; position: absolute; left: 0; content: ""; background-color: #313131; } .penci-menuhbg-toggle .lines-button { cursor: pointer; line-height: 0 !important; top: 9px; position: relative; font-size: 0 !important; user-select: none; display: block; } .penci-menuhbg-toggle .lines-button.penci-hover-effect { left: -30px; margin-top: -2px; } .penci-menuhbg-toggle .lines-button:after { height: 2px; display: inline-block; width: 100%; position: absolute; left: 0; top: 0; content: ""; background-color: #313131; transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.04s, background-color 0.2s ease, opacity 0.2s ease; } .penci-menuhbg-toggle.closed .penci-menuhbg-inner { transition: -webkit-transform 0.33s 0s ease; transition: transform 0.33s 0s ease; } .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after { background: var(--pcaccent-cl); } .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after { transform: translateX(30px); } .penci-menu-hbg-inner #penci-close-hbg { position: absolute; top: 10px; left: 15px; cursor: pointer; z-index: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: 20px; height: 20px; display: block; overflow: hidden; } .penci-menu-hbg-inner #penci-close-hbg i { display: none; } .admin-bar .penci-menu-hbg #penci-close-hbg { top: 40px; } .penci-menu-hbg-inner #penci-close-hbg:before, .penci-menu-hbg-inner #penci-close-hbg:after { content: ""; height: 100%; width: 2px; backface-visibility: hidden; position: absolute; border-radius: 5px; background: #888; left: 9px; transition: opacity 0.2s ease, background-color 0.2s ease; } .penci-menu-hbg-inner #penci-close-hbg:before { transform: rotate(45deg); } .penci-menu-hbg-inner #penci-close-hbg:after { transform: rotate(-45deg); } .penci-menu-hbg-inner #penci-close-hbg:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } .penci-menu-hbg-inner #penci-close-hbg:hover:before, .penci-menu-hbg-inner #penci-close-hbg:hover:after { background-color: #111; } .penci-menu-hbg-inner .penci-hbg_sitetitle { font-size: 18px; margin-top: 15px; line-height: 1.3; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .penci-menu-hbg-inner .penci-hbg_desc { margin-top: 10px; line-height: 1.45; font-size: 14px; } .penci-menu-hbg-inner .penci-hbg-header { text-align: center; margin-bottom: 30px; } .penci-hbg-header .penci-lazy[src*="penci-holder"] { width: auto; height: auto; } .penci-hbg-header .penci-hbg-logo .penci-lazy[src*="penci-holder"] { background: none; } .penci-menu-hbg-inner .menu-hamburger-navigation { margin-bottom: 30px; } .penci-menu-hbg-widgets1 { margin-top: 40px; } .penci-menu-hbg-widgets2 { margin-top: 40px; } .penci-menu-hbg .penci-sidebar-content .widget { margin-bottom: 40px; } .penci-menu-hbg-inner .header-social.sidebar-nav-social { text-align: left; padding-left: 0; padding-right: 0; margin: 26px -3px 0; } .penci-menu-hbg-inner .penci-hbg-footer { margin-bottom: 0; margin-top: 30px; } .penci_menu_hbg_ftext { line-height: 1.6; } .penci-menu-hbg { padding-bottom: 30px; } .penci-menu-hbg.penci-menu-hbg-left #penci-close-hbg { left: auto; right: 10px; } .penci-menu-hbg-inner .penci-sidebar-content { width: 100% !important; float: none !important; } .penci-menu-hbg.penci-menu-hbg-right { right: 0; left: auto; transform: translateX(330px); -webkit-transform: translateX(330px); -moz-transform: translateX(330px); } .penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-right { transform: translateX(0); } #navigation.header-4 .penci-menuhbg-wapper, #navigation.header-5 .penci-menuhbg-wapper { float: none; vertical-align: top; display: inline-block; } /* = Search -----------------------------------------------------*/ .wrap-social-search { display: inline-block; vertical-align: top; } .pcheader-icon { float: right; width: 20px; text-align: center; } .pcheader-icon.shoping-cart-icon { margin-right: 15px; } .pcheader-icon.shoping-cart-icon.clear-right, #navigation.header-4 .pcheader-icon.shoping-cart-icon, #navigation.header-5 .pcheader-icon.shoping-cart-icon, #navigation.header-6 .pcheader-icon.shoping-cart-icon { margin-right: 0; } .pcheader-icon > a { height: 58px; font-size: 14px; line-height: 58px; color: #313131; cursor: pointer; background: none; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .pcheader-icon.shoping-cart-icon > a { position: relative; } .pcheader-icon.shoping-cart-icon > a > i { font-size: 17px; } .pcheader-icon.shoping-cart-icon > a > span { position: absolute; z-index: 1; width: 14px; height: 14px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; top: calc(50% - 17px); right: -4px; background: var(--pcaccent-cl); color: #fff; text-align: center; white-space: nowrap; line-height: 14px; font-size: 8px; font-family: var(--pcbody-font); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } body:not(.penci-fawesome-ver5) .shoping-cart-icon > a i.fas.fa-shopping-cart { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #navigation.header-6 .pcheader-icon.shoping-cart-icon > a > span { top: 23px; } .is-sticky #navigation.header-6 .pcheader-icon.shoping-cart-icon > a > span { top: 12px; } .pcheader-icon .fa-shopping-bag:before { content: "\f07a"; font-family: FontAwesome; } .penci-fawesome-ver5 .pcheader-icon .fa-shopping-bag:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .show-search { position: absolute; left: 0; width: 100%; top: 0; height: 58px; background: #fff; text-align: left; z-index: 200; display: none; } .show-search form.pc-searchform input.search-input { padding: 15px 35px 15px 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; border: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; color: #313131; height: 58px; line-height: 28px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none; font-weight: normal; letter-spacing: 0; font-size: 13px; } .show-search form.pc-searchform i { display: none; } .header-search-style-overlay .show-search form.pc-searchform i { display: block; font-size: 24px; } .show-search a.close-search { position: absolute; width: 20px; height: 60px; display: inline-block; right: 0; top: 0; z-index: 5; text-align: center; line-height: 60px; font-size: 16px; cursor: pointer; color: #313131; } .show-search a.close-search i { font-size: 70%; } form.pc-searchform .searchsubmit { display: none; } .penci-header-trans .show-search form.pc-searchform input.search-input { padding-left: 15px; } .penci-header-trans .show-search a.close-search { right: 15px; } .header-search-style-showup .penci-top-search { position: relative; } .header-search-style-showup .show-search { left: auto; right: 0; width: 300px; top: 100%; padding: 20px; border-top: 4px solid var(--pcaccent-cl); height: auto !important; visibility: hidden; display: block; -webkit-transition: all 0.27s ease-in-out; -moz-transition: all 0.27s ease-in-out; -o-transition: all 0.27s ease-in-out; transition: all 0.27s ease-in-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); box-shadow: 0 3px 3px rgba(190, 190, 190, 0.6); -webkit-box-shadow: 0 3px 3px rgba(190, 190, 190, 0.6); -moz-box-shadow: 0 3px 3px rgba(190, 190, 190, 0.6); } .header-search-style-showup .show-search, .header-search-style-showup .sticky-wrapper:not(.is-sticky) .show-search, .header-search-style-showup .sticky-wrapper.is-sticky .show-search, .header-search-style-showup .sticky-wrapper:not(.is-sticky) #navigation .show-search { height: auto !important; } .header-search-style-showup .show-search.active { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); visibility: visible; } .header-search-style-showup .show-search:before { visibility: hidden; opacity: 0; content: ""; display: block; position: absolute; top: -9px; right: 5px; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-color: transparent transparent var(--pcaccent-cl) transparent; border-bottom-color: var(--pcaccent-cl); } .header-search-style-showup .show-search.active:before { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header-search-style-showup .sticky-wrapper:not(.is-sticky) .show-search form.pc-searchform input.search-input, .header-search-style-showup .sticky-wrapper.is-sticky .show-search form.pc-searchform input.search-input, .header-search-style-showup .show-search form.pc-searchform input.search-input { border: 1px solid var(--pcborder-cl); border-right: 0; height: 40px !important; padding: 5px 12px !important; position: relative; } .header-search-style-showup .show-search a.close-search { display: none; } .header-search-style-showup .show-search form.pc-searchform .searchsubmit { display: block; border: 0; padding: 0 16px; font-size: 13px; font-weight: var(--pchead-wei); font-family: var(--pchead-font); background-color: var(--pcaccent-cl); color: white; text-transform: uppercase; transition: all 0.3s; cursor: pointer; white-space: nowrap; } .widget.widget_search form.pc-searchform .searchsubmit { display: none; } .header-search-style-showup .show-search .pc-searchform-inner { display: flex; } .header-search-style-showup .search-results-wrapper .penci-dropdown-results { left: -20px; width: calc(100% + 40px); } .header-search-style-showup .penci-builder-element .search-results-wrapper .penci-dropdown-results { left: 0; width: 100%; } /* = Main Navigation -----------------------------------------------------*/ .main-nav-social { display: inline-block; text-align: left; margin: 0 13px 0 0; float: right; line-height: 58px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #navigation.header-4 .main-nav-social, #navigation.header-5 .main-nav-social { float: none; vertical-align: top; margin: 0 0 0 30px; } .main-nav-social .inner-header-social { display: inline-block; vertical-align: top; position: relative; } .main-nav-social a { float: left; display: inline-block; vertical-align: top; margin-right: 10px; color: #313131; font-size: 14px; } .main-nav-social a:last-child { margin-right: 0; } .main-nav-social a:hover { color: var(--pcaccent-cl); } #navigation.header-6 .main-nav-social { line-height: 80px; margin: 0 0 0 30px; } .main-nav-social a i, .pcheader-icon a i, .button-menu-mobile i { line-height: inherit; vertical-align: top; } .is-sticky #navigation.header-6 .main-nav-social { line-height: 58px; } @media only screen and (min-width: 961px) { #navigation.header-9 .main-nav-social, #navigation.header-10 .main-nav-social, #navigation.header-11 .main-nav-social { line-height: 80px; } .is-sticky #navigation.header-9 .main-nav-social, .is-sticky #navigation.header-10 .main-nav-social, .is-sticky #navigation.header-11 .main-nav-social { line-height: 58px; } } #navigation.header-4 .penci-menuhbg-toggle, #navigation.header-5 .penci-menuhbg-toggle, #navigation.header-6 .penci-menuhbg-toggle, #navigation.header-4 .top-search-classes, #navigation.header-5 .top-search-classes, #navigation.header-6 .top-search-classes, #navigation.header-4 .pcheader-icon, #navigation.header-5 .pcheader-icon, #navigation.header-6 .pcheader-icon { margin-left: 15px; } /* = Header -----------------------------------------------------*/ #header { margin-bottom: var(--pchd-mg); position: relative; } .page-template-page-fullwidth #header, .elementor-template-full-width #header, .page-template-page-fullwidth .penci-page-header-wrap, .elementor-template-full-width .penci-page-header-wrap, .single.elementor-template-full-width .post { margin-bottom: 0; } .page-template-page-fullwidth .clear-footer, .elementor-template-full-width .clear-footer { height: 0; margin-bottom: 0; } .header-header-1.has-bottom-line, .header-header-4.has-bottom-line, .header-header-7.has-bottom-line { border-bottom: 1px solid #ececec; } .header-header-1.has-bottom-line.penci-vernav-hide-innerhead, .header-header-4.has-bottom-line.penci-vernav-hide-innerhead, .header-header-7.has-bottom-line.penci-vernav-hide-innerhead { border-bottom: none; } #header .inner-header { width: 100%; background-size: cover; position: relative; background-position: center center; background-repeat: no-repeat; height: auto; } .penci-header-trans #header .inner-header { background: none !important; } #header .inner-header .container { padding: 40px 0; text-align: center; position: relative; overflow: hidden; } .header-style-header-3 #header .inner-header .container { display: table; } @media only screen and (max-width: 767px) { .header-style-header-3 #header .inner-header .container { display: block; } } #logo { text-align: center; } .container.align-left-logo #logo { text-align: left; } .container.has-banner #logo { display: table-cell; vertical-align: middle; width: 400px; } .container.has-banner .header-banner { display: table-cell; vertical-align: middle; width: 770px; text-align: right; } /** header trans **/ .penci-header-trans .penci-header-wrap { position: absolute; z-index: 10000; left: 0; right: 0; } .penci-header-trans .penci-header-wrap #header { margin-bottom: 0; } .penci-header-trans .penci-header-second { box-shadow: none; border: 0; } .penci-header-trans .penci-header-signup-form { margin-top: 0; } .penci-header-trans .is-sticky #logo .penci-logo, .penci-header-trans #logo .penci-logo-sticky { display: none; } .penci-header-trans .is-sticky #logo .penci-logo-sticky { display: block; position: static; visibility: visible; opacity: 1; } .penci-header-trans #navigation.sticky.sticky-active #logo .penci-logo-sticky { display: inline; } .penci-header-trans #navigation.sticky.sticky-active #logo .penci-logo { display: none; } @media only screen and (min-width: 961px) { #navigation.header-11 { background: transparent !important; } #navigation.header-11 > .container { background: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); padding-left: 20px; padding-right: 20px; } #navigation.header-11.header-layout-bottom { box-shadow: none; border: 0; } .penci-header-trans .header-style-header-1 .penci-header-wrap > #navigation:not(.sticky-active), .penci-header-trans .header-style-header-4 .penci-header-wrap > #navigation:not(.sticky-active), .penci-header-trans .header-style-header-7 .penci-header-wrap > #navigation:not(.sticky-active), .penci-header-trans .header-style-header-11 #header > #navigation:not(.sticky-active) .container, .penci-header-trans .header-style-header-10 #header > #navigation:not(.sticky-active), .penci-header-trans .header-style-header-9 #header > #navigation:not(.sticky-active), .penci-header-trans .header-style-header-8 #header > #navigation:not(.sticky-active), .penci-header-trans .header-style-header-6 #header > #navigation:not(.sticky-active), .penci-header-trans .header-style-header-5 #header > #navigation:not(.sticky-active), .penci-header-trans .header-style-header-2 #header > #navigation:not(.sticky-active), .penci-header-trans .header-style-header-3 #header > #navigation:not(.sticky-active) { background: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; } .penci-header-trans .sticky-wrapper:not(.is-sticky) #navigation.header-11 > .container, .penci-header-trans .sticky-wrapper:not(.is-sticky) #navigation { background: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; } #navigation.header-10.penci-logo-overflow #logo, #navigation.header-11.penci-logo-overflow #logo { z-index: 199; position: relative; height: 80px !important; line-height: 1 !important; } #navigation.header-10.penci-logo-overflow #logo a, #navigation.header-11.penci-logo-overflow #logo a { position: absolute; top: 0; width: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #navigation.header-10.penci-logo-overflow #logo img, #navigation.header-11.penci-logo-overflow #logo img { height: auto !important; max-height: inherit; margin-top: 0 !important; z-index: 199; } } @media only screen and (max-width: 960px) { .penci-header-trans #navigation.sticky #logo .penci-logo-sticky, .penci-header-trans #navigation.penci-disable-sticky-nav #logo .penci-logo-sticky, .penci-header-trans .sticky-wrapper #navigation.header-6 #logo .penci-logo-sticky { display: inline; } .penci-header-trans #navigation.sticky #logo .penci-logo, .penci-header-trans #navigation.penci-disable-sticky-nav #logo .penci-logo, .penci-header-trans .sticky-wrapper #navigation.header-6 #logo .penci-logo { display: none; } } /* = Header social & slogan text -----------------------------------------------------*/ .header-slogan { margin: 17px 0 0 0; text-align: center; line-height: 1; } .header-slogan .header-slogan-text { margin: 0; font-size: 14px; font-weight: bold; line-height: 1.5; font-style: italic; color: #313131; display: inline-block; position: relative; font-family: var(--pcbody-font); padding: 0 15px; vertical-align: top; } .header-slogan .header-slogan-text:before, .header-slogan .header-slogan-text:after { content: ""; position: absolute; top: 50%; height: 1px; display: block; width: 60px; background: var(--pcborder-cl); left: 100%; } .header-slogan .header-slogan-text:before { left: auto; right: 100%; } .header-social { display: block; text-align: center; margin: 20px 0 0; } .header-social .inner-header-social { display: inline-block; vertical-align: top; position: relative; } .header-social a { align-items: center; display: inline-flex; vertical-align: middle; margin-right: 13px; } .header-social a:last-child { margin-right: 0; } .header-social a i { font-size: 14px; color: #313131; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; vertical-align: top; } .header-social a:hover i { color: var(--pcaccent-cl); } /* = Featured Slider -----------------------------------------------------*/ .featured-area { margin-top: calc(var(--pchd-mg) * -1 + 4px); margin-bottom: var(--pchd-mg); position: relative; } .penci-block-el.featured-area, .penci-block-vc.featured-area { margin-top: 0 !important; margin-bottom: 0 !important; } .featured-area:before, .featured-area:after { content: ""; display: table; clear: both; } .featured-area.featured-style-2, .featured-area.featured-style-6 { margin-top: calc(var(--pchd-mg) * -1 + 10px); } .penci-vernav-enable #header + .featured-area { margin-top: calc(var(--pchd-mg) * -1); } .penci-vernav-enable #header + .featured-area.featured-style-1, .penci-vernav-enable #header + .featured-area.featured-style-4:not(.style-5), .penci-vernav-enable #header + .featured-area.featured-style-8, .penci-vernav-enable #header + .featured-area.featured-style-10, .penci-vernav-enable #header + .featured-area.featured-style-12, .penci-vernav-enable #header + .featured-area.featured-style-14, .penci-vernav-enable #header + .featured-area.featured-style-16, .penci-vernav-enable #header + .featured-area.featured-style-18, .penci-vernav-enable #header + .featured-area.featured-style-19, .penci-vernav-enable #header + .featured-area.featured-style-20, .penci-vernav-enable #header + .featured-area.featured-style-21, .penci-vernav-enable #header + .featured-area.featured-style-22, .penci-vernav-enable #header + .featured-area.featured-style-23, .penci-vernav-enable #header + .featured-area.featured-style-24, .penci-vernav-enable #header + .featured-area.featured-style-25, .penci-vernav-enable #header + .featured-area.featured-style-26, .penci-vernav-enable #header + .featured-area.featured-style-27, .penci-vernav-enable #header + .featured-area.featured-style-29.style-30, .penci-vernav-enable #header + .featured-area.featured-style-32, .penci-vernav-enable #header + .featured-area.featured-style-35.style-36 { margin-top: calc(30px - var(--pchd-mg)); } .penci-vernav-enable #header + .featured-area.featured-style-28, .penci-vernav-enable #header + .featured-area.featured-style-38 { margin-top: calc(var(--pchd-mg) * -1 + 4px); } .penci-vernav-enable #header + .featured-area.featured-style-2, .penci-vernav-enable #header + .featured-area.featured-style-6, .penci-vernav-enable #header + .featured-area.featured-style-37 { margin-top: calc(var(--pchd-mg) * -1 + 10px); } .penci-vernav-enable #header + .penci-header-signup-form { margin-top: calc(var(--pchd-mg) * -1); } .single.penci-vernav-enable.penci-body-single-style-10.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form, .single.penci-vernav-enable.penci-body-single-style-9.penci-body-title-bellow.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form, .single.penci-vernav-enable.penci-body-single-style-7.penci-body-title-bellow.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form, .single.penci-vernav-enable.penci-body-single-style-4.penci-body-title-bellow.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form, .single.penci-vernav-enable.penci-body-single-style-5.penci-show-pthumb:not(.single-portfolio) #header + .penci-header-signup-form { margin-top: 0; } .featured-area.featured-video { background: #fafafa url('https://zeitungfokus.com/wp-content/themes/myTheme/images/loading.gif') no-repeat center center; } .wrapper-boxed.penci-page-hide-header .featured-area { margin-top: 0; } .dark-layout-enabled .featured-area.featured-video { background-color: #2d2d2d; background-image: url('https://zeitungfokus.com/wp-content/themes/myTheme/images/loading2.gif'); } .featured-area.featured-video > div { visibility: hidden; } .featured-area.featured-video.loaded-wait > div { visibility: visible; } .featured-area.featured-video.loaded-wait { background: none; } /* Carousel Buttons */ .penci-owl-carousel .owl-item .penci-lazy, .penci-owl-carousel .owl-item .owl-lazy { opacity: 1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .penci-slick-carousel .slick-arrow, .penci-owl-carousel .penci-owl-nav .owl-prev, .penci-owl-carousel .penci-owl-nav .owl-next { width: 34px; height: 34px; display: inline-block; vertical-align: top; background: #fff; color: #010101; font-size: 12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: absolute; z-index: 10; top: 50%; margin-top: -18px; left: 20px; line-height: 34px; text-align: center; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; border: none; } .penci-slick-carousel .slick-arrow { padding: 0; } .penci-slick-carousel .slick-arrow i, .penci-owl-carousel .penci-owl-nav .owl-prev i[class^="penciicon-"], .penci-owl-carousel .penci-owl-nav .owl-prev i[class*=" penciicon-"], .penci-owl-carousel .penci-owl-nav .owl-next i[class^="penciicon-"], .penci-owl-carousel .penci-owl-nav .owl-next i[class*=" penciicon-"] { font-weight: bold !important; vertical-align: top; } .penci-slick-carousel .slick-arrow i, .penci-owl-carousel .penci-owl-nav .owl-prev i, .penci-owl-carousel .penci-owl-nav .owl-next i { line-height: inherit; } .penci-nav-visible .penci-owl-nav .owl-prev, .penci-nav-visible .penci-owl-nav .owl-next { opacity: 0.5; } .penci-owl-carousel .penci-owl-nav.disabled { display: none; } .penci-owl-carousel .penci-owl-nav.disabled .owl-prev, .penci-owl-carousel .penci-owl-nav.disabled .owl-next { display: none !important; } .penci-slick-carousel .slick-next, .penci-owl-carousel .penci-owl-nav .owl-next { left: auto; right: 20px; } .penci-slick-carousel .slick-arrow, .penci-owl-carousel:hover .penci-owl-nav .owl-prev, .penci-owl-carousel:hover .penci-owl-nav .owl-next { opacity: 0.8; } .penci-slick-carousel .slick-next:hover, .penci-owl-carousel .penci-owl-nav .owl-prev:hover, .penci-owl-carousel .penci-owl-nav .owl-next:hover { opacity: 1; } .penci-custom-slides .penci-owl-carousel .penci-owl-dots, .penci-owl-carousel .penci-owl-dots { position: absolute; bottom: 15px !important; z-index: 10; width: 100%; text-align: center; left: 0; } .penci-owl-carousel .penci-owl-dots.disabled { display: none !important; } .penci-custom-slides .penci-owl-carousel .penci-owl-dot, .penci-owl-carousel .penci-owl-dot { display: inline-block; margin: 0 3px; vertical-align: top; background: none; border: none; } .penci-owl-carousel .penci-owl-dot span { width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #fff; background: rgba(0, 0, 0, 0.3); display: inline-block; vertical-align: top; transition: 0.3s all ease-in-out; transform: scale(0.75); } .penci-owl-carousel .penci-owl-dot.active span { background: #fff; } .penci-owl-carousel-slider .penci-owl-dot.active span { transform: scale(1); } .penci-enSticky .penci-sticky-ct.elementor-column, .penci-enSticky .penci-sticky-sb.elementor-column { display: block !important; } /*= Featured content -----------------------------------------------------*/ .penci-featured-content { position: absolute; display: block; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 25px; z-index: 9; } .penci-featured-content .feat-text { max-width: 480px; width: 100%; display: block; margin: 0 auto; padding: 23px 10px 21px; position: relative; text-align: center; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: var(--pcfs-delay); -webkit-animation-delay: var(--pcfs-delay); opacity: 0; } .penci-slick-carousel .swiper-slide-active .penci-featured-content .feat-text, .penci-slick-carousel .slick-current .penci-featured-content .feat-text, .penci-owl-carousel.penci-owl-loaded .active .penci-featured-content .feat-text { -webkit-animation-name: pencitextslider; -moz-animation-name: pencitextslider; -o-animation-name: pencitextslider; animation-name: pencitextslider; } @-webkit-keyframes pencifade { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes pencifade { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes pencifade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes pencifade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes pencitextslider { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes pencitextslider { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes pencitextslider { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencitextslider { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencitextslide { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes pencitextslide { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes pencitextslide { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencitextslide { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .penci-featured-content .featured-slider-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: #000; opacity: 0.7; } .penci-featured-content .feat-text .featured-cat { z-index: 3; position: relative; margin-bottom: 5px; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; } .penci-featured-content .feat-text .featured-cat a { color: #fff; text-decoration: none !important; } .penci-featured-content .feat-text h3 { z-index: 3; position: relative; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; } .penci-featured-content .feat-text h3 a { color: #fff; font-size: 24px; text-transform: uppercase; text-decoration: none; } .penci-featured-content .feat-text .feat-meta { z-index: 3; position: relative; margin-top: 6px; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; } .penci-featured-content .feat-text > *:nth-child(1) { animation-delay: var(--pcfs-delay); } .penci-mag-featured-content .feat-text > *:nth-child(1), .penci-featured-content .feat-text > *:nth-child(2) { animation-delay: calc(var(--pcfs-delay) + 0.2s); } .penci-mag-featured-content .feat-text > *:nth-child(2), .penci-featured-content .feat-text > *:nth-child(3) { animation-delay: calc(var(--pcfs-delay) + 0.4s); } .penci-mag-featured-content .feat-text > *:nth-child(3), .penci-featured-content .feat-text > *:nth-child(4) { animation-delay: calc(var(--pcfs-delay) + 0.6s); } .penci-fslider-fmeta, .penci-featured-content .feat-text .feat-meta span { color: #fff; font-size: 13px; } .penci-fslider-fmeta span > time, .feat-meta span > time, span.side-item-meta > time, span.date > time { font-size: inherit; color: inherit; text-decoration: inherit; font-weight: inherit; background: none; font-style: inherit; font-family: inherit; } .penci-fslider-fmeta span a, .penci-featured-content .feat-text .feat-meta span a { color: #fff; font-size: inherit; text-decoration: none !important; } .penci-fslider-fmeta > span:after, .popularpost_meta > span:after, .penci-featured-content .feat-text .feat-meta > span:after { content: ""; display: inline-block; margin: 0 8px 0 12px; width: 0; height: 10px; border-left: 1px solid; opacity: 0.35; color: inherit; } .penci-fslider-fmeta > span:last-of-type:after, .popularpost_meta > span:last-of-type:after, .penci-featured-content .feat-text .feat-meta > span:last-of-type:after { content: none; display: none; } .penci-owl-carousel.penci-owl-loaded .active .feat-text .featured-cat, .penci-owl-carousel.penci-owl-loaded .active .feat-text h3, .penci-owl-carousel.penci-owl-loaded .active .feat-text .feat-meta { -webkit-animation-name: pencitextslide; -moz-animation-name: pencitextslide; -o-animation-name: pencitextslide; animation-name: pencitextslide; } /* Style 1 & 4 */ .featured-style-1 .penci-owl-carousel .penci-image-holder:before { padding-top: 45%; } /* Style 2 */ .featured-style-2 .penci-owl-carousel .penci-image-holder:before { padding-top: 57%; } .featured-style-2 .penci-owl-carousel .swiper-slide { width: 900px; } .featured-style-2 .penci-owl-carousel.penci-owl-loaded .active .penci-featured-content .feat-text, .featured-style-2 .penci-owl-carousel.penci-owl-loaded .active .feat-text .featured-cat, .featured-style-2 .penci-owl-carousel.penci-owl-loaded .active .feat-text h3, .featured-style-2 .penci-owl-carousel.penci-owl-loaded .active .feat-text .feat-meta { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; } .featured-style-2 .penci-owl-carousel.penci-owl-loaded .active .penci-featured-content .feat-text { -webkit-animation-name: pencitextslider; -moz-animation-name: pencitextslider; -o-animation-name: pencitextslider; animation-name: pencitextslider; } .featured-style-2 .penci-owl-carousel.penci-owl-loaded .active .feat-text .featured-cat, .featured-style-2 .penci-owl-carousel.penci-owl-loaded .active .feat-text h3, .featured-style-2 .penci-owl-carousel.penci-owl-loaded .active .feat-text .feat-meta { -webkit-animation-name: pencitextslide; -moz-animation-name: pencitextslide; -o-animation-name: pencitextslide; animation-name: pencitextslide; } /* Style 3 */ .featured-style-3 .penci-featured-content .feat-text { max-width: 500px; } .featured-style-3 .penci-owl-carousel .penci-image-holder:before { padding-top: 0; height: 540px; } /* Style 4 */ .featured-style-4 .penci-owl-carousel .penci-image-holder { width: 67%; } .featured-style-4 .penci-owl-carousel .penci-image-holder:before { height: 526px; padding-top: 0; } .penci-slider4-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 26%, #000 65%); background: -webkit-gradient(linear, left top, right top, color-stop(26%, #000), color-stop(65%, transparent)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 26%, #000 65%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 26%, #000 65%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 26%, #000 65%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 26%, #000 65%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=1); } .featured-style-4 .penci-featured-content { width: 40%; padding: 0 20px; right: 0; z-index: 5; } .featured-style-4 .penci-featured-content .featured-slider-overlay { background: none; } .featured-style-4 .penci-featured-content .feat-text h3 a { font-weight: inherit; letter-spacing: 0; font-size: 26px; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 1.3; font-family: inherit; text-transform: uppercase; } .featured-style-4 .penci-featured-content .feat-text h3 a:hover { opacity: 0.8; } .featured-style-4 .overlay-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .featured-style-4 .penci-featured-content .feat-text .featured-cat { margin-bottom: 2px; } /* Style 6 */ .featured-style-6 .penci-image-holder:before, .featured-style-37 .penci-image-holder:before { padding-top: 64%; } .featured-area .wrapper-item-classess { width: 100%; position: relative; display: inline-block; vertical-align: top; } .penci-item-mag { position: relative; } .featured-style-6 .wrapper-item .penci-item-mag, .featured-style-37 .penci-featured-items-left, .featured-style-37 .penci-featured-items-right { float: left; display: inline-block; width: 32.6%; position: relative; } .featured-style-6 .wrapper-item .penci-item-1, .featured-style-37 .penci-featured-items-left { width: 67.4%; border-right: 10px solid transparent; } .featured-style-6 .wrapper-item .penci-item-2 { border-bottom: 5px solid transparent; } .featured-style-6 .wrapper-item .penci-item-0 { border-top: 5px solid transparent; } .penci-slide-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .penci-slide-overlay .overlay-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #000 100%); background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #000 100%); background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #000 100%); background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #000 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; opacity: 0.7; } .penci-item-mag:hover .penci-slide-overlay .overlay-link { opacity: 0.9; } .penci-slide-overlay .penci-mag-featured-content { position: absolute; bottom: 16px; left: 20px; padding-right: 20px; z-index: 5; opacity: 0; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; width: calc(100% - 20px); } .featured-area .active .penci-mag-featured-content, .featured-area .swiper-slide-visible .penci-mag-featured-content, .featured-style-7 .penci-mag-featured-content, .featured-style-8 .penci-mag-featured-content { opacity: 1; } .penci-mag-featured-content h3 { line-height: 1.3; } .penci-mag-featured-content h3 a { text-decoration: none; text-transform: uppercase; color: #fff; font-size: 16px; } .penci-mag-featured-content h3 a:hover { text-decoration: none; } .featured-style-37 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 24px; } .penci-mag-featured-content .cat > a.penci-cat-name { color: #fff; } .penci-mag-featured-content .cat { margin-bottom: 2px; } .penci-mag-featured-content .feat-meta > span:after { content: ""; display: inline-block; margin: 0 8px 0 12px; width: 0; height: 8px; border-left: 1px solid; opacity: 0.5; } .penci-mag-featured-content .feat-meta { margin-top: 6px; } .penci-mag-featured-content .feat-meta > span:last-child:after { content: none; } .penci-mag-featured-content .feat-meta span, .penci-mag-featured-content .feat-meta a { color: #fff; font-size: 13px; } /* Style 7 */ .featured-style-7 .penci-image-holder:before { padding-top: 100%; } /* Style 8 */ .featured-area.featured-style-14 .wrapper-item-classess, .featured-area.featured-style-20 .wrapper-item-classess, .featured-area.featured-style-21 .wrapper-item-classess, .featured-area.featured-style-22 .wrapper-item-classess, .featured-area.featured-style-23 .wrapper-item-classess, .featured-area.featured-style-25 .wrapper-item-classess, .featured-area.featured-style-26 .wrapper-item-classess, .featured-area.featured-style-27 .wrapper-item-classess { width: calc(100% + 4px); margin-left: -2px; } .featured-style-8 .penci-image-holder:before { padding-top: 135.416%; } .featured-style-8 .wrapper-item .penci-item-mag { position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } /* Style 9 */ .featured-style-9 .penci-image-holder:before { padding-top: 80%; } .featured-style-9 .penci-mag-featured-content h3 a { font-size: 18px; } .featured-style-9 .wrapper-item .penci-item-mag { position: relative; } /* Style 10 */ .featured-style-10 .penci-image-holder:before { padding-top: 120%; } .featured-style-10 .wrapper-item .penci-item-mag { position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } /* Style 11 */ .featured-style-11 .penci-slide-overlay .penci-mag-featured-content, .featured-style-15 .penci-slide-overlay .penci-mag-featured-content { left: 0; padding: 0 20px; text-align: center; width: 100%; } .featured-style-11 .penci-image-holder:before { padding-top: 56%; } .featured-style-11 .penci-mag-featured-content h3 a { font-size: 24px; } .featured-style-11 .wrapper-item .penci-item-mag { position: relative; } /* Style 12 */ .featured-style-12 .penci-mag-featured-content h3 a { font-size: 18px; } .featured-style-12 .wrapper-item .penci-item-mag { position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } .featured-style-7 .penci-slide-overlay .penci-mag-featured-content, .featured-style-8 .penci-slide-overlay .penci-mag-featured-content, .featured-style-9 .penci-slide-overlay .penci-mag-featured-content, .featured-style-10 .penci-slide-overlay .penci-mag-featured-content, .featured-style-12 .penci-slide-overlay .penci-mag-featured-content { text-align: center; } .featured-style-12 .penci-image-holder:before { padding-top: 66.6667%; } /* Style 13 & 15 */ .featured-style-13 .wrapper-item .penci-item-mag, .featured-style-15 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 25%; position: relative; } .featured-style-13 .wrapper-item .penci-item-1, .featured-style-15 .wrapper-item .penci-item-2 { width: 50%; } .featured-style-13 .penci-image-holder:before, .featured-style-15 .penci-image-holder:before { padding-top: 0; height: 500px; } .featured-style-13 .penci-mag-featured-content h3 a, .featured-style-15 .penci-mag-featured-content h3 a { font-size: 18px; } .featured-style-13 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-15 .penci-item-2 .penci-mag-featured-content h3 a { font-size: 24px; } /* Style 14 & 16 */ .featured-style-14 .wrapper-item .penci-item-mag, .featured-style-16 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 25%; position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } .featured-style-14 .wrapper-item .penci-item-1, .featured-style-16 .wrapper-item .penci-item-2 { width: 50%; } .featured-style-14 .penci-image-holder:before, .featured-style-16 .penci-image-holder:before { padding-top: 0; height: 380px; } .featured-style-16 .penci-item-2 .penci-mag-featured-content { left: 0; padding: 0 20px; text-align: center; width: 100%; } .featured-style-14 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-16 .penci-item-2 .penci-mag-featured-content h3 a { font-size: 20px; } /* Style 17 */ .featured-style-17 .wrapper-item .penci-slider17-mag-item { float: left; display: inline-block; width: 25%; position: relative; } .featured-style-17 .wrapper-item .penci-slide17-item-2 { width: 50%; border-left: 4px solid transparent; border-right: 4px solid transparent; } .featured-style-17 .penci-image-holder:before { padding: 0; height: 273px; } .featured-style-17 .penci-slide17-item-2 .penci-image-holder:before { height: 550px; } .featured-style-17 .wrapper-item .penci-item-1, .featured-style-17 .wrapper-item .penci-item-4 { margin-bottom: 4px; } .featured-style-17 .penci-slide-overlay .penci-mag-featured-content { text-align: center; } .featured-style-17 .penci-item-3 .penci-mag-featured-content h3 a { font-size: 24px; } /* Style 18 */ .featured-style-18 .wrapper-item .penci-slider17-mag-item { float: left; display: inline-block; width: 25%; position: relative; } .featured-style-18 .wrapper-item .penci-slide17-item-2 { width: 50%; border-left: 4px solid transparent; border-right: 4px solid transparent; } .featured-style-18 .penci-image-holder:before { padding: 0; height: 198px; } .featured-style-18 .penci-slide17-item-2 .penci-image-holder:before { height: 400px; } .featured-style-18 .wrapper-item .penci-item-1, .featured-style-18 .wrapper-item .penci-item-4 { margin-bottom: 4px; } .featured-style-18 .penci-item-3 .penci-mag-featured-content { text-align: center; } .featured-style-18 .penci-mag-featured-content h3 a { font-size: 14px; } .featured-style-18 .penci-item-3 .penci-mag-featured-content h3 a { font-size: 20px; } /* Style 19 */ .featured-style-19 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 55%; position: relative; } .featured-style-19 .wrapper-item .penci-item-2, .featured-style-19 .wrapper-item .penci-item-3 { width: 45%; } .featured-style-19 .wrapper-item .penci-item-2, .featured-style-19 .wrapper-item .penci-item-0 { border-left: 4px solid transparent; } .featured-style-19 .wrapper-item .penci-item-1, .featured-style-19 .wrapper-item .penci-item-2 { border-bottom: 4px solid transparent; } .featured-style-19 .penci-image-holder:before { height: 275px; padding-top: 0; } .featured-style-19 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-19 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 20px; } /* Style 20 & 21 & 22 */ .featured-style-20 .wrapper-item .penci-item-mag, .featured-style-21 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 33.33333%; position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } .featured-style-22 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 20%; position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } .featured-style-20 .wrapper-item .penci-item-1, .featured-style-20 .wrapper-item .penci-item-2, .featured-style-22 .wrapper-item .penci-item-1, .featured-style-22 .wrapper-item .penci-item-2 { width: 50%; border-bottom: 4px solid transparent; } .featured-style-20 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-20 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-0 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-2 .penci-mag-featured-content h3 a { font-size: 20px; } .featured-style-20 .penci-image-holder:before, .featured-style-21 .penci-image-holder:before { padding-top: 60%; } .featured-style-20 .penci-mag-featured-content, .featured-style-21 .penci-mag-featured-content { text-align: center; } .featured-style-22 .penci-image-holder:before { padding-top: 66.6667%; } /* Style 21 */ .featured-style-21 .wrapper-item .penci-item-4, .featured-style-21 .wrapper-item .penci-item-0 { border-top: 4px solid transparent; width: 50%; } /* Style 22 */ .featured-style-22 .penci-item-1 .penci-mag-featured-content, .featured-style-22 .penci-item-2 .penci-mag-featured-content, .featured-style-23 .penci-item-1 .penci-mag-featured-content, .featured-style-23 .penci-item-2 .penci-mag-featured-content { text-align: center; } .featured-style-22 .penci-item-3 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22 .penci-item-4 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22 .penci-item-5 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22 .penci-item-6 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22 .penci-item-0 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-3 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-4 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-5 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-0 .penci-slide-overlay .penci-mag-featured-content { bottom: 12px; left: 0; width: 100%; padding: 0 15px; text-align: center; } .featured-style-22 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-5 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-6 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-0 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-5 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 14px; text-transform: none; letter-spacing: 0; } /* Style 23 */ .featured-style-23 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 25%; position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } .featured-style-23 .wrapper-item .penci-item-1, .featured-style-23 .wrapper-item .penci-item-2 { width: 50%; border-bottom: 4px solid transparent; } .featured-style-23 .penci-image-holder:before { padding-top: 66.6667%; } .featured-style-23 .penci-item-1 .penci-image-holder:before, .featured-style-23 .penci-item-2 .penci-image-holder:before { padding-top: 60%; } /* Style 24 */ .featured-style-24 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 25%; position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } .featured-style-24 .wrapper-item .penci-item-1, .featured-style-24 .wrapper-item .penci-item-2 { width: 50%; border-bottom: 4px solid transparent; } .featured-style-24 .wrapper-item .penci-item-2 { border-bottom: 4px solid transparent; } .featured-style-24 .penci-image-holder:before { padding: 0; height: 192px; } .featured-style-24 .penci-item-1 .penci-image-holder:before { height: 456px; } .featured-style-24 .penci-item-2 .penci-image-holder:before { height: 260px; } .featured-style-24 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-24 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 14px; letter-spacing: 0; } .featured-style-24 .penci-item-2 .penci-mag-featured-content h3 a { font-size: 20px; } .featured-style-24 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 22px; } /* Style 25 */ .featured-style-25 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 33.33333%; position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } .featured-style-25 .wrapper-item .penci-item-1 { width: 66.66666%; } .featured-style-25 .wrapper-item .penci-item-2, .featured-style-25 .wrapper-item .penci-item-3 { border-bottom: 4px solid transparent; } .featured-style-25 .penci-image-holder:before { padding: 0; height: 170px; } .featured-style-25 .penci-item-1 .penci-image-holder:before { height: 518px; } .featured-style-25 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 24px; } /* Style 26 */ .featured-style-26 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 25%; position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } .featured-style-26 .wrapper-item .penci-item-1 { width: 50%; } .featured-style-26 .wrapper-item .penci-item-2, .featured-style-26 .wrapper-item .penci-item-3 { border-bottom: 4px solid transparent; } .featured-style-26 .penci-image-holder:before { padding: 0; height: 238px; } .featured-style-26 .penci-item-1 .penci-image-holder:before { height: 480px; } .featured-style-26 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 22px; } .featured-style-26 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-26 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-26 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-26 .penci-item-0 .penci-mag-featured-content h3 a { text-transform: none; letter-spacing: 0; } /* Style 27 */ .featured-style-27 .wrapper-item .penci-item-mag { float: left; display: inline-block; width: 33.33333%; position: relative; border-left: 2px solid transparent; border-right: 2px solid transparent; } .featured-style-27 .wrapper-item .penci-item-1 { width: 66.66666%; } .featured-style-27 .wrapper-item .penci-item-1, .featured-style-27 .wrapper-item .penci-item-2 { border-bottom: 4px solid transparent; } .featured-style-27 .penci-image-holder:before { padding: 0; height: 260px; } .featured-style-27 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 22px; } /* Style 28 */ .featured-style-28 .wrapper-item { padding-left: 2px; padding-right: 2px; } .featured-style-28 .wrapper-item .penci-item-mag { width: 300px; } .featured-style-28 .penci-image-holder:before { padding-top: 66.6667%; } .featured-style-28 .wrapper-item .penci-item-1 { width: 606px; } .featured-style-28 .penci-slide-overlay .penci-mag-featured-content { opacity: 1; } .featured-style-28 .wrapper-item .penci-item-2, .featured-style-28 .wrapper-item .penci-item-4, .featured-style-28 .wrapper-item .penci-item-6 { border-bottom: 4px solid transparent; } .featured-style-28 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-28 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-28 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-28 .penci-item-5 .penci-mag-featured-content h3 a, .featured-style-28 .penci-item-6 .penci-mag-featured-content h3 a, .featured-style-28 .penci-item-0 .penci-mag-featured-content h3 a { text-transform: none; letter-spacing: 0; } .featured-style-28 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 22px; } .overlay-icon-format { position: absolute; text-align: center; display: inline-block; width: 36px; height: 36px; line-height: 32px; top: 50%; left: 50%; margin: -18px 0 0 -18px; font-size: 14px; opacity: 0; color: rgba(255, 255, 255, 0.9); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); z-index: 3; background: rgba(0, 0, 0, 0.3); } .overlay-icon-format.lager-size-icon { width: 42px; height: 42px; line-height: 38px; margin: -21px 0 0 -21px; font-size: 16px; } .penci-item-mag:hover .overlay-icon-format { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .overlay-icon-format i.fa-music { margin-right: 3px; } .overlay-icon-format i.fa-play { margin-left: 2px; } .featured-style-27 .penci-item-mag .overlay-icon-format, .featured-style-26 .penci-item-2 .overlay-icon-format, .featured-style-26 .penci-item-3 .overlay-icon-format, .featured-style-26 .penci-item-4 .overlay-icon-format, .featured-style-26 .penci-item-0 .overlay-icon-format, .featured-style-25 .penci-item-2 .overlay-icon-format, .featured-style-25 .penci-item-3 .overlay-icon-format, .featured-style-25 .penci-item-0 .overlay-icon-format, .featured-style-24 .penci-item-2 .overlay-icon-format, .featured-style-24 .penci-item-3 .overlay-icon-format, .featured-style-24 .penci-item-0 .overlay-icon-format, .featured-style-23 .penci-item-3 .overlay-icon-format, .featured-style-23 .penci-item-4 .overlay-icon-format, .featured-style-23 .penci-item-5 .overlay-icon-format, .featured-style-23 .penci-item-0 .overlay-icon-format, .featured-style-22 .penci-item-3 .overlay-icon-format, .featured-style-22 .penci-item-4 .overlay-icon-format, .featured-style-22 .penci-item-5 .overlay-icon-format, .featured-style-22 .penci-item-6 .overlay-icon-format, .featured-style-22 .penci-item-0 .overlay-icon-format, .featured-style-21 .penci-item-1 .overlay-icon-format, .featured-style-21 .penci-item-2 .overlay-icon-format, .featured-style-21 .penci-item-3 .overlay-icon-format, .featured-style-20 .penci-item-3 .overlay-icon-format, .featured-style-20 .penci-item-4 .overlay-icon-format, .featured-style-20 .penci-item-0 .overlay-icon-format, .featured-style-19 .penci-item-mag .overlay-icon-format, .featured-style-18 .penci-item-1 .overlay-icon-format, .featured-style-18 .penci-item-2 .overlay-icon-format, .featured-style-18 .penci-item-4 .overlay-icon-format, .featured-style-18 .penci-item-0 .overlay-icon-format, .featured-style-17 .penci-item-1 .overlay-icon-format, .featured-style-17 .penci-item-2 .overlay-icon-format, .featured-style-17 .penci-item-4 .overlay-icon-format, .featured-style-17 .penci-item-0 .overlay-icon-format, .featured-style-6 .penci-item-2 .overlay-icon-format, .featured-style-6 .penci-item-0 .overlay-icon-format { top: 20px; left: auto; right: 20px; margin: 0; } /* Style 29 & 30 */ .featured-style-29 .penci-image-holder:before { height: 550px; padding: 0; } .featured-style-35 .penci-image-holder:before { height: 600px; padding: 0; } .featured-style-29 .featured-slider-overlay { position: absolute; background: #000; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.3; z-index: 1; } .featured-style-29 .penci-featured-content { z-index: 5; } .featured-style-29 .penci-featured-content .feat-text { width: 100%; max-width: var(--pcctain); margin: 0 auto; padding: 0; } .featured-style-29 .penci-featured-content .feat-text h3 { position: relative; padding-bottom: 15px; } .featured-style-29 .penci-featured-content .feat-text h3:before { width: 60px; height: 0; border-top: 1px solid #fff; left: 50%; margin-left: -30px; bottom: 0; content: ""; position: absolute; } .featured-style-29 .penci-featured-content .feat-text h3 a { font-size: 28px; } .featured-style-38 .penci-featured-slider-button, .featured-style-40 .penci-featured-slider-button, .featured-style-42 .penci-featured-slider-button, .featured-style-39 .penci-featured-slider-button, .featured-style-29 .penci-featured-slider-button { margin-top: 20px; animation-delay: 1s; -webkit-animation-delay: 1s; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .featured-style-29 .penci-featured-slider-button a, .featured-style-38 .penci-featured-slider-button a, .featured-style-39 .penci-featured-slider-button a, .featured-style-40 .penci-featured-slider-button a, .featured-style-42 .penci-featured-slider-button a, .featured-style-35 .penci-featured-slider-button a, .featured-style-38 .penci-featured-slider-button a { height: 36px; line-height: 34px; padding: 0 15px; border: 1px solid #fff; color: #fff; font-family: var(--pchead-font); font-size: 12px; text-transform: uppercase; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; display: inline-block; vertical-align: top; font-weight: var(--pchead-wei); text-decoration: none !important; } .featured-style-29 .penci-featured-slider-button a:hover, .featured-style-38 .penci-featured-slider-button a:hover, .featured-style-39 .penci-featured-slider-button a:hover, .featured-style-40 .penci-featured-slider-button a:hover, .featured-style-35 .penci-featured-slider-button a:hover, .featured-style-42 .penci-featured-slider-button a:hover { background: #fff; color: #010101; text-decoration: none; } .featured-style-29 .penci-featured-content .feat-text .featured-cat a { font-size: 14px; } .featured-style-29 .penci-featured-content .feat-text { opacity: 1; animation-delay: 0s; -webkit-animation-delay: 0s; } .featured-style-29 .penci-owl-carousel.penci-owl-loaded .active .penci-featured-content .feat-text { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; } .featured-style-29 .penci-owl-carousel.penci-owl-loaded .active .penci-featured-slider-button, .featured-style-29 .penci-owl-carousel.penci-owl-loaded .active .penci-featured-content .featured-cat, .featured-style-29 .penci-owl-carousel.penci-owl-loaded .active .penci-featured-content .feat-text h3 { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } /* Style 35 36 */ .penci-featured-content-right { position: absolute; right: 0; width: 450px; top: 0; bottom: 0; height: 100%; display: block; padding-top: 20px; padding-bottom: 20px; } .penci-featured-content-right:before { background: #000; opacity: 0; content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 1; animation-delay: var(--pcfs-delay); -webkit-animation-delay: var(--pcfs-delay); -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .featured-style-35 .penci-owl-carousel.penci-owl-loaded .active .penci-featured-content-right:before { -webkit-animation-name: pencifadeInUpDiv; -moz-animation-name: pencifadeInUpDiv; -o-animation-name: pencifadeInUpDiv; animation-name: pencifadeInUpDiv; } @-webkit-keyframes pencifadeInUpDiv { 0% { opacity: 0; -webkit-transform: translate3d(0, 450px, 0); transform: translate3d(0, 450px, 0); } 100% { opacity: 0.7; -webkit-transform: none; transform: none; } } @keyframes pencifadeInUpDiv { 0% { opacity: 0; -webkit-transform: translate3d(0, 450px, 0); transform: translate3d(0, 450px, 0); } 100% { opacity: 0.7; -webkit-transform: none; transform: none; } } .feat-text-right { position: absolute; display: block; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; left: 0; padding-left: 20px; padding-right: 20px; } .featured-style-35 .penci-featured-content-right { z-index: 5; } .featured-style-35 .feat-text-right h3 a { font-size: 28px; color: #fff; text-transform: uppercase; text-decoration: none; } .featured-style-35 .featured-cat { margin-bottom: 5px; } .featured-style-35 .cat > a.penci-cat-name { color: #fff; } .featured-style-35 .featured-content-excerpt { margin-top: 7px; } .featured-content-excerpt .sd-sharing-enabled { display: none; } .featured-style-35 .featured-content-excerpt p { color: #fff; line-height: 1.6; opacity: 0.85; margin-top: 10px; font-size: 14px; } .featured-style-35 .penci-featured-slider-button { margin-top: 25px; } .featured-style-35 .featured-cat, .featured-style-35 .feat-text-right h3, .featured-style-35 .featured-content-excerpt, .featured-style-35 .penci-featured-slider-button, .featured-style-37 .penci-item-1 .featured-cat, .featured-style-37 .penci-item-1 .feat-text h3, .featured-style-37 .penci-item-1 .feat-meta { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .featured-style-35 .penci-owl-carousel.penci-owl-loaded .active .featured-cat, .featured-style-35 .penci-owl-carousel.penci-owl-loaded .active .feat-text-right h3, .featured-style-35 .penci-owl-carousel.penci-owl-loaded .active .featured-content-excerpt, .featured-style-35 .penci-owl-carousel.penci-owl-loaded .active .penci-featured-slider-button, .featured-style-37 .penci-owl-carousel.penci-owl-loaded .active .featured-cat, .featured-style-37 .penci-owl-carousel.penci-owl-loaded .active .feat-text h3, .featured-style-37 .penci-owl-carousel.penci-owl-loaded .active .feat-text .feat-meta { -webkit-animation-name: pencifadeInUpSmall; -moz-animation-name: pencifadeInUpSmall; -o-animation-name: pencifadeInUpSmall; animation-name: pencifadeInUpSmall; } .feat-text-right > *:nth-child(1) { animation-delay: calc(var(--pcfs-delay) + 0.4s); } .feat-text-right > *:nth-child(2) { animation-delay: calc(var(--pcfs-delay) + 0.6s); } .feat-text-right > *:nth-child(3) { animation-delay: calc(var(--pcfs-delay) + 0.8s); } .feat-text-right > *:nth-child(4) { animation-delay: calc(var(--pcfs-delay) + 1s); } .feat-text-right > *:nth-child(5) { animation-delay: calc(var(--pcfs-delay) + 1.2s); } .featured-style-35 .featured-content-excerpt .feat-meta span { color: #fff; font-size: 13px; } .featured-style-35 .featured-content-excerpt .feat-meta > span:after { content: ""; display: inline-block; margin: 0 8px 0 12px; width: 0; height: 10px; border-left: 1px solid; opacity: 0.35; color: inherit; } .featured-style-35 .featured-content-excerpt .feat-meta > span:last-child:after { content: none; } .featured-style-35 .featured-content-excerpt .feat-meta span a { color: #fff; font-size: inherit; text-decoration: none !important; } .featured-style-35.style-36 .penci-image-holder:before { height: 550px; padding: 0; } .featured-style-35.style-36 .penci-featured-content-right { width: 420px; } /* Style 37 */ .featured-style-37 .penci-featured-items-right > .item:first-child { margin-bottom: 11px; } .featured-style-37 .penci-slide-overlay .penci-mag-featured-content { opacity: 1; text-align: center; } .featured-style-37 .penci-owl-carousel .penci-owl-dots { bottom: 11px; } .featured-style-37 .penci-item-1 .penci-slide-overlay .penci-mag-featured-content { bottom: 46px; } .featured-style-37 .penci-owl-carousel[data-dots="false"] .penci-item-1 .penci-slide-overlay .penci-mag-featured-content { bottom: 16px; } .featured-style-37 .penci-item-1 .featured-cat, .featured-style-37 .penci-item-1 .feat-text h3, .featured-style-37 .penci-item-1 .feat-meta { opacity: 0; } /* Style 38 */ .featured-style-38 .penci-owl-carousel .item { width: 450px; width: 25vw; } .featured-style-38 .penci-image-holder:before { padding-top: 120%; } .penci-slider38-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .featured-style-38 .item:hover .penci-slider38-overlay { opacity: 0.7; } .featured-style-38 .penci-featured-content { z-index: 5; } .featured-style-38 .penci-featured-slider-button { margin-top: 24px; } .featured-slider-excerpt { margin-top: 7px; } .featured-slider-excerpt p { color: #fff; line-height: 1.6; } .featured-style-38 .penci-featured-content .feat-text, .featured-style-38 .penci-owl-carousel .feat-text .featured-cat, .featured-style-38 .penci-owl-carousel .feat-text h3, .featured-style-38 .penci-owl-carousel .feat-text .feat-meta { -webkit-animation-delay: 0 !important; -moz-animation-delay: 0 !important; -o-animation-delay: 0 !important; animation-delay: 0 !important; -webkit-animation-name: none !important; -moz-animation-name: none !important; -o-animation-name: none !important; animation-name: none !important; opacity: 1 !important; } .post-entry .penci-featured-content .feat-text .feat-meta, .post-entry .penci-featured-content .feat-text .featured-cat, .post-entry .penci-mag-featured-content .cat, .post-entry .penci-mag-featured-content .feat-meta, .post-entry .penci-widget-slide-detail .slide-item-date { line-height: 1; } .post-entry .penci-featured-content .feat-text h3, .post-entry .penci-owl-featured-area .feat-text h3, .post-entry .penci-mag-featured-content h3, .post-entry .featured-style-35 .feat-text-right h3, .post-entry .penci-widget-slider h4 { margin-bottom: 0; } .post-entry .penci-widget-slider h4 a:hover { text-decoration: none; } /* = Penci Image Holder -----------------------------------------------------*/ .penci-image-holder { position: relative; width: 100%; background: #f5f5f5; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; overflow: hidden; } .swiper-slide a.penci-image-holder, .swiper-slide .penci-image-holder { display: block; } .penci-image-holder:before { display: block; content: ""; width: 100%; padding-top: 66.6667%; background: none !important; box-shadow: none !important; } .penci-image-holder.penci-list-nocrop-thumb:before { content: none; padding-top: 0; } .penci-image-holder:not([style*='background-image']), .penci-lazy[src*="penci-holder"], .penci-lazy[src*="20xmlns='http://www.w3.org/2000/svg'"], .owl-lazy[src*="20xmlns='http://www.w3.org/2000/svg'"], .penci-holder-load:not([style*='background-image']), .penci-lazy:not(.lazyloaded) { background-image: linear-gradient(to left, #f5f5f5 0%, #efefef 15%, #f5f5f5 40%, #f5f5f5 100%); background-repeat: no-repeat !important; background-color: #f5f5f5; background-size: 900px 1700px !important; animation: pencipreload 0.6s infinite linear forwards; -webkit-animation: pencipreload 0.6s infinite linear forwards; } .penci-lazy[src*="penci-holder"] { width: 100%; height: auto; } .holder-square.penci-lazy[src*="penci-holder"] { height: 0; padding-bottom: 100%; } .about-widget img.penci-lazy[src*="penci-holder"] { opacity: 0; } .instagram-square-lazy.penci-lazy[src*="penci-holder"] { height: 0 !important; padding-bottom: 100% !important; } .penci-sidebar-content .thumbnails.no-border .instagram-square-lazy.penci-lazy[src*="penci-holder"], .footer-widget-wrapper .thumbnails.no-border .instagram-square-lazy.penci-lazy[src*="penci-holder"] { margin: 5px !important; width: calc(100% - 10px) !important; } @-webkit-keyframes pencipreload { from { background-position: -800px 0; } to { background-position: 100px 0; } } @keyframes pencipreload { from { background-position: -800px 0; } to { background-position: 100px 0; } } .penci-image-holder.small-fix-size { width: 120px; } .penci-image-holder.square-fix-size:before { padding-top: 100%; } .penci-image-holder.rectangle-fix-size:before { padding-top: 128%; } .penci-image-holder.slider-style-1-fix { height: 600px; } .penci-image-holder.slider-style-2-fix { width: 900px; } .penci-image-holder.slider-style-2-fix:before { padding-top: 56.7%; } .penci-image-holder.slider-style-7-fix:before { padding-top: 56.6667%; } .penci-image-holder.slider-style-3-fix { height: 560px; } /* = Penci Slider -----------------------------------------------------*/ .featured-style-31 .penci-image-holder:before, .featured-style-32 .penci-image-holder:before { content: none; } .pencislider-item .penci-image-holder { position: relative; } .pencislider-item .penci-image-holder a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 1; } .pencislider-container { position: absolute; display: block; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 40px; z-index: 5; } .pencislider-container .pencislider-content { display: block; margin: 0 auto; max-width: var(--pcctain); } .pencislider-container .pencislider-content .pencislider-title { font-family: var(--pchead-font); font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; font-weight: var(--pchead-wei); } .pencislider-container .pencislider-content .pencislider-title a { color: inherit; font-size: inherit; } .pencislider-container .pencislider-content .pencislider-title span { display: inline-block; vertical-align: top; padding: 5px 12px; color: inherit; font-size: inherit; background-color: rgba(0, 0, 0, 0.4); } .pencislider-container .pencislider-content .pencislider-caption { font-size: 16px; line-height: 1.3em; margin: 15px 0 0; } .pencislider-container .pencislider-content .pencislider-caption span { display: inline-block; vertical-align: top; padding: 5px 12px; color: inherit; font-size: inherit; background-color: rgba(0, 0, 0, 0.4); } .pencislider-container .pencislider-content .penci-button { margin: 25px 0 0; background: none; padding: 0; vertical-align: top; max-width: 100%; } .pencislider-container .pencislider-content .pencislider-button { text-decoration: none; display: inline-block; padding: 11px 20px 11px; text-transform: uppercase; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; font-family: var(--pchead-font); cursor: pointer; font-size: 14px; line-height: 1.3; border: none; position: relative; font-weight: var(--pchead-wei); } .pencislider-container .pencislider-content .pencislider-button:hover { opacity: 0.9; } /* Pencislider Alignment */ .pencislider-container .pencislider-title, .pencislider-container .pencislider-caption, .pencislider-container .pencislider-content .penci-button { text-align: left; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .pencislider-container.align-center .pencislider-title, .pencislider-container.align-center .pencislider-caption, .pencislider-container.align-center .penci-button { text-align: center; } .pencislider-container.align-right .pencislider-title, .pencislider-container.align-right .pencislider-caption, .pencislider-container.align-right .penci-button { text-align: right; } .pencislider-container .pencislider-content > *:nth-child(1) { animation-delay: var(--pcfs-delay); } .pencislider-container .pencislider-content > *:nth-child(2) { animation-delay: calc(var(--pcfs-delay) + 0.2s); } .pencislider-container .pencislider-content > *:nth-child(3) { animation-delay: calc(var(--pcfs-delay) + 0.4s); } /* fadeInDown */ @-webkit-keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .featured-area .active .pencislider-container.penci-fadeInDown .pencislider-title, .featured-area .active .pencislider-container.penci-fadeInDown .pencislider-caption, .featured-area .active .pencislider-container.penci-fadeInDown .pencislider-content .penci-button { -webkit-animation-name: pencifadeInDown; -moz-animation-name: pencifadeInDown; -o-animation-name: pencifadeInDown; animation-name: pencifadeInDown; } /* fadeInUp */ @-webkit-keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .featured-area .active .pencislider-container.penci-fadeInUp .pencislider-title, .featured-area .active .pencislider-container.penci-fadeInUp .pencislider-caption, .featured-area .active .pencislider-container.penci-fadeInUp .pencislider-content .penci-button { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } /* fadeInLeft */ @-webkit-keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .featured-area .active .pencislider-container.penci-fadeInLeft .pencislider-title, .featured-area .active .pencislider-container.penci-fadeInLeft .pencislider-caption, .featured-area .active .pencislider-container.penci-fadeInLeft .pencislider-content .penci-button { -webkit-animation-name: pencifadeInLeft; -moz-animation-name: pencifadeInLeft; -o-animation-name: pencifadeInLeft; animation-name: pencifadeInLeft; } /* fadeInRight */ @-webkit-keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .featured-area .active .pencislider-container.penci-fadeInRight .pencislider-title, .featured-area .active .pencislider-container.penci-fadeInRight .pencislider-caption, .featured-area .active .pencislider-container.penci-fadeInRight .pencislider-content .penci-button { -webkit-animation-name: pencifadeInRight; -moz-animation-name: pencifadeInRight; -o-animation-name: pencifadeInRight; animation-name: pencifadeInRight; } .penci-flat-overlay .penci-slide-overlay .overlay-link { background: none !important; opacity: 0 !important; } .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content { bottom: 0; left: 0; right: 0; padding: 17px 20px; width: 100%; } .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: 0.5; content: ""; z-index: 1; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } .penci-flat-overlay .penci-item-mag:hover .penci-slide-overlay .penci-mag-featured-content:before { opacity: 0.7; } .penci-flat-overlay .feat-text, .penci-flat-overlay .penci-mag-featured-content .cat { position: relative; z-index: 5; } .featured-style-22.penci-flat-overlay .penci-item-3 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22.penci-flat-overlay .penci-item-4 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22.penci-flat-overlay .penci-item-5 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22.penci-flat-overlay .penci-item-6 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22.penci-flat-overlay .penci-item-0 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-3 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-4 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-5 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-0 .penci-slide-overlay .penci-mag-featured-content { bottom: 0; padding: 10px 5px; } .featured-style-28.penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content { padding: 12px 15px; } .featured-style-28.penci-flat-overlay .penci-item-1 .penci-slide-overlay .penci-mag-featured-content { padding: 17px 20px; } /* = CLS for Slider -----------------------------------------------------*/ .penci-owl-carousel:not(.penci-owl-loaded) { display: block; } .penci-owl-carousel:not(.penci-owl-loaded) > div, .penci-owl-carousel:not(.penci-owl-loaded) > .swiper-wrapper > div, .penci-owl-carousel:not(.penci-owl-loaded) > .swiper-wrapper > img, .penci-owl-carousel:not(.penci-owl-loaded) > .swiper-wrapper > figure, .penci-owl-carousel:not(.penci-owl-loaded) .penci-featured-content-right { display: none; } .penci-owl-carousel:not(.penci-owl-loaded) > .swiper-wrapper, .penci-owl-carousel:not(.penci-owl-loaded) > .swiper-wrapper > div:first-child, .penci-owl-carousel:not(.penci-owl-loaded) > .swiper-wrapper > figure:first-child, .penci-owl-carousel:not(.penci-owl-loaded) > .swiper-wrapper > img:first-child { display: block; } .penci-owl-carousel:not(.penci-owl-loaded) > .swiper-wrapper { overflow: hidden; } .featured-style-2 .penci-owl-carousel:not(.penci-owl-loaded) .swiper-wrapper > .item { width: 900px; margin-left: auto; margin-right: auto; } .featured-style-38 .penci-owl-carousel:not(.penci-owl-loaded) .swiper-wrapper > .item { width: 450px; width: 25vw; margin-left: auto; margin-right: auto; position: relative; } @media only screen and (max-width: 1200px) { .featured-style-38 .penci-owl-carousel:not(.penci-owl-loaded) .swiper-wrapper > .item { width: 400px; } } @media only screen and (max-width: 960px) { .featured-style-2 .penci-owl-carousel:not(.penci-owl-loaded) .swiper-wrapper > .item { width: 760px; } } @media only screen and (max-width: 767px) { .featured-style-2 .penci-owl-carousel:not(.penci-owl-loaded) .swiper-wrapper > .item { width: 480px; } } @media only screen and (max-width: 479px) { .featured-style-2 .penci-owl-carousel:not(.penci-owl-loaded) .swiper-wrapper > .item, .featured-style-38 .penci-owl-carousel:not(.penci-owl-loaded) .swiper-wrapper > .item { width: 360px; } } .penci-owl-carousel:not(.penci-owl-loaded) .penci-featured-content { display: none; } .penci-owl-carousel:not(.penci-owl-loaded):before, .penci-owl-carousel:not(.penci-owl-loaded):after { content: ""; clear: both; display: table; } .penci-owl-carousel.penci-headline-posts:not(.penci-owl-loaded):before, .penci-owl-carousel.penci-headline-posts:not(.penci-owl-loaded):after { content: none; clear: none; display: none; } @media only screen and (min-width: 1170px) { .penci-owl-carousel:not(.penci-owl-loaded)[data-item="6"] .swiper-wrapper > div { width: 16.666666%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-item="5"] .swiper-wrapper > div { width: 20%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-item="4"] .swiper-wrapper > div { width: 25%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-item="3"] .swiper-wrapper > div { width: 33.3333%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-item="2"] .swiper-wrapper > div { width: 50%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-item="6"] .swiper-wrapper > div:nth-child(2), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="6"] .swiper-wrapper > div:nth-child(3), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="6"] .swiper-wrapper > div:nth-child(4), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="6"] .swiper-wrapper > div:nth-child(5), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="6"] .swiper-wrapper > div:nth-child(6), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="5"] .swiper-wrapper > div:nth-child(2), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="5"] .swiper-wrapper > div:nth-child(3), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="5"] .swiper-wrapper > div:nth-child(4), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="5"] .swiper-wrapper > div:nth-child(5), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="4"] .swiper-wrapper > div:nth-child(2), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="4"] .swiper-wrapper > div:nth-child(3), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="4"] .swiper-wrapper > div:nth-child(4), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="3"] .swiper-wrapper > div:nth-child(2), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="3"] .swiper-wrapper > div:nth-child(3), .penci-owl-carousel:not(.penci-owl-loaded)[data-item="2"] .swiper-wrapper > div:nth-child(2) { display: block; } } @media only screen and (max-width: 1169px) and (min-width: 768px) { .penci-owl-carousel:not(.penci-owl-loaded)[data-tablet="4"] .swiper-wrapper > div { width: 25%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tablet="4"] .swiper-wrapper > div:nth-child(2), .penci-owl-carousel:not(.penci-owl-loaded)[data-tablet="4"] .swiper-wrapper > div:nth-child(3), .penci-owl-carousel:not(.penci-owl-loaded)[data-tablet="4"] .swiper-wrapper > div:nth-child(4) { display: block; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tablet="3"] .swiper-wrapper > div { width: 33.3333%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tablet="3"] .swiper-wrapper > div:nth-child(2), .penci-owl-carousel:not(.penci-owl-loaded)[data-tablet="3"] .swiper-wrapper > div:nth-child(3) { display: block; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tablet="2"] .swiper-wrapper > div { width: 50%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tablet="2"] .swiper-wrapper > div:nth-child(2) { display: block; } } @media only screen and (max-width: 767px) and (min-width: 481px) { .penci-owl-carousel:not(.penci-owl-loaded)[data-tabsmall="4"] .swiper-wrapper > div { width: 25%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tabsmall="4"] .swiper-wrapper > div:nth-child(2), .penci-owl-carousel:not(.penci-owl-loaded)[data-tabsmall="4"] .swiper-wrapper > div:nth-child(3), .penci-owl-carousel:not(.penci-owl-loaded)[data-tabsmall="4"] .swiper-wrapper > div:nth-child(4) { display: block; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tabsmall="3"] .swiper-wrapper > div { width: 33.3333%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tabsmall="3"] .swiper-wrapper > div:nth-child(2), .penci-owl-carousel:not(.penci-owl-loaded)[data-tabsmall="3"] .swiper-wrapper > div:nth-child(3) { display: block; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tabsmall="2"] .swiper-wrapper > div { width: 50%; float: left; } .penci-owl-carousel:not(.penci-owl-loaded)[data-tabsmall="2"] .swiper-wrapper > div:nth-child(2) { display: block; } } /* = Header Builder ----------------------------*/ .pc-wrapbuilder-header { --pchb-socialw: 28px; --pchb-m-socialw: 28px; } .penci_nav_row { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; margin-left: -10px; margin-right: -10px; } .pchb-boxed-layout .penci_nav_row { margin-left: 10px; margin-right: 10px; } .penci_nav_normal { flex: 0 0 auto; } .pcmiddle-center .penci_nav_left, .pcmiddle-center .penci_nav_center, .pcmiddle-center .penci_nav_right { display: flex; flex-direction: row; align-items: center; } .pcmiddle-center .penci_nav_left, .pcmiddle-center .penci_nav_right { flex: 1 1 0; } .pcmiddle-normal .penci_nav_alignleft, .pcmiddle-center .penci_nav_left { justify-content: flex-start; } .pcmiddle-normal .penci_nav_alignright, .pcmiddle-center .penci_nav_right { justify-content: flex-end; } .pcmiddle-center .penci_nav_aligncenter, .pcmiddle-normal .penci_nav_aligncenter { justify-content: center; } .pcmiddle-normal .penci_nav_center { flex: 1 1 0; } .pc-builder-menu .navigation { background-color: transparent; border: 0; height: auto; } .penci-mobile-midbar, .penci-desktop-sticky-mid, .penci-desktop-midbar, .penci-desktop-sticky-top, .penci-mobile-bottombar, .penci-mobile-topbar, .penci-desktop-sticky-bottom, .penci-desktop-topbar, .penci-desktop-bottombar { padding-top: 10px; padding-bottom: 10px; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; } .penci-mobile-midbar.pc-noel, .penci-desktop-sticky-mid.pc-noel, .penci-desktop-midbar.pc-noel, .penci-desktop-sticky-top.pc-noel, .penci-mobile-bottombar.pc-noel, .penci-mobile-topbar.pc-noel, .penci-desktop-sticky-bottom.pc-noel, .penci-desktop-topbar.pc-noel, .penci-desktop-bottombar.pc-noel { padding-top: 0; padding-bottom: 0; } .penci-desktop-topbar, .penci-desktop-midbar, .penci-desktop-bottombar, .penci-desktop-topblock, .penci-desktop-bottomblock { background-color: #fff; } .penci-header-trans .penci-desktop-topbar, .penci-header-trans .penci-desktop-midbar, .penci-header-trans .penci-desktop-bottombar, .penci-header-trans .penci-desktop-topblock, .penci-header-trans .penci-desktop-bottomblock { background-color: transparent; } .penci_header_overlap .penci-desktop-topbar, .penci_header_overlap .penci-desktop-midbar, .penci_header_overlap .penci-desktop-bottombar, .penci_header_overlap .penci-desktop-topblock, .penci_header_overlap .penci-desktop-bottomblock { background-color: transparent; } .penci-desktop-topbar.bg-transparent, .penci-desktop-midbar.bg-transparent, .penci-desktop-bottombar.bg-transparent, .penci-desktop-topblock.bg-transparent, .penci-desktop-bottomblock.bg-transparent { background-color: transparent !important; } .pc-wrapbuilder-header { margin-bottom: var(--pchd-mg); } .page-template-page-fullwidth .pc-wrapbuilder-header, .elementor-template-full-width .pc-wrapbuilder-header { margin-bottom: 0; } .pc-wrapbuilder-header .header-social .inner-header-social { display: flex; position: relative; } .pc-wrapbuilder-header #penci_off_canvas .header-social .inner-header-social { display: inline-block; } @media only screen and (max-width: 479px) { #penci_off_canvas .penci-builder-element.header-social a { margin-bottom: 10px; } } .pc-wrapbuilder-header .header-social.mobile-social .inner-header-social { justify-content: center; } .single.penci-body-single-style-5 #header, .single.penci-body-single-style-6 #header, .single.penci-body-single-style-10 #header, .single.penci-body-single-style-5 .pc-wrapbuilder-header, .single.penci-body-single-style-6 .pc-wrapbuilder-header, .single.penci-body-single-style-10 .pc-wrapbuilder-header { --pchd-mg: 40px; } /* Navigation */ /* = Navigation -----------------------------------------------------*/ .navigation { background: #fff; height: 60px; z-index: 9999; width: 100%; -webkit-backface-visibility: hidden; border-bottom: 1px solid #ececec; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .navigation.mobile-menu { background-color: transparent; height: unset; } .wrapper-boxed.enable-boxed .navigation { transition: height 0.3s, box-shadow 0.3s; -webkit-transition: height 0.3s, box-shadow 0.3s; -moz-transition: height 0.3s, box-shadow 0.3s; } .navigation.sticky-active { z-index: 99999; } .navigation.header-layout-bottom { box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; border-top: 1px solid #ececec; } .is-sticky .navigation { box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); border-color: transparent !important; } .wrapper-boxed.enable-boxed .is-sticky .navigation { margin: 0 auto; left: 0; right: 0; width: 100%; max-width: calc(var(--pcctain) + 60px); } .penci-body-boxed.penci-two-sidebar .wrapper-boxed.enable-boxed .is-sticky .navigation { max-width: calc(var(--pcctain2) + 30px); } .slicknav_menu { display: none; } .navigation .container { position: relative; display: table; text-align: center; } .navigation .container .inner-top-navigation { display: inline-block; vertical-align: top; } .navigation .menu { float: left; } .navigation ul.menu > li, .navigation .menu > ul > li { display: inline-block; position: relative; float: left; margin-right: 30px; } .navigation .menu > li:last-child, .navigation .menu > ul > li:last-child { margin-right: 0; } .navigation .sub-menu > li > a, .navigation .menu > li > a { font-family: var(--pchead-font); font-size: 12px; color: #313131; text-transform: uppercase; display: inline-block; -o-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; position: relative; font-weight: var(--pchead-wei); text-decoration: none; } .navigation .menu > li > a { line-height: 58px; } .navigation .sub-menu li > a > i, .navigation .menu > li > a > i { font-size: 13px; margin-right: 5px; } .navigation ul.menu > li > a:before, .navigation .menu > ul.sub-menu > li > a:before { content: ""; position: absolute; bottom: calc(50% - 12px); transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; left: 50%; height: 2px; width: 0; background: var(--pcaccent-cl); } .navigation ul.menu > li > a:hover:before, .navigation .menu > ul > li > a:hover:before, .navigation ul.menu > li:hover > a:before, .navigation .menu > ul > li:hover > a:before { left: 0; width: 100%; } .navigation .menu li > a:hover, .navigation .menu li:hover > a, .navigation .menu li.current-menu-item > a, .navigation .menu > li.current_page_item > a, .navigation .menu > li.current-menu-ancestor > a, .navigation .menu > li.current-menu-item > a { color: var(--pcaccent-cl); } .navigation ul.menu > li > a > img, .navigation .menu > ul > li > a > img { vertical-align: middle; } .navigation .button-menu-mobile { display: none; float: left; text-align: center; color: #313131; font-size: 21px; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } @media only screen and (max-width: 960px) { .penci-hlogo-center .penci-mobile-hlogo { float: none; margin: 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; } .penci-mobile-hlogo { display: inline-block; } } .pb-logo-sidebar-mobile { text-align: center; } /* Primary menu dropdown */ .navigation .menu .sub-menu, .navigation .menu .children { visibility: hidden; opacity: 0; position: absolute; left: 0; z-index: 9999; box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -webkit-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -moz-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); border-top: 1px solid #ececec; margin-top: 0; background: #fff; } .navigation ul.menu ul.sub-menu li a { margin: 0 20px; padding: 12px 0; font-size: 12px; min-width: 200px; line-height: 1.4; -moz-transition: color 0.3s, background-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; border-bottom: 1px solid #e0e0e0; text-align: left; border-left: none !important; position: relative; overflow: hidden; vertical-align: top; } .navigation ul.menu ul.sub-menu li, .navigation ul.menu ul ul.sub-menu li { padding-right: 0; margin-right: 0; float: none; position: relative; width: 100%; } .navigation .menu ul.sub-menu > li:last-child > a { border-bottom: none; } .navigation .menu .sub-menu ul, .navigation .menu .children ul { left: 100%; top: 0; } /* Category mega menu */ .navigation .menu li.penci-mega-menu { position: static !important; } #navigation .menu li.penci-block-mega.penci-megapos-center, .navigation .menu li.penci-block-mega.penci-megapos-center, #navigation .menu li.penci-block-mega.penci-megapos-flexible, .navigation .menu li.penci-block-mega.penci-megapos-flexible { position: relative !important; } li.penci-mega-menu > ul.sub-menu { display: none; } #sidebar-nav li.penci-mega-menu .penci-content-megamenu, .penci-menu-hbg li.penci-mega-menu .penci-content-megamenu { display: none !important; } .navigation .menu li.penci-mega-menu > ul.sub-menu { width: 100%; padding: 0 !important; clear: both; display: block; } .navigation .penci-megamenu { width: 100%; display: table; } .navigation .penci-megamenu .penci-mega-child-categories { width: 230px; display: table-cell; vertical-align: top; background: #ffffff; padding: 20px 0; position: relative; } .navigation .penci-megamenu .penci-mega-child-categories.pcmit-bottom { display:table-footer-group; width: 100%; text-align: center; } .navigation .penci-megamenu .penci-mega-child-categories.pcmit-top { display: table-row; width: 100%; text-align: center; } .navigation .penci-megamenu .penci-mega-child-categories:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #ececec; } .navigation ul.sub-menu .penci-megamenu .penci-mega-child-categories a { min-width: 0; display: block; font-size: 12px; text-align: right; line-height: 1.4em; margin: 0; padding: 12px 20px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative; } .navigation ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-top a, .navigation ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-bottom a { display: inline-block; } .navigation ul.sub-menu .penci-megamenu .penci-mega-child-categories a.cat-active { border-top-color: #ececec; border-bottom-color: #ececec; background: #fff; color: var(--pcaccent-cl); z-index: 10; position: relative; } #navigation ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-bottom a.cat-active, .navigation ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-bottom a.cat-active { border-bottom-color: transparent; } #navigation ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-top a.cat-active, .navigation ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-top a.cat-active { border-top-color: transparent; } .navigation .penci-megamenu .penci-mega-child-categories a.cat-active:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #fff; z-index: 1; transition: none; -webkit-transition: none; -moz-transition: none; } .navigation .penci-megamenu .penci-content-megamenu { display: table-cell; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts { padding: 20px 10px 0 10px; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-row { width: 100%; display: none; vertical-align: top; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 20%; padding: 0 10px; float: left; margin-bottom: 15px; position: relative; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 25%; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n + 1), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n + 1) { clear: both; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n + 1), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n + 1) { clear: none; } .penci-megamenu .penci-image-holder:before { padding-top: 66.6667%; } /* For header full width - not in container */ @media only screen and (min-width: 1800px) { .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post { width: 14.2857%; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post { width: 16.66666%; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(7n + 1), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(6n + 1) { clear: both; } } @media only screen and (max-width: 1799px) and (min-width: 1500px) { .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post { width: 16.66666%; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post { width: 20%; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(6n + 1), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(5n + 1) { clear: both; } } @media only screen and (max-width: 1799px) { .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-1 .penci-mega-post:nth-child(7), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-1 .penci-mega-post:nth-child(6), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(14), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(13), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(12), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(11), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(21), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(20), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(19), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(18), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(17), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(16) { display: none; } } @media only screen and (max-width: 1499px) and (min-width: 1170px) { .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post { width: 20%; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post { width: 25%; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(5n + 1), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(4n + 1) { clear: both; } } @media only screen and (max-width: 1499px) { .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-1 .penci-mega-post:nth-child(6), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-1 .penci-mega-post:nth-child(5), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(12), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(11), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(10), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(9), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(18), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(17), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(16), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(15), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(14), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(13) { display: none; } } @media only screen and (max-width: 1169px) { .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post { width: 25%; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post { width: 33.33333%; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7 .penci-mega-post:nth-child(4n + 1), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6 .penci-mega-post:nth-child(3n + 1) { clear: both; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-1 .penci-mega-post:nth-child(5), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-1 .penci-mega-post:nth-child(4), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(10), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-2 .penci-mega-post:nth-child(9), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(8), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-2 .penci-mega-post:nth-child(7), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(15), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(14), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-7.mega-row-3 .penci-mega-post:nth-child(13), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(12), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(11), .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-6.mega-row-3 .penci-mega-post:nth-child(10) { display: none; } } .navigation .penci-megamenu .penci-mega-thumbnail { display: block; margin: 0 0 17px 0; position: relative; } .navigation .penci-megamenu .penci-mega-thumbnail a { width: 100%; } .navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { font-size: 10px; background: var(--pcaccent-cl); text-transform: uppercase; position: absolute; display: inline-block; padding: 0 6px; color: #fff; top: 0; left: 0; z-index: 3; height: 18px; font-weight: normal; text-align: center; line-height: 18px; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a { margin: 0; padding: 0; min-width: 0; border-bottom: none; position: relative; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a:hover { opacity: 0.8; } .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail .mega-cat-name a { font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; color: inherit !important; opacity: 1; padding: 0; margin: 0; text-transform: none; letter-spacing: 0; } .navigation .penci-megamenu .penci-mega-thumbnail img { width: 100%; height: auto; } .navigation .penci-megamenu .post-mega-title { text-align: center; margin: 0; } .navigation .penci-megamenu .post-mega-title a { text-align: center; } .navigation .penci-megamenu .penci-mega-date { line-height: 1; font-size: 12px; color: #999; text-align: center; margin-top: 6px; } /* = Mega menu columns ----------------------------------------------------*/ .navigation ul.menu > li.megamenu { position: static; } .navigation ul.menu > li.megamenu > ul.sub-menu { width: var(--pcctain); padding: 15px 0; display: table; table-layout: fixed; background: #fff; left: 0; } .navigation ul.menu > li.megamenu > ul.sub-menu > li { min-width: 200px; max-width: 300px; display: table-cell; vertical-align: top; padding: 0 5px; margin: 0; position: relative; } .navigation ul.menu > li.megamenu > ul.sub-menu > li:before { left: 0; content: ""; position: absolute; top: 15px; bottom: 15px; width: 1px; display: block; background: #e0e0e0; } .navigation ul.menu > li.megamenu > ul.sub-menu > li:first-child:before { content: none; display: none; } .navigation ul.menu > li.megamenu > ul.sub-menu > li > a { margin: 0 20px; border-bottom: 1px solid #e0e0e0; display: none; } .navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu { visibility: visible; opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; position: static; border: none; } .navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li, .navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li a { display: block; } /* Menu style 2 */ .navigation.menu-style-2 ul.menu > li > a:before, .navigation.menu-style-2 .menu > ul > li > a:before { content: none; display: none; } .navigation ul.menu > li.menu-item-has-children > a:after, .navigation .menu > ul.sub-menu > li.menu-item-has-children > a:after, .navigation ul.menu > li.penci-mega-menu > a:after, .navigation .menu > ul.sub-menu > li.penci-mega-menu > a:after { font-family: FontAwesome; content: "\f107"; margin-left: 5px; color: inherit; font-size: 13px; font-weight: normal; width: auto; display: inline-block; vertical-align: top; line-height: inherit; } .penci-fawesome-ver5 .navigation ul.menu > li.menu-item-has-children > a:after, .penci-fawesome-ver5 .navigation .menu > ul > li.menu-item-has-children > a:after, .penci-fawesome-ver5 .navigation ul.menu > li.penci-mega-menu > a:after, .penci-fawesome-ver5 .navigation .menu > ul > li.penci-mega-menu > a:after { font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; } .navigation.menu-style-2 .menu .sub-menu, .navigation.menu-style-2 .menu .children { border-top: 4px solid #e0e0e0; padding: 8px 0; } .navigation.menu-style-2 ul.menu ul.sub-menu:before { width: 0; height: 4px; top: -4px; position: absolute; background: var(--pcaccent-cl); left: 0; -webkit-transition: width 400ms cubic-bezier(0.87, 0.02, 0.23, 1); -webkit-transition: width 400ms cubic-bezier(0.87, 0.02, 0.23, 1.005); -moz-transition: width 400ms cubic-bezier(0.87, 0.02, 0.23, 1.005); -o-transition: width 500ms cubic-bezier(0.87, 0.02, 0.23, 1.005); transition: width 500ms cubic-bezier(0.87, 0.02, 0.23, 1.005); content: ""; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; } .navigation.menu-style-2 ul.menu li:hover > ul.sub-menu:before, .navigation.menu-style-2 .menu ul li:hover > ul.sub-menu:before { width: 100%; } .navigation.menu-style-2 ul.menu ul.sub-menu a { padding: 8px 0; border: none !important; } .navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts { padding: 0; } .navigation.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { padding: 0 0 15px; margin: 0; position: relative; z-index: 5; } .navigation.menu-style-2 .penci-megamenu .penci-mega-thumbnail { position: relative; z-index: 5; } .navigation.menu-style-2 .penci-megamenu .penci-mega-meta { padding: 0 5px; } .navigation.menu-style-2 .penci-megamenu .post-mega-title { line-height: 1; } .menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post:before { position: absolute; content: ""; right: 0; top: 0; bottom: 0; width: 1px; background: #f1f1f2; z-index: 1; } .navigation.menu-style-2 .penci-megamenu .penci-mega-thumbnail .mega-cat-name { bottom: 0; top: auto; } .navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories { padding: 12px 0; } .navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories:after { background-color: #f1f1f2; } .navigation.menu-style-2 ul.sub-menu .penci-megamenu .penci-mega-child-categories a { min-width: 0; display: block; text-align: left; line-height: 1.4em; margin: 0; padding: 6px 0 6px 20px; position: relative; border: none; background-color: inherit; z-index: 0; } .navigation.menu-style-2 ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-bottom a, .navigation.menu-style-2 ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-top a { padding-top: 20px; padding-bottom: 20px; } .navigation.menu-style-2 ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-bottom a, .navigation.menu-style-2 ul.sub-menu .penci-megamenu .penci-mega-child-categories.pcmit-top a { display: inline-block; } .navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -0.5px; -webkit-transition: width 0.4s ease-in-out; -o-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border-bottom: 1px solid; width: 0; opacity: 0.3; left: 20px; z-index: 1; box-shadow: none; -webkit-box-shadow: none; color: inherit; } .navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a:hover:after { width: calc(100% + 20px); } .navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a span { position: relative; z-index: 2; background-color: inherit; padding-right: 20px; display: inline-block; } .navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a.all-style:before { content: ""; background: #f1f1f2; width: 24px; display: block; height: 1px; margin: 4px 0 17px; opacity: 1; position: static; box-shadow: none; -webkit-box-shadow: none; } .navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories.pcmit-top a.all-style:before, .navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories.pcmit-bottom a.all-style:before { display: none; } .navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a.all-style:after { content: none; display: none; } .navigation.menu-style-2 ul.menu > li.megamenu > ul.sub-menu { padding: 5px 0; } .navigation.menu-style-2 ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu:before { display: none; content: none; } /* = Menu Items Padding -----------------------------------------------------*/ .navigation.menu-item-padding ul.menu > li, .navigation.menu-item-padding .menu > ul > li { margin: 0; } .navigation.menu-item-padding ul.menu > li > a, .navigation.menu-item-padding .menu > ul > li > a { padding: 0 15px; } .navigation.menu-item-padding .menu > li > a:hover, .navigation.menu-item-padding .menu > li:hover > a, .navigation.menu-item-padding .menu > li.current-menu-item > a, .navigation.menu-item-padding .menu > li.current_page_item > a, .navigation.menu-item-padding .menu > li.current-menu-ancestor > a, .navigation.menu-item-padding .menu > li.current-menu-item > a { background-color: #ececec; } .navigation.menu-item-padding ul.menu > li > a:before, .navigation.menu-item-padding .menu > ul > li > a:before { content: none; display: none; } @media only screen and (min-width: 961px) { .is-sticky .navigation.menu-item-padding, .is-sticky .navigation.menu-item-padding { height: 58px; border: none !important; } .navigation-sticky-wrapper:not(.is-sticky) .menu .sub-menu, .navigation-sticky-wrapper:not(.is-sticky) .menu .children { margin-top: -1px; } } @-moz-document url-prefix() { .navigation.menu-style-2 ul.menu > li.megamenu > ul.sub-menu:before { top: 0; } } /* Logo Title */ .penci-header-image-logo, .penci-header-text-logo { --pchb-logo-title-size: 40px; --pchb-logo-title-font: var(--pchead-font); --pchb-logo-title-fw: "400"; --pchb-logo-title-fs: "normal"; --pchb-logo-slogan-size: 14px; --pchb-logo-slogan-font: "inherit"; --pchb-logo-slogan-fw: "400"; --pchb-logo-slogan-fs: "normal"; --pchb-logo-title-color: "inherit"; --pchb-logo-slogan-color: var(--pctext-cl); } .penci-header-text-logo .site-name { font-size: var(--pchb-logo-title-size); font-family: var(--pchb-logo-title-font); font-weight: var(--pchb-logo-title-fw); font-style: var(--pchb-logo-title-fs); color: var(--pchb-logo-title-color); line-height: 1; } .penci-header-image-logo .site-slogan, .penci-header-text-logo .site-slogan { font-size: var(--pchb-logo-slogan-size); font-family: var(--pchb-logo-slogan-font); font-weight: var(--pchb-logo-slogan-fw); font-style: var(--pchb-logo-slogan-fs); color: var(--pchb-logo-slogan-color); line-height: 1.3; margin-top: 12px; } /* Logo Text Mobile*/ .penci_navbar_mobile .penci-header-text-logo { --pchb-m-logo-title-size: 20px; --pchb-m-logo-title-m-size: 20px; --pchb-m-logo-title-font: var(--pchead-font); --pchb-m-logo-title-fw: "400"; --pchb-m-logo-title-fs: "normal"; --pchb-m-logo-slogan-size: 14px; --pchb-m-logo-slogan-m-size: 14px; --pchb-m-logo-slogan-font: "inherit"; --pchb-m-logo-slogan-fw: "400"; --pchb-m-logo-slogan-fs: "normal"; --pchb-m-logo-title-color: "inherit"; --pchb-m-logo-slogan-color: "inherit"; } .penci_navbar_mobile .penci-header-text-logo .site-name { font-size: var(--pchb-m-logo-title-size); font-family: var(--pchb-m-logo-title-font); font-weight: var(--pchb-m-logo-title-fw); font-style: var(--pchb-m-logo-title-fs); color: var(--pchb-m-logo-title-color); line-height: 1; } .penci_navbar_mobile .site-slogan { font-size: var(--pchb-m-logo-slogan-size); font-family: var(--pchb-m-logo-slogan-font); font-weight: var(--pchb-m-logo-slogan-fw); font-style: var(--pchb-m-logo-slogan-fs); color: var(--pchb-m-logo-slogan-color); line-height: 1.3; margin-top: 12px; } /* Logo Sticky */ .pc-logo-sticky { --pchb-logo-s-title-size: 40px; --pchb-logo-s-title-font: var(--pchead-font); --pchb-logo-s-title-fw: "400"; --pchb-logo-s-title-fs: "normal"; --pchb-logo-s-slogan-size: 14px; --pchb-logo-s-slogan-font: "inherit"; --pchb-logo-s-slogan-fw: "400"; --pchb-logo-s-slogan-fs: "normal"; --pchb-logo-s-title-color: "inherit"; --pchb-logo-s-slogan-color: "inherit"; } .pc-logo-sticky.penci-header-text-logo .site-name { font-size: var(--pchb-logo-s-title-size); font-family: var(--pchb-logo-s-title-font); font-weight: var(--pchb-logo-s-title-fw); font-style: var(--pchb-logo-s-title-fs); color: var(--pchb-logo-s-title-color); line-height: 1; } .pc-logo-sticky.penci-header-image-logo .site-slogan, .pc-logo-sticky.penci-header-text-logo .site-slogan { font-size: var(--pchb-logo-s-slogan-size); font-family: var(--pchb-logo-s-slogan-font); font-weight: var(--pchb-logo-s-slogan-fw); font-style: var(--pchb-logo-s-slogan-fs); color: var(--pchb-logo-s-slogan-color); line-height: 1.3; margin-top: 12px; } /* Mobile Sidebar Logo */ .pb-logo-sidebar-mobile { --pchb-logo-sm-title-size: 40px; --pchb-logo-sm-title-font: var(--pchead-font); --pchb-logo-sm-title-fw: "400"; --pchb-logo-sm-title-fs: "normal"; --pchb-logo-sm-slogan-size: 14px; --pchb-logo-sm-slogan-font: "inherit"; --pchb-logo-sm-slogan-fw: "400"; --pchb-logo-sm-slogan-fs: "normal"; --pchb-logo-sm-title-color: "inherit"; --pchb-logo-sm-slogan-color: "inherit"; } .pb-logo-sidebar-mobile.penci-header-text-logo .site-name { font-size: var(--pchb-logo-sm-title-size); font-family: var(--pchb-logo-sm-title-font); font-weight: var(--pchb-logo-sm-title-fw); font-style: var(--pchb-logo-sm-title-fs); color: var(--pchb-logo-sm-title-color); line-height: 1; } .pb-logo-sidebar-mobile.penci-header-image-logo .site-slogan, .pb-logo-sidebar-mobile.penci-header-text-logo .site-slogan { font-size: var(--pchb-logo-sm-slogan-size); font-family: var(--pchb-logo-sm-slogan-font); font-weight: var(--pchb-logo-sm-slogan-fw); font-style: var(--pchb-logo-sm-slogan-fs); color: var(--pchb-logo-sm-slogan-color); line-height: 1.3; margin-top: 12px; } /* Social */ .penci-builder-element.penci-data-time-format { white-space: nowrap; } .penci-builder-element.header-social a i { width: var(--pchb-socialw); height: var(--pchb-socialw); line-height: calc(var(--pchb-socialw) - 2px); background: none; border: 1px solid #e0e0e0; margin: 0; display: inline-block; text-align: center; color: var(--pctext-cl); } .penci-builder-element.header-social.mobile-social a i { width: var(--pchb-m-socialw); height: var(--pchb-m-socialw); line-height: calc(var(--pchb-m-socialw) - 2px); } .penci-builder-element.header-social a:hover i { color: var(--pcaccent-cl); } .penci-builder-element.header-social a { margin-right: 10px; } body:not(.rtl) .penci-builder-element.header-social a:last-child { margin-right: 0 !important; } .penci-builder-element.header-social .penci-social-colored a { transition: opacity 0.3s; } .penci-builder-element.header-social .penci-social-colored a:hover { opacity: 0.85; } .penci-builder-element.header-social .penci-social-colored a i { border: none !important; color: #fff !important; line-height: var(--pchb-socialw); } .penci-builder-element.header-social.mobile-social .penci-social-colored a i { border: none !important; color: #fff !important; line-height: var(--pchb-m-socialw); } .penci-builder-element.header-social .penci-social-simple a i { line-height: 1; width: auto !important; height: auto !important; border-color: transparent !important; background-color: transparent !important; } .penci-builder-element.header-social .penci-social-bordered a i { background-color: transparent; } .penci-builder-element.header-social { margin-top: 0; } .penci-vertical-line { display: inline-block; width: 1px; height: 20px; background-color: var(--pcborder-cl); } .penci-builder-element.header-social .penci-social-circle a i { border-radius: 50%; } /* Main Menu */ .pc-builder-element.pc-main-menu { --pchb-main-menu-font: var(--pchead-font); --pchb-main-menu-fs: 12px; --pchb-main-menu-lh: 58px; --pchb-main-menu-fs_l2: var(--pchb-main-menu-fs); --pchb-main-menu-cl: #313131; --pchb-main-menu-fw: bold; --pchb-main-menu-tt: uppercase; --pchb-main-menu-mg: 30px; --pchb-main-menu-mgi: 0; --pchb-mainm-linect: ""; } .pc-builder-element.pc-main-menu .navigation .menu ul.sub-menu li a, .pc-builder-element.pc-main-menu .navigation .menu > li > a { font-family: var(--pchb-main-menu-font); font-size: var(--pchb-main-menu-fs); font-weight: var(--pchb-main-menu-fw); color: var(--pchb-main-menu-cl); letter-spacing: 0; text-transform: var(--pchb-main-menu-tt); } .pc-builder-element.pc-main-menu .navigation .menu li > a:hover, .pc-builder-element.pc-main-menu .navigation .menu li.current-menu-item > a, .pc-builder-element.pc-main-menu .navigation .menu > li.current_page_item > a, .pc-builder-element.pc-main-menu .navigation .menu > li.current-menu-ancestor > a, .pc-builder-element.pc-main-menu .navigation .menu > li.current-menu-item > a { color: var(--pcaccent-cl); } .pc-builder-element.pc-main-menu .navigation ul.menu ul.sub-menu li a { font-size: var(--pchb-main-menu-fs_l2); } .pc-builder-element.pc-main-menu .navigation ul.menu > li, .pc-builder-element.pc-main-menu .navigation .menu > ul > li { margin-right: var(--pchb-main-menu-mg); } .pc-builder-element.pc-main-menu .navigation ul.menu > li:last-child { margin-right: 0; } .pc-builder-element.pc-main-menu .navigation .menu > li > a { line-height: var(--pchb-main-menu-lh); } .pc-builder-element.pc-main-menu .navigation.menu-item-padding ul.menu > li > a, .pc-builder-element.pc-main-menu .navigation.menu-item-padding .menu > ul > li > a { padding-left: calc(var(--pchb-main-menu-mg) / 2); padding-right: calc(var(--pchb-main-menu-mg) / 2); } .pc-builder-element.pc-main-menu .navigation.menu-item-padding ul.menu > li:not(:last-child), .pc-builder-element.pc-main-menu .navigation.menu-item-padding .menu > ul > li:not(:last-child) { margin-right: var(--pchb-main-menu-mgi); } /* Secondary Menu */ .pc-builder-element.pc-second-menu { --pchb-second-menu-font: var(--pchead-font); --pchb-second-menu-fs: 12px; --pchb-second-menu-lh: 58px; --pchb-second-menu-fs_l2: var(--pchb-second-menu-fs); --pchb-second-menu-cl: #313131; --pchb-second-menu-fw: bold; --pchb-second-menu-tt: uppercase; --pchb-second-menu-mg: 30px; --pchb-second-menu-mgi: 0; --pchb-secondm-linect: ""; } .pc-builder-element.pc-second-menu .navigation .menu ul.sub-menu li a, .pc-builder-element.pc-second-menu .navigation .menu > li > a { font-family: var(--pchb-second-menu-font); font-size: var(--pchb-second-menu-fs); font-weight: var(--pchb-second-menu-fw); color: var(--pchb-second-menu-cl); text-transform: var(--pchb-second-menu-tt); } .pc-builder-element.pc-second-menu .navigation .menu li > a:hover, .pc-builder-element.pc-second-menu .navigation .menu li.current-menu-item > a, .pc-builder-element.pc-second-menu .navigation .menu > li.current_page_item > a, .pc-builder-element.pc-second-menu .navigation .menu > li.current-menu-ancestor > a, .pc-builder-element.pc-second-menu .navigation .menu > li.current-menu-item > a { color: var(--pcaccent-cl); } .pc-builder-element.pc-second-menu .navigation ul.menu ul.sub-menu li a { font-size: var(--pchb-second-menu-fs_l2); } .pc-builder-element.pc-second-menu .navigation ul.menu > li, .pc-builder-element.pc-second-menu .navigation .menu > ul > li { margin-right: var(--pchb-second-menu-mg); } .pc-builder-element.pc-second-menu .navigation ul.menu > li:last-child, .pc-builder-element.pc-second-menu .navigation .menu > ul > li:last-child { margin-right: 0; } .pc-builder-element.pc-second-menu .navigation .menu > li > a { line-height: var(--pchb-second-menu-lh); } .pc-builder-element.pc-second-menu .navigation.menu-item-padding ul.menu > li > a, .pc-builder-element.pc-second-menu .navigation.menu-item-padding .menu > ul > li > a { padding-left: calc(var(--pchb-second-menu-mg) / 2); padding-right: calc(var(--pchb-second-menu-mg) / 2); } .pc-builder-element.pc-second-menu .navigation.menu-item-padding ul.menu > li:not(:last-child), .pc-builder-element.pc-second-menu .navigation.menu-item-padding .menu > ul > li:not(:last-child) { margin-right: var(--pchb-second-menu-mgi); } /* Third Menu */ .pc-builder-element.pc-third-menu { --pchb-third-menu-font: var(--pchead-font); --pchb-third-menu-fs: 12px; --pchb-third-menu-lh: 58px; --pchb-third-menu-fs_l2: var(--pchb-third-menu-fs); --pchb-third-menu-cl: #313131; --pchb-third-menu-fw: bold; --pchb-third-menu-tt: uppercase; --pchb-third-menu-mg: 30px; --pchb-third-menu-mgi: 0; --pchb-thirdm-linect: ""; } .pc-builder-element.pc-third-menu .navigation .menu ul.sub-menu li a, .pc-builder-element.pc-third-menu .navigation .menu > li > a { font-family: var(--pchb-third-menu-font); font-size: var(--pchb-third-menu-fs); font-weight: var(--pchb-third-menu-fw); color: var(--pchb-third-menu-cl); text-transform: var(--pchb-third-menu-tt); } .pc-builder-element.pc-third-menu .navigation .menu li > a:hover, .pc-builder-element.pc-third-menu .navigation .menu li.current-menu-item > a, .pc-builder-element.pc-third-menu .navigation .menu > li.current_page_item > a, .pc-builder-element.pc-third-menu .navigation .menu > li.current-menu-ancestor > a, .pc-builder-element.pc-third-menu .navigation .menu > li.current-menu-item > a { color: var(--pcaccent-cl); } .pc-builder-element.pc-third-menu .navigation ul.menu ul.sub-menu li a { font-size: var(--pchb-third-menu-fs_l2); } .pc-builder-element.pc-third-menu .navigation ul.menu > li, .pc-builder-element.pc-third-menu .navigation .menu > ul > li { margin-right: var(--pchb-third-menu-mg); } .pc-builder-element.pc-third-menu .navigation ul.menu > li:last-child, .pc-builder-element.pc-third-menu .navigation .menu > ul > li:last-child { margin-right: 0; } .pc-builder-element.pc-third-menu .navigation .menu > li > a { line-height: var(--pchb-third-menu-lh); } .pc-builder-element.pc-builder-menu .pcremove-lineh ul.menu > li > a:before { content: none; } .pc-builder-element.pc-third-menu .navigation.menu-item-padding ul.menu > li > a, .pc-builder-element.pc-third-menu .navigation.menu-item-padding .menu > ul > li > a { padding-left: calc(var(--pchb-third-menu-mg) / 2); padding-right: calc(var(--pchb-third-menu-mg) / 2); } .pc-builder-element.pc-third-menu .navigation.menu-item-padding ul.menu > li:not(:last-child), .pc-builder-element.pc-third-menu .navigation.menu-item-padding .menu > ul > li:not(:last-child) { margin-right: var(--pchb-third-menu-mgi); } /* Trending*/ .penci-builder-element.penci-topbar-trending .penci-owl-carousel .swiper-slide { background-color: transparent; } .penci-builder-element.penci-topbar-trending a.penci-topbar-post-title { color: var(--pcheading-cl); } @keyframes Penci-FadeDown { from { transform: translate3d(0, -100%, 0); } to { transform: none; } } @keyframes Penci-FadeUp { from { transform: none; } to { transform: translate3d(0, -100%, 0); } } .penci_header.penci_builder_sticky_header_desktop { position: fixed; top: 0; left: 0; right: 0; z-index: 9998; opacity: 0; visibility: hidden; transition: visibility 0.1s ease, opacity 0.1s ease, transform 0.3s ease; transform: translate3d(0, -100%, 0); background-color: #fff; border-style: solid; border-width: 0; } .penci_header.main-builder-header { border-width: 0; } body.admin-bar .penci_header.penci_builder_sticky_header_desktop { top: 32px; } .penci_header.penci_builder_sticky_header_desktop.sticky-apply { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .penci_header.main-builder-header.ns-apply .navigation .menu .sub-menu, .penci_header.main-builder-header.ns-apply .navigation .menu .penci-dropdown { display: none; } .penci_navbar_mobile { background: var(--pcbg-cl); } .penci_navbar_mobile.mobile-overlap { position: absolute; top: 0; right: 0; left: 0; z-index: 9996; background: transparent; } body.admin-bar .penci_navbar_mobile.mobile-overlap { top: 46px; } body.admin-bar .penci_navbar_mobile.mobile-overlap.mobile-sticky { top: 0; } .penci_navbar_mobile.mobile-sticky.hide-scroll-down, .penci_navbar_mobile.mobile-sticky.hide-scroll-down.scrolldown, .penci_header.penci_builder_sticky_header_desktop.sticky-apply.hide-scroll-down.scrolldown { opacity: 0; visibility: hidden; transform: translate3d(0, -100%, 0); } .penci_navbar_mobile.mobile-sticky.hide-scroll-down.scrollup, .penci_header.penci_builder_sticky_header_desktop.sticky-apply.hide-scroll-down.scrollup { opacity: 1; visibility: visible; display: block; transform: translate3d(0, 0, 0); } .penci-header-image-logo img, .penci_builder_sticky_header_desktop .penci-header-image-logo img { width: auto; height: auto; } .pc-builder-element .search-click, .pc-builder-element.penci-top-search .search-click { height: unset; line-height: unset; display: inline-block; } @media only screen and (min-width: 961px) { .penci_navbar_mobile.mobile-sticky, .penci_navbar_mobile.mobile-sticky.hide-scroll-down.scrollup, .penci_navbar_mobile { display: none; } } @media only screen and (max-width: 960px) { .penci_builder_sticky_header_desktop, .penci_header.penci-header-builder.main-builder-header, .penci_header.penci_builder_sticky_header_desktop, .penci_header.penci_builder_sticky_header_desktop.sticky-apply { display: none !important; } } .penci_header.penci-header-builder.penci_header_overlap { position: absolute; top: 0; right: 0; left: 0; z-index: 9996; } body.admin-bar .penci_header.penci-header-builder.penci_header_overlap { top: 32px; } @media only screen and (max-width: 479px) { .penci_navbar_mobile .container { padding-left: 10px; padding-right: 10px; } } .penci_navbar_mobile .navigation { border: 0; } .penci_navbar_mobile .navigation .button-menu-mobile { display: block; } .penci-header-builder.shadow-enable, .penci_navbar_mobile.mobile-sticky.shadow-enable, .penci_builder_sticky_header_desktop.shadow-enable { box-shadow: 0 1px 5px rgba(190, 190, 190, 0.46); -webkit-box-shadow: 0 1px 5px rgba(190, 190, 190, 0.46); -moz-box-shadow: 0 1px 5px rgba(190, 190, 190, 0.46); border-color: transparent; border-width: 0; } [class^="pc-button-define-style-"], .penci-builder.penci-builder-button { display: inline-block; transition: 0.3s all ease-in-out; border-style: solid; border-width: 0; } .pc-button-define-style-1, .top-search-classes > .pc-button-define-style-1, .penci-builder.penci-builder-button.button-define-style-1 { padding: 10px; border: 2px solid var(--pcaccent-cl); color: var(--pcaccent-cl); } .penci-builder.penci-builder-button.button-define-style-1 { padding: 5px 15px; } .penci-top-search.pc-builder-element { width: auto; } .penci-top-search.pc-builder-element .penci-search-form form.penci-ajax-search { display: block; } .pc-button-define-style-2, .top-search-classes > .pc-button-define-style-2, .penci-builder.penci-builder-button.button-define-style-2 { color: var(--pcaccent-cl); border-bottom: 1px solid var(--pcaccent-cl); padding: 0 0 4px; padding-top: 0 !important; background-color: transparent !important; } .pc-button-define-style-3, .top-search-classes > .pc-button-define-style-3, .penci-builder.penci-builder-button.button-define-style-3 { padding: 10px; background-color: #f2f2f2; color: var(--pcheading-cl); border-bottom: 2px solid #dedede; } .penci-builder.penci-builder-button.button-define-style-3 { padding: 7px 15px; } .pc-button-define-style-4, .top-search-classes > .pc-button-define-style-4, .penci-builder.penci-builder-button.button-define-style-4 { padding: 10px; background-color: #f2f2f2; color: var(--pcheading-cl); } .penci-builder.penci-builder-button.button-define-style-4 { padding: 7px 12px; } .penci-builder.penci-builder-button.button-shape-rectangle { border-radius: 0; } .penci-builder.penci-builder-button.button-shape-circle { border-radius: 400px; } .penci-builder.penci-builder-button.button-shape-round { border-radius: 10px; } .pb-header-builder.cart-icon:not(.pc-button-define-customize) .top-search-classes.shoping-cart-icon { margin-right: 0; margin-left: 0; } .top-search-classes.penci-builder-element, .top-search-classes.penci-builder-elements { width: auto; } .penci_navbar_mobile .navigation.mobile-menu { width: auto; float: none; } .penci-builder-mobile-sidebar-nav { position: fixed; top: 0; height: 100%; z-index: 100001; width: 330px; overflow-y: auto; padding: 30px 20px 20px; background: #ffffff; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transform: translateX(-330px); -webkit-transform: translateX(-330px); -moz-transform: translateX(-330px); } .open-mobile-builder-sidebar-nav .penci-builder-mobile-sidebar-nav { left: 330px; } .penci-builder-mobile-sidebar-nav.mpos-right { left: auto; right: 0; transform: translateX(330px); -webkit-transform: translateX(330px); -moz-transform: translateX(330px); } .open-mobile-builder-sidebar-nav .penci-builder-mobile-sidebar-nav.mpos-right { right: 330px; left: auto; } .close-mobile-menu-builder { position: fixed; visibility: hidden; opacity: 0; text-decoration: none; top: 0; left: 0; font-size: 1.4em; color: #313131; padding: 10px; height: 100%; background: rgba(0, 0, 0, 0.8); right: 0; z-index: 100000; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .close-mobile-menu-builder.mpos-right { left: auto; right: 0; } .close-mobile-menu-builder i { display: inline-block; width: 24px; height: 24px; background-color: #fff; line-height: 24px; text-align: center; border-radius: 12px; font-size: 14px; } .open-mobile-builder-sidebar-nav .close-mobile-menu-builder { left: 330px; opacity: 1; visibility: visible; } .close-mobile-menu-builder.mpos-right { right: 0; left: 0; text-align: right; } .open-mobile-builder-sidebar-nav .close-mobile-menu-builder.mpos-right { right: 330px; left: 0; } .pc-builder-menu.pc-dropdown-menu { --pchb-dd-fn: var(--pchead-font); --pchb-dd-fw: var(--pchead-wei); --pchb-dd-lv1: 13px; --pchb-dd-lv2: 13px; --pchb-dd-tt: uppercase; } .pc-builder-menu.pc-dropdown-menu .menu li a { font-family: var(--pchb-dd-fn); font-weight: var(--pchb-dd-fw); font-size: var(--pchb-dd-lv1); text-transform: var(--pchb-dd-tt); } .pc-builder-menu.pc-dropdown-menu .menu li li a { font-size: var(--pchb-dd-lv2); } .penci_navbar_mobile.mobile-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; transition: visibility 0.1s ease, opacity 0.1s ease, transform 0.3s ease; background-color: var(--pcbg-cl); } .penci_navbar_mobile.mobile-sticky .penci_container { display: none; transition: 0.3s all ease-in-out; } .penci_navbar_mobile.mobile-sticky .penci_container.sticky-enable { display: block; opacity: 1; } .pc-header-element.pc-login-register { position: relative; } /* Search Text Button */ .widget .pc-widget-searchform button[type="submit"] { width: auto; } .widget .pc-widget-searchform.search-style-default button[type="submit"] { display: none; } .penci-builder-element.pc-search-form { max-width: 300px; width: 100%; } .pcwg-widget.penci-builder-element.pc-search-form, .penci-builder-element.pc-search-form-sidebar { max-width: 100%; width: 100%; } .pc-search-form.search-style-icon-button, .pc-search-form.search-style-text-button { position: relative; } .pc-search-form.search-style-icon-button .pc-searchform-inner, .pc-search-form.search-style-text-button .pc-searchform-inner { } .pc-search-form.search-style-icon-button .search-input, .pc-search-form.search-style-text-button .search-input { line-height: 36px; padding-top: 0; padding-bottom: 0; padding-right: 20px; border-right-width: 0; } .penci-builder-element.pc-search-form-desktop { --pcs-d-txt-cl: var(--pctext-cl); } .penci-builder-element.pc-search-form-desktop form.pc-searchform input.search-input { color: var(--pcs-d-txt-cl); } .penci-builder-element.pc-search-form-desktop form.pc-searchform input.search-input::placeholder { color: var(--pcs-d-txt-cl); } .penci-builder-element.pc-search-form-desktop form.pc-searchform input.search-input:-ms-input-placeholder { color: var(--pcs-d-txt-cl); } .penci-builder-element.pc-search-form-desktop form.pc-searchform input.search-input::-ms-input-placeholder { color: var(--pcs-d-txt-cl); } .penci-builder-element.pc-search-form-sidebar { --pcs-s-txt-cl: var(--pctext-cl); } .penci-builder-element.pc-search-form-sidebar form.pc-searchform input.search-input { color: var(--pcs-s-txt-cl); } .penci-builder-element.pc-search-form-sidebar form.pc-searchform input.search-input::placeholder { color: var(--pcs-s-txt-cl); } .penci-builder-element.pc-search-form-sidebar form.pc-searchform input.search-input:-ms-input-placeholder { color: var(--pcs-s-txt-cl); } .penci-builder-element.pc-search-form-sidebar form.pc-searchform input.search-input::-ms-input-placeholder { color: var(--pcs-s-txt-cl); } .pc-search-form.search-style-icon-button .searchsubmit, .pc-search-form.search-style-text-button .searchsubmit { display: block; height: 100%; padding: 0 15px; background-color: var(--pcaccent-cl); font-weight: var(--pchead-wei); font-family: var(--pchead-font); color: white; border: 0; transition: 0.3s all ease-in-out; position: absolute; top: 0; right: 0; z-index: 9; cursor: pointer; } .pc-wrapbuilder-header .pc-search-form.search-style-text-button .searchsubmit { text-transform: uppercase; } body.rtl .pc-search-form.search-style-icon-button .searchsubmit, body.rtl .pc-search-form.search-style-text-button .searchsubmit { right: auto; left: 0; } .pc-search-form.search-style-text-button .search-input { padding-right: 100px; } body.rtl .pc-search-form.search-style-text-button .search-input { padding-right: 20px; padding-left: 100px; border-right-width: 1px; border-left-width: 0; } .pc-search-form.search-style-icon-button .search-input { padding-right: 66px; } body.rtl .pc-search-form.search-style-text-button .search-input { padding-left: 66px; padding-right: 20px; border-right-width: 1px; border-left-width: 0; } .pc-search-form.search-style-icon-button .searchsubmit { font-size: 0; line-height: 0; } .pc-search-form.search-style-icon-button .searchsubmit:before { font-size: 16px; line-height: 38px; content: "\f108"; font-family: penciicon, serif; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -moz-osx-font-smoothing: grayscale; } .pc-search-form.search-style-text-button .penciicon-magnifiying-glass, .pc-search-form.search-style-icon-button .penciicon-magnifiying-glass { display: none; } .penci-header-block { width: 100%; } .pc-header-element.penci-topbar-social a, .pc-header-element.penci-topbar-social-mobile a { color: inherit; } .pc-header-element.penci-topbar-social .pclogin-item > a, .pc-header-element.penci-topbar-social-mobile .pclogin-item > a { line-height: unset; display: inline-flex; align-items: center; justify-content: center; } .pc-header-element.penci-topbar-social .pclogin-item > a img, .pc-header-element.penci-topbar-social-mobile .pclogin-item > a img { top: auto; } .pc-header-element .pctopbar-login-btn .pclogin-sub li a { color: white; } .pc-header-element .pctopbar-login-btn .pclogin-sub { top: 100%; } .pc-header-element .pctopbar-login-btn .pclogin-sub li a:hover { color: var(--pcaccent-cl); } .penci_nav_col { display: flex; align-items: center; flex-direction: row; padding-left: 10px; padding-right: 10px; } .penci_nav_col.penci_content_columns { flex-direction: column; } .penci_nav_col > *:not(:first-child) { margin-left: 10px; } .penci-header-builder .pcheader-icon > a, .penci-header-builder .penci-menuhbg-toggle, .penci-header-builder .top-search-classes a.cart-contents, .penci-header-builder .top-search-classes > a { height: auto; line-height: unset; } .header-search-style-showup .penci-header-builder .show-search, .header-search-style-showup .penci_navbar_mobile .show-search { top: calc(100% + 10px); } .header-search-style-showup .penci_nav_left .show-search { left: 0; right: auto; } .header-search-style-showup .penci_nav_left .show-search:before { left: 5px; right: auto; } .container.container-custom { margin-left: auto; margin-right: auto; } .admin-bar .penci-builder-mobile-sidebar-nav.penci-menu-hbg { padding-top: 30px; } .penci-builder-item-wrap > div:not(:last-child) { margin-bottom: 20px; } .penci-header-builder.pchb-boxed-layout.container-normal .container, .penci-header-builder.pchb-boxed-layout.container-1400 .container, .penci-header-builder.pchb-boxed-layout.container-fullwidth .container, .penci-header-builder.pchb-boxed-layout.container-custom .container { width: 100%; max-width: 100%; } .penci-header-builder.pchb-boxed-layout.container-normal, .penci-header-builder.pchb-boxed-layout.container-fullwidth, .penci-header-builder.pchb-boxed-layout.container-1400, .penci-header-builder.pchb-boxed-layout.container-custom { width: 100%; padding-left: 0; padding-right: 0; } .penci-header-builder.pchb-boxed-layout.container-normal { max-width: var(--pcctain); } .penci-header-builder.pchb-boxed-layout.container-fullwidth { max-width: 100%; } .penci-header-builder.pchb-boxed-layout.container-1400 { max-width: var(--pcctain2); } .pc-builder-element .pc-logo img, .pc-builder-element.pc-logo img { max-height: 60px; } .penci-disable-uppercase { text-transform: none !important; } .penci-enable-uppercase { text-transform: uppercase !important; } .penci-header-builder .pc-builder-element.penci-menuhbg-wapper { width: auto; } .penci-menuhbg-toggle.builder { --pcbd-menuhbg-size: 18px; height: auto; } .penci-menuhbg-toggle.builder { width: var(--pcbd-menuhbg-size); } .penci-menuhbg-toggle.builder .penci-menuhbg-inner { height: var(--pcbd-menuhbg-size); } .penci-menuhbg-toggle.builder .penci-lines, .penci-menuhbg-wapper { width: var(--pcbd-menuhbg-size); } .penci-menuhbg-toggle.builder .lines-button { top: calc((var(--pcbd-menuhbg-size) - 2px) / 2); } .penci-menuhbg-toggle.builder .penci-lines:before { top: calc(var(--pcbd-menuhbg-size) / 2 - 4px); } .penci-menuhbg-toggle.builder .penci-lines:after { top: calc((var(--pcbd-menuhbg-size) / 2 - 4px) * -1); } .penci-menuhbg-toggle.builder:hover .lines-button:after, .penci-menuhbg-toggle.builder:hover .penci-lines:before, .penci-menuhbg-toggle.builder:hover .penci-lines:after { transform: translateX(calc(var(--pcbd-menuhbg-size) + 10px)); } .penci-menuhbg-toggle.builder .lines-button.penci-hover-effect { left: calc((var(--pcbd-menuhbg-size) + 10px) * -1); } .pc-wrapbuilder-header { --pchd-sinput-txt: var(--pctext-cl); } .header-search-style-showup .pc-wrapbuilder-header .show-search form.pc-searchform input.search-input { color: var(--pchd-sinput-txt); } .header-search-style-showup .pc-wrapbuilder-header .show-search form.pc-searchform input.search-input::placeholder { color: var(--pchd-sinput-txt); opacity: 1; } .header-search-style-showup .pc-wrapbuilder-header .show-search form.pc-searchform input.search-input:-ms-input-placeholder { color: var(--pchd-sinput-txt); } .header-search-style-showup .pc-wrapbuilder-header .show-search form.pc-searchform input.search-input::-ms-input-placeholder { color: var(--pchd-sinput-txt); } /* = Penci Featured Video Background -----------------------------------------------------*/ #penci-featured-video-bg { height: 600px; } .penci-video-overlay-background, .overlay-video-click, .penci-video-bg-overlay { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; display: none; } .overlay-video-click { display: block; z-index: 20; } .penci-video-bg-overlay, .penci-placeholder-videobg { z-index: 2; display: block; } .penci-video-overlay { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); text-align: center; left: 20px; right: 20px; z-index: 10; } h2.penci-heading-video, p.penci-sub-heading-video, .penci-video-custom-img { opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; } .penci-video-custom-img { margin: 0 0 24px 0; } .penci-video-custom-img.no-margin-bottom { margin: 0; } h2.penci-heading-video { color: #fff; font-family: var(--pchead-font); font-weight: var(--pchead-wei); font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; } p.penci-sub-heading-video { font-size: 16px; line-height: 1.3em; margin: 15px 0 0; font-style: italic; color: #fff; -webkit-animation-delay: 2.1s; -moz-animation-delay: 2.1s; -o-animation-delay: 2.1s; animation-delay: 2.1s; } .featured-area.loaded-animation .penci-video-custom-img, .featured-area.loaded-animation h2.penci-heading-video, .featured-area.loaded-animation p.penci-sub-heading-video { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } /* = Penci Magazine Slider -----------------------------------------------------*/ .featured-area.magazine-slider { width: var(--pcctain); margin-left: auto; margin-right: auto; } .penci-magazine-slider.penci-loading { background: #fafafa url('https://zeitungfokus.com/wp-content/themes/myTheme/images/loading.gif') no-repeat center center; min-height: 506px; } .featured-area.loaded-wait .penci-magazine-slider.penci-loading { background: none; min-height: 0 !important; } .penci-magazine-slider { margin: 0; padding: 0; position: relative; } .penci-magazine-slider .penci-mag-item { display: none; } .penci-magazine-slider ul.mag-wrap { list-style: none; margin: 0; display: inline-block; width: 100%; vertical-align: top; bottom: 0; left: 0; } .penci-magazine-slider ul.mag-wrap li { overflow: hidden; display: block; float: left; position: relative; width: 380px; height: 253px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 790px; height: 506px; border-right: 10px solid transparent; } .penci-magazine-slider ul.mag-wrap li.mag-item-2 { border-bottom: 10px solid transparent; } .penci-magazine-slider .mag-meta { position: absolute; padding: 20px; width: 100%; z-index: 10; left: 0; bottom: 0; } .penci-magazine-slider .mag-item-1 .mag-meta { padding: 30px; } .penci-magazine-slider .mag-cat { margin-bottom: 4px; } .penci-magazine-slider .mag-cat a.penci-cat-name { border-color: #fff; color: #fff; } .penci-magazine-slider .mag-cat a.penci-cat-name:after { border-color: #fff; } .penci-magazine-slider .mag-cat a.penci-cat-name:hover { text-decoration: none; color: var(--pcaccent-cl); } .penci-magazine-slider .mag-meta h3 { line-height: 1.3; } .penci-magazine-slider .mag-meta h3 a { color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 0; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a { font-size: 24px; } .penci-magazine-slider .mag-meta-child { margin-top: 6px; } .penci-magazine-slider .mag-item-1 .mag-meta-child { margin-top: 7px; } .penci-magazine-slider .mag-meta-child span { color: #ffffff; font-size: 12px; } .penci-magazine-slider .mag-item-1 .mag-meta-child span { font-size: 14px; } .penci-magazine-slider .mag-meta-child span:after { content: ""; display: inline-block; margin: 0 7px 0 10px; width: 0; height: 8px; border-left: 1px solid #fff; opacity: 0.5; } .penci-magazine-slider .mag-item-1 .mag-meta-child span:after { margin: 0 8px 0 12px; height: 10px; } .penci-magazine-slider .mag-meta-child span:last-child:after { content: none; display: none; } .penci-magazine-slider .penci-direction-nav a { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; font-size: 20px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } .penci-magazine-slider .penci-direction-nav a.penci-prev { left: 30px; } .penci-magazine-slider .penci-direction-nav a.penci-next { right: 30px; } .penci-magazine-slider:hover .penci-direction-nav a { opacity: 1; } .penci-magazine-slider .penci-direction-nav a:hover { background: var(--pcaccent-cl); color: #fff; } .penci-magazine-slider .penci-direction-nav a:before { content: none; display: none; } .penci-magazine-slider .mag-overlay { background: #000; opacity: 0.6; position: absolute; left: 0; right: 0; width: 100%; height: 100%; z-index: 2; background: -moz-linear-gradient(top, transparent 0%, #000 100%); background: -webkit-linear-gradient(top, transparent 0%, #000 100%); background: -o-linear-gradient(top, transparent 0%, #000 100%); background: -ms-linear-gradient(top, transparent 0%, #000 100%); background: linear-gradient(to bottom, transparent 0%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; } .penci-magazine-slider ul.mag-wrap .mag-content:hover .mag-overlay { opacity: 0.8; } /* = Magazine slider style 3 -----------------------------------------------------*/ .penci-magazine-slider.penci-mag3-slider.penci-loading { min-height: 387px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { border: none; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 { width: 287px; height: auto; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content { height: 191px; position: relative; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content { height: 387px; position: relative; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { width: 586px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { margin: 0 5px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content:first-child, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content:first-child { margin-bottom: 5px; } .penci-magazine-slider.penci-mag1-slider ul.mag-wrap li .mag-content, .penci-magazine-slider ul.mag-wrap li .mag-content .mag-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content h3 a { font-size: 14px; letter-spacing: 0; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content h3 { text-align: center; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content h3 a { font-size: 16px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content .mag-meta { padding: 10px; width: 100%; } .penci-magazine-slider.penci-mag3-slider .mag-cat { text-align: center; } /* = Magazine slider style 2 -----------------------------------------------------*/ .penci-mag2-carousel { overflow: hidden; } .featured-area.magazine-slider-2 { height: 463px; overflow: hidden; } .featured-area.magazine-slider-2.loaded-wait { height: auto; overflow: visible; } .penci-mag2-carousel .mag2-item { display: block; float: left; margin: 0 1px 0 0; width: 700px; height: 463px; position: relative; } .penci-mag2-carousel .penci-mag2-carousel-content > .mag2-item { margin-right: 1px !important; } .penci-mag2-carousel .mag2-item.mag2-even { width: 346px; } .penci-mag2-carousel .mag2-item .mag2-item { width: 346px; height: 231px; margin: 0; position: relative; } .penci-mag2-carousel .mag2-item > .mag2-item:first-child { margin-bottom: 1px; } .mag2-thumbnail, .mag2-thumbnail .mag-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .mag2slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mag2slider-overlay i { display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; border-radius: 50%; background: transparent; text-align: center; font: 14px/40px "FontAwesome"; color: rgba(255, 255, 255, 0.9); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); opacity: 0; font-size: 18px; z-index: 3; line-height: 48px; } .mag2slider-overlay i.fa-play:before { margin-left: 2px; } .mag2slider-overlay i.fa-music:before { margin-right: 2px; } .penci-mag2-carousel .mag2-item .mag2-item .mag2slider-overlay i { width: 44px; height: 44px; line-height: 40px; font-size: 17px; margin: -22px 0 0 -22px; } .mag2slider-overlay:after { background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; opacity: 0.05; content: ""; } .mag2-thumbnail:hover .mag2slider-overlay i { opacity: 1; } .mag2-thumbnail:hover .mag2slider-overlay:after { opacity: 0.7; } .penci-mag2-carousel .mag2-header { position: absolute; padding: 17px 20px; width: 100%; z-index: 8; left: 0; bottom: 0; text-align: center; } .penci-mag2-carousel .mag2-item .mag2-item .mag2-header { padding: 17px 20px !important; } .penci-mag2-carousel .mag2-header h3 a { font-size: 24px; text-transform: uppercase; color: #fff; } .penci-mag2-carousel .mag2-item .mag2-item .mag2-header { text-align: left; } .penci-mag2-carousel .mag2-item .mag2-item .mag2-header h3 a { font-size: 16px; letter-spacing: 0; } .penci-mag2-carousel .cat.mag-cat { } .penci-mag2-carousel .cat > a.penci-cat-name { color: #fff; } .penci-mag2-carousel .cat > a.penci-cat-name:after { border-color: #fff; } @media only screen and (min-width: 779px) { .penci-mag2-carousel .mag2-thumbnail img { transform: none !important; -webkit-transform: none !important; } .penci-mag2-carousel .mag2-header { width: 100% !important; } } @media only screen and (max-width: 778px) { .mag2slider-overlay i { display: none; } .penci-mag2-carousel .cat.mag-cat { display: none; } .penci-mag2-carousel .mag2-header h3 a { font-size: 18px; } .penci-mag2-carousel .mag2-header { padding-right: 15px; text-align: left; } } /* = Featured homepage box -----------------------------------------------------*/ .container.home-featured-boxes { display: table; margin-top: calc(30px - var(--pchd-mg)); margin-bottom: 30px; } .container.home-featured-boxes-vc { width: 100%; } .home-featured-boxes .penci-image-holder:before { padding-top: 66.75%; } @media only screen and (min-width: 961px) { .boxes-size-horizontal .homepage-featured-boxes.boxes-4-columns .penci-image-holder:before { padding-top: 70.37%; } } .home-featured-boxes.boxes-size-square .penci-image-holder:before { padding-top: 100%; } .home-featured-boxes.boxes-size-vertical .penci-image-holder:before { padding-top: 135.4%; } .home-featured-boxes-vc { overflow: hidden; } ul.homepage-featured-boxes { list-style: none; margin-left: -15px; margin-right: -15px; padding: 0 !important; } ul.homepage-featured-boxes li, .post-entry ul.homepage-featured-boxes li { width: 33.3333%; float: left; display: inline-block; padding: 0 15px; margin-bottom: 30px; } ul.homepage-featured-boxes li .penci-fea-in { position: relative; overflow: hidden; } ul.homepage-featured-boxes li .penci-fea-in:before, ul.homepage-featured-boxes li .penci-fea-in:after { position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; content: ""; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.4s; transition: opacity 0.3s, transform 0.4s; z-index: 5; } ul.homepage-featured-boxes li .penci-fea-in.boxes-style-2:before, ul.homepage-featured-boxes li .penci-fea-in.boxes-style-2:after { content: none !important; display: none !important; } ul.homepage-featured-boxes li .penci-fea-in:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } ul.homepage-featured-boxes li .penci-fea-in:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } ul.homepage-featured-boxes li .penci-fea-in:hover:before, ul.homepage-featured-boxes li .penci-fea-in:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } ul.homepage-featured-boxes .penci-fea-in .fea-box-img { position: static; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; } ul.homepage-featured-boxes .penci-fea-in .fea-box-img:after { top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 2; content: ""; background: #000; transition: opacity 0.25s; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; opacity: 0; } ul.homepage-featured-boxes .penci-fea-in:hover .fea-box-img:after { opacity: 0.3; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img { right: 0; bottom: 0; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:after { content: none !important; display: none !important; } ul.homepage-featured-boxes .penci-fea-in h4 { position: absolute; width: 100%; left: 0; top: 50%; text-align: center; z-index: 5; font-style: italic; letter-spacing: 0; font-family: var(--pcbody-font); font-weight: normal; padding: 5px 20px; margin-top: -25px; } ul.homepage-featured-boxes .penci-fea-in h4 > span { display: inline-block; position: relative; } ul.homepage-featured-boxes .penci-fea-in h4 span span { display: inline-block; background: #fff; color: #313131; padding: 0 15px; position: relative; min-width: 120px; height: 40px; line-height: 40px; white-space: nowrap; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-style: normal; font-size: 14px; font-weight: normal; } ul.homepage-featured-boxes .penci-fea-in h4 span span:before { top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; display: block; background: none; position: absolute; border: 1px solid #fff; } ul.homepage-featured-boxes .penci-fea-in:hover h4 span { color: var(--pcaccent-cl); } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 { background: #fff; padding: 0 20px; margin-top: -20px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4:before { top: -5px; left: 0; right: 0; width: 100%; bottom: -5px; content: ""; display: block; background: none; position: absolute; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 span { background: none; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 span:before { content: none; display: none; } /* Style 3 */ .home-featured-boxes-sc .penci-fea-in.boxes-style-4 h4 span span:before, .home-featured-boxes-sc .penci-fea-in.boxes-style-4 .fea-box-img:after, ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 h4 span span:before, ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 .fea-box-img:after { content: none; } .home-featured-boxes-sc li .penci-fea-in.boxes-style-4:before, .home-featured-boxes-sc li .penci-fea-in.boxes-style-4:after, ul.homepage-featured-boxes li .penci-fea-in.boxes-style-3:before, ul.homepage-featured-boxes li .penci-fea-in.boxes-style-3:after { opacity: 0.4; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 5; transform: none; -webkit-transform: none; left: 10px; right: 10px; top: 10px; bottom: 10px; } .home-featured-boxes-sc li .penci-fea-in.boxes-style-4:hover:before, .home-featured-boxes-sc li .penci-fea-in.boxes-style-4:hover:after, ul.homepage-featured-boxes li .penci-fea-in.boxes-style-3:hover:before, ul.homepage-featured-boxes li .penci-fea-in.boxes-style-3:hover:after { opacity: 1; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 .fea-box-img { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-3:hover .fea-box-img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 h4 span span { text-transform: uppercase; font-size: 12px; font-family: var(--pchead-font); } .boxes-weight-bold ul.homepage-featured-boxes .penci-fea-in h4 span span { font-weight: bold; } .home-featured-boxes-sc .penci-fea-in.boxes-style-4:hover .fea-box-img:after { opacity: 0; } .home-featured-boxes-sc li.boxes-no-text .penci-fea-in.boxes-style-4:after, .home-featured-boxes-sc li.boxes-no-text .penci-fea-in.boxes-style-4:before { border: 0; } /* Featured boxes 4 columns */ ul.homepage-featured-boxes.boxes-4-columns li { width: 25%; } .home-featured-boxes-sc ul.homepage-featured-boxes.boxes-2-columns li { width: 50%; } .home-featured-boxes-sc ul.homepage-featured-boxes.boxes-1-column li { width: 100%; margin-bottom: 20px; } /* = Penci Big Grid -----------------------------------------------------*/ .penci-biggrid { --pcgap: 4px; } .penci-biggrid-wrapper { margin-bottom: 20px; } .biggrid-archive-wrapper.penci-biggrid-wrapper { margin-bottom: 35px; } .penci-biggrid-inner { overflow: hidden; display: block; } .penci-biggrid-wrapper .pcbg-content-inner { z-index: 5; } .biggrid-archive-wrapper.container.two-sidebar { display: block; } .penci-dflex { display: flex; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: flex-start; } .penci-bgstyle-1 .penci-dflex { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } .penci-bgstyle-1 .penci-dflex .penci-bgitem { padding: 0 10px; margin-bottom: 20px; } .pcsl-col-1 .pcsl-item, .penci-grid-col-1 .penci-dflex .penci-bgitem { flex: 0 0 100%; } .pcsl-col-2 .pcsl-item, .penci-grid-col-2 .penci-dflex .penci-bgitem { flex: 0 0 50%; } .pcsl-col-3 .pcsl-item, .penci-grid-col-3 .penci-dflex .penci-bgitem { flex: 0 0 33.33333%; } .pcsl-col-4 .pcsl-item, .penci-grid-col-4 .penci-dflex .penci-bgitem { flex: 0 0 25%; } .pcsl-col-5 .pcsl-item, .penci-grid-col-5 .penci-dflex .penci-bgitem { flex: 0 0 20%; } .pcsl-col-6 .pcsl-item, .penci-grid-col-6 .penci-dflex .penci-bgitem { flex: 0 0 16.66667%; } .penci-dflex .penci-bgitem .penci-bgitem { } .penci-bgitin, .pcbg-thumb { position: relative; overflow: hidden; } .pcbg-thumb .pcbg-bgoverlay.active-overlay { z-index: 2; } .pcbg-bgoverlay.active-overlay { background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #000 100%); background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #000 100%); background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #000 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #000 100%); opacity: 0.7; } .penci-bgitem:hover .pcbg-bgoverlay.active-overlay { opacity: 0.9; } .penci-bgmain { display: flex; flex-direction: column; position: relative; } .pcbg-cbgoverlap, .pcbg-bgoverlay, .pcbg-content, .pcbg-bgoverlaytext { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: block; } .pcbg-cbgoverlap { z-index: 100; } .penci-bgrid-content-below .pcbg-content, .penci-bgrid-content-above .pcbg-content { position: static; } .penci-bgrid-content-above .penci-bgmain { flex-direction: column-reverse; } .pcbg-bgoverlay, .pcbg-bgoverlaytext { transition: opacity 0.3s; } .pcbg-bgoverlaytext { z-index: -1; } .pcbg-mask-title .pcbg-content-inner .pcbg-above { margin-bottom: 5px; } .penci-bgrid-based-custom.pcbg-mask-title .pcbg-content-inner .pcbg-above { margin-bottom: 9px; } .pcbg-mask-title .pcbg-content-inner .pcbg-meta, .post-entry .pcbg-mask-title .pcbg-content-inner .pcbg-meta { margin-top: 13px; } .pcbg-mask-subtitle .cat > a.penci-cat-name:after { content: none; display: none; } .penci-bgrid-based-post.pcbg-mask-subtitle .cat > a.penci-cat-name { display: inline-block; padding: 1px 5px !important; background: #a2d4af; box-decoration-break: clone; -webkit-box-decoration-break: clone; margin-right: 5px; } .penci-bgrid-based-post.pcbg-mask-subtitle .cat > a.penci-cat-name:last-child { margin-right: 0; } .pcbg-mask-title .pcbg-title, .pcbg-mask-meta .pcbg-meta-desc, .penci-bgrid-based-custom.pcbg-mask-subtitle .pcbg-sub-title { display: inline; background: #a2d4af; border: none; padding: 0 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone; max-width: 99%; transition: background-color 0.3s, border-color 0.3s; } .pcbg-mask-title .pcbg-title { border-width: 3px 10px; } .pcbg-mask-meta .pcbg-meta-desc { border-width: 2px 8px; } .pcbg-content-flex { display: flex; height: 100%; width: 100%; z-index: 1; align-items: flex-end; } .pcbg-content-inner { padding: 20px; position: relative; z-index: 1; display: block; width: 100%; } .pcbg-content-inner.bgcontent-inline-block { display: inline-block; width: auto; } .pcbg-content-inner .pcbg-above { line-height: 1; margin-bottom: 2px; } .pcbg-content-inner .cat > a.penci-cat-name, .pcbg-content-inner .cat > a.penci-cat-name:hover { color: inherit; } .penci-bgrid-content-on .pcbg-content-inner .pcbg-sub-title { color: #fff; } .penci-biggrid-data .pcbg-content-inner .pcbg-title { font-size: 18px; } .penci-biggrid-data .pcbg-content-inner .pcbg-title a { font-size: inherit; } .penci-biggrid-data.penci-fixh .pcbg-content-inner .pcbg-title { font-size: 16px; } .penci-biggrid-data.penci-fixh .pcbg-big-item .pcbg-content-inner .pcbg-title { font-size: 24px; } .penci-biggrid-data .pcbg-content-inner .pcbg-title, .penci-biggrid-data .pcbg-content-inner .pcbg-title a, .penci-biggrid-data .pcbg-content-inner .pcbg-title a:hover { letter-spacing: 0; text-decoration: none; margin: 0; } .penci-bgrid-content-on .pcbg-content-inner .pcbg-title, .penci-bgrid-content-on .pcbg-content-inner .pcbg-title a, .penci-bgrid-content-on .pcbg-content-inner .pcbg-title a:hover { color: #fff; } .pcbg-content-inner .pcbg-meta, .post-entry .pcbg-content-inner .pcbg-meta { margin-top: 6px; line-height: 1.3; font-size: 14px; } .penci-bgrid-content-on .pcbg-meta, .penci-bgrid-content-on .pcbg-meta span, .penci-bgrid-content-on .pcbg-meta span a { color: #fff; } .pcbg-above, .penci-bgrid-based-custom .pcbg-meta { font-size: 14px; } .penci-bgitem .pcbg-pexcerpt p { color: inherit; line-height: 1.5; text-align: inherit; } .penci-bgitem .pcbg-pexcerpt p:last-child { margin-bottom: 0 !important; } .pcbg-content-inner .pcbg-meta > div, .post-entry .pcbg-content-inner .pcbg-meta > div { margin-top: 10px; } .pcbg-content-inner .pcbg-meta > div:first-child, .post-entry .pcbg-content-inner .pcbg-meta > div:first-child { margin-top: 0; } .penci-bgrid-based-custom .pcbg-sub-title { line-height: 1.2; margin-bottom: 7px; } .penci-bgrid-based-custom .pcbg-sub-title a { color: inherit; } .penci-biggrid-data .pcbg-readmore-sec { margin-top: 15px; } .pcbg-readmore-sec .pcbg-readmorebtn, .pcsl-readmore .pcsl-readmorebtn { padding: 10px 15px; font-size: 13px; line-height: 1; background-color: #efefef; color: #111; position: relative; display: inline-flex; align-items: center; justify-content: center; outline: 0; border-width: 0; border-style: solid; border-color: transparent; border-radius: 0; box-shadow: none; vertical-align: middle; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: none; letter-spacing: 0.3px; cursor: pointer; text-decoration: none !important; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease; } .pcbg-readmore-sec .pcbg-readmorebtn.pcreadmore-icon-right { flex-direction: row; } .pcbg-readmore-sec .pcbg-readmorebtn.pcreadmore-icon-left { flex-direction: row-reverse; } .penci-biggrid-data .pcbg-readmore-sec span { color: inherit; font: inherit; } .penci-biggrid-data .pcbg-readmore-sec i { font-size: inherit; color: inherit; } .pcbg-readmore-sec .pcrm-text { line-height: 1; } .pcbg-readmore-sec .pcreadmore-icon-right i, .pcbg-readmore-sec .pcreadmore-icon-right svg { margin-left: 5px; } .pcbg-readmore-sec .pcreadmore-icon-left i, .pcbg-readmore-sec .pcreadmore-icon-left svg { margin-right: 5px; } .pcbg-thumb .icon-post-format { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 36px; height: 36px; line-height: 32px; margin: 0; font-size: 15px; opacity: 1; color: rgba(255, 255, 255, 0.9); background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: rgba(0, 0, 0, 0.4); border: 2px solid rgba(255, 255, 255, 0.9); } .pcbg-thumb .icon-post-format .fa-play { margin-left: 2px; } .pcbg-thumb .penci-piechart { right: auto; top: auto; } .pcbg-reiconpo-top-right .pcbg-thumb .penci-piechart, .pcbg-ficonpo-top-right .pcbg-thumb .icon-post-format { top: 20px; right: 20px; } .pcbg-reiconpo-top-left .pcbg-thumb .penci-piechart, .pcbg-ficonpo-top-left .pcbg-thumb .icon-post-format { top: 20px; left: 20px; } .pcbg-reiconpo-bottom-right .pcbg-thumb .penci-piechart, .pcbg-ficonpo-bottom-right .pcbg-thumb .icon-post-format { bottom: 20px; right: 20px; } .pcbg-reiconpo-bottom-left .pcbg-thumb .penci-piechart, .pcbg-ficonpo-bottom-left .pcbg-thumb .icon-post-format { bottom: 20px; left: 20px; } .pcbg-reiconpo-center .pcbg-thumb .penci-piechart, .pcbg-ficonpo-center .pcbg-thumb .icon-post-format { top: 50%; left: 50%; margin: -20px 0 0 -20px; } .pcbg-reiconpo-center .pcbg-thumb .penci-piechart { margin: -25px 0 0 -25px; } .penci-bgitem:hover .icon-post-format { opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); } @media only screen and (max-width: 767px) { .penci-biggrid-wrapper.hide-msubtitle .pcbg-content-inner .pcbg-above, .penci-biggrid-wrapper.hide-msubtitle .pcbg-content-inner .pcbg-below, .penci-biggrid-wrapper.hide-mdesc .pcbg-content-inner .pcbg-meta, .penci-biggrid-wrapper.hide-mexcerpt .pcbg-content-inner .pcbg-pexcerpt, .penci-biggrid-wrapper.hide-mreadmorebt .pcbg-content-inner .pcbg-readmore-sec { display: none; } .pcbg-reiconpo-top-right .pcbg-thumb .penci-piechart, .pcbg-ficonpo-top-right .pcbg-thumb .icon-post-format { top: 15px; right: 15px; } .pcbg-reiconpo-top-left .pcbg-thumb .penci-piechart, .pcbg-ficonpo-top-left .pcbg-thumb .icon-post-format { top: 15px; left: 15px; } .pcbg-reiconpo-bottom-right .pcbg-thumb .penci-piechart, .pcbg-ficonpo-bottom-right .pcbg-thumb .icon-post-format { bottom: 15px; right: 15px; } .pcbg-reiconpo-bottom-left .pcbg-thumb .penci-piechart, .pcbg-ficonpo-bottom-left .pcbg-thumb .icon-post-format { bottom: 15px; left: 15px; } } .penci-biggrid .penci-pagination { margin-bottom: 0; margin-top: 20px; } .penci-bgstyle-1 .penci-pagination, .penci-bgstyle-2 .penci-pagination { margin-top: 0; } .penci-biggrid .penci-pagination a i { font-size: inherit; } /* Big Grid Hover Effect */ .pcbg-thumbin { display: block; margin: -1px; transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.42, 1.21); transition: transform 0.5s cubic-bezier(0, 0, 0.42, 1.21); } .pencibg-imageh-zoom-in .penci-bgitem:hover .pcbg-thumbin, .pencibg-imageh-zoom-out .penci-bgitem .pcbg-thumbin, .pencibg-imageh-move-left .penci-bgitem .pcbg-thumbin, .pencibg-imageh-move-right .penci-bgitem .pcbg-thumbin, .pencibg-imageh-move-bottom .penci-bgitem .pcbg-thumbin, .pencibg-imageh-move-top .penci-bgitem .pcbg-thumbin { -webkit-transform: scale(1.09); transform: scale(1.09); } .pencibg-imageh-zoom-out .penci-bgitem:hover .pcbg-thumbin { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .pencibg-imageh-move-left .penci-bgitem .pcbg-thumbin { -webkit-transform: scale3d(1.1, 1.1, 1) translateX(4%); transform: scale3d(1.1, 1.1, 1) translateX(4%); } .pencibg-imageh-move-left .penci-bgitem:hover .pcbg-thumbin { -webkit-transform: scale3d(1.1, 1.1, 1) translateX(-4%); transform: scale3d(1.1, 1.1, 1) translateX(-4%); } .pencibg-imageh-move-right .penci-bgitem .pcbg-thumbin { -webkit-transform: scale3d(1.1, 1.1, 1) translateX(-4%); transform: scale3d(1.1, 1.1, 1) translateX(-4%); } .pencibg-imageh-move-right .penci-bgitem:hover .pcbg-thumbin { -webkit-transform: scale3d(1.1, 1.1, 1) translateX(4%); transform: scale3d(1.1, 1.1, 1) translateX(4%); } .pencibg-imageh-move-top .penci-bgitem .pcbg-thumbin { -webkit-transform: scale3d(1.1, 1.1, 1) translateY(4%); transform: scale3d(1.1, 1.1, 1) translateY(4%); } .pencibg-imageh-move-top .penci-bgitem:hover .pcbg-thumbin { -webkit-transform: scale3d(1.1, 1.1, 1) translateY(-4%); transform: scale3d(1.1, 1.1, 1) translateY(-4%); } .pencibg-imageh-move-bottom .penci-bgitem .pcbg-thumbin { -webkit-transform: scale3d(1.1, 1.1, 1) translateY(-4%); transform: scale3d(1.1, 1.1, 1) translateY(-4%); } .pencibg-imageh-move-bottom .penci-bgitem:hover .pcbg-thumbin { -webkit-transform: scale3d(1.1, 1.1, 1) translateY(4%); transform: scale3d(1.1, 1.1, 1) translateY(4%); } .textop .pcbg-content-inner > div:nth-of-type(1) { transition-delay: 0.05s; } .textop .pcbg-content-inner > div:nth-of-type(2) { transition-delay: 0.1s; } .textop .pcbg-content-inner > div:nth-of-type(3) { transition-delay: 0.15s; } .textop .pcbg-content-inner > div:nth-of-type(4) { transition-delay: 0.2s; } .pencibg-texth-show-in.textop .item-hover { opacity: 0; visibility: hidden; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .pencibg-texth-show-in.textop.pencibg-textani-movetop .item-hover { transform: translateY(15px); -webkit-transform: translateY(15px); } .pencibg-texth-show-in.textop.pencibg-textani-movebottom .item-hover { transform: translateY(-15px); -webkit-transform: translateY(-15px); } .pencibg-texth-show-in.textop.pencibg-textani-moveleft .item-hover { transform: translateX(15px); -webkit-transform: translateX(15px); } .pencibg-texth-show-in.textop.pencibg-textani-moveright .item-hover { transform: translateX(-15px); -webkit-transform: translateX(-15px); } .pencibg-texth-show-in.textop .penci-bgitem:hover .item-hover { opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0); } .pencibg-texth-hide-in.textop .item-hover { opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; transform: translate(0, 0); -webkit-transform: translate(0, 0); visibility: visible; } .pencibg-texth-hide-in.textop.pencibg-textani-movetop .penci-bgitem:hover .item-hover { transform: translateY(-15px); -webkit-transform: translateY(-15px); } .pencibg-texth-hide-in.textop.pencibg-textani-movebottom .penci-bgitem:hover .item-hover { transform: translateY(15px); -webkit-transform: translateY(15px); } .pencibg-texth-hide-in.textop.pencibg-textani-moveleft .penci-bgitem:hover .item-hover { transform: translateX(-15px); -webkit-transform: translateX(-15px); } .pencibg-texth-hide-in.textop.pencibg-textani-moveright .penci-bgitem:hover .item-hover { transform: translateX(15px); -webkit-transform: translateX(15px); } .pencibg-texth-hide-in.textop .penci-bgitem:hover .item-hover { opacity: 0; visibility: hidden; } .pencibg-texth-show-in.notextop .pcbg-content-inner { opacity: 0; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; } .pencibg-texth-show-in.pencibg-textani-zoomin .pcbg-content-inner { transform: scale(0.8); -webkit-transform: scale(0.8); } .pencibg-texth-show-in.pencibg-textani-zoomout .pcbg-content-inner { transform: scale(1.2); -webkit-transform: scale(1.2); } .pencibg-texth-show-in.notextop .penci-bgitem:hover .pcbg-content-inner { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .pencibg-texth-hide-in.notextop .pcbg-content-inner { opacity: 1; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; transform: scale(1); -webkit-transform: scale(1); } .pencibg-texth-hide-in.pencibg-textani-zoomin .penci-bgitem:hover .pcbg-content-inner { opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); } .pencibg-texth-hide-in.pencibg-textani-zoomout .penci-bgitem:hover .pcbg-content-inner { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); } .pencibg-texth-hide-in.pencibg-textani-fade .penci-bgitem:hover .pcbg-content-inner { opacity: 0; } .penci-biggrid-wrapper.pcbg-titles-visible .pcbg-heading.item-hover { opacity: 1 !important; visibility: visible !important; } /* Big Grid Style 2 */ .penci-bgstyle-2 .penci-biggrid-data { margin-left: -10px; margin-right: -10px; } .penci-bgstyle-2 .item-masonry { width: 33.3333%; float: left; display: block; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .penci-bgstyle-2 .penci-image-holder:before { content: none; } .penci-grid-col-1 .penci-bgstyle-2 .item-masonry { width: 100%; } .penci-grid-col-2 .penci-bgstyle-2 .item-masonry { width: 50%; } .penci-grid-col-4 .penci-bgstyle-2 .item-masonry { width: 25%; } .penci-grid-col-5 .penci-bgstyle-2 .item-masonry { width: 20%; } .penci-grid-col-6 .penci-bgstyle-2 .item-masonry { width: 16.666666%; } .penci-fixh { display: block; } .penci-fixh .penci-bgitin, .penci-fixh .penci-bgmain, .penci-fixh .pcbg-thumb, .penci-fixh .pcbg-thumbin, .penci-fixh .penci-image-holder { height: 100%; } .penci-fixh .penci-image-holder:before { content: none; padding-top: 0; } .penci-fixh .penci-bgitem { margin-right: var(--pcgap); margin-bottom: var(--pcgap); float: left; } .penci-pagination.pcbg-paging-align-center.penci-ajax-more a.penci-ajax-more-button { margin-right: auto; margin-left: auto; } .penci-pagination.pcbg-paging-align-right.penci-ajax-more a.penci-ajax-more-button { margin-left: auto; margin-right: 0; } .penci-pagination.pcbg-paging-align-left.penci-ajax-more a.penci-ajax-more-button { margin-right: auto; margin-left: 0; } /* Style 3 */ .penci-bgstyle-3 .penci-fixh { --bgh: 500px; } .penci-bgstyle-3 .penci-fixh .penci-bgitem { width: 33.33333%; height: calc(var(--bgh) / 2 - var(--pcgap) / 2); margin-right: 0; } .penci-bgstyle-3 .penci-fixh .bgitem-1 { width: calc(66.66667% - var(--pcgap)); height: var(--bgh); margin-right: var(--pcgap); } /* Style 4 */ .penci-bgstyle-4 .penci-fixh { --bgh: 460px; } .penci-bgstyle-4 .penci-fixh .penci-bgitem { width: calc(25% - var(--pcgap) / 2); height: calc(var(--bgh) / 2 - var(--pcgap) / 2); } .penci-bgstyle-4 .penci-fixh .bgitem-1 { width: calc(50% - var(--pcgap)); height: var(--bgh); } .penci-bgstyle-4 .penci-fixh .bgitem-3, .penci-bgstyle-4 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 5 */ .penci-bgstyle-5 .penci-fixh { --bgh: 400px; } .penci-bgstyle-5 .penci-fixh .penci-bgitem { width: calc(25% - var(--pcgap) / 2); height: var(--bgh); } .penci-bgstyle-5 .penci-fixh .bgitem-1 { width: calc(50% - var(--pcgap)); } .penci-bgstyle-5 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 6 */ .penci-bgstyle-6 .penci-fixh { --bgh: 460px; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; max-height: var(--bgh); } .penci-bgstyle-6 .penci-fixh:before, .penci-bgstyle-6 .penci-fixh:after { content: none; } .penci-bgstyle-6 .penci-fixh .penci-bgitem { height: calc(var(--bgh) / 2 - var(--pcgap)); width: calc(25% - var(--pcgap)); order: 1; } .penci-bgstyle-6 .penci-fixh .bgitem-1 { width: 50%; height: var(--bgh); order: 2; } .penci-bgstyle-6 .penci-fixh .bgitem-4, .penci-bgstyle-6 .penci-fixh .bgitem-0 { margin-right: 0; } .penci-bgstyle-6 .penci-fixh .bgitem-4, .penci-bgstyle-6 .penci-fixh .bgitem-0 { order: 3; } /* Style 7 */ .penci-bgstyle-7 .penci-fixh { --bgh: 460px; } .penci-bgstyle-7 .penci-fixh .penci-bgitem { height: calc(var(--bgh) / 2 - var(--pcgap) / 2); width: calc(25% - var(--pcgap) / 2); } .penci-bgstyle-7 .penci-fixh .bgitem-1 { width: calc(50% - var(--pcgap)); height: var(--bgh); } .penci-bgstyle-7 .penci-fixh .bgitem-2 { width: 50%; } .penci-bgstyle-7 .penci-fixh .bgitem-2, .penci-bgstyle-7 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 8 */ .penci-bgstyle-8 .penci-fixh { --bgh: 460px; } .penci-bgstyle-8 .penci-fixh .penci-bgitem { width: calc(38% - var(--pcgap) / 2); height: calc(var(--bgh) / 3 - var(--pcgap)); margin-right: 0; } .penci-bgstyle-8 .penci-fixh .bgitem-1 { width: calc(62% - var(--pcgap) / 2); height: var(--bgh); margin-right: var(--pcgap); } .penci-bgstyle-8 .penci-fixh .bgitem-2 { height: calc(var(--bgh) / 3); } /* Style 9 & 10 */ .penci-bgstyle-9 .penci-fixh, .penci-bgstyle-10 .penci-fixh { --bgh: 250px; } .penci-bgstyle-9 .penci-fixh .penci-bgitem, .penci-bgstyle-10 .penci-fixh .penci-bgitem { width: calc((100% - 2 * var(--pcgap)) / 3); height: var(--bgh); } .penci-bgstyle-9 .penci-fixh .bgitem-1, .penci-bgstyle-9 .penci-fixh .bgitem-2, .penci-bgstyle-10 .penci-fixh .bgitem-4, .penci-bgstyle-10 .penci-fixh .bgitem-0 { width: calc(50% - var(--pcgap) / 2); height: calc(var(--bgh) * 1.5); } .penci-bgstyle-9 .penci-fixh .bgitem-2, .penci-bgstyle-9 .penci-fixh .bgitem-0, .penci-bgstyle-10 .penci-fixh .bgitem-3, .penci-bgstyle-10 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 11 */ .penci-bgstyle-11 .penci-fixh { --bgh: 400px; } .penci-bgstyle-11 .penci-fixh .penci-bgitem { width: 40%; height: calc(var(--bgh) / 2 - var(--pcgap) / 2); } .penci-bgstyle-11 .penci-fixh .bgitem-1, .penci-bgstyle-11 .penci-fixh .bgitem-2 { width: calc(30% - var(--pcgap)); height: var(--bgh); } .penci-bgstyle-11 .penci-fixh .bgitem-3, .penci-bgstyle-11 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 12 */ .penci-bgstyle-12 .penci-fixh { --bgh: 400px; } .penci-bgstyle-12 .penci-fixh .penci-bgitem { width: calc(25% - var(--pcgap)); height: calc(var(--bgh) / 2 - var(--pcgap) / 2); } .penci-bgstyle-12 .penci-fixh .bgitem-1 { width: 50%; height: var(--bgh); } .penci-bgstyle-12 .penci-fixh .bgitem-2 { height: var(--bgh); } .penci-bgstyle-12 .penci-fixh .bgitem-3, .penci-bgstyle-12 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 13 */ .penci-bgstyle-13 .penci-fixh { --bgh: 600px; } .penci-bgstyle-13 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap) / 2); height: calc(var(--bgh) / 2); margin-right: 0; } .penci-bgstyle-13 .penci-fixh .bgitem-1 { width: 100%; height: var(--bgh); } .penci-bgstyle-13 .penci-fixh .bgitem-2 { margin-right: var(--pcgap); } /* Style 14 */ .penci-bgstyle-14 .penci-fixh { --bgh: 660px; } .penci-bgstyle-14 .penci-fixh .penci-bgitem { width: calc((100% - 2 * var(--pcgap)) / 3); height: calc(var(--bgh) / 3); } .penci-bgstyle-14 .penci-fixh .bgitem-1 { width: 100%; height: var(--bgh); } .penci-bgstyle-14 .penci-fixh .bgitem-1, .penci-bgstyle-14 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 15 */ .penci-bgstyle-15 .penci-fixh { --bgh: 500px; } .penci-bgstyle-15 .penci-fixh .penci-bgitem { width: calc((100% - 2 * var(--pcgap)) / 3); height: calc(var(--bgh) / 2 - var(--pcgap) / 2); } .penci-bgstyle-15 .penci-fixh .bgitem-1 { width: calc(100% - (100% - 2 * var(--pcgap)) / 3 - var(--pcgap)); height: var(--bgh); } .penci-bgstyle-15 .penci-fixh .bgitem-2, .penci-bgstyle-15 .penci-fixh .bgitem-3, .penci-bgstyle-15 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 16 */ .penci-bgstyle-16 .penci-fixh { --bgh: 300px; } .penci-bgstyle-16 .penci-fixh .penci-bgitem { width: calc(44% - var(--pcgap) / 2); height: var(--bgh); } .penci-bgstyle-16 .penci-fixh .bgitem-1, .penci-bgstyle-16 .penci-fixh .bgitem-0 { width: calc(56% - var(--pcgap) / 2); } .penci-bgstyle-16 .penci-fixh .bgitem-2, .penci-bgstyle-16 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 17 */ .penci-bgstyle-17 .penci-fixh { --bgh: 400px; display: flex; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; margin-right: 0; } .penci-bgstyle-17 .penci-fixh { --bgh: 400px; } .penci-bgstyle-17 .penci-fixh .penci-bgitem { width: calc(25% - var(--pcgap) / 2); height: var(--bgh); order: 2; } .penci-bgstyle-17 .penci-fixh .bgitem-1 { width: calc(50% - var(--pcgap)); order: 3; } .penci-bgstyle-17 .penci-fixh .bgitem-0 { margin-right: 0; order: 4; } /* Style 18 */ .penci-bgstyle-18 .penci-fixh { --bgh: 560px; } .penci-bgstyle-18 .penci-fixh .penci-bgitem { width: calc(35% - var(--pcgap) / 2); height: var(--bgh); } .penci-bgstyle-18 .penci-fixh .bgitem-1, .penci-bgstyle-18 .penci-fixh .bgitem-0 { width: calc(65% - var(--pcgap) / 2); } .penci-bgstyle-18 .penci-fixh .bgitem-3, .penci-bgstyle-18 .penci-fixh .bgitem-0 { height: calc(var(--bgh) * 0.6); } .penci-bgstyle-18 .penci-fixh .bgitem-2, .penci-bgstyle-18 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 19 & 20 & 21 & 22 */ .penci-bgstyle-19 .penci-fixh, .penci-bgstyle-20 .penci-fixh, .penci-bgstyle-21 .penci-fixh, .penci-bgstyle-22 .penci-fixh { --bgh: 250px; margin-left: calc(var(--pcgap) * -1 / 2); margin-right: calc(var(--pcgap) * -1 / 2); } .penci-bgstyle-19 .penci-fixh .penci-bgitem, .penci-bgstyle-20 .penci-fixh .penci-bgitem { width: calc(33.3333% - var(--pcgap)); height: var(--bgh); margin-left: calc(var(--pcgap) / 2); margin-right: calc(var(--pcgap) / 2); } .penci-bgstyle-19 .penci-fixh .bgitem-3, .penci-bgstyle-20 .penci-fixh .bgitem-1 { height: calc(2 * var(--bgh) + var(--pcgap)); float: right; } .penci-bgstyle-19 .penci-fixh .bgitem-0, .penci-bgstyle-20 .penci-fixh .bgitem-6 { width: calc(66.6667% - var(--pcgap)); } .penci-bgstyle-20 .penci-fixh .bgitem-1 { float: left; } /* Style 21 & 22 */ .penci-bgstyle-21 .penci-fixh .penci-bgitem, .penci-bgstyle-22 .penci-fixh .penci-bgitem { float: left; width: calc(25% - var(--pcgap)); height: calc(var(--bgh) * 3 / 4); margin-left: calc(var(--pcgap) / 2); margin-right: calc(var(--pcgap) / 2); } .penci-bgstyle-21 .penci-fixh .pcbg-big-item, .penci-bgstyle-22 .penci-fixh .pcbg-big-item { width: calc(33.3333% - var(--pcgap)); height: var(--bgh); } @media screen and (max-width: 960px) { /* Style 3 */ .penci-bgstyle-3 .penci-fixh { --bgh: 460px; } .penci-bgstyle-3 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap) / 2); margin-right: var(--pcgap); } .penci-bgstyle-3 .penci-fixh .bgitem-0 { margin-right: 0; } .penci-bgstyle-3 .penci-fixh .bgitem-1 { width: 100%; margin-right: 0; } /* Style 4 */ .penci-bgstyle-4 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap) / 2); } .penci-bgstyle-4 .penci-fixh .bgitem-1 { width: 100%; } /* Style 5 & 17 */ .penci-bgstyle-5 .penci-fixh { --bgh: 500px; } .penci-bgstyle-5 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap) / 2); height: calc(var(--bgh) * 0.8); } .penci-bgstyle-5 .penci-fixh .bgitem-1 { width: 100%; height: var(--bgh); } /* Style 6 */ .penci-bgstyle-6 .penci-fixh { --bgh: 500px; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; max-height: none; } .penci-bgstyle-6 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap) / 2); height: calc(var(--bgh) / 2); } .penci-bgstyle-6 .penci-fixh .bgitem-1 { width: 100%; height: var(--bgh); margin-right: 0; } .penci-bgstyle-6 .penci-fixh .bgitem-4 { margin-right: var(--pcgap); } .penci-bgstyle-6 .penci-fixh .bgitem-3, .penci-bgstyle-6 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 7 */ .penci-bgstyle-7 .penci-fixh .penci-bgitem { height: calc(var(--bgh) / 2); width: calc(50% - var(--pcgap) / 2); margin-right: 0; } .penci-bgstyle-7 .penci-fixh .bgitem-1 { width: 100%; height: var(--bgh); } .penci-bgstyle-7 .penci-fixh .bgitem-2 { width: 100%; } .penci-bgstyle-7 .penci-fixh .bgitem-3 { margin-right: var(--pcgap); } /* Style 8 */ .penci-bgstyle-8 .penci-fixh { --bgh: 460px; } .penci-bgstyle-8 .penci-fixh .penci-bgitem { width: 100%; height: calc(var(--bgh) / 2); } .penci-bgstyle-8 .penci-fixh .bgitem-1 { width: 100%; margin-right: 0; height: var(--bgh); } /* Style 9 & 10 */ .penci-bgstyle-9 .penci-fixh, .penci-bgstyle-10 .penci-fixh { --bgh: 460px; } .penci-bgstyle-9 .penci-fixh .penci-bgitem, .penci-bgstyle-10 .penci-fixh .penci-bgitem { width: 100%; height: var(--bgh); margin-right: 0; } .penci-bgstyle-9 .penci-fixh .bgitem-1, .penci-bgstyle-9 .penci-fixh .bgitem-2, .penci-bgstyle-10 .penci-fixh .bgitem-4, .penci-bgstyle-10 .penci-fixh .bgitem-0 { width: calc(50% - var(--pcgap) / 2); height: calc(var(--bgh) / 2); } .penci-bgstyle-9 .penci-fixh .bgitem-1, .penci-bgstyle-10 .penci-fixh .bgitem-4 { margin-right: var(--pcgap); } /* Style 11 & 14 & 15 */ .penci-bgstyle-11 .penci-fixh, .penci-bgstyle-14 .penci-fixh, .penci-bgstyle-15 .penci-fixh { --bgh: 250px; } .penci-bgstyle-11 .penci-fixh .penci-bgitem, .penci-bgstyle-14 .penci-fixh .penci-bgitem, .penci-bgstyle-15 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap) / 2); height: var(--bgh); margin-right: var(--pcgap); } .penci-bgstyle-11 .penci-fixh .bgitem-2, .penci-bgstyle-11 .penci-fixh .bgitem-0, .penci-bgstyle-14 .penci-fixh .bgitem-2, .penci-bgstyle-14 .penci-fixh .bgitem-0, .penci-bgstyle-15 .penci-fixh .bgitem-2, .penci-bgstyle-15 .penci-fixh .bgitem-4, .penci-bgstyle-15 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 12 */ .penci-bgstyle-12 .penci-fixh { --bgh: 460px; } .penci-bgstyle-12 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap) / 2); margin-right: 0; } .penci-bgstyle-12 .penci-fixh .bgitem-1 { width: 100%; } .penci-bgstyle-12 .penci-fixh .bgitem-2 { margin-right: var(--pcgap); } .penci-bgstyle-12 .penci-fixh .bgitem-3, .penci-bgstyle-12 .penci-fixh .bgitem-0 { margin-right: 0; } /* Style 13 */ .penci-bgstyle-13 .penci-fixh { --bgh: 460px; } /* Style 16 */ .penci-bgstyle-16 .penci-fixh { --bgh: 200px; } /* Style 17 */ .penci-bgstyle-17 .penci-fixh { --bgh: 500px; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: 0; } .penci-bgstyle-17 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap) / 2); height: calc(var(--bgh) * 0.8); } .penci-bgstyle-17 .penci-fixh .bgitem-1 { width: 100%; height: var(--bgh); margin-right: 0; order: 1; } /* Style 18 */ .penci-bgstyle-18 .penci-fixh .penci-bgitem { width: calc(45% - var(--pcgap) / 2); } .penci-bgstyle-18 .penci-fixh .bgitem-1, .penci-bgstyle-18 .penci-fixh .bgitem-0 { width: calc(55% - var(--pcgap) / 2); } .penci-bgstyle-18 .penci-fixh .bgitem-3, .penci-bgstyle-18 .penci-fixh .bgitem-0 { height: calc(var(--bgh) * 0.8); } .penci-bgstyle-18 .penci-fixh { --bgh: 300px; } /* Style 19 * 20 */ .penci-bgstyle-19 .penci-fixh .penci-bgitem, .penci-bgstyle-20 .penci-fixh .penci-bgitem, .penci-bgstyle-19 .penci-fixh .bgitem-0, .penci-bgstyle-20 .penci-fixh .bgitem-6 { width: calc(50% - var(--pcgap)); } .penci-bgstyle-19 .penci-fixh .bgitem-3, .penci-bgstyle-20 .penci-fixh .bgitem-1 { width: calc(100% + var(--pcgap)); } /* Style 21 * 22 */ .penci-bgstyle-21 .penci-fixh, .penci-bgstyle-22 .penci-fixh { } .penci-bgstyle-21 .penci-fixh .penci-bgitem, .penci-bgstyle-22 .penci-fixh .penci-bgitem { width: calc(50% - var(--pcgap)); height: var(--bgh); } .penci-bgstyle-21 .penci-fixh .bgitem-1, .penci-bgstyle-22 .penci-fixh .bgitem-1 { height: calc(var(--bgh) * 2); width: calc(100% + var(--pcgap)); } } @media screen and (max-width: 767px) { .penci-bgstyle-3 .penci-fixh, .penci-bgstyle-8 .penci-fixh { --bgh: 320px; } .penci-bgstyle-4 .penci-fixh, .penci-bgstyle-6 .penci-fixh { --bgh: 380px; } .penci-bgstyle-7 .penci-fixh { --bgh: 400px; } .penci-bgstyle-11 .penci-fixh, .penci-bgstyle-14 .penci-fixh, .penci-bgstyle-15 .penci-fixh, .penci-bgstyle-16 .penci-fixh, .penci-bgstyle-19 .penci-fixh, .penci-bgstyle-20 .penci-fixh, .penci-bgstyle-21 .penci-fixh, .penci-bgstyle-22 .penci-fixh { --bgh: 190px; } .penci-bgstyle-5 .penci-fixh, .penci-bgstyle-9 .penci-fixh, .penci-bgstyle-10 .penci-fixh, .penci-bgstyle-12 .penci-fixh, .penci-bgstyle-13 .penci-fixh, .penci-bgstyle-17 .penci-fixh { --bgh: 300px; } .penci-bgstyle-9 .penci-fixh .bgitem-1, .penci-bgstyle-9 .penci-fixh .bgitem-2, .penci-bgstyle-10 .penci-fixh .bgitem-4, .penci-bgstyle-10 .penci-fixh .bgitem-0 { width: 100%; height: var(--bgh); margin-right: 0; } .penci-bgstyle-18 .penci-fixh { --bgh: 240px; } .penci-bgrid-monecol .penci-fixh .penci-bgitem { margin-right: 0 !important; margin-left: 0 !important; width: 100% !important; } .penci-bgrid-monecol .penci-fixh { margin-left: 0 !important; margin-right: 0 !important; } .penci-bgrid-monecol .penci-bgstyle-3 .penci-fixh .penci-bgitem, .penci-bgrid-monecol .penci-bgstyle-6 .penci-fixh .penci-bgitem, .penci-bgrid-monecol .penci-bgstyle-11 .penci-fixh .penci-bgitem, .penci-bgrid-monecol .penci-bgstyle-13 .penci-fixh .penci-bgitem, .penci-bgrid-monecol .penci-bgstyle-14 .penci-fixh .penci-bgitem, .penci-bgrid-monecol .penci-bgstyle-15 .penci-fixh .penci-bgitem, .penci-bgrid-monecol .penci-bgstyle-4 .penci-fixh .penci-bgitem { height: var(--bgh); } .penci-bgrid-msameh .penci-fixh .penci-bgitem { height: var(--bgh) !important; } .pcbg-content-inner { padding: 15px; } } /* Extra Responsive Big Grid */ .pcsl-verbd .pcsl-item, .pcbg-verbd .penci-dflex .penci-bgitem { border-right: 1px solid var(--pcborder-cl); } .pcsl-verbd:not(.pcsl-crs) .pcsl-item:last-child, .pcbg-verbd .penci-dflex .penci-bgitem:last-child { border-right: none !important; } @media screen and (max-width: 767px) { .pcsl-verbd .pcsl-item, .pcbg-verbd .penci-dflex .penci-bgitem { border-right: none !important; } } @media screen and (max-width: 1169px) { .pcsl-col-5 .pcsl-item, .pcsl-col-6 .pcsl-item, .penci-grid-col-5 .penci-dflex .penci-bgitem, .penci-grid-col-6 .penci-dflex .penci-bgitem { flex: 0 0 33.33333%; } .penci-grid-col-5 .penci-bgstyle-2 .item-masonry, .penci-grid-col-6 .penci-bgstyle-2 .item-masonry { width: 33.33333%; } } @media screen and (max-width: 960px) { .pcsl-col-4 .pcsl-item, .penci-grid-col-4 .penci-bgitem { flex: 0 0 50%; } .penci-grid-col-4 .penci-bgstyle-2 .item-masonry { width: 50%; } } @media screen and (max-width: 1169px) { .pcsl-tabcol-1 .pcsl-item, .penci-grid-tcol-1 .penci-dflex .penci-bgitem { flex: 0 0 100%; } .pcsl-tabcol-2 .pcsl-item, .penci-grid-tcol-2 .penci-dflex .penci-bgitem { flex: 0 0 50%; } .pcsl-tabcol-3 .pcsl-item, .penci-grid-tcol-3 .penci-dflex .penci-bgitem { flex: 0 0 33.33333%; } .pcsl-tabcol-4 .pcsl-item, .penci-grid-tcol-4 .penci-dflex .penci-bgitem { flex: 0 0 25%; } .penci-grid-tcol-1 .penci-bgstyle-2 .item-masonry { width: 100%; } .penci-grid-tcol-2 .penci-bgstyle-2 .item-masonry { width: 50%; } .penci-grid-tcol-3 .penci-bgstyle-2 .item-masonry { width: 33.33333%; } .penci-grid-tcol-4 .penci-bgstyle-2 .item-masonry { width: 25%; } } @media screen and (max-width: 767px) { .pcsl-col-2 .pcsl-item, .pcsl-col-3 .pcsl-item, .pcsl-col-4 .pcsl-item, .pcsl-col-5 .pcsl-item, .pcsl-col-6 .pcsl-item, .penci-dflex .penci-bgitem, .penci-grid-col-2 .penci-dflex .penci-bgitem, .penci-grid-col-3 .penci-dflex .penci-bgitem, .penci-grid-col-4 .penci-dflex .penci-bgitem, .penci-grid-col-5 .penci-dflex .penci-bgitem, .penci-grid-col-6 .penci-dflex .penci-bgitem, .pcsl-mobcol-1 .pcsl-item, .penci-grid-mcol-1 .penci-dflex .penci-bgitem { flex: 0 0 100%; } .pcsl-mobcol-2 .pcsl-item, .penci-grid-mcol-2 .penci-dflex .penci-bgitem { flex: 0 0 50%; } .pcsl-mobcol-3 .pcsl-item, .penci-grid-mcol-3 .penci-dflex .penci-bgitem { flex: 0 0 33.33333%; } .penci-grid-mcol-1 .penci-bgstyle-2 .item-masonry, .penci-grid-col-2 .penci-bgstyle-2 .item-masonry, .penci-grid-col-3 .penci-bgstyle-2 .item-masonry, .penci-grid-col-4 .penci-bgstyle-2 .item-masonry, .penci-grid-col-5 .penci-bgstyle-2 .item-masonry, .penci-grid-col-6 .penci-bgstyle-2 .item-masonry { width: 100%; } .penci-grid-mcol-2 .penci-bgstyle-2 .item-masonry { width: 50%; } .penci-grid-mcol-3 .penci-bgstyle-2 .item-masonry { width: 33.33333%; } } /* Footer Nav Menu */ .pcfooter-navmenu { --pcfnmn-space: 30px; --pcfnmn-spea-height: 12px; --pcfnmn-cirspea-h: 4px; } .pcfooter-navmenu { display: block; clear: both; } .pcfooter-navmenu .pcfoot-navmenu { padding: 0; list-style: none; margin: 0; vertical-align: top; line-height: 1.6; } .pcfoot-navmenu:before, .pcfoot-navmenu:after { content: ""; display: table; clear: both; } .pcfooter-navmenu .pcfoot-navmenu .sub-menu, .pcfooter-navmenu .pcfoot-navmenu > li ul { display: none !important; } .pcfooter-navmenu .pcfoot-navmenu > li { display: inline-block; vertical-align: top; margin-right: var(--pcfnmn-space); margin-bottom: 0; line-height: unset; position: relative; } .pcfooter-navmenu .pcfoot-navmenu > li:last-child { margin-right: 0; } .pcfooter-navmenu .pcfoot-navmenu li a { color: var(--pctext-cl); text-decoration: none; transition: all 0.3s; display: block; line-height: 1.5; } .pcfooter-navmenu.pcfnm-bgitems .pcfoot-navmenu li a { background: #e5e5e5; padding: 5px 15px; line-height: 1.3; } .pcfooter-navmenu.pcfnm-bditems .pcfoot-navmenu li a { padding: 5px 15px; line-height: 1.3; border: 1px solid var(--pcborder-cl); } .pcfooter-navmenu .pcfoot-navmenu li.current-menu-item a, .pcfooter-navmenu .pcfoot-navmenu li a:hover { color: var(--pcaccent-cl); } .pcfooter-navmenu.pcfnm-bgitems .pcfoot-navmenu li a:hover { background: #ddd; } .pcfooter-navmenu .pcfoot-navmenu > li:after { content: ""; display: block; width: 0; border: 0px solid var(--pcborder-cl); border-left-width: 1px; height: var(--pcfnmn-spea-height); position: absolute; right: calc(var(--pcfnmn-space) * -1 / 2 - 2px); top: 50%; margin-top: calc(var(--pcfnmn-spea-height) * -1 / 2); } .pcfnm-sepa-slash .pcfoot-navmenu > li:after { transform: skewX(-20deg); -webkit-transform: skewX(-20deg); right: calc(var(--pcfnmn-space) * -1 / 2 - 3px); } .pcfnm-sepa-dslash .pcfoot-navmenu > li:after { transform: skewX(-20deg); -webkit-transform: skewX(-20deg); border-right-width: 1px; width: 4px; right: calc(var(--pcfnmn-space) * -1 / 2 - 5px); } .pcfnm-sepa-circle .pcfoot-navmenu > li:after { width: var(--pcfnmn-cirspea-h); height: var(--pcfnmn-cirspea-h); border: none; border-radius: 50%; background: var(--pcborder-cl); transform: none; margin-top: calc(var(--pcfnmn-cirspea-h) * -1 / 2); right: calc(var(--pcfnmn-space) * -1 / 2 - var(--pcfnmn-cirspea-h) / 2 - 2px); } .pcfooter-navmenu.pcfnm-sepa-none .pcfoot-navmenu > li:after, body:not(.rtl) .pcfooter-navmenu .pcfoot-navmenu > li:last-child:after, body.rtl .pcfooter-navmenu .pcfoot-navmenu > li:first-child:after { content: none; display: none; } /* Penci Small List */ .penci-smalllist { display: block; width: 100%; clear: both; --pcsl-hgap: 20px; --pcsl-bgap: 20px; --pcsl-between: 20px; --pcsl-dwidth: 15%; overflow: hidden; } .pcsl-inner, .swiper.pcsl-inner { margin-left: calc(var(--pcsl-hgap) * -1 / 2); margin-right: calc(var(--pcsl-hgap) * -1 / 2); width: calc(100% + var(--pcsl-hgap)); display: flex; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: flex-start; } .pcsl-inner .pcsl-item { padding: 0 calc(var(--pcsl-hgap) / 2); width: 100%; margin-bottom: var(--pcsl-bgap); } .pcsl-inner .pcsl-iteminer { display: flex; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: flex-start; } .pcsl-inner.pcsl-imgpos-top .pcsl-iteminer { flex-direction: column; } .sl-date { color: var(--pcmeta-cl); } .pcsl-crs.pcsl-inner .pcsl-item { margin-bottom: 0 !important; } .pcsl-inner .pcsl-thumb { width: 32%; order: 2; transition: opacity 0.3s; position: relative; } .pcsl-inner .pcsl-thumb:hover { opacity: 0.85; } .pcsl-inner .pcsl-content { width: 68%; padding: 0 var(--pcsl-between); order: 3; } .pcsl-inner.pcsl-hdate .pcsl-date { width: var(--pcsl-dwidth); order: 1; padding: 0 var(--pcsl-between); } .pcsl-inner.pcsl-hdate .pcsl-date.pcsl-dpos-left { padding-left: 0; order: 0; } .pcsl-inner.pcsl-hdate .pcsl-date.pcsl-dpos-right { padding-right: 0; order: 5; } .pcsl-inner.pcsl-hdate .pcsl-thumb { width: 20%; } .pcsl-inner.pcsl-hdate .pcsl-content { width: 65%; width: calc(80% - var(--pcsl-dwidth)); } .pcsl-inner .pcsl-content ins { text-decoration: none; } .pcsl-inner.pcsl-imgpos-top .pcsl-thumb { margin-bottom: var(--pcsl-between); width: 100%; } .pcsl-imgpos-left .pcsl-content { padding-right: 0; } .pcsl-imgpos-right .pcsl-content { padding-left: 0; order: 1; } .pcsl-imgpos-top .pcsl-content, .pcsl-inner .pcsl-nothumb .pcsl-content { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } .pcsl-inner .pcsl-content .pcsl-title { font-size: 16px; color: var(--pcheading-cl); font-family: var(--pchead-font); font-weight: var(--pchead-wei); line-height: 1.4; display: block; } .pcsl-inner .pcsl-content .pcsl-title a { font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; text-decoration: none; } .pcsl-inner .pcsl-content .pcsl-title a:hover { color: var(--pcaccent-cl); } .pcsl-inner .pcsl-content .cat { line-height: 1.3; margin-bottom: 4px; } .pcsl-inner .pcsl-content .cat .penci-product-cats, .pcsl-inner .pcsl-content .cat .penci-product-cats a { text-decoration: none; color: var(--pcaccent-cl); } .pcsl-inner .grid-post-box-meta, .post-entry .pcsl-inner .grid-post-box-meta { margin-top: 8px; line-height: 1.3; font-size: 14px; } .pcsl-nocrop .penci-image-holder:before { padding-top: 0; content: none; } .pcsl-flex-full { width: 100%; order: 10; } .pcsl-pexcerpt { margin-top: 15px; } .pcsl-inner .pcsl-pexcerpt p { line-height: 1.5; } .pcsl-inner .pcsl-pexcerpt p:last-child { margin-bottom: 0; } .pcsl-readmore { margin-top: 15px; display: block; } .pcsl-readmore .pcsl-readmorebtn.pcsl-btns-bordered { border: 1px solid var(--pcborder-cl); background: transparent; } .pcsl-readmore .pcsl-readmorebtn.pcsl-btns-underline { border: 0px solid var(--pcborder-cl); border-bottom-width: 2px; background: transparent !important; padding: 0 0 3px 0 !important; } .pcsl-readmore .pcsl-readmorebtn.pcsl-btns-text { padding: 0 !important; border: none !important; background: transparent !important; } @media screen and (min-width: 1025px) { .pcsl-grid.pcsl-col-2 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-col-3 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-col-3 .pcsl-item:nth-last-child(3), .pcsl-grid.pcsl-col-4 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-col-4 .pcsl-item:nth-last-child(3), .pcsl-grid.pcsl-col-4 .pcsl-item:nth-last-child(4), .pcsl-grid.pcsl-col-5 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-col-5 .pcsl-item:nth-last-child(3), .pcsl-grid.pcsl-col-5 .pcsl-item:nth-last-child(4), .pcsl-grid.pcsl-col-5 .pcsl-item:nth-last-child(5), .pcsl-grid.pcsl-col-6 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-col-6 .pcsl-item:nth-last-child(3), .pcsl-grid.pcsl-col-6 .pcsl-item:nth-last-child(4), .pcsl-grid.pcsl-col-6 .pcsl-item:nth-last-child(5), .pcsl-grid.pcsl-col-6 .pcsl-item:nth-last-child(6) { margin-bottom: 0 !important; } } @media screen and (max-width: 1024px) and (min-width: 768px) { .pcsl-grid.pcsl-tabcol-2 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-tabcol-3 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-tabcol-3 .pcsl-item:nth-last-child(3), .pcsl-grid.pcsl-tabcol-4 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-tabcol-4 .pcsl-item:nth-last-child(3), .pcsl-grid.pcsl-tabcol-4 .pcsl-item:nth-last-child(4) { margin-bottom: 0 !important; } } @media screen and (max-width: 767px) { .pcsl-grid.pcsl-mobcol-2 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-mobcol-3 .pcsl-item:nth-last-child(2), .pcsl-grid.pcsl-mobcol-3 .pcsl-item:nth-last-child(3) { margin-bottom: 0 !important; } .pcsl-inner.pcsl-cat-mhide .pcsl-content .cat, .pcsl-inner.pcsl-meta-mhide .pcsl-meta, .pcsl-inner.pcsl-excerpt-mhide .pcsl-pexcerpt, .pcsl-inner.pcsl-rm-mhide .pcsl-readmore { display: none; } .pcsl-inner.pcsl-imgtopmobile .pcsl-thumb { margin-bottom: var(--pcsl-between); width: 100%; order: 1; } .pcsl-inner.pcsl-hdate .pcsl-date, .pcsl-inner.pcsl-hdate .pcsl-thumb, .pcsl-inner.pcsl-hdate .pcsl-content, .pcsl-inner.pcsl-imgtopmobile .pcsl-content { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } .pcsl-inner.pcsl-hdate .pcsl-thumb { order: 1 !important; margin-bottom: 15px; } .pcsl-inner.pcsl-hdate .pcsl-date { order: 2 !important; margin-bottom: 8px; } .pcsl-inner.pcsl-hdate .pcsl-content { order: 3 !important; } } .pcsl-grid .pcsl-item:last-child, .pcsl-nlist .pcsl-item:last-child { margin-bottom: 0 !important; } /* = Homepage title -----------------------------------------------------*/ .penci-homepage-title { position: relative; margin-bottom: 30px; text-align: center; clear: both; background: transparent; margin-top: 5px; } .penci-border-arrow { position: relative; line-height: 1.3; margin-left: 5px; margin-right: 5px; margin-top: 5px; } .post-entry .penci-border-arrow a, .post-entry .penci-border-arrow a:hover { text-decoration: none; } .penci-border-arrow .inner-arrow { border: 1px solid #313131; background: #fff; position: relative; display: block; text-transform: uppercase; padding: 8px 12px 7px; z-index: 3; font-size: 14px; } .penci-border-arrow .inner-arrow a { text-decoration: none !important; font-size: inherit; font-weight: inherit; color: inherit !important; } .penci-border-arrow .inner-arrow .pcbh-extrabtn { font-size: 70%; display: inline-block; } .penci-border-arrow .inner-arrow .pcbh-btns-underline { position: relative; padding-bottom: 3px; line-height: 1; transform: translateY(-2px); transition: all 0.3s; } .penci-border-arrow .inner-arrow .pcbh-btns-underline:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #ff0000; transition: all 0.3s; } @media only screen and (max-width: 479px) { .penci-border-arrow .inner-arrow .pcbh-extrabtn.pcbtn-etrhm { display: none; } } .penci-border-arrow .inner-arrow .pcbh-extrabtn.pcbh-btnp-left { margin-right: 10px; } .penci-border-arrow .inner-arrow .pcbh-extrabtn.pcbh-btnp-right { margin-left: 10px; } .penci-border-arrow .inner-arrow .pcbh-extrabtn.pcbh-btni-right i { margin-left: 5px; margin-right: 0; } .penci-border-arrow .inner-arrow .pcbh-extrabtn.pcbh-btni-left i { margin-right: 5px; margin-left: 0; } .penci-border-arrow:before, .penci-border-arrow:after { content: ""; position: absolute; } .penci-border-arrow:before { width: 0; height: 0; border-style: solid; border-color: transparent; bottom: -5px; left: 50%; border-top-color: #313131; border-width: 6px; border-bottom: 0; margin-left: -6px; z-index: 5; } .penci-border-arrow:after { border: 1px solid #313131; left: -5px; right: -5px; bottom: 3px; display: block; z-index: 1; height: 100%; } .penci-homepage-title h3 { font-size: 14px; color: #313131; text-transform: uppercase; position: relative; z-index: 1; } /* Simple List */ .penci-simplelist, .post-entry ul.penci-simplelist, .penci-simplelist li { margin: 0; padding: 0; list-style: none; } .post-entry ul.penci-simplelist li, .penci-simplelist li { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; width: 100%; margin-bottom: 10px; line-height: 1.4; } .post-entry ul.penci-simplelist > li:last-child, .penci-simplelist > li:last-child { margin-bottom: 0 !important; } .penci-simplelist li .list-icon { display: inline-block; margin-right: 5px; transition: all 0.3s; order: 0; } .penci-iconp-right li .list-icon { order: 2; margin-right: 0; margin-left: 5px; } .penci-simplelist.penci-justify-center li { justify-content: center; } .penci-simplelist.penci-justify-right li { justify-content: flex-end; } .penci-simplelist li a { color: inherit; font-family: inherit; font-size: inherit; } .penci-simplelist li a:hover { text-transform: none; } .penci-simplelist-shape-icon li .list-icon { line-height: 25px; display: inline-flex; align-items: center; justify-content: center; min-width: 25px; min-height: 25px; text-align: center; padding: 4px; } .list-icon img { width: auto; max-height: 50px; } .penci-simplelist-style-rounded .list-icon { border-radius: 50%; } .penci-simplelist.penci-simplelist-type-ordered { counter-reset: section; } .penci-simplelist.penci-simplelist-type-ordered li:before { content: counter(section) ". "; counter-increment: section; background-color: transparent; } .penci-simplelist.penci-simplelist-type-unordered li:before { display: inline-block; content: "\25B8"; background-color: transparent; line-height: 1; margin-right: 5px; transition: color 0.3s; } .penci-simplelist.penci-iconp-right.penci-simplelist-type-unordered li:before { order: 3; margin-left: 5px; margin-right: 0; } /* Advanced Lists */ .mega-menu-list, .mega-menu-list ul, .post-entry ul.mega-menu-list, .post-entry ul.mega-menu-list ul { margin: 0; padding: 0; list-style: none; } .mega-menu-list { --pcmega-colspace: 20px; } .mega-menu-list ul, .post-entry ul.mega-menu-list ul { margin-top: 15px; } ul.mega-menu-list a, .post-entry ul.mega-menu-list a:hover { text-decoration: none; } ul.mega-menu-list a:hover, .post-entry ul.mega-menu-list a:hover { color: var(--pcaccent-cl); } ul.mega-menu-list li, .post-entry ul.mega-menu-list li { position: relative; margin: 0; padding: 0; list-style: none; line-height: 1; margin-bottom: 15px; } ul.mega-menu-list li:last-child, .post-entry ul.mega-menu-list li:last-child { margin-bottom: 0 !important; } .mega-menu-list > li > a { font-family: var(--pchead-font); font-weight: bold; text-transform: uppercase; position: relative; } .mega-menu-list > li.heading-style-style-2 > a { border-bottom: 3px solid var(--pctext-cl); padding: 0 0 8px; display: block; } .mega-menu-list > li.heading-style-style-2 > a:after { content: ""; position: absolute; width: 40px; height: 3px; background-color: var(--pcaccent-cl); left: 0; bottom: -3px; } .mega-menu-list > li.heading-style-style-3 { overflow: hidden; } .mega-menu-list > li.heading-style-style-3 > a { padding-right: 12px; } .mega-menu-list > li.heading-style-style-3 > a:after { position: absolute; content: ""; width: 2000px; height: 0; top: 50%; left: 100%; border-bottom: 1px solid var(--pcborder-cl); z-index: 1; } .mega-menu-list li a { position: relative; display: inline-block; padding: 0; margin: 0; text-decoration: none; color: var(--pctext-cl); line-height: unset; } .mega-menu-list li a img { display: inline-block; width: auto; max-height: 20px; } .mega-menu-list .menu-label { font-size: 9px; font-weight: 600; line-height: 12px; position: absolute; z-index: 1; top: calc(50% - 24px); left: 100%; display: inline-block; margin-left: -20px; padding: 3px 4px; vertical-align: middle; white-space: nowrap; letter-spacing: 0.3px; text-transform: uppercase; color: #fff; line-height: 1; background-color: var(--pcaccent-cl); } .mega-menu-list .menu-label.label-style-1:before, .mega-menu-list .menu-label.label-style-2:before { position: absolute; top: 100%; left: 10px; content: ""; border: 4px solid; border-color: var(--pcaccent-cl); border-right-width: 7px; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-width: 0; } .mega-menu-list .menu-label.label-style-2:before { left: 0; border-right-width: 5px; } .mega-menu-list .menu-label.label-style-3 { top: calc(50% - 8px); left: 100%; margin-left: 5px; border-color: var(--pcaccent-cl); } .mega-menu-list .menu-label.label-style-3:before { position: absolute; top: calc(50% - 4px); left: -4px; content: ""; border-width: 4px 4px 4px 0; border-style: solid; border-color: var(--pcaccent-cl); border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .mega-menu-list .menu-label.label-style-4:before { position: absolute; right: 50%; bottom: -4px; left: 50%; margin-left: -3px; content: ""; border-width: 4px 3px 0 3px; border-style: solid; border-color: var(--pcaccent-cl); border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } ul.pcmg-subcol-2 > li { display: block; float: left; width: calc(50% - var(--pcmega-colspace) / 2); margin-right: var(--pcmega-colspace); } ul.pcmg-subcol-3 > li { display: block; float: left; width: calc(33.3333% - var(--pcmega-colspace) / 3 * 2); margin-right: var(--pcmega-colspace); } ul.pcmg-subcol-2 > li:nth-child(2n + 2), ul.pcmg-subcol-3 > li:nth-child(3n + 3) { margin-right: 0; } ul.pcmg-subcol-2 > li:nth-child(2n + 1), ul.pcmg-subcol-3 > li:nth-child(3n + 1) { clear: both; } ul.pcmg-subcol-2 > li:nth-last-child(2), ul.pcmg-subcol-3 > li:nth-last-child(2), ul.pcmg-subcol-3 > li:nth-last-child(3) { margin-bottom: 0 !important; } /* = Standard style -----------------------------------------------------*/ .standard-post-special { position: relative; margin: 0 0 26px 0; } .standard-content-special { padding: 0; text-align: center; background: #fff; display: block; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); } .standard-post-special.no-thumbnail .standard-content-special { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #ececec; } .format-post-box { display: block; padding: 52px 30px 21px 30px; position: relative; } .format-post-box.penci-format-link { padding-top: 19px; } .format-post-box .post-format-icon { position: absolute; width: 100%; text-align: center; display: block; top: 16px; margin-left: -30px; } .format-post-box.penci-format-link .post-format-icon { display: none; } .format-post-box .post-format-icon i { font-size: 35px; padding: 0 20px; display: inline-block; color: var(--pcaccent-cl); } .format-post-box .post-format-icon i.fa-quote-left:before { content: "\f101"; font-family: "penciicon"; font-size: 26px; font-weight: normal; } .format-post-box .dt-special, .format-post-box .dt-special a { color: #888; font-size: 112.5%; font-style: italic; } .format-post-box.penci-format-quote .dt-special { text-align: center; font-style: italic; font-size: 18px; } .format-post-box .dt-special a:hover { color: var(--pcaccent-cl); } .author-quote { margin: 15px 0 5px; text-align: center; display: block; overflow: hidden; } .author-quote span { display: inline-block; font-size: 12px; padding: 0 11px; position: relative; color: var(--pcaccent-cl); font-family: var(--pchead-font); font-weight: var(--pchead-wei); text-transform: uppercase; } .author-quote span:before, .author-quote span:after { position: absolute; content: ""; width: 60px; height: 1px; top: 50%; left: 100%; background: var(--pcaccent-cl); } .author-quote span:before { left: auto; right: 100%; } .standard-post-image { margin: 0 0 26px 0; text-align: center; display: block; position: relative; } .standard-post-image .audio-iframe, .standard-content-special { position: absolute; left: 30px; right: 30px; bottom: 30px; display: block; } .standard-post-image.no-thumbnail .audio-iframe, .standard-post-special.no-thumbnail .standard-content-special { position: static; } .standard-post-image img { vertical-align: top; max-width: 100%; height: auto; } .header-standard { text-align: center; padding-bottom: 17px; position: relative; margin: 0 0 19px 0; } .header-standard:after { content: ""; position: absolute; width: 60px; height: 1px; background: var(--pcaccent-cl); display: block; bottom: 0; left: 50%; margin-left: -30px; } .penci-standard-cat { overflow: hidden; display: block; margin-bottom: 6px; } .header-standard .cat { display: inline-block; position: relative; } .header-standard h2, .header-standard .post-title, .header-standard h2 a { color: #313131; font-size: 24px; text-transform: uppercase; } .pcsb-subtt .penci-psub-title, .container-single .header-standard h2.penci-psub-title, .container-single h2.penci-psub-title { letter-spacing: 0; text-transform: none; font-size: 18px; line-height: 1.3; margin: 8px 0; color: #777; } .pcsb-subtt .penci-psub-title { margin: 0; } @media only screen and (min-width: 768px) { .penci-header-text-white .header-standard h2.penci-psub-title, .penci-single-style-10.penci-header-text-white .header-standard h2.penci-psub-title { color: #ccc; } } @media only screen and (max-width: 767px) { .container-single .header-standard h2.penci-psub-title, .container-single h2.penci-psub-title { font-size: 16px; } } .header-standard h2 a:hover { color: #888888; } .header-standard .author-post span { color: #888; } .header-standard .author-post { margin: 6px 0 0; font-size: 14px; } .header-standard .author-post span, .header-standard .author-post span a { font-size: inherit; } .header-standard .author-post span a { color: #313131; text-transform: capitalize; } .header-standard .author-post span a:hover { color: var(--pcaccent-cl); } .standard-content { position: relative; } .standard-main-content { text-align: left; } .penci-more-link { text-align: center; overflow: hidden; clear: both; } .penci-more-link a.more-link { font-family: var(--pchead-font); color: var(--pcaccent-cl); text-transform: uppercase; font-size: 12px; display: inline-block; margin-top: 5px; font-weight: var(--pchead-wei); position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .standard-post-entry a.more-link:hover { text-decoration: none; } .penci-more-link a.more-link:before, .penci-more-link a.more-link:after { position: absolute; content: ""; width: 60px; height: 0; top: 50%; left: 100%; margin: 0 10px; margin-top: -1px; border-top: 1px solid var(--pcaccent-cl); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-more-link a.more-link:before { left: auto; right: 100%; } .penci-more-link a.more-link:hover:before { right: 50%; margin-right: -10px; width: 90px; } .penci-more-link a.more-link:hover:after { left: 50%; margin-left: -10px; width: 90px; } .penci-more-link.penci-more-link-button { margin-top: 17px; } .penci-more-link.penci-more-link-button a.more-link:before, .penci-more-link.penci-more-link-button a.more-link:after { content: none; display: none; } .penci-more-link.penci-more-link-button a.more-link { line-height: 1; color: #fff; background: var(--pcaccent-cl); padding: 14px 16px; margin-top: 0; } .penci-more-link.penci-more-link-button a.more-link:hover { opacity: 0.8; } .penci-post-box-meta { padding: 15px 0; clear: both; display: block; border-top: 1px solid var(--pcborder-cl); border-bottom: 1px solid var(--pcborder-cl); margin: 30px 0 0; } .penci-post-box-meta.center-inner { text-align: center; } .penci-post-box-meta.center-inner .penci-post-share-box { float: none; } .penci-post-box-meta .penci-box-meta { display: inline-block; font-size: 14px; } .penci-hide-tagupdated { display: none !important; } .penci-post-box-meta .penci-box-meta span, .penci-post-box-meta .penci-box-meta a { color: #888888; } .grid-post-box-meta i, .penci-post-box-meta .penci-box-meta i { margin-right: 5px; } .penci-post-box-meta .penci-box-meta a:hover { color: var(--pcaccent-cl); } .penci-post-box-meta .penci-box-meta span:after { content: ""; width: 0; height: 10px; margin: 0 16px 0 20px; display: inline-block; background: none !important; border-right: 1px solid; opacity: 0.7; } .penci-post-box-meta .penci-box-meta span:last-child:after { content: none; display: none; } .penci-post-box-meta .penci-post-share-box { display: inline-block; float: right; } .penci-post-box-meta .penci-post-share-box a { display: inline-block; position: relative; color: #313131; margin-left: 10px; font-size: 14px; } .penci-post-box-meta .penci-post-share-box a:first-child { margin-left: 0; } .penci-post-share-box a.liked, .penci-post-share-box a:hover { color: var(--pcaccent-cl); } .penci-post-share-box .dt-share { position: absolute; display: inline-block; font-size: 9px; font-family: var(--pchead-font); font-weight: normal; background: #313131; color: #fff; height: 20px; line-height: 20px; white-space: nowrap; text-align: center; bottom: -45px; width: 60px; left: 50%; margin-left: -30px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; z-index: 5; } .penci-post-share-box a:hover .dt-share { opacity: 1; bottom: -30px; visibility: visible; } .penci-post-share-box .dt-share:before { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #313131; content: ""; top: -7px; left: 50%; margin-left: -4px; } .penci-post-like.liked i:before { content: "\f004"; } .penci-fawesome-ver5 .penci-post-like.liked i:before { font-weight: 900; } .penci-post-share-box .penci-svg-line, .list-posts-share .penci-svg-line { vertical-align: top; transform: translateY(2px); -webkit-transform: translateY(2px); } .penci-post-share-box .penci-svg-viber, .list-posts-share .penci-svg-viber { vertical-align: top; transform: translateY(4px); -webkit-transform: translateY(4px); } .penci-svg-goodreads, .penci-svg-tiktok, .penci-svg-line, .penci-svg-viber, .penci-svg-discord, .penci-svg-messenger { width: 14px; vertical-align: middle; } .post-share-item.show-on-mobile { display: none; } @media only screen and (max-width: 960px) { .post-share-item.show-on-desktop { display: none; } } /* = Classic style -----------------------------------------------------*/ .header-standard.header-classic { margin: 0 0 26px 0; padding: 0; } .header-standard.header-classic:after { content: none; display: none; } .header-standard.header-classic.penci-title-bellow { margin-bottom: 40px; } /* = Gird style -----------------------------------------------------*/ ul.penci-grid { display: inline-block; width: 100%; vertical-align: top; padding: 0 !important; margin: 0; } .penci-grid > li { display: inline-block; vertical-align: top; width: 31.62%; margin-bottom: 51px; float: left; margin-right: 2.57%; list-style: none !important; } .sd-content ul li { clear: none !important; width: auto !important; } .penci-grid > li.grid-style { text-align: center; } .penci-grid > li:nth-of-type(3n + 3) { margin-right: 0; } .penci-grid > li:nth-of-type(3n + 1) { clear: both; } .container.penci_sidebar .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-grid > li.grid-2-style { width: 48.7%; margin-right: 2.6%; } .penci-lposts-ctcol.pencisc-grid-1 .penci-grid > li, .penci-lposts-ctcol.pencisc-grid-2 .penci-grid > li, .penci-lposts-ctcol.pencisc-grid-3 .penci-grid > li, .penci-lposts-ctcol.pencisc-grid-4 .penci-grid > li, .penci-lposts-ctcol.pencisc-grid-5 .penci-grid > li, .penci-lposts-ctcol.pencisc-grid-6 .penci-grid > li { width: 100%; margin-bottom: 0; margin-right: 0; } .container.penci_sidebar .penci-grid li:nth-of-type(3n + 3) { margin-right: 3.9%; clear: none; } .container.penci_sidebar .penci-grid li:nth-of-type(2n + 1) { clear: both; } .penci-grid li.grid-2-style:nth-of-type(3n + 3) { margin-right: 2.6%; clear: none; } .container.penci_sidebar .penci-grid li:nth-of-type(2n + 2), .penci-grid li.grid-2-style:nth-of-type(2n + 2) { margin-right: 0; clear: none; } .container.penci_sidebar .penci-grid li:nth-of-type(2n + 1), .penci-grid li.grid-2-style:nth-of-type(2n + 1) { clear: both; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { display: inline-block; position: relative; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; margin-bottom: 28px; width: 100%; } .pcsl-thumb .icon-post-format, .penci-grid li .item .thumbnail .icon-post-format, .penci-masonry .item-masonry > .thumbnail .icon-post-format, .grid-mixed .thumbnail .icon-post-format { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 42px; height: 42px; line-height: 38px; top: 50%; left: 50%; margin: -21px 0 0 -21px; font-size: 16px; opacity: 1; color: rgba(255, 255, 255, 0.9); background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: rgba(0, 0, 0, 0.4); border: 2px solid rgba(255, 255, 255, 0.9); } .pcsl-thumb .icon-post-format { width: 34px; height: 34px; line-height: 30px; margin: -17px 0 0 -17px; font-size: 14px; } .pcsl-thumb .icon-post-format i.fa-play, .penci-grid li .item .thumbnail .icon-post-format i.fa-play, .penci-masonry .item-masonry > .thumbnail .icon-post-format i.fa-play { margin-left: 3px; } .pcsl-thumb:hover .icon-post-format, .grid-mixed .thumbnail:hover .icon-post-format, .penci-grid li .item > .thumbnail:hover .icon-post-format, .penci-masonry .item-masonry > .thumbnail:hover .icon-post-format { opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); } .grid-mixed .thumbnail:hover, .penci-grid li .item > .thumbnail:hover, .penci-masonry .item-masonry > .thumbnail:hover { opacity: 0.85; } .penci-grid li .item img, .penci-masonry .item-masonry a img { width: 100%; height: auto; vertical-align: top; margin: 0; } .penci-grid li .item .cat, .penci-masonry .item-masonry .cat { color: var(--pcaccent-cl); display: block; margin-bottom: 8px; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { font-size: 18px; color: var(--pcheading-cl); text-transform: uppercase; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } .penci-grid li .item h2 a:hover, .penci-masonry .item-masonry h2 a:hover { color: #888888; } .penci-grid li .item p, .penci-masonry .item-masonry p { margin-bottom: 0; } .penci-grid li .item .item-content, .penci-masonry .item-masonry .item-content, .penci-grid .mixed-detail .item-content { margin-top: 18px; text-align: left; } .penci-post-box-meta.penci-post-box-grid { border: none !important; padding: 0; text-align: center; position: relative; margin-top: 16px; clear: none; } .penci-post-box-meta.penci-post-box-grid:before { content: ""; position: absolute; width: 100%; left: 0; height: 1px; background: #dedede; display: block; top: 49%; z-index: 1; } .penci-post-box-meta.penci-post-box-grid .penci-post-share-box { float: none !important; padding: 0 10px; position: relative; z-index: 5; background: #ffffff; display: inline-block; margin-top: 0; } .grid-header-box { padding-bottom: 17px; position: relative; } .grid-header-box:after { width: 60px; height: 1px; background: var(--pcaccent-cl); margin-left: -30px; position: absolute; left: 50%; bottom: 0; content: ""; } /* Grid overlay meta */ .penci-grid li.grid-overlay-meta .item > .thumbnail, .penci-masonry .item-masonry.grid-overlay-meta > .thumbnail { margin-bottom: 0; vertical-align: top; } .grid-overlay-meta .grid-header-box { margin: -30px 25px 0; background: #fff; padding-top: 25px; padding-left: 5px; padding-right: 5px; z-index: 10; position: relative; } .penci-readmore-btn, .penci-featured-cat-seemore { margin-top: 10px; display: block; text-align: left; } .penci-featured-cat-seemore { clear: both; margin: -40px 0 60px; line-height: 1; } .penci-seemore-style-8 { margin-top: -20px; } .penci-readmore-btn a, .penci-featured-cat-seemore a { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; line-height: inherit; } .penci-readmore-btn a:hover, .penci-featured-cat-seemore a:hover { opacity: 0.7; } .penci-readmore-btn i, .penci-featured-cat-seemore i { margin-left: 5px; font-size: inherit; color: inherit; } .penci-readmore-btn.penci-btn-make-button { margin-top: 21px; } .penci-readmore-btn.penci-btn-remove-arrow i, .penci-featured-cat-seemore.penci-btn-remove-arrow i { display: none; } .penci-readmore-btn.penci-btn-make-button a, .penci-featured-cat-seemore.penci-btn-make-button a { line-height: 1; color: #fff; background: var(--pcaccent-cl); padding: 10px 15px; text-transform: uppercase; font-family: var(--pchead-font); font-weight: var(--pchead-wei); font-size: 12px; display: inline-block; } .penci-readmore-btn.penci-btn-align-center, .penci-featured-cat-seemore.penci-btn-align-center { text-align: center; } .penci-readmore-btn.penci-btn-align-left, .penci-featured-cat-seemore.penci-btn-align-left { text-align: left; } .penci-readmore-btn.penci-btn-align-right, .penci-featured-cat-seemore.penci-btn-align-right { text-align: right; } /* = Masonry style -----------------------------------------------------*/ .penci-wrap-masonry { margin-left: -15px; margin-right: -15px; } .penci-masonry { width: 100%; display: inline-block; vertical-align: top; } .penci-masonry .item-masonry { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 33.3333%; display: inline-block; padding: 0 15px; float: left; margin-bottom: 51px; text-align: center; } .penci-isotope-padding { display: block !important; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; } .penci-post-gallery-container .item-link-relative, .item-link-relative { position: relative; display: block; vertical-align: top; } .item-link-relative > img, .penci-post-gallery-container .item-link-relative img, .item-masonry a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; z-index: 1; width: 100%; } .container.penci_sidebar .penci-masonry .item-masonry, .penci-masonry .item-masonry.grid-masonry-2 { width: 50%; } .penci-masonry .item-masonry .thumbnail > a { display: inline-block; vertical-align: top; width: 100%; } .pencisc-grid-6 .penci-masonry .item-masonry { width: 16.6666667%; } .pencisc-grid-5 .penci-masonry .item-masonry { width: 20%; } .pencisc-grid-4 .penci-masonry .item-masonry { width: 25%; } .pencisc-grid-3 .penci-masonry .item-masonry { width: 33.3333%; } .pencisc-grid-2 .penci-masonry .item-masonry { width: 50%; } .pencisc-grid-1 .penci-masonry .item-masonry { width: 100%; } /* = Standard Masonry Style -----------------------------------------------------*/ .penci-masonry .standard-masonry { width: 50%; } .standard-masonry .standard-main-content > h2 { font-size: 20px; } .standard-masonry .standard-main-content > h2:before { height: 18px; top: 3px; } .penci-masonry .item-masonry.standard-masonry .cat a { margin-bottom: 13px; } .standard-masonry .post-box-meta { margin-top: 14px; } /* = Operator penci cat -----------------------------------------------------*/ .cat > a.penci-cat-name { font-size: 13px; color: var(--pcaccent-cl); line-height: 1.2; margin: 0 15px 0 0; padding-right: 10px; display: inline-block; vertical-align: top; background: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-weight: normal; margin-bottom: 5px; position: relative; text-decoration: none; } .cat > a.penci-cat-name:after { content: ""; display: inline-block; border: 1px solid; font-size: 12px; margin-left: 10px; position: absolute; top: 50%; margin-top: -3px; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); box-sizing: unset; -webkit-box-sizing: unset; opacity: 0.65; } .cat > a.penci-cat-name:hover { } .cat > a.penci-cat-name:first-child { margin-left: 0; } .cat > a.penci-cat-name:last-child { margin-right: 0; padding: 0; } .cat > a.penci-cat-name:last-child:after { content: none; display: none; } /* = List style -----------------------------------------------------*/ .penci-grid li.list-post { width: 100% !important; margin-right: 0 !important; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #dedede; } .penci-grid li.list-post .item { width: 100%; } .penci-grid li.list-post:last-child { margin-bottom: 40px; padding-bottom: 0; border-bottom: none; } .penci-grid li.list-post .item > .thumbnail { margin: 0; width: 46.25%; float: left; max-width: 100%; } .penci-latest-posts-sc .penci-grid li.list-post .item > .thumbnail { max-width: 100%; } .penci-grid li.list-post .item .content-list-right { margin: 0; padding-left: 30px; width: 53.75%; float: left; } .penci-grid li.list-post .item .content-list-right.fullwidth { padding: 0 !important; width: 100% !important; } .list-post .header-list-style { position: relative; padding-bottom: 17px; } .list-post .header-list-style:after { content: ""; width: 60px; height: 1px; background: var(--pcaccent-cl); display: block; bottom: 0; left: 0; position: absolute; } .content-special-list { width: 100%; display: block; padding: 30px; background-size: cover; background-position: center center; position: relative; } .content-special-list.no-thumbnail { padding: 0; } .content-special-list .standard-content-special { position: relative; left: auto; top: auto; bottom: auto; right: auto; } .content-special-list.no-thumbnail .standard-content-special { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #ececec; } /* = Small list style -----------------------------------------------------*/ .list-post.penci-slistp .header-list-style { padding-bottom: 5px; } .penci-grid li.list-post.penci-slistp .item > .thumbnail { width: 160px; max-width: 100%; margin-right: 16px; float: left; } .penci-grid li.list-post.penci-slistp .item .content-list-right { display: block; float: none !important; overflow: hidden; width: auto !important; padding-left: 0 !important; padding-right: 0 !important; } .list-post.penci-slistp .header-list-style:after { content: none; display: none; } .penci-grid li.list-post.penci-slistp { padding-bottom: 15px; margin-bottom: 15px; } .penci-latest-posts-small-list li.penci-slistp:last-child { padding-bottom: 0 !important; } .penci-layout-mixed-3 .penci-grid li.penci-slistp, .penci-layout-mixed-4 .penci-grid li.penci-slistp, .penci-latest-posts-mixed-3 .penci-grid li.penci-slistp, .penci-latest-posts-mixed-4 .penci-grid li.penci-slistp { padding-bottom: 0; margin-bottom: 0; padding-top: 15px; border-bottom: none; border-top: 1px solid var(--pcborder-cl); } .penci-layout-mixed-3 .penci-grid li.penci-slistp ~ .penci-slistp, .penci-layout-mixed-4 .penci-grid li.penci-slistp ~ .penci-slistp, .penci-latest-posts-mixed-3 .penci-grid li.penci-slistp ~ .penci-slistp, .penci-latest-posts-mixed-4 .penci-grid li.penci-slistp ~ .penci-slistp { margin-top: 15px; } .penci-layout-mixed-3 .penci-grid li.list-post.penci-slistp:last-child, .penci-layout-mixed-4 .penci-grid li.list-post.penci-slistp:last-child, .penci-latest-posts-mixed-3 .penci-grid li.list-post.penci-slistp:last-child, .penci-latest-posts-mixed-4 .penci-grid li.list-post.penci-slistp:last-child { margin-bottom: 30px; } .post-entry li.penci-slistp .grid-post-box-meta { line-height: 1.3; margin-top: 10px; } .penci-grid li.penci-slistp .item .thumbnail .icon-post-format { width: 32px; height: 32px; line-height: 30px; margin: -16px 0 0 -16px; font-size: 14px; left: 50%; right: auto; } /* = Mixed style -----------------------------------------------------*/ .grid-mixed { display: table; width: 100%; vertical-align: top; border: 1px solid var(--pcborder-cl); margin-bottom: 60px; } .grid-mixed > article { width: 100%; display: table; } .grid-mixed .thumbnail, .grid-mixed .mixed-detail { display: table-cell; vertical-align: top; } .grid-mixed .thumbnail.thumb-right { display: none; } .penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-right { display: table-cell; } .penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-left { display: none; } .grid-mixed .thumbnail { width: 65.812%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; position: relative; } .grid-mixed .mixed-detail { width: 34.188%; padding: 30px; padding-bottom: 115px; position: relative; } .grid-mixed .mixed-detail .cat { margin-bottom: 8px; display: block; } .grid-mixed .mixed-detail h2 a { font-size: 18px; text-transform: uppercase; color: #313131; } .grid-mixed .mixed-detail h2 a:hover { color: #888; } .grid-mixed .grid-header-box:after { left: 0; margin: 0; } .grid-mixed .penci-post-box-meta { margin: 0 0 4px 0; position: absolute; left: 30px; bottom: 30px; right: 30px; display: block; } .penci-latest-posts-sc .grid-mixed .thumbnail.thumb-left, .penci-latest-posts-sc .grid-mixed .mixed-detail, .penci-el-mixed-s2 .grid-mixed .thumbnail.thumb-left, .penci-el-mixed-s2 .grid-mixed .mixed-detail, .penci_sidebar .grid-mixed .thumbnail.thumb-left, .penci_sidebar .grid-mixed .mixed-detail { display: block !important; width: 100%; } @media only screen and (min-width: 961px) { .penci-latest-posts-mixed-larger .grid-mixed .thumbnail.thumb-left { width: 65.812%; } .penci-latest-posts-mixed-larger .grid-mixed .mixed-detail { width: 34.188%; } .penci-latest-posts-mixed-larger .grid-mixed .thumbnail.thumb-left, .penci-latest-posts-mixed-larger .grid-mixed .mixed-detail { display: table-cell !important; vertical-align: top; } } .penci_sidebar .grid-mixed .mixed-detail { padding: 30px; } .penci_sidebar .grid-mixed .penci-post-box-meta { position: relative; margin: 31px 0 4px; left: auto; right: auto; bottom: auto; } .penci-latest-posts-sc .grid-mixed .thumbnail.thumb-right, .penci-el-mixed-s2 .grid-mixed .thumbnail.thumb-right, .penci_sidebar .grid-mixed .thumbnail.thumb-right { display: none !important; } .penci-el-mixed-s2 .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-el-mixed-s2 .penci-grid li:nth-of-type(2n + 1) { clear: both; } .penci-el-mixed-s2 .penci-grid li:nth-of-type(2n + 2) { margin-right: 0; clear: none; } /* = List Boxed style -----------------------------------------------------*/ .penci-grid .list-post.list-boxed-post { position: relative; padding-bottom: 0; border: 1px solid #dedede !important; margin-bottom: 60px; } .penci-post-box-meta.post-box-boxed-1 { margin: 31px 0 0; text-align: left; } .penci-layout-boxed-1 .list-boxed-post .header-list-style:after, .penci-layout-standard-boxed-1 .list-boxed-post .header-list-style:after, .penci-layout-classic-boxed-1 .list-boxed-post .header-list-style:after, .list-post.list-boxed-post .header-list-style:after { left: 50%; margin-left: -30px; } .grid-post-box-meta { margin: 12px 0 0; font-size: 14px; } .grid-post-box-meta span { color: #888888; } .grid-post-box-meta span, .grid-post-box-meta a { font-size: inherit; } .grid-post-box-meta span.author-italic { } .grid-post-box-meta span:after { content: ""; width: 1px; height: 10px; background: #dedede; margin: 0 8px 0 10px; border-right: 1px solid; background: none !important; opacity: 0.6; display: inline-block; } .grid-post-box-meta span:last-child:after { content: none; display: none; } .grid-post-box-meta span a { color: #313131; } .grid-post-box-meta span a.comment-link { color: #888888; font-style: normal; } .grid-post-box-meta span a:hover, .grid-post-box-meta span a.comment-link:hover { color: var(--pcaccent-cl); } .list-boxed-post .grid-post-share-box .inner-grid-post-share-box { background: #ffffff; } .penci-grid .list-post.list-boxed-post .item > .thumbnail { width: 50%; max-width: none; position: relative; float: none; } .penci-grid .list-post.list-boxed-post .item > .content-list-right { float: right; } .penci-grid li.list-boxed-post:nth-of-type(2n + 2) .item > .content-list-right { float: left; } .penci-grid .list-post.list-boxed-post .item > .thumbnail:before { content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid #ffffff; border-bottom: 20px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -20px; z-index: 5; } .penci-grid .list-post.list-boxed-post:nth-of-type(2n + 2) .item > .thumbnail:before { border-right: none; border-left: 20px solid #ffffff; right: auto; left: 0; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 20px 60px; display: table; width: 50%; min-height: 389px; height: 389px; text-align: center; } .list-boxed-post .inner-content-list-right { vertical-align: middle; display: table-cell; } .penci_sidebar .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 20px 30px; min-height: 0; height: auto; } .penci-grid .list-post.list-boxed-post .item .content-list-right.fullwidth { width: 100%; max-width: none; } .list-boxed-post .fullwidth .inner-content-list-right { min-height: 0; padding-left: 0; padding-right: 0; } .penci-grid .list-post.list-boxed-post.penci-infeed-data, .grid-featured.penci-infeed-data { border: none !important; } .penci-infeed-data { overflow: hidden; text-align: center !important; } .penci-infeed-data .penci-inner-infeed-data { display: block; } .penci-infeed-data.penci-infeed-fullwidth-ads { width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 40px; } /* = Overlay style -----------------------------------------------------*/ .grid-overlay { margin-bottom: 60px; position: relative; display: block; clear: both; } .penci-overlay-over { position: relative; } .penci-overlay-over:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } .penci-overlay-over:hover:before { opacity: 0.5; } .penci-overlay-over .overlay-header-box { position: absolute; text-align: center; left: 20px; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 10; padding-bottom: 18px; } .penci-overlay-over .overlay-header-box:after { content: ""; height: 1px; background: #fff; display: block; position: absolute; bottom: 0; width: 60px; left: 50%; margin-left: -30px; } .penci-overlay-over:hover .overlay-header-box:after { width: 60px; left: 50%; margin-left: -30px; } .overlay-header-box .cat { display: block; margin-bottom: 6px; } .overlay-header-box .cat > a.penci-cat-name { color: #fff; } .overlay-header-box .cat > a.penci-cat-name:hover { color: var(--pcaccent-cl); text-decoration: none; } .overlay-header-box .cat > a.penci-cat-name:after { border-color: #fff; } .overlay-header-box .overlay-author { margin-top: 6px; font-size: 14px; } .overlay-header-box .overlay-title a { text-transform: uppercase; color: #fff; font-size: 24px; } .overlay-author span, .overlay-author a { color: #fff; font-style: italic; } .overlay-author a:hover { color: var(--pcaccent-cl); } .penci-overlay-over .overlay-border { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; display: block; border: 1px solid #fff; z-index: 5; } .overlay-post-box-meta { position: absolute; bottom: -1px; left: 30px; right: 30px; text-align: center; margin: 0; background: #fff; z-index: 7; border: none; padding: 21px 10px 0; } .overlay-post-box-meta > div { display: inline-block; vertical-align: bottom; line-height: 1; float: none !important; } .overlay-post-box-meta > div:after { content: ""; width: 0; height: 10px; margin: 0 13px 0 16px; display: inline-block; border-right: 1px solid; background: none !important; opacity: 0.7; } .overlay-post-box-meta > div:last-child:after { content: none; display: none; } .overlay-post-box-meta, .overlay-post-box-meta .overlay-share span, .overlay-post-box-meta .overlay-share a { color: #888; } .overlay-post-box-meta .overlay-share a:hover { color: var(--pcaccent-cl); } .overlay-post-box-meta .overlay-share i { color: inherit; margin-right: 5px; } /* = Featured Boxed Style -----------------------------------------------------*/ .grid-featured { margin-bottom: 60px; border: 1px solid var(--pcborder-cl); overflow: hidden; } .grid-featured .thumbnail { position: relative; margin: -1px -1px 0 -1px; } .penci-featured-infor { padding: 20px; text-align: center; } .penci-featured-infor .cat { display: block; margin-bottom: 8px; } .penci-featured-infor .penci-entry-title { text-transform: uppercase; font-size: 24px; } .penci-featured-infor .penci-entry-title a { color: var(--pcheading-cl); text-decoration: none; font-size: inherit; } .penci-featured-infor .penci-entry-title a:hover { color: var(--pcaccent-cl); text-decoration: none; } .penci-featured-infor .item-content { margin-top: 18px; text-align: left; } .penci-featured-infor .item-content > p:last-child { margin-bottom: 0 !important; } .grid-featured .penci-featured-share-box a { color: inherit; line-height: inherit; } .grid-featured .penci-featured-share-box a i { line-height: inherit; } .grid-featured .penci-featured-share-box .penci-shareso a { margin-right: 10px; } .grid-featured .penci-featured-share-box .penci-shareso a.penci-post-like { margin-right: 6px; } .grid-featured .penci-featured-share-box .penci-shareso a:last-child { margin-right: 0; } .grid-featured .penci-featured-share-box a:hover { color: var(--pcaccent-cl); } .penci-featured-share-box .dt-share { display: none !important; } .penci-featured-share-box .penci-shareso { opacity: 0; visibility: hidden; transform: translateX(40px); -webkit-transform: translateX(40px); z-index: 2; } .penci-featured-share-box .penci-shareic, .penci-featured-share-box .penci-shareso { transition: opacity 0.3s, transform 0.3s; -webkit-transition: opacity 0.3s, transform 0.3s; padding: 0 15px; height: 40px; line-height: 40px; background: var(--pctext-cl); color: var(--pcbg-cl); display: inline-block; vertical-align: top; position: absolute; left: 0; bottom: 0; z-index: 10; } .penci-featured-share-box .penci-shareic { padding: 0; width: 40px; text-align: center; } .grid-featured .thumbnail:hover .penci-shareso { opacity: 1; transform: none; -webkit-transform: none; display: inline-block; visibility: visible; } .grid-featured .thumbnail:hover .penci-shareic { transform: translateX(-40px); -webkit-transform: translateX(-40px); } /* = List Boxed 2 style -----------------------------------------------------*/ .penci-grid li.list-boxed-post-2 { margin: 0 !important; width: 33.3333%; } .penci-grid li.list-boxed-post-2:last-child { margin-bottom: 60px !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 { width: 50%; } .penci-grid li.list-boxed-post-2 .item > .thumbnail { margin: 0; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { position: absolute; content: ""; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #ffffff; left: 50%; margin-left: -18px; bottom: 0; } .penci-grid li.list-boxed-post-2 .item > .thumbnail.arrow-top:before { border-bottom: none; border-top: 18px solid #ffffff; bottom: auto; top: 0; } .penci-grid li.list-boxed-post-2 .content-boxed-2 { border: 1px solid #efefef; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { border-top: none; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { border-bottom: none; } .penci-grid li.list-boxed-post-2 .content-boxed-2.boxed-none { display: none; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 258px; display: table; text-align: center; padding: 20px; width: 100%; } .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 256px; } .penci-grid li.list-boxed-post-2 .inner-boxed-2 { display: table-cell; vertical-align: middle; max-width: 100%; } /* = Photography style -----------------------------------------------------*/ .typography-style .content-typography { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; } .penci-grid li.typography-style { margin-bottom: 30px; } .penci-grid li.typography-style:last-child { margin-bottom: 60px; } .penci-grid li.typography-style .item > .thumbnail { margin-bottom: 0; } .penci-grid li.typography-style .item > .thumbnail:hover { opacity: 1; } .typography-style .content-typography:hover, .penci-grid .typography-style .thumbnail:hover .content-typography { opacity: 1; } .penci-grid li.typography-style .overlay-typography { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.3; transition: opacity 0.3s ease 0s; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; } .penci-grid li.typography-style:hover .overlay-typography { opacity: 0.7; } .penci-grid li.typography-style .overlay-typography:before, .penci-grid li.typography-style .overlay-typography:after { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; content: ""; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .penci-grid li.typography-style .overlay-typography:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .penci-grid li.typography-style .overlay-typography:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .penci-grid li.typography-style:hover .overlay-typography:before, .penci-grid li.typography-style:hover .overlay-typography:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .typography-style .main-typography { position: absolute; z-index: 5; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .typography-style .main-typography a.penci-cat-name { color: #fff; border-color: #fff; text-decoration: none; } .typography-style .main-typography a.penci-cat-name:after { border-color: #fff; } .penci-grid li.typography-style .item .main-typography h2 a { color: #fff; } .penci-grid li.typography-style .grid-post-box-meta span, .penci-grid li.typography-style .grid-post-box-meta span a { color: #fff; } .penci-grid li.typography-style .grid-post-box-meta span a:hover, .penci-grid li.typography-style .item .main-typography h2 a:hover { color: var(--pcaccent-cl); } /* = Photography style 2 -----------------------------------------------------*/ .penci-grid > li.photography-2 { margin-bottom: 30px; } .penci-grid > li.photography-2:last-child { margin-bottom: 60px; } .penci-photo-2-effect { position: relative; overflow: hidden; background: #000; text-align: center; cursor: pointer; } .penci-photo-2-effect img { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 0.7; display: block; position: relative; } .penci-photo-2-effect:hover img { opacity: 0.4; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .penci-photo-2-effect figcaption, .penci-photo-2-effect figcaption a.photo-2-overlay { padding: 60px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .penci-photo-2-effect figcaption { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .penci-photo-2-effect a.photo-2-overlay { z-index: 100; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .penci-photo-2-effect figcaption h2, .penci-photo-2-effect figcaption p { color: #fff; position: absolute; top: 50%; left: 0; width: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; } .penci-photo-2-effect figcaption h2 { font-size: 24px; padding: 0 60px; text-transform: uppercase; font-family: var(--pchead-font); font-weight: var(--pchead-wei); top: 50%; transform: translateY(-100%); -webkit-transform: translateY(-100%); padding-bottom: 30px; } .penci-photo-2-effect:hover figcaption h2 { padding-bottom: 15px; } .penci-photo-2-effect figcaption p { padding: 0 60px; top: 50%; margin-top: 30px; line-height: 1.8; } .penci-photo-2-effect:hover figcaption p { margin-top: 15px; } .penci-photo-2-effect figcaption:before, .penci-photo-2-effect figcaption:after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ""; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .penci-photo-2-effect:hover figcaption:after { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); } .penci-photo-2-effect:hover figcaption:before { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } .penci_sidebar .penci-photo-2-effect figcaption { padding: 20px; } .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px 20px; font-size: 18px; } .penci_sidebar .penci-photo-2-effect figcaption p { margin-top: 20px; padding: 0 20px; font-size: 93%; } .penci_sidebar .penci-photo-2-effect:hover figcaption h2 { padding-bottom: 10px; } .penci_sidebar .penci-photo-2-effect:hover figcaption p { margin-top: 10px; } /* = Magazine style -----------------------------------------------------*/ section.home-featured-cat { clear: both; display: block; width: 100%; } .home-featured-cat.mag-cat-style-2 { display: inline-block; width: 48.05%; margin-right: 3.9%; float: left; } .penci-featured-cat-sc .home-featured-cat.mag-cat-style-2, .vc_row .home-featured-cat.mag-cat-style-2 { width: 100%; float: none; margin-right: 0; vertical-align: top; } #main .theiaStickySidebar > div.mag-cat-style-2:nth-of-type(2n + 2), #main > div.mag-cat-style-2:nth-of-type(2n + 2) { margin-right: 0; } .penci-grid li.magazine-layout .item h2 a { text-transform: none; letter-spacing: 0; } @media only screen and (min-width: 961px) { .penci-featured-cat-sc .mag-cat-style-7 .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-featured-cat-sc .mag-cat-style-7 .penci-grid li:nth-of-type(2n + 2) { clear: none; margin-right: 0; } .penci-featured-cat-sc .mag-cat-style-7 .penci-grid li:nth-of-type(2n + 1) { clear: both; } } /* Homepage Title Box */ .penci-homepage-title.penci-magazine-title { text-align: left; } .penci-homepage-title.penci-magazine-title:before { left: 30px; } .penci-homepage-title.penci-magazine-title h3 a { color: #313131; } .penci-homepage-title.pcalign-left { text-align: left; } .penci-homepage-title.pcalign-center { text-align: center; } .penci-homepage-title.pcalign-right { text-align: right; } .home-featured-cat-content { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 60px; } .elementor-widget-penci-featured-cat .penci-featured-cat-seemore.penci-seemore-style-13 { margin-top: 0; margin-bottom: 0; } .elementor-widget-penci-featured-cat .penci-featured-cat-seemore.penci-seemore-style-8, .elementor-widget-penci-featured-cat .penci-featured-cat-seemore { margin-top: 20px; margin-bottom: 0; } .elementor-widget-penci-featured-cat .home-featured-cat-content { margin-bottom: 0 !important; } .home-featured-cat-content.style-1 { display: table; width: 100%; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .home-featured-cat-content.style-3, .home-featured-cat-content.style-11 { display: table; width: 100%; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; margin-bottom: 50px; } .penci-featured-cat-ctcol .home-featured-cat-content.style-3, .penci-featured-cat-ctcol .home-featured-cat-content.style-11 { width: 100%; margin-left: 0; margin-right: 0; } .home-featured-cat-content.style-5 { overflow: hidden; } .home-featured-cat-content.style-7 { margin-bottom: 34px; } .home-featured-cat-content.style-8 { margin-bottom: 0; } .home-featured-cat-content.style-13 { margin-bottom: 40px; } .home-featured-cat-content .cat-left, .home-featured-cat-content .cat-right { width: 50%; float: left; display: inline-block; padding: 0 15px; } .home-featured-cat-content .mag-post-box { width: 100%; overflow: hidden; display: table; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--pcborder-cl); } .home-featured-cat-content .mag-post-box.first-post { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .home-featured-cat-content > .mag-post-box:last-child, .home-featured-cat-content .cat-right > .mag-post-box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .home-featured-cat-content.style-2 .mag-post-box.first-post, .home-featured-cat-content.style-10 .mag-post-box.first-post { padding-bottom: 22px; margin-bottom: 30px; border-bottom: 1px solid #dedede; } .home-featured-cat-content .mag-post-box .magcat-thumb { float: left; margin-right: 20px; position: relative; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .cat-right .magcat-detail, .home-featured-cat-content.style-9 .magcat-detail, .home-featured-cat-content.style-2 .mag-post-box:not(.first-post) .magcat-detail, .home-featured-cat-content.style-10 .mag-post-box:not(.first-post) .magcat-detail { overflow: hidden; } .home-featured-cat-content .magcat-thumb .icon-post-format, .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a.icon-post-format, .widget ul.side-newsfeed li .side-item .side-image a.icon-post-format { width: 30px; height: 30px; position: absolute; display: inline-block; line-height: 26px; z-index: 10; top: 50%; left: 50%; text-align: center; margin: -15px 0 0 -15px; border-radius: 50%; font-size: 13px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb .icon-post-format, .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format, .widget ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format, .home-featured-cat-content.style-3 .magcat-thumb .icon-post-format, .home-featured-cat-content.style-4 .magcat-thumb .icon-post-format { font-size: 18px; width: 42px; height: 42px; line-height: 38px; margin: -21px 0 0 -21px; } .home-featured-cat-content.style-3 .magcat-thumb .icon-post-format { left: 20px; top: 20px; margin: 0; } .home-featured-cat-content.style-4 .magcat-thumb .icon-post-format { left: auto; top: 20px; right: 20px; margin: 0; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-play, .widget ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-play, .home-featured-cat-content .magcat-thumb .icon-post-format i.fa-play { margin-left: 2px; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-music, .widget ul.side-newsfeed li.featured-news .side-item .side-image a.icon-post-format i.fa-music, .home-featured-cat-content .magcat-thumb .icon-post-format i.fa-music { margin-right: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb { position: relative; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 42px; height: 42px; line-height: 38px; background: none; top: 50%; left: 50%; margin: -21px 0 0 -21px; font-size: 18px; opacity: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-play:before { margin-left: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-music:before { margin-right: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover i, .home-featured-cat-content .magcat-thumb:hover .icon-post-format, .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image:hover a.icon-post-format, .widget ul.side-newsfeed li .side-item .side-image:hover a.icon-post-format { opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); } .home-featured-cat-content .mag-post-box .magcat-thumb img { width: 120px; height: auto; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb { margin: 0 0 24px 0; float: none; } .home-featured-cat-content .mag-post-box .magcat-thumb:hover { opacity: 0.8; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb img { width: 100% !important; } .home-featured-cat-content .first-post .magcat-detail .mag-header { padding-bottom: 17px; margin-bottom: 19px; position: relative; } .home-featured-cat-content .first-post .magcat-detail .mag-header:after { content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background: var(--pcaccent-cl); display: block; } .home-featured-cat-content .magcat-detail h3 a { color: var(--pcheading-cl); display: block; font-size: 14px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: var(--pchead-font); font-weight: var(--pchead-wei); letter-spacing: 0; line-height: 1.4; } .home-featured-cat-content .first-post .magcat-detail h3 a { font-size: 18px; } .home-featured-cat-content .magcat-detail h3 a:hover { color: var(--pcaccent-cl); text-decoration: none; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 7px; } .home-featured-cat-content .mag-photo { display: inline-block; width: 50%; float: left; margin-bottom: 10px; padding: 0 5px; overflow: hidden; } .penci-featured-cat-ctcol.pencisc-grid-1 .style-3 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-2 .style-3 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-3 .style-3 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-4 .style-3 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-5 .style-3 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-6 .style-3 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-1 .style-11 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-2 .style-11 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-3 .style-11 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-4 .style-11 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-5 .style-11 .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-6 .style-11 .mag-photo { width: 100%; margin: 0; padding: 0; } .home-featured-cat-content.style-3 > .mag-photo:nth-child(2n + 3) { clear: both; } .home-featured-cat-content .mag-photo .magcat-thumb { position: relative; overflow: hidden; } .home-featured-cat-content .mag-photo .magcat-detail { position: absolute; padding: 20px; width: 100%; z-index: 5; left: 0; bottom: 0; } .home-featured-cat-content .mag-photo .magcat-detail h3 a { color: #fff; font-size: 18px; } .home-featured-cat-content .mag-photo .mag-overlay-photo { position: absolute; background: #000; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; z-index: 2; } .home-featured-cat-content .mag-photo:hover .mag-overlay-photo { opacity: 0.7; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { color: #fff; } .home-featured-cat-content .mag-photo .grid-post-box-meta span:after { color: #fff; } .container .penci-grid li.magazine-layout { text-align: left; } .container .penci-grid li.magazine-layout .grid-header-box:after { left: 0; margin-left: 0; } .penci-featured-cat-custom-ads { margin-top: -40px; margin-bottom: 60px; clear: both; display: block; overflow: hidden; width: 100%; text-align: center; } /* Style 6 */ .home-featured-cat-content.style-6 { margin-bottom: 50px; } .home-featured-cat-content.style-6 .cat-left, .home-featured-cat-content.style-6 .cat-right { width: 100%; float: none; padding: 0; } .home-featured-cat-content.style-6 .cat-left { margin-bottom: 30px; } .home-featured-cat-content.style-6 .mag-post-box.first-post { display: inline-block; vertical-align: top; margin: 0; width: 100%; float: none; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { margin: 0; width: 46.25%; float: left; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding-left: 30px; width: 53.75%; float: left; } .home-featured-cat-content.style-6 .mag-post-box.first-post.full-mag-cat .magcat-detail { padding: 0 !important; } .home-featured-cat-content.style-6 .cat-right .mag-post-box { float: left; width: 48.5%; margin-right: 3%; display: inline-block; border: none; padding-bottom: 0; margin-bottom: 30px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-child(2n + 2) { margin-right: 0; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child { margin-bottom: 0; } /* Style 4 - single slider */ .mag-single-slider .penci-image-holder:before { padding-top: 66.6667%; } section.home-featured-cat.mag-cat-style-4, section.home-featured-cat.mag-cat-style-5 { display: block; clear: both; } .penci-slider.penci-single-mag-slider .penci-control-nav { position: static; clear: both; margin-top: 20px !important; } .penci-slider.penci-single-mag-slider ul.slides li:before, .penci-slider.penci-single-mag-slider ul.slides li:after { content: none; display: none; } .penci-single-mag-slider .magcat-thumb { position: relative; } .penci-single-mag-slider .mag-single-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; background: -moz-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; opacity: 0.7; } .penci-single-mag-slider .magcat-thumb:hover .mag-single-slider-overlay { opacity: 0.85; } .penci-single-mag-slider .magcat-detail { position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; padding: 25px 30px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 24px; margin: 0; line-height: 1.3; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .penci-single-mag-slider .magcat-detail .magcat-titlte a { font-size: inherit; color: #fff; line-height: inherit; } .penci-single-mag-slider .magcat-detail .magcat-titlte a:hover { color: #fff; } .home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta { margin-top: 8px; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .penci-single-mag-slider .active .magcat-detail .magcat-titlte, .penci-single-mag-slider .active .grid-post-box-meta { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } .penci-single-mag-slider .grid-post-box-meta span, .penci-single-mag-slider .grid-post-box-meta span a { color: #fff; } body .penci-slider.penci-single-mag-slider ol.penci-control-nav li { margin: 0 4px; } /* Style 5 */ .penci-magcat-carousel-wrapper { margin-left: -15px; margin-right: -15px; } .home-featured-cat-content.style-12 .penci-magcat-carousel-wrapper { margin-left: -10px; margin-right: -10px; } .penci-magcat-carousel .magcat-carousel { padding: 0 15px; transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; } .home-featured-cat-content.style-12 .penci-magcat-carousel .magcat-carousel { padding: 0 10px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; margin: 0 0 24px 0; float: none; display: inline-block; vertical-align: top; width: 100%; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover { opacity: 0.9; } .home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a { font-size: 18px; } /* Style 7 */ .home-featured-cat-content.style-7 .penci-grid > li { margin-bottom: 26px; } .home-featured-cat-content.style-7 .grid-header-box { text-align: left; } .home-featured-cat-content.style-7 .grid-overlay-meta .grid-header-box, .magazine-layout.magazine-2 .grid-header-box { margin-left: 0; padding-left: 0; } .home-featured-cat-content.style-7 .grid-header-box:after { margin: 0; left: 0; } .home-featured-cat-content.style-7 .penci-grid li .item h2 a { text-transform: none; letter-spacing: 0; } /* Style 9 */ .home-featured-cat-content.style-9 .mag-post-box, .home-featured-cat-content.style-10 .mag-post-box { width: 48.0745%; float: left; margin-right: 3.851%; border-bottom: none; } .home-featured-cat-content.style-9 .mag-post-box:nth-child(2n + 1), .home-featured-cat-content.style-10 .mag-post-box:nth-child(2n + 1) { clear: both; } .home-featured-cat-content.style-9 .mag-post-box:nth-child(2n + 2), .home-featured-cat-content.style-10 .mag-post-box:nth-child(2n + 2) { margin-right: 0; } .home-featured-cat-content.style-9 .mag-post-box.first-post { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .home-featured-cat-content.style-10 .mag-post-box.first-post { margin-bottom: 30px; } @media only screen and (min-width: 768px) { .home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2), .home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2), .home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-last-child(2) { margin-bottom: 0; padding: 0; border-bottom: 0; } } /* Style 11 */ .home-featured-cat-content.style-11 .mag-photo .magcat-detail { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; top: 50%; text-align: center; padding: 10px 20px; } /* Style 12 */ .home-featured-cat-content.style-12 .penci-magcat-carousel .magcat-thumb .mag-post-thumb { margin-bottom: 18px; } .home-featured-cat-content.style-12 .penci-magcat-carousel .magcat-detail h3 a { font-size: 15px; } .home-featured-cat-content.style-12 .magcat-detail .mag-meta { font-size: 13px; margin-top: 5px; } /* Style 13 */ @media only screen and (min-width: 1170px) { ul.penci-grid.penci-fea-cat-style-13 { width: 100%; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li, .penci-grid.penci-fea-cat-style-13 > li { width: 33.3333333%; margin: 0 0 20px 0 !important; padding: 0 10px; } .container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(2n + 1), .penci-grid.penci-fea-cat-style-13 > li:nth-child(2n + 1) { clear: none; } .container.penci_sidebar .penci-grid.penci-fea-cat-style-13 > li:nth-child(3n + 1), .penci-grid.penci-fea-cat-style-13 > li:nth-child(3n + 1) { clear: both; } } .penci-grid.penci-fea-cat-style-13 > li.grid-style { text-align: left; } .penci-grid.penci-fea-cat-style-13 li .item > .thumbnail { margin-bottom: 18px; } .penci-grid.penci-fea-cat-style-13 li .item h2 a { font-size: 15px; text-transform: none; letter-spacing: 0; line-height: 1.4; } .penci-fea-cat-style-13 .grid-post-box-meta { font-size: 13px; margin-top: 5px; } .penci-fea-cat-style-13 .grid-header-box { padding-bottom: 0; } .penci-fea-cat-style-13 .grid-header-box:after { content: none; } /* Style 14 */ .home-featured-cat-content.style-14 .first-post .magcat-detail { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 17px; z-index: 10; } .home-featured-cat-content.style-14 .first-post .magcat-detail .mag-header:after { content: none; } .home-featured-cat-content.style-14 .mag-post-box { margin-bottom: 10px; padding-bottom: 10px; } .home-featured-cat-content.style-14 .mag-post-box:last-child { margin: 0; padding: 0; } .home-featured-cat-content.style-14 .first-post .magcat-detail .mag-header { margin-bottom: 14px; padding-bottom: 0; } .home-featured-cat-content.style-14 .first-post .magcat-detail h3 a { font-size: 16px; } .home-featured-cat-content.style-14 .first-post .magcat-detail h3 a, .home-featured-cat-content.style-14 .first-post .magcat-detail h3 a:hover { color: #ffffff; } .home-featured-cat-content.style-14 .mag-meta { color: #ffffff; font-size: 13px; margin-top: 5px; } .home-featured-cat-content.style-14 .mag-meta span, .home-featured-cat-content.style-14 .mag-meta span a { color: inherit; } .home-featured-cat-content .magcat-detail .magcat-title-small a { font-size: 14px; font-weight: 400; } .home-featured-cat-content.style-14 .mag-post-box.first-post .magcat-thumb { margin-bottom: 0; } .home-featured-cat-content.style-14 .magcat-padding { padding-left: 17px; position: relative; } .home-featured-cat-content.style-14 .magcat-padding:before { content: ""; width: 4px; height: 4px; border: 1px solid var(--pcaccent-cl); position: absolute; left: 0; top: 6px; } .home-featured-cat-content.style-14 .mag-post-box .magcat-thumb:hover { opacity: 1; } .home-featured-cat-content.style-14 .penci-image-holder:after, .home-featured-cat-content.style-15 .mag-post-box.first-post .penci-image-holder:after { bottom: 0; content: ""; display: block; height: 90%; width: 100%; position: absolute; z-index: 1; background: -moz-linear-gradient(top, transparent 50%, #000 100%); background: -webkit-linear-gradient(top, transparent 50%, #000 100%); background: -o-linear-gradient(top, transparent 50%, #000 100%); background: -ms-linear-gradient(top, transparent 50%, #000 100%); background: linear-gradient(to bottom, transparent 50%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); opacity: 0.5; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .home-featured-cat-content.style-14 .magcat-thumb:hover .penci-image-holder:after, .home-featured-cat-content.style-15 .mag-post-box.first-post:hover .penci-image-holder:after { opacity: 0.8; } /* Style 15 */ @media only screen and (min-width: 768px) { .home-featured-cat-content.style-15 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .home-featured-cat.mag-cat-style-15 .cat-left, .home-featured-cat.mag-cat-style-15 .cat-right { -ms-flex: 0 0 50%; flex: 0 0 50%; float: none; display: block; width: auto; } } .home-featured-cat-content.style-15 { border: 1px solid var(--pcborder-cl); } .home-featured-cat.mag-cat-style-15 .cat-left { padding: 0; margin: -1px -1px 0 -1px; width: calc(100% + 2px); } @media only screen and (min-width: 768px) { .home-featured-cat.mag-cat-style-15 .cat-left { margin: -1px 0 0 -1px; width: calc(100% + 1px); } } .home-featured-cat.mag-cat-style-15 .cat-right { padding: 20px; } .home-featured-cat-content.style-15 .mag-post-box.first-post .magcat-thumb { margin: 0; } .home-featured-cat.mag-cat-style-15 .mag-post-box { position: relative; } .home-featured-cat-content.style-15 .first-post .magcat-thumb:hover { opacity: 1; } .home-featured-cat-content.style-15 .first-post .magcat-detail .mag-header { padding: 20px; margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 5; } .home-featured-cat-content.style-15 .first-post .magcat-detail .mag-header:after { content: none; display: none; } .home-featured-cat-content.style-15 .first-post .magcat-detail h3 a, .home-featured-cat-content.style-15 .first-post .grid-post-box-meta span, .home-featured-cat-content.style-15 .first-post .grid-post-box-meta span a { color: #fff; } .home-featured-cat-content.style-15 .penci-image-holder.small-fix-size { width: 100px; } /* = Homepage Popular Posts -----------------------------------------------------*/ .penci-home-popular-posts { padding: 25px 0 0; border: none; border-top: 1px solid #dedede; position: relative; margin-bottom: 60px; } .penci-popular-posts-sc .penci-home-popular-posts:not(.use-heading-default) { border-top: 0; padding-top: 0; } .swiper.penci-home-popular-post, .penci-home-popular-post { margin-left: -10px; margin-right: -10px; width: 100%; width: calc(100% + 20px); } .penci-home-popular-post .item-related h3 a { text-transform: uppercase; } .home-pupular-posts-title { position: absolute; left: 0; width: 100%; top: 0; transform: translateY(-55%); -webkit-transform: translateY(-55%); -moz-transform: translateY(-55%); text-align: center; font-size: 18px; color: #313131; text-transform: uppercase; } .home-pupular-posts-title a, .home-pupular-posts-title span { font-size: inherit; color: inherit; padding: 0 18px; line-height: 1; display: inline-block; background: #fff; text-decoration: none !important; } .home-pupular-posts-title.pcalign-right { text-align: right; } .home-pupular-posts-title.pcalign-left { text-align: left; } .home-pupular-posts-title.pcalign-left span, .home-pupular-posts-title.pcalign-left a { padding-left: 0; } .home-pupular-posts-title.pcalign-right span, .home-pupular-posts-title.pcalign-right a { padding-right: 0; } /* = Post & Single post -----------------------------------------------------*/ article.post, article.type-post, article.portfolio { margin-bottom: 60px; } .penci-layout-standard-grid article.post, .penci-layout-standard-list article.post, .penci-layout-standard-boxed-1 article.post, .penci-layout-classic-grid article.post, .penci-layout-classic-list article.post, .penci-layout-classic-boxed-1 article.post { margin-bottom: 60px; } .single .post { margin-bottom: 60px; } /*** Post style ***/ .penci-jarallax { width: 100%; padding-top: 50%; position: relative; z-index: 0; } .penci-jarallax > .jarallax-img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .post-image .wp-video, .post-image video.wp-video-shortcode, .post-image .mejs-container, .post-image .mejs-overlay.load { width: 100% !important; height: 100% !important; } .post-image .mejs-container { padding-top: 56.25%; } .post-image .wp-video, .post-image video.wp-video-shortcode { max-width: 100% !important; } .post-image video.wp-video-shortcode { position: relative; } .post-image .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .post-image .mejs-controls { z-index: 0 !important; } .post-image .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } .post-image .mejs-container.wp-audio-shortcode { padding-top: 0 !important; } .container-single-fullwidth.two-sidebar .post-image { display: block; width: 100%; } .penci-single-style-7:not(.penci-single-pheader-noimg).penci_sidebar #main article.post, .penci-single-style-3:not(.penci-single-pheader-noimg).penci_sidebar #main article.post { padding-left: 10px; padding-right: 10px; } @media only screen and (min-width: 959px) { .penci-single-style-7:not(.penci-single-pheader-noimg).container.penci_sidebar #main, .penci-single-style-3:not(.penci-single-pheader-noimg).container.penci_sidebar #main { position: relative; z-index: 9; padding-right: 30px; } .penci-single-style-7:not(.penci-single-pheader-noimg).container.penci_sidebar.two-sidebar #main, .penci-single-style-3:not(.penci-single-pheader-noimg).container.penci_sidebar.two-sidebar #main { padding-right: 50px; } .penci-single-style-7:not(.penci-single-pheader-noimg) #main article.post, .penci-single-style-3:not(.penci-single-pheader-noimg) #main article.post { margin-top: -80px; } .penci-single-style-7.penci_is_nosidebar #main article.post, .penci-single-style-3.penci_is_nosidebar #main article.post { margin-top: 0; } .penci-single-style-7:not(.penci-single-pheader-noimg).container.penci_sidebar.left-sidebar #main, .penci-single-style-3:not(.penci-single-pheader-noimg).container.penci_sidebar.left-sidebar #main { padding-left: 40px; padding-right: 0; } .penci-single-style-7:not(.penci-single-pheader-noimg).penci_sidebar #main article.post, .penci-single-style-3:not(.penci-single-pheader-noimg).penci_sidebar #main article.post { background: #fff; padding-top: 20px; } .penci-single-style-7:not(.penci-single-pheader-noimg).right-sidebar #main article.post { padding-left: 20px; } .penci-single-style-3:not(.penci-single-pheader-noimg).right-sidebar #main article.post { padding-right: 20px; padding-left: 0; } .penci-single-style-7:not(.penci-single-pheader-noimg).left-sidebar #main article.post, .penci-single-style-3:not(.penci-single-pheader-noimg).left-sidebar #main article.post { padding-left: 20px; } .penci-single-style-3:not(.penci_is_nosidebar) .standard-post-image .audio-iframe, .penci-single-style-3:not(.penci_is_nosidebar) .standard-content-special { bottom: 70px; } } .penci-single-4 .standard-post-special img { width: 100%; } .penci-body-single-style-10.penci-show-pthumb:not(.penci-port-product) #header, .penci-body-single-style-9.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) #header, .penci-body-single-style-7.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) #header, .penci-body-single-style-4.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) #header, .penci-body-single-style-5.penci-show-pthumb:not(.penci-port-product) #header, .penci-body-single-style-10.penci-show-pthumb:not(.penci-port-product) .pc-wrapbuilder-header, .penci-body-single-style-9.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) .pc-wrapbuilder-header, .penci-body-single-style-7.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) .pc-wrapbuilder-header, .penci-body-single-style-4.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) .pc-wrapbuilder-header, .penci-body-single-style-5.penci-show-pthumb:not(.penci-port-product) .pc-wrapbuilder-header { margin-bottom: 0; } .penci-body-single-style-10.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form, .penci-body-single-style-9.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form, .penci-body-single-style-7.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form, .penci-body-single-style-4.penci-body-title-bellow.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form, .penci-body-single-style-5.penci-show-pthumb:not(.penci-port-product) .penci-header-signup-form { margin-top: 10px; margin-bottom: 10px; } .standard-post-image.video-post iframe, .penci-video-format-vimeo iframe, .penci-video-format-youtube iframe, .penci-body-single-style-7.single-format-video .post-image iframe, .penci-body-single-style-5.single-format-video .post-image iframe, .penci-body-single-style-4.single-format-video .post-image iframe { width: 100%; } .standard-post-image.video-post iframe, .penci-video-format-youtube iframe { aspect-ratio: 16/9; height: auto; } .standard-post-image.video-post .fluid-width-video-wrapper iframe { height: 100%; aspect-ratio: unset; } .penci-video-format-youtube .fluid-width-video-wrapper iframe { aspect-ratio: unset; } .player .vp-player-layout { left: 0 !important; width: 100% !important; } .penci-single-featured-img { position: relative; width: 100%; background-color: #f5f5f5; display: block; vertical-align: top; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding-top: 66.6667%; } .standard-post-special_wrapper { position: absolute; left: 30px; right: 30px; bottom: 0; display: block; z-index: 10; } .standard-post-image .standard-post-special_wrapper .audio-iframe, .standard-post-special_wrapper .standard-content-special { position: static; margin-bottom: 23px; } .penci-body-single-style-7 .standard-post-image .standard-post-special_wrapper .audio-iframe, .penci-body-single-style-7 .standard-post-special_wrapper .standard-content-special { margin-bottom: 70px; } .penci-body-single-style-7 .penci_is_nosidebar .standard-post-image .standard-post-special_wrapper .audio-iframe, .penci-body-single-style-7 .penci_is_nosidebar .standard-post-special_wrapper .standard-content-special { margin-bottom: 30px; } .penci-body-single-style-5 .container-single .post-image { position: relative; } .penci-body-single-style-8 .penci-move-title-above:after, .penci-body-single-style-5 .penci-move-title-above:after, .penci-body-single-style-6 .penci-move-title-above:after, .penci-body-single-style-7 .penci-move-title-above:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1; bottom: 0; right: 0; background: linear-gradient(to bottom, transparent 50%, #000 90%); opacity: 0.7; transition: 0.3s; } .penci-single-style-6 .single-breadcrumb, .penci-single-style-5 .single-breadcrumb, .penci-single-style-4 .single-breadcrumb, .penci-single-style-3 .single-breadcrumb, .penci-single-style-9 .single-breadcrumb, .penci-single-style-7 .single-breadcrumb { text-align: center; } .penci-single-pheader.container.two-sidebar, .penci-single-pheader .container.two-sidebar, .penci-single-style-10.container-single-magazine .container.two-sidebar, .penci-single-style-9.container-single-magazine .container.two-sidebar { display: block; } .penci-single-style-10.container-single-magazine .two-sidebar .penci-sidebar-content { width: 29.06%; } @media only screen and (min-width: 768px) { .penci-header-text-white .cat > a.penci-cat-name, .penci-single-style-5.penci-header-text-white .penci-standard-cat .cat > a.penci-cat-name, .penci-single-style-6.penci-header-text-white .penci-standard-cat .cat > a.penci-cat-name, .penci-single-style-8.penci-header-text-white .penci-standard-cat .cat > a.penci-cat-name, .penci-header-text-white .header-standard h2, .penci-header-text-white .header-standard .post-title, .container-single.penci-header-text-white .header-standard .post-title, .penci-header-text-white .header-standard h2 a, .penci-header-text-white .post-box-meta-single span, .penci-header-text-white .header-standard .author-post span a, .penci-header-text-white .container.penci-breadcrumb span, .penci-header-text-white .container.penci-breadcrumb i, .penci-header-text-white .container.penci-breadcrumb a { color: #fff; } } .penci-single-style-10.penci-header-text-white .penci-standard-cat .cat > a.penci-cat-name, .penci-single-style-10.penci-header-text-white .header-standard h2, .penci-single-style-10.penci-header-text-white .header-standard .post-title, .penci-single-style-10.penci-header-text-white .header-standard h2 a, .penci-single-style-10.penci-header-text-white .post-box-meta-single span, .penci-single-style-10.penci-header-text-white .header-standard .author-post span a { color: #fff; } i.penci-post-countview-number { font-style: normal; font-size: inherit; font-weight: inherit; color: inherit; } @media only screen and (max-width: 767px) { .standard-post-special_wrapper { position: static; background: #fff; margin-bottom: 0; padding-top: 20px; } .penci-single-style-7 .standard-post-special_wrapper { background: transparent; } .penci-header-text-white .standard-post-special_wrapper .header-standard.header-classic { margin-bottom: 0; } .penci-header-text-white .penci-move-title-above:after, .penci-header-text-white .standard-post-special_wrapper .container-single .post-image:after { content: none; } .standard-post-image .standard-post-special_wrapper .audio-iframe, .standard-post-special_wrapper .standard-content-special { margin-bottom: 20px; } .penci-header-text-white .format-post-box { display: block; padding: 20px; } .penci-header-text-white .standard-content-special { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .pcsb-ft-o .standard-post-special_wrapper { position: absolute; left: 15px; right: 15px; bottom: 0; display: block; z-index: 10; background: unset; padding: 0; } } .penci-single-style-9 .penci-post-image-wrapper { background-color: #111; padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px; max-height: inherit; } .penci-single-style-10 .penci-post-image-wrapper .post-image, .penci-single-style-9 .penci-post-image-wrapper .post-image { margin-bottom: 0; } .penci-single-style-10 .post-format-entry-header:before, .penci-single-style-10 .post-format-entry-header:after { content: ""; display: table; clear: both; } .penci-single-style-10 .penci-post-image-wrapper { background-color: #111; padding-top: 40px; padding-bottom: 40px; max-height: inherit; margin-bottom: 40px; } .penci-single-style-10 .header-standard, .penci-single-style-10 .post-box-meta-single { text-align: left; } .penci-body-single-style-10.penci-hide-pthumb .post-format-entry-header .penci-sidebar-content { width: 100%; float: none; } @media only screen and (max-width: 479px) { .penci-single-style-9 .penci-post-image-wrapper { padding-top: 20px; padding-bottom: 20px; } } /*** Post Header ***/ .post-box-meta-single { text-align: center; margin: 6px 0 0; font-size: 14px; } .post-box-meta-single span { color: #888888; } .header-standard .post-box-meta-single .author-post, .header-standard .post-box-meta-single .author-post span a, .header-standard .post-box-meta-single span { font-size: inherit; } .post-box-meta-single span strong, .post-box-meta-single span time { font-size: inherit; font-family: inherit; color: inherit; } .post-box-meta-single a { color: #313131; } .post-box-meta-single a:hover { color: var(--pcaccent-cl); } .post-box-meta-single > span:before, .standard-top-meta > span:before { content: ""; width: 0; height: 10px; margin: 0 13px; display: inline-block; background: none !important; border-right: 1px solid; opacity: 0.7; } .post-box-meta-single > span:first-child:before, .standard-top-meta > span:first-child:before { content: none; display: block; } /*** Post images gallery ***/ #wpadminbar { z-index: 9999; } #wpadminbar:hover { z-index: 99999; } .post-image { margin-bottom: 26px; text-align: center; vertical-align: top; overflow: hidden; position: relative; } .container-single-fullwidth .post-image { margin-bottom: 40px; } .post-image img { max-width: 100%; height: auto; } .post-image.audio iframe, .standard-post-image.audio iframe { height: 166px; width: 100%; } .container-single a[data-rel="penci-gallery-image-content"], .container-single a[data-rel="penci-gallery-bground-content"], .container-single-page a[data-rel="penci-gallery-image-content"] { cursor: zoom-in; } /*** Slick gallery ***/ .penci-slick-slider { position: relative; opacity: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; max-height: 500px; } .penci-grid .penci-slick-slider, .penci-masonry .penci-slick-slider { max-height: 250px; overflow: hidden; } .penci-slick-slider img { width: 100%; } .penci-slick-slider.loaded { opacity: 1; overflow: visible !important; max-height: none !important; } .penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } .penci-slick-slider > button.slick-prev { left: 30px; } .penci-grid .penci-slick-slider > button.slick-prev, .penci-masonry .penci-slick-slider > button.slick-prev { left: 20px; } .penci-slick-slider > button.slick-next { right: 30px; } .penci-grid .penci-slick-slider > button.slick-next, .penci-masonry .penci-slick-slider > button.slick-next { right: 20px; } .penci-slick-slider.loaded > button.slick-prev, .penci-slick-slider.loaded > button.slick-next { opacity: 0.8; } .penci-slick-slider > button.slick-prev:hover, .penci-slick-slider > button.slick-next:hover, .penci-slick-slider.loaded > button.slick-prev:hover, .penci-slick-slider.loaded > button.slick-next:hover { opacity: 1; } .penci-slick-slider > button.slick-prev i, .penci-slick-slider > button.slick-next i { font-size: 20px; display: inline-block; line-height: 36px; } .penci-grid .penci-slick-slider > button.slick-prev, .penci-grid .penci-slick-slider > button.slick-next { opacity: 0.8; } .penci-grid .penci-slick-slider:hover > button.slick-prev, .penci-grid .penci-slick-slider:hover > button.slick-next { opacity: 0.8; } .penci-grid .penci-slick-slider > button.slick-prev:hover, .penci-grid .penci-slick-slider > button.slick-next:hover { opacity: 1; } /*** Post Entry ***/ .penci-single-smaller-width { max-width: 780px; } .post-entry { margin-bottom: 33px; line-height: 28px; } .penci-custom-html-inside-content { margin-bottom: 20px; } .post-entry.standard-post-entry { margin-bottom: 0; } .post-entry:before { content: " "; display: table; } .post-entry .inner-post-entry:after { content: " "; display: table; clear: both; } .post-entry.page-has-margin { margin-bottom: 60px; } .post-entry img { max-width: 100%; height: auto; } .wpb_text_column { line-height: 1.8; } .post-entry a:hover, .wpb_text_column a:hover { text-decoration: underline; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr, .wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6, .wpb_text_column hr, .elementor-widget-text-editor h1, .elementor-widget-text-editor h2, .elementor-widget-text-editor h3, .elementor-widget-text-editor h4, .elementor-widget-text-editor h5, .elementor-widget-text-editor h6, .elementor-widget-text-editor hr, .woocommerce .page-description h1, .woocommerce .page-description h2, .woocommerce .page-description h3, .woocommerce .page-description h4, .woocommerce .page-description h5, .woocommerce .page-description h6, .woocommerce .page-description hr { margin-bottom: 17px; } .post-entry .elementor-widget-text-editor p, .elementor-widget-text-editor p, .elementor-widget-text-editor .widget ul li { font-size: inherit; line-height: inherit; font-family: inherit; font-weight: inherit; color: inherit; text-align: inherit; } .post-entry p, .wpb_text_column p, .woocommerce .page-description p { margin-bottom: 17px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6, .woocommerce .page-description h1, .woocommerce .page-description h2, .woocommerce .page-description h3, .woocommerce .page-description h4, .woocommerce .page-description h5, .woocommerce .page-description h6 { color: var(--pcheading-cl); letter-spacing: 0; line-height: 1.3em; } .post-entry h1, .wpb_text_column h1, .elementor-widget-text-editor h1, .woocommerce .page-description h1 { font-size: 24px; } .post-entry h2, .wpb_text_column h2, .elementor-widget-text-editor h2, .woocommerce .page-description h2 { font-size: 22px; } .post-entry h3, .wpb_text_column h3, .elementor-widget-text-editor h3, .woocommerce .page-description h3 { font-size: 20px; } .post-entry h4, .wpb_text_column h4, .elementor-widget-text-editor h4, .woocommerce .page-description h4 { font-size: 18px; } .post-entry h5, .wpb_text_column h5, .elementor-widget-text-editor h5, .woocommerce .page-description h5 { font-size: 16px; } .post-entry h6, .wpb_text_column h6, .elementor-widget-text-editor h6, .woocommerce .page-description h6 { font-size: 14px; } .post-entry hr, .wpb_text_column hr, .elementor-widget-text-editor hr, .woocommerce .page-description hr { border: 0; height: 0; border-bottom: 1px solid #dedede; clear: both; } .post-password-form input[type="text"], .post-password-form input[type="email"], .post-password-form input[type="password"], .post-password-form input[type="number"] { padding: 9px 20px; border: 1px solid #dedede; margin-bottom: 28px; font-size: 12px; font-weight: normal; font-family: var(--pcbody-font); max-height: 50px; outline: none; height: 36px; line-height: 36px; } .post-password-form input[type="submit"] { padding: 0 20px; border: none; background: #313131; color: #fff; cursor: pointer; outline: none; text-transform: uppercase; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; height: 36px; line-height: 36px; margin-left: 5px; } .post-password-form input[type="submit"]:hover { opacity: 0.85; } .post-entry blockquote, .wpb_text_column blockquote, .woocommerce .page-description blockquote { padding: 0; position: relative; margin: 0 0 20px 0; } .post-entry blockquote, .post-entry blockquote p, .wpb_text_column blockquote, .wpb_text_column blockquote p, .woocommerce .page-description blockquote, .woocommerce .page-description blockquote p { font-size: 16px; color: #888; font-style: italic; line-height: 1.7; text-align: left; } .post-entry blockquote p, .wpb_text_column blockquote p, .woocommerce .page-description blockquote p { margin: 0; } .post-entry blockquote, .wpb_text_column blockquote, .woocommerce .page-description blockquote { position: relative; padding: 0 0 0 40px; border: none; overflow: hidden; } .post-entry .wp-block-quote, .wpb_text_column .wp-block-quote, .woocommerce .page-description .wp-block-quote { padding-left: 1em; border-left: 4px solid #000; } .post-entry blockquote:before, .wpb_text_column blockquote:before, .woocommerce .page-description blockquote:before { color: var(--pcaccent-cl); content: "\f101"; font-family: "penciicon"; font-size: 22px; font-weight: normal; line-height: 1; font-style: normal; position: absolute; top: 6px; left: 2px; } .post-entry blockquote cite, .post-entry blockquote .author, .wpb_text_column blockquote cite, .wpb_text_column blockquote .author, .woocommerce .page-description blockquote cite, .woocommerce .page-description blockquote .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: var(--pcaccent-cl); font-style: normal; font-family: var(--pchead-font); font-weight: var(--pchead-wei); overflow: hidden; text-align: left; position: relative; z-index: 1; } .post-entry blockquote .author span, .wpb_text_column blockquote .author span, .woocommerce .page-description blockquote .author span { position: relative; display: inline-block; padding: 0 10px 0 0; } .post-entry blockquote .author span:after, .wpb_text_column blockquote .author span:after, .woocommerce .page-description blockquote .author span:after { content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: var(--pcaccent-cl); left: 100%; opacity: 0.8; } .penci-single-link-pages { display: block; width: 100%; } .penci-single-link-pages:before, .penci-single-link-pages:after { content: ""; display: table; clear: both; } .penci-single-link-pages a { display: inline-block; margin: 0 4px 5px 4px; padding: 4px 7px; line-height: 1; border: 1px solid; color: inherit; text-decoration: none !important; transition: all 0.3s; -webkit-transition: all 0.3s; } .penci-single-link-pages a:hover { opacity: 0.7; } .elementor-widget-table-of-contents .elementor-toc__header-title { margin-bottom: 0; } .post-entry .elementor-widget-table-of-contents ul, .post-entry .elementor-widget-table-of-contents ol { padding: 0; margin-bottom: 0; } .post-entry .elementor-widget-table-of-contents ul li, .post-entry .elementor-widget-table-of-contents ol li { list-style-type: none; } /* Blockquote Style2 */ .post-entry.blockquote-style-2 blockquote { background: #f5f5f5; padding: 10px 20px 10px 24px; } .post-entry.blockquote-style-2 blockquote:before { content: ""; left: 0; position: absolute; height: 100%; top: 0; width: 4px; background: var(--pcaccent-cl); } .post-entry.blockquote-style-2 .author span { padding: 0 0 0 30px; } .post-entry.blockquote-style-2 .author span:after { width: 20px; left: 0; } .penci-pullqoute.align-left { max-width: 460px; float: left; width: 100%; margin-right: 20px; } .penci-pullqoute.align-right { max-width: 460px; float: right; width: 100%; margin-left: 20px; } .post-entry ul, .post-entry ol, .elementor-widget-text-editor ul, .elementor-widget-text-editor ol, .woocommerce .page-description ul, .woocommerce .page-description ol { padding-left: 36px; margin-bottom: 20px; } .post-entry .penci-sidebar-content ul, .post-entry .penci-sidebar-content ol, .elementor-widget-text-editor .penci-sidebar-content ul, .elementor-widget-text-editor .penci-sidebar-content ol, .woocommerce .page-description .penci-sidebar-content ul, .woocommerce .page-description .penci-sidebar-content ol { padding-left: 0; margin-bottom: 0; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { background-color: transparent !important; } .post-entry ol ol, .post-entry ul ul, .post-entry ul ol, .post-entry ol ul, .elementor-widget-text-editor ol ol, .elementor-widget-text-editor ul ul, .elementor-widget-text-editor ul ol, .elementor-widget-text-editor ol ul, .woocommerce .page-description ul ul, .woocommerce .page-description ol ul, .woocommerce .page-description ol ol, .woocommerce .page-description ul ol { margin: 2px 0; padding-left: 22px; } .post-entry .penci-sidebar-content ol ol, .post-entry .penci-sidebar-content ul ul, .post-entry .penci-sidebar-content ul ol, .post-entry .penci-sidebar-content ol ul, .elementor-widget-text-editor .penci-sidebar-content ol ol, .elementor-widget-text-editor .penci-sidebar-content ul ul, .elementor-widget-text-editor .penci-sidebar-content ul ol, .elementor-widget-text-editor .penci-sidebar-content ol ul, .woocommerce .page-description .penci-sidebar-content ul ul, .woocommerce .page-description .penci-sidebar-content ol ul, .woocommerce .page-description .penci-sidebar-content ol ol, .woocommerce .page-description .penci-sidebar-content ul ol { margin: 0; padding-left: 0; } .post-entry ul li, .elementor-widget-text-editor ul li, .woocommerce .page-description ul li { margin-bottom: 6px; position: relative; list-style-type: square; line-height: 1.7; } .post-entry ol li, .elementor-widget-text-editor ol li, .woocommerce .page-description ol li { margin-bottom: 2px; list-style: decimal; } .post-entry .penci-sidebar-content ul li, .elementor-widget-text-editor .penci-sidebar-content ul li, .woocommerce .page-description .penci-sidebar-content ul li, .post-entry .penci-sidebar-content ol li, .elementor-widget-text-editor .penci-sidebar-content ol li, .woocommerce .page-description .penci-sidebar-content ol li { list-style-type: none; } .post-entry ul.wp-block-gallery, .post-entry ol.wp-block-gallery { padding: 0; } .sticky.post .post-header { border: 1px dashed #ddd; padding: 20px 0; } .bypostauthor { } .post-entry table { width: 100%; margin-bottom: 22px; border-collapse: collapse; border-left: 1px solid var(--pcborder-cl); border-right: 1px solid var(--pcborder-cl); border-top: 1px solid var(--pcborder-cl); } .post-entry td, .post-entry th { padding: 12px; border-bottom: 1px solid var(--pcborder-cl); border-color: var(--pcborder-cl); } .post-entry th { font-weight: bold; } .post-entry em strong { font-style: italic; } /* Single shortcodes */ .pencisc-button, .post-entry .pencisc-button, .woocommerce-product-details__short-description .pencisc-button { border: none; border-radius: 0; background: var(--pcaccent-cl); color: #fff; line-height: 1.3; padding: 10px 20px; text-align: center; transition: all 0.25s; font-size: 14px; text-transform: uppercase; cursor: pointer; display: inline-block; text-decoration: none !important; } .pencisc-button i { margin-right: 5px; } .pencisc-button.pencisc-icon-right i { margin: 0 0 0 5px; } .pencisc-align-right { float: right; margin: 5px 0 20px 20px; } .pencisc-align-left { float: left; margin: 5px 20px 20px 0; } .pencisc-button.pencisc-full, .post-entry .pencisc-button.pencisc-full, .woocommerce-product-details__short-description .pencisc-button.pencisc-full { display: block; width: 100%; margin-left: 0; margin-right: 0; } .pencisc-button, .post-entry .pencisc-button.pencisc-small, .woocommerce-product-details__short-description .pencisc-button.pencisc-small { padding: 7px 12px; font-size: 12px; } .pencisc-button, .post-entry .pencisc-button.pencisc-large, .woocommerce-product-details__short-description .pencisc-button.pencisc-large { padding: 15px 30px; font-size: 18px; } ul.penci_list_shortcode { list-style: none !important; list-style-type: none !important; } .post-entry ul.penci_list_shortcode, .elementor-widget-text-editor ul.penci_list_shortcode, .woocommerce .page-description ul.penci_list_shortcode { padding-left: 19px; } .heading1-style-1 .entry-content > h1, .heading2-style-1 .entry-content > h2, .heading3-style-1 .entry-content > h3, .heading4-style-1 .entry-content > h4, .heading5-style-1 .entry-content > h5, .heading1-style-2 .entry-content > h1, .heading2-style-2 .entry-content > h2, .heading3-style-2 .entry-content > h3, .heading4-style-2 .entry-content > h4, .heading5-style-2 .entry-content > h5 { padding-bottom: 8px; border-bottom: 1px solid var(--pcborder-cl); overflow: hidden; } .heading1-style-2 .entry-content > h1, .heading2-style-2 .entry-content > h2, .heading3-style-2 .entry-content > h3, .heading4-style-2 .entry-content > h4, .heading5-style-2 .entry-content > h5 { border-bottom-width: 0; position: relative; } .heading1-style-2 .entry-content > h1:before, .heading2-style-2 .entry-content > h2:before, .heading3-style-2 .entry-content > h3:before, .heading4-style-2 .entry-content > h4:before, .heading5-style-2 .entry-content > h5:before { content: ''; width: 50px; height: 2px; bottom: 0; left: 0; z-index: 2; background: var(--pcaccent-cl); position: absolute; } .heading1-style-2 .entry-content > h1:after, .heading2-style-2 .entry-content > h2:after, .heading3-style-2 .entry-content > h3:after, .heading4-style-2 .entry-content > h4:after, .heading5-style-2 .entry-content > h5:after { content: ''; width: 100%; height: 2px; bottom: 0; left: 20px; z-index: 1; background: var(--pcborder-cl); position: absolute; } .heading1-style-3 .entry-content > h1, .heading2-style-3 .entry-content > h2, .heading3-style-3 .entry-content > h3, .heading4-style-3 .entry-content > h4, .heading5-style-3 .entry-content > h5, .heading1-style-4 .entry-content > h1, .heading2-style-4 .entry-content > h2, .heading3-style-4 .entry-content > h3, .heading4-style-4 .entry-content > h4, .heading5-style-4 .entry-content > h5 { position: relative; padding-left: 20px; } .heading1-style-3 .entry-content > h1:before, .heading2-style-3 .entry-content > h2:before, .heading3-style-3 .entry-content > h3:before, .heading4-style-3 .entry-content > h4:before, .heading5-style-3 .entry-content > h5:before, .heading1-style-4 .entry-content > h1:before, .heading2-style-4 .entry-content > h2:before, .heading3-style-4 .entry-content > h3:before, .heading4-style-4 .entry-content > h4:before, .heading5-style-4 .entry-content > h5:before { width: 10px; height: 100%; content: ''; position: absolute; top: 0; left: 0; bottom: 0; background: var(--pcaccent-cl); } .heading1-style-4 .entry-content > h1, .heading2-style-4 .entry-content > h2, .heading3-style-4 .entry-content > h3, .heading4-style-4 .entry-content > h4, .heading5-style-4 .entry-content > h5 { padding: 10px 20px; background: #f1f1f1; } .heading1-style-5 .entry-content > h1, .heading2-style-5 .entry-content > h2, .heading3-style-5 .entry-content > h3, .heading4-style-5 .entry-content > h4, .heading5-style-5 .entry-content > h5 { position: relative; } .heading1-style-5 .entry-content > h1:before, .heading2-style-5 .entry-content > h2:before, .heading3-style-5 .entry-content > h3:before, .heading4-style-5 .entry-content > h4:before, .heading5-style-5 .entry-content > h5:before { content: ""; position: absolute; left: 0; bottom: 0; width: 200px; height: 50%; transform: skew(-25deg) translateX(0); background: var(--pcaccent-cl); z-index: -1; opacity: 0.4; } .heading1-style-6 .entry-content > h1, .heading2-style-6 .entry-content > h2, .heading3-style-6 .entry-content > h3, .heading4-style-6 .entry-content > h4, .heading5-style-6 .entry-content > h5 { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 4px; text-decoration-color: var(--pcaccent-cl); } .penci_list_shortcode li { position: relative; list-style: none !important; padding-left: 20px !important; } .penci_list_shortcode li:before { color: var(--pcaccent-cl); content: "\f00c" !important; width: 20px !important; height: auto !important; margin-left: -20px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: none; background: none !important; transform: none !important; opacity: 1 !important; position: static !important; border: none !important; } .penci_list_shortcode.penci_list-starlist li:before { content: "\f005" !important; } .penci_list_shortcode.penci_list-pluslist li:before { content: "\f0fe" !important; } .penci_list_shortcode.penci_list-minuslist li:before { content: "\f146" !important; } .penci_list_shortcode.penci_list-editlist li:before { content: "\f044" !important; } .penci_list_shortcode.penci_list-asterisklist li:before { content: "\f069" !important; } .penci_list_shortcode.penci_list-thumbuplist li:before { content: "\f164" !important; } .penci_list_shortcode.penci_list-folderlist li:before { content: "\f07b" !important; } .penci_list_shortcode.penci_list-thumbdownlist li:before { content: "\f165" !important; } .penci_list_shortcode.penci_list-heartlist li:before { content: "\f004" !important; } .penci-highlight-black { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; background-color: rgba(0, 0, 0, 0.8); padding: 2px 0; margin: 0 7px 0 8px; box-shadow: 6px 0 0 rgba(0, 0, 0, 0.8), -8px 0 0 rgba(0, 0, 0, 0.8); color: gray; } .penci-highlight-black:hover { color: #fff; } .penci-highlighted-black { background-color: rgba(0, 0, 0, 0.8); padding: 2px 0; margin: 0 7px 0 8px; box-shadow: 6px 0 0 rgba(0, 0, 0, 0.8), -8px 0 0 rgba(0, 0, 0, 0.8); color: #fff; } .penci-highlighted-red { background-color: red; padding: 2px 0; margin: 0 7px 0 8px; box-shadow: 6px 0 0 #ff0000, -8px 0 0 red; color: #fff; } .penci-highlighted-blue { background-color: #3f51b5; padding: 2px 0; margin: 0 7px 0 8px; box-shadow: 6px 0 0 #3f51b5, -8px 0 0 #3f51b5; color: #fff; } .penci-highlighted-green { background-color: green; padding: 2px 0; margin: 0 7px 0 8px; box-shadow: 6px 0 0 #008000, -8px 0 0 green; color: #fff; } .penci-highlighted-yellow { background-color: #ffcb00; padding: 2px 0; margin: 0 7px 0 8px; box-shadow: 6px 0 0 #ffcb00, -8px 0 0 #ffcb00; color: #fff; } .penci-highlighted-pink { background-color: #ffc0cb; padding: 2px 0; margin: 0 7px 0 8px; box-shadow: 6px 0 0 #ffc0cb, -8px 0 0 #ffc0cb; color: #fff; } .penci-tpadding-0, .penci-tpadding-1, .penci-tpadding-2, .penci-tpadding-3, .penci-tpadding-4, .penci-tpadding-5, .penci-tpadding-6, .penci-tpadding-7 { display: block; margin-bottom: 17px; } .penci-tpadding-1 { padding-left: 0; padding-right: 5%; } .penci-tpadding-2 { padding-left: 5%; padding-right: 0; } .penci-tpadding-3 { padding-left: 5%; padding-right: 5%; } .penci-tpadding-4 { padding-left: 5%; padding-right: 10%; } .penci-tpadding-5 { padding-left: 10%; padding-right: 5%; } .penci-tpadding-6 { padding-left: 10%; padding-right: 10%; } .penci-tpadding-7 { padding-left: 15%; padding-right: 15%; } @media (max-width: 767px) { .penci-tpadding-0, .penci-tpadding-1, .penci-tpadding-2, .penci-tpadding-3, .penci-tpadding-4, .penci-tpadding-5, .penci-tpadding-6, .penci-tpadding-7 { padding-left: 3% !important; padding-right: 3% !important; } } .penci-dropcap-box { float: left; display: block; background-color: var(--pcaccent-cl); color: #fff; text-align: center; text-transform: uppercase; min-width: 56px; font-size: 48px; line-height: 50px; margin: 6px 13px 0 0; padding: 3px 13px; } .penci-dropcap-box-outline { float: left; display: block; background-color: transparent !important; text-align: center; text-transform: uppercase; border: 2px solid var(--pcaccent-cl); color: var(--pcaccent-cl); min-width: 56px; font-size: 48px; line-height: 50px; margin: 6px 13px 0 0; padding: 3px 13px; } .penci-dropcap-circle { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; display: block; background-color: var(--pcaccent-cl); color: #fff; text-align: center; text-transform: uppercase; min-width: 56px; font-size: 48px; line-height: 50px; margin: 6px 13px 0 0; padding: 3px 13px; } .penci-dropcap-circle-outline { float: left; display: block; background-color: transparent !important; text-align: center; text-transform: uppercase; border: 2px solid var(--pcaccent-cl); color: var(--pcaccent-cl); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; min-width: 56px; font-size: 48px; line-height: 50px; margin: 6px 13px 0 0; padding: 3px 13px; } .penci-dropcap-regular { float: left; display: block; text-align: center; text-transform: uppercase; background-color: transparent !important; color: var(--pcaccent-cl); font-size: 68px; line-height: 68px; margin: 0 13px 0 0; padding: 0; } .penci-dropcap-bold { float: left; display: block; text-align: center; text-transform: uppercase; background-color: transparent !important; color: var(--pcaccent-cl); font-weight: bold; font-size: 68px; line-height: 68px; margin: 0 13px 0 0; padding: 0; } /*** Inline related posts ***/ .penci-ilrelated-posts { margin: 20px 0; overflow: hidden; padding: 17px 20px; border: 1px solid var(--pcborder-cl); } .penci-ilrelated-posts.pcilrt-left { float: left; margin: 5px 20px 20px 0; max-width: 360px; width: 100%; } .penci-ilrelated-posts.pcilrt-right { float: right; margin: 5px 0 20px 20px; max-width: 360px; width: 100%; } .pcilrp-heading { margin-bottom: 20px; text-align: left; } .pcilrp-heading span { font-size: 18px; line-height: 1.3; display: block; font-family: var(--pchead-font); font-weight: var(--pchead-wei); color: var(--pcheading-cl); letter-spacing: 0; padding-bottom: 10px; position: relative; } .pcilrp-heading span:after { content: ""; width: 50px; border-top: 1px solid var(--pcaccent-cl); display: block; position: absolute; bottom: 0; left: 0; } .pcilrph-align-center { text-align: center; } .pcilrph-align-center span:after { left: 50%; margin-left: -25px; } .pcilrph-align-right { text-align: right; } .pcilrph-align-right span:after { left: auto; right: 0; } .penci-ilrelated-posts ul.pcilrp-content { margin-bottom: 0 !important; } .penci-ilrelated-posts.pcilrt-grid ul.pcilrp-content li { line-height: unset; } .penci-ilrelated-posts.pcilrt-list ul.pcilrp-content { padding-left: 18px; } .penci-ilrelated-posts.pcilrt-list ul.pcilrp-content li { line-height: 1.6; } .penci-ilrelated-posts.pcilrt-list ul.pcilrp-content li:last-child { margin-bottom: 0; } .penci-ilrelated-posts ul.pcilrp-content li.pcilrp-item-grid { list-style-type: none; } .pcilrt-grid .pcilrp-content { padding: 0 !important; margin-left: -10px; margin-right: -10px; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pcilrt-grid .pcilrp-item-grid { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 10px; margin-bottom: 20px; } .pcilrt-grid .pcilrp-item-hidethumb { margin-bottom: 8px; } .pcilrt-grid.pcilrt-col-2 .pcilrp-item-grid { flex: 0 0 50%; } .pcilrt-grid.pcilrt-col-3 .pcilrp-item-grid { flex: 0 0 33.3333%; } .pcilrt-grid .pcilrp-content > .pcilrp-item-grid:last-child { margin-bottom: 0; } @media only screen and (min-width: 961px) { .pcilrt-col-3 .pcilrp-content > .pcilrp-item-grid:nth-last-of-type(2), .pcilrt-col-3 .pcilrp-content > .pcilrp-item-grid:nth-last-of-type(3) { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .pcilrt-col-2 .pcilrp-content > .pcilrp-item-grid:nth-last-of-type(2) { margin-bottom: 0; } } @media only screen and (max-width: 960px) { .pcilrt-grid.pcilrt-col-3 .pcilrp-item-grid { flex: 0 0 100%; } } @media only screen and (max-width: 767px) { .pcilrt-grid.pcilrt-col-2 .pcilrp-item-grid { flex: 0 0 100%; } .penci-ilrelated-posts.pcilrt-left, .penci-ilrelated-posts.pcilrt-right { max-width: 100%; } } .pcilrt-grid .pcilrp-flex { display: flex; -ms-flex-wrap: wrap; align-items: center; width: 100%; } .pcilrp-flex .pcilrp-thumb { flex: 0 0 90px; margin-right: 20px; transition: all 0.3s; } .pcilrp-flex .pcilrp-body { flex: 0 0 calc(100% - 110px); } .pcilrp-item-hidethumb .pcilrp-flex .pcilrp-body { flex: 0 0 100%; } .pcilrt-thumbright .pcilrp-flex .pcilrp-thumb { order: 2; margin: 0 0 0 20px; } .pcilrp-flex .pcilrp-thumb:hover { opacity: 0.85; } .pcilrp-item-grid .pcilrp-title { line-height: 1.35; } .penci-ilrelated-posts .pcilrp-item-grid .pcilrp-title a { color: var(--pctext-cl); line-height: 1.4; text-decoration: none; font-family: var(--pchead-font); font-weight: var(--pchead-wei); font-size: 14px; } .penci-ilrelated-posts .pcilrp-item-grid .pcilrp-title a:hover { color: var(--pcaccent-cl); } .pcilrp-meta { margin-top: 5px; font-size: 13px; color: var(--pcmeta-cl); line-height: 1.3; } .pcilrp-meta span { margin-right: 10px; font-size: inherit; color: inherit; } .pcilrp-meta span:last-child { margin-right: 0; } .pcilrp-meta i { margin-right: 5px; opacity: 0.8; } /*** Gird post share ***/ .gird-post-share { margin-top: 9px; position: relative; text-align: center; } .gird-list-posts-share { background: #fff; display: inline-block; padding-right: 11px; position: relative; padding-left: 11px; } .gird-post-share:before { position: absolute; width: 100%; top: 9px; height: 1px; content: ""; left: 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .gird-post-share a { margin: 0 4px; font-size: 14px; color: #939393; } .gird-post-share a:hover { color: var(--pcaccent-cl); } .gird-post-share .gird-list-posts-share a:first-child { margin-left: 0; } .share-box-grid.share-box-comments i { font-size: 15px; } /** Post tags && share box in single ***/ .tags-share-box { display: table; width: 100%; margin: 0; position: relative; padding: 19px 160px 18px 0; clear: both; border-top: 1px solid #dedede; font-size: 14px; } .tags-share-box.center-box { text-align: center; padding: 15px 0; } .tags-share-box.hide-tags.page-share { text-align: center; padding: 16px 0; position: relative; border-bottom: 1px solid #dedede; margin-bottom: -1px; } .tags-share-box.hide-tags.page-share.pcnew-share { border-bottom: none; margin-bottom: 0; padding: 0; } .tags-share-box.hide-tags.page-share.tags-share-box-2_3 { padding: 6px 20px; } .tags-share-box.hide-tags.page-share .list-posts-share { vertical-align: middle; line-height: 16px; } .tags-share-box.share-box-border-bot { border-bottom: 1px solid var(--pcborder-cl); } .post-tags { display: block; position: relative; z-index: 10; color: #888; margin-bottom: 0; line-height: 1.4; margin-top: 31px; } .post-tags > span { display: inline-block; text-transform: uppercase; margin: 0 12px 0 0; font-style: italic; color: #888; } .post-tags > span i { vertical-align: bottom; } .container-single .post-entry .post-tags a { text-transform: uppercase; color: #888; padding: 6px 12px 5px; margin-right: 8px; margin-bottom: 8px; display: inline-block; font-size: 11px !important; background: none; border: 1px solid #dedede; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; } .container-single .post-entry .post-tags a:hover { background: var(--pcaccent-cl); color: #fff; border-color: var(--pcaccent-cl); text-decoration: none; } .post-share { display: inline-block; position: absolute; z-index: 10; right: 0; top: 20px; } .nc_socialPanel .nc_tweetContainer a.nc_tweet, .swp_social_panel .nc_tweetContainer a.nc_tweet { color: #fff; } .tags-share-box.center-box .post-share, .tags-share-box.hide-tags.page-share .post-share { position: static; } .tags-share-box.hide-tags.page-share .share-title { font-size: 12px; text-transform: uppercase; color: #313131; font-family: var(--pchead-font); font-weight: var(--pchead-wei); margin-right: 5px; } .post-share .count-number-like { font-weight: bold; font-style: italic; font-size: 13px; color: var(--pcaccent-cl); vertical-align: top; } .post-share .list-posts-share { display: inline-block; vertical-align: top; } .post-share a { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-size: 14px; margin: 0 0 0 10px; color: #313131; display: inline-block; vertical-align: top; position: relative; } .post-share.hide-like-count .list-posts-share a:first-child { margin-left: 0; } .post-share a:hover, .post-share a.liked { color: var(--pcaccent-cl); } .post-share a.penci-post-like { margin-left: 5px; } .tags-share-box .single-comment-o { color: #888; } .tags-share-box .single-comment-o i { margin-right: 5px; } .tags-share-box .single-comment-o:after, .post-share a.penci-post-like:after { content: ""; display: inline-block; width: 1px; height: 12px; margin: 4px 6px 0 20px; vertical-align: top; border: none; background-color: #dedede; } .no-social-enabled.tags-share-box .single-comment-o:after { display: none; } .tags-share-box .single-comment-o:after { margin-right: 20px; } .tags-share-box .single-comment-o.hide-comments-o:after { display: none; content: none; } .post-share a .dt-share { position: absolute; display: inline-block; font-size: 9px; font-family: var(--pchead-font); font-weight: normal; background: #313131; color: #fff; height: 20px; white-space: nowrap; line-height: 20px; text-align: center; z-index: 20; bottom: -45px; width: 60px; left: 50%; margin-left: -30px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .post-share a:hover .dt-share { opacity: 1; bottom: -30px; visibility: visible; } .post-share a .dt-share:before { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #313131; content: ""; top: -7px; left: 50%; margin-left: -4px; } article.page.type-page { margin-bottom: 60px; } .tags-share-box.tags-share-box-top { border-bottom: 1px solid #dedede; margin-bottom: 33px; } .tags-share-box.tags-share-box-2_3 { border: 1px solid #dedede; padding: 6px 15px; } .tags-share-box.tags-share-box-2_3 .post-share { display: inline; position: relative; top: 0; } .tags-share-box.tags-share-box-2_3 .post-share .list-posts-share { display: inline; vertical-align: middle; } .tags-share-box.tags-share-box-2_3 .post-share:before, .tags-share-box.tags-share-box-2_3 .post-share:after { content: ""; width: 100%; clear: both; } .tags-share-box.tags-share-box-2_3 + .post-author { border-top: 0; } .tags-share-box.tags-share-box-2_3 .penci-social-share-text { text-transform: uppercase; font-weight: 700; margin-right: 15px; font-size: 14px; top: 2px; color: #111; position: relative; } .tags-share-box.tags-share-box-2_3 a.penci-post-like:after, .tags-share-box.tags-share-box-2_3 a.penci-post-like:after { content: none; } .tags-share-box.tags-share-box-2_3 .post-share .count-number-like, .tags-share-box.tags-share-box-2_3 .post-share a { color: #fff; } .tags-share-box.tags-share-box-2_3 .penci-svg-line { vertical-align: middle; transform: translateY(-1px); -webkit-transform: translateY(-1px); } .tags-share-box.tags-share-box-2_3 .post-share-item { display: inline-block; margin: 5px 9px 5px 0; font-weight: 400; line-height: 32px; text-align: left; color: #fff; text-transform: none; height: 32px; border: 0; background-color: #111111; padding: 0 12px; transition: opacity 0.3s; border-radius: 2px; vertical-align: middle; } .tags-share-box-s2 .post-share .count-number-like, .tags-share-box-s2 .post-share a, .tags-share-box-s2 .post-share-item { color: #fff !important; } .tags-share-box.tags-share-box-2_3 .post-share-plike { vertical-align: bottom; } .tags-share-box.page-share .penci-social-share-text { font-family: var(--pchead-font); font-weight: var(--pchead-wei); font-size: 12px; text-transform: uppercase; vertical-align: middle; } .tags-share-box.social-align-left { text-align: left !important; } .tags-share-box.social-align-right { text-align: right !important; } .tags-share-box.social-align-center { text-align: center !important; } /*** Post author ***/ .post-author { margin: 0; overflow: hidden; padding: 38px 0 37px 0; border-top: 1px solid var(--pcborder-cl); } .abio-style-2, .abio-style-3, .abio-style-4 { padding: 20px; border: 1px solid var(--pcborder-cl); margin-bottom: 30px; } body.author .post-author { padding: 20px 20px; border: 1px solid var(--pcborder-cl); margin-bottom: 40px; } .abio-style-3, .abio-style-4 { text-align: center; } .abio-style-4 { margin-top: 80px; overflow: visible; } .author-img { float: left; margin-right: 20px; overflow: hidden; } .abio-style-3 .author-img, .abio-style-4 .author-img { display: block; margin: 0 0 15px; float: none !important; } .abio-style-4 .author-img { margin-top: -70px; } .post-author .author-img img { margin: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .abio-style-3 .author-img img, .abio-style-4 .author-img img { display: inline-block; vertical-align: top; border: 2px solid var(--pcborder-cl); box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 15%); } .abio-style-4 .author-img img { background-color: var(--pcbg-cl); } .bioimg-square .author-img img { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .bioimg-sround .author-img img { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .post-author .author-content { margin-left: 120px; } .abio-style-3 .author-content, .abio-style-4 .author-content { margin-left: 0; } .author-content h5 { font-size: 14px; margin: 0 0 15px; color: #313131; display: block; font-family: var(--pchead-font); font-weight: var(--pchead-wei); text-transform: uppercase; } .author-content h5 a { display: inline-block; margin: 0; color: #313131; } .author-content h5 a:hover { color: var(--pcaccent-cl); } .author-content p { margin-bottom: 16px; } .abio-style-4 .author-content p { text-align: center; } .author-content .author-social { font-size: 14px; color: #313131; margin-right: 10px; } .author-content .bio-social .author-social:last-child { margin-right: 0; } .author-content .author-social:hover { color: var(--pcaccent-cl); } .author-content .author-social i { vertical-align: top; } /*** Post Pagination ***/ .post-pagination { overflow: hidden; margin: 0; padding: 15px 0 15px; border-top: 1px solid #dedede; } .post-pagination .prev-post { float: left; width: 50%; } .post-pagination .next-post { float: right; text-align: right; width: 50%; } .post-pagination span { margin: 0; display: inline-block; color: #888; } .post-pagination span i { font-size: 15px; margin-right: 8px; } .post-pagination span i.fa-angle-double-right { margin: 0 0 0 8px; } .post-pagination .arrow { font-size: 64px; color: #ddd; line-height: 64px; } .post-pagination .prev-post .arrow { float: left; margin-right: 18px; } .post-pagination .next-post .arrow { float: right; margin-left: 18px; } .pagi-text { margin-top: 6px; } .post-pagination h5 { font-size: 14px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); padding: 0 25px 0 0; position: relative; text-transform: uppercase; line-height: 1.4; } .post-pagination h5.next-title { padding: 0 0 0 25px; } .post-pagination a { color: #313131; } .post-pagination a:hover { color: var(--pcaccent-cl); } .penci-post-nav-thumb { display: inline-block; float: left; width: 56px; height: 56px; margin-right: 15px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .penci-post-nav-thumb.nav-thumb-next { float: right; margin: 0 0 0 15px; } .pcsb-pnavi .penci-post-nav-thumb { flex-shrink: 0; } /*** Post related ***/ .post-related { overflow: hidden; margin: 0; text-align: center; padding: 36px 0 36px; border-top: 1px solid #dedede; } .post-title-box, #respond h3.comment-reply-title { position: relative; padding: 0; margin-bottom: 30px; text-align: center; } #respond h3.comment-reply-title span, .post-box-title { font-size: 18px; text-transform: uppercase; font-family: var(--pchead-font); font-weight: var(--pchead-wei); color: #313131; position: relative; z-index: 10; display: inline-block; padding: 0 10px; } #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after { content: ""; position: absolute; width: 60px; height: 1px; background: var(--pcaccent-cl); display: block; top: 50%; margin-top: -1px; left: 100%; } #respond h3.comment-reply-title span:before, .post-box-title:before { left: auto; right: 100%; } .penci-carousel { margin-left: -15px; margin-right: -15px; max-height: 220px; } .penci-carousel.loaded { max-height: none; } .penci-carousel button.slick-prev, .penci-carousel button.slick-next { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; font-size: 20px; } .penci-carousel.loaded:hover button.slick-prev, .penci-carousel.loaded:hover button.slick-next { opacity: 0.8; } .penci-carousel.loaded button.slick-prev:hover, .penci-carousel.loaded button.slick-next:hover { opacity: 1; } .penci-carousel > button.slick-prev { left: 25px; } .penci-carousel > button.slick-next { right: 25px; } .penci-carousel > button.slick-prev.slick-disabled, .penci-carousel > button.slick-next.slick-disabled { cursor: auto; } .item-related { padding: 0 10px; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; text-align: center; position: relative; } .penci-posts-related-grid { padding-bottom: 16px; } .penci-related-grid-display { margin-left: -10px; margin-right: -10px; width: 100%; width: calc(100% + 20px); } .penci-related-grid-display .item-related { opacity: 1; margin: 0 0 20px; padding: 0 10px; width: 33.333333%; float: left; } .penci-owl-carousel.penci-owl-loaded .item-related { opacity: 1; } .penci-related-carousel .item-related-thumb { position: relative; } .post-related-wrapper { position: relative; } .penci-related-thumb-carousel { position: absolute; bottom: 30px; left: 0; right: 0; z-index: 9; padding: 0 30px; } .penci-related-thumb-carousel.pcrl-style-8 { background: rgba(0, 0, 0, 0.5); bottom: 0; } .penci-related-thumb-carousel .item-related-thumb { padding-left: 5px; padding-right: 5px; cursor: pointer; opacity: 0.8; transition: 0.3s all ease-in-out; } .penci-related-thumb-carousel.pcrl-style-8 .item-related-thumb { padding-left: 10px; padding-right: 10px; } .penci-related-thumb-carousel.pcrl-style-8 .item-related-thumb { padding-top: 30px; padding-bottom: 30px; border-bottom: 5px solid transparent; text-align: left; } .penci-related-thumb-carousel.pcrl-style-8 h3 { color: #fff; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .penci-related-thumb-carousel.pcrl-style-8 .swiper-slide-thumb-active .item-related-thumb { border-bottom-color: var(--pcaccent-cl); } .penci-related-thumb-carousel.pcrl-style-8 .swiper-slide-thumb-active h3 { color: var(--pcaccent-cl); } .penci-related-thumb-carousel.pcrl-style-8 span { color: rgba(255, 255, 255, 0.7); font-size: 12px; display: block; margin-bottom: 10px; } .penci-related-thumb-carousel.pcrl-style-8 .swiper-slide-thumb-active span { color: #fff; } .penci-related-thumb-carousel .item-related-thumb span.related-thumb { border: 3px solid rgba(255, 255, 255, 0.7); } .penci-related-thumb-carousel .swiper-slide-thumb-active .item-related-thumb, .penci-related-thumb-carousel .item-related-thumb:hover { opacity: 1; } .penci-related-thumb-carousel .swiper-slide-thumb-active .item-related-thumb span.related-thumb { border-color: var(--pcaccent-cl); } .penci-owl-carousel-slider .penci-owl-dots { position: static; height: 10px; clear: both; margin-top: 16px; text-align: center; margin-left: auto; margin-right: auto; transform: none !important; } .penci-owl-carousel-slider .penci-owl-dots.disabled, .penci-owl-carousel-slider .penci-owl-nav.disabled { display: none; } .penci-related-carousel .penci-owl-dot span { width: 10px; height: 10px; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 0; background: #fff; margin: 0 2px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; outline: none; vertical-align: top; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; border: 2px solid var(--pcborder-cl); } .penci-owl-carousel-slider .penci-owl-dot.active span, .penci-related-carousel .penci-owl-dot.active span { background: var(--pcaccent-cl); border-color: var(--pcaccent-cl); } .item-related img { width: 100%; height: auto; } .item-related .item-related-inner > a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; display: inline-block; margin-bottom: 17px; width: 100%; position: relative; } .item-related .item-related-inner > a:hover { opacity: 0.85; } .navigation .penci-megamenu .penci-mega-post a i, #navigation .penci-megamenu .penci-mega-post a i, .item-related .item-related-inner > a i, .home-featured-cat-content.style-12 .penci-magcat-carousel .magcat-thumb .mag-post-thumb i, .penci-grid.penci-fea-cat-style-13 li .item .thumbnail .icon-post-format { position: absolute; width: 36px; height: 36px; line-height: 32px; left: 50%; top: 50%; margin: -15px 0 0 -15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size: 14px; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); text-align: center; } .navigation .penci-megamenu .penci-mega-post a i.fa-music:before, #navigation .penci-megamenu .penci-mega-post a i.fa-music:before, .item-related > a i.fa-music:before { margin-right: 2px; } .navigation .penci-megamenu .penci-mega-post a i.fa-play:before, #navigation .penci-megamenu .penci-mega-post a i.fa-play:before, .item-related > a i.fa-play:before { margin-left: 2px; } .navigation .penci-megamenu .penci-mega-post a:hover i, #navigation .penci-megamenu .penci-mega-post a:hover i, .item-related > a:hover i { opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); } .item-related h3 a { font-size: 14px; text-transform: uppercase; color: #313131; line-height: 1.4; } .item-related h3 a:hover { color: var(--pcaccent-cl); } .item-related span.date { color: #888888; display: inline-block; margin-top: 8px; font-size: 13px; } ul.slick-dots { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; list-style: none; text-align: center; display: block; clear: both; margin-top: 13px; } .slick-slider.loaded ul.slick-dots { opacity: 1; } ul.slick-dots li { display: inline-block; line-height: 1; } ul.slick-dots li button { width: 12px; height: 12px; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 0; background: #fff; margin: 0 5px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; outline: none; vertical-align: top; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; border: 2px solid #dedede; } ul.slick-dots li button:hover, ul.slick-dots li.slick-active button { background: var(--pcaccent-cl); border-color: var(--pcaccent-cl); } .pcrlt-style-2 .item-related-inner { position: relative; text-align: left; } .pcrlt-style-2 .item-related .item-related-inner > a { margin-bottom: 0; } .pcrlt-style-2 .item-related .related-content { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%); } .pcrlt-style-2 .item-related .related-content h3 a, .pcrlt-style-2 .item-related .related-content span { color: #fff; } .pcrlt-style-2 a.penci-cat-name { position: absolute; top: 20px; left: 20px; z-index: 9; background-color: var(--pcaccent-cl); display: inline-block; width: auto; color: #fff; font-size: 12px; padding: 0 5px; line-height: 20px; } .pcrlt-style-3 .related-content { background-color: #000; padding: 20px 10px; transition: all 0.1s ease-in-out; border: 1px solid transparent; border-bottom: none; } .pcrlt-style-3 .item-related .item-related-inner > a { margin-bottom: 0; } .pcrlt-style-3 .item-related .related-content h3 a, .pcrlt-style-3 .item-related .related-content span { color: #fff; } .pcrlt-style-3 .item-related-inner { display: flex; flex-wrap: wrap; flex-direction: column; } .pcrlt-style-3 .item-related:nth-child(2n) .related-content { order: 1; background-color: var(--pcbg-cl); border: 1px solid var(--pcborder-cl); border-bottom: none; } .pcrlt-style-3 .item-related:nth-child(2n) .related-content h3 a { color: var(--pcheading-cl); } .pcrlt-style-3 .item-related:nth-child(2n) .related-content span { color: var(--pcmeta-cl); } .pcrlt-style-3 .item-related:nth-child(2n) .related-thumb { order: 2; } .pcrlt-style-4 .item-related-inner { display: flex; flex-wrap: wrap; flex-direction: row; text-align: left; } .pcrlt-style-4 .item-related .item-related-inner > a { max-width: 160px; margin-bottom: 0; } .pcrlt-style-4 .related-content { width: calc(100% - 160px); padding-left: 15px; display: flex; flex-wrap: wrap; align-content: center; } .pcrlt-style-4 .item-related { width: 50%; } .pcrlt-style-4 .penci-cat-name { font-size: 12px; display: inline-block; margin-bottom: 10px; text-transform: uppercase; font-weight: var(--pchead-wei); font-family: var(--pchead-font); } .pcrlt-style-5 .item-related .item-related-inner > a { margin-bottom: 0; } .pcrlt-style-5 .related-content { position: relative; padding: 15px; width: 95%; margin: -10px 2.5% 0; background: var(--pcbg-cl); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); } .pcrlt-style-5 .penci-owl-carousel .related-content{ margin-bottom: 6px; } .pcrlt-style-5 .penci-cat-name { position: absolute; top: -50px; left: 20px; z-index: 9; background-color: var(--pcaccent-cl); display: inline-block; width: auto; color: #fff; font-size: 12px; padding: 0 5px; line-height: 20px; } @media only screen and (min-width: 1170px) { .pcrlt-style-1 .penci-related-grid-display .item-related:nth-child(3n+1), .pcrlt-style-3 .penci-related-grid-display .item-related:nth-child(3n+1), .pcrlt-style-5 .penci-related-grid-display .item-related:nth-child(3n+1), .pcrlt-style-4 .penci-related-grid-display .item-related:nth-child(2n+1){ clear: both; } } /* = Related Posts Popup -----------------------------------------------------*/ .penci-rlt-popup { position: fixed; bottom: 0; left: 0; z-index: 5000; background: #fff; box-shadow: 2px 10px 7px rgba(0, 0, 0, 0.2); width: 340px; max-height: 75%; overflow: hidden; padding: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } @media only screen and (min-width: 961px) { .penci-vernav-enable.penci-vernav-poleft .penci-rltpopup-left { left: 330px; } .penci-vernav-enable.penci-vernav-poright .penci-rltpopup-right { right: 330px; } } .penci-rlt-popup.penci-rltpopup-right { left: auto; right: 0; } .penci-rlt-popup.rltpopup-show-up { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .penci-rlt-popup .penci-rtlpopup-content { padding: 20px; } .penci-rlt-popup .penci-rtlpopup-content:before, .penci-rlt-popup .penci-rtlpopup-content:after { content: ""; display: table; clear: both; } .penci-rlt-popup .rtlpopup-heading { font-size: 16px; text-transform: uppercase; margin-bottom: 16px; text-align: left; background: #111111; color: #fff; padding: 8px 30px 8px 20px; line-height: 1.25; margin: 0; position: relative; } .penci-rlt-popup .rltpopup-item { opacity: 0; visibility: hidden; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -o-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .penci-rlt-popup .penci-rtlpopup-content .rltpopup-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .penci-rlt-popup.rltpopup-show-up .rltpopup-item { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .penci-rlt-popup .rltpopup-thumbnail { display: block; float: left; width: 90px; margin: 0 20px 0 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .penci-rlt-popup .rltpopup-thumbnail:hover { opacity: 0.8; } .penci-rlt-popup .rltpopup-meta { display: block; overflow: hidden; } .penci-rlt-popup .rltpopup-meta .rltpopup-title { margin-bottom: 5px; color: #313131; display: block; font-size: 15px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: inherit; letter-spacing: 0; line-height: 1.35; } .penci-rlt-popup .rltpopup-meta .rltpopup-title:hover { color: var(--pcaccent-cl); } .penci-rlt-popup .rltpopup-meta .date { letter-spacing: 0; color: #888888; font-size: 13px; } .penci-rlt-popup .penci-close-rltpopup { position: absolute; top: 50%; right: 6px; height: 24px; width: 24px; text-align: center; line-height: 22px; margin: -12px 0 0 0; padding: 0; border: 0; background: none; color: #fff; outline: 0; box-shadow: none; font-size: 0 !important; opacity: 0.75; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .penci-rlt-popup .penci-close-rltpopup:hover { opacity: 1; } .penci-rlt-popup .penci-close-rltpopup span { display: block; width: 20px; border-top: 1px solid; position: absolute; top: 50%; left: 0; } .penci-rlt-popup .penci-close-rltpopup span:first-child { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .penci-rlt-popup .penci-close-rltpopup span:last-child { transform: rotate(45deg); -webkit-transform: rotate(45deg); } /* = Page Under Construction -----------------------------------------------------*/ .container.under-construction-page { text-align: center; margin-top: 232px; margin-bottom: 176px; } .under-construction-page .under-title { font-size: 30px; color: #313131; text-transform: uppercase; margin: 0 0 8px; } .under-construction-page .sub-title-content, .under-construction-page .sub-title-content p { font-size: 16px; font-style: italic; margin: 0; } .under-construction-page .sub-title-content a:hover { text-decoration: underline; } .penci-countdown { text-align: center; margin: 71px 0 0 0; } .penci-countdown .countdown-section { margin: 0 57px; display: inline-block; } .penci-countdown .countdown-row .countdown-section:first-child { margin-left: 0; } .penci-countdown .countdown-row .countdown-section:last-child { margin-right: 0; } .penci-countdown .countdown-amount { font-size: 72px; color: var(--pcaccent-cl); text-transform: uppercase; font-family: var(--pchead-font); font-weight: var(--pchead-wei); line-height: 1; display: block; text-align: center; letter-spacing: 3px; } .penci-countdown .countdown-period { display: block; text-align: center; font-size: 20px; text-transform: uppercase; color: #313131; margin: 26px 0 0 0; line-height: 1; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } /* = Column -----------------------------------------------------*/ .penci-column { margin-right: 4%; position: relative; float: left; min-height: 1px; display: block; padding: 0 !important; margin-bottom: 17px; } .column-last { margin-right: 0 !important; } .column-1-2 { width: 48%; } .column-1-3 { width: 30.6666666667%; } .column-2-3 { width: 65.3333333333%; } .column-1-4 { width: 22%; } .column-3-4 { width: 74%; } /* = Page navigation -----------------------------------------------------*/ .penci-pagination, #comments_pagination { margin-bottom: 40px; overflow: hidden; clear: both; text-align: center; } #comments_pagination { margin-bottom: 26px; } .penci-pagination.align-left { text-align: left; } .penci-pagination.align-center { text-align: center; } .penci-pagination.align-right { text-align: right; } .penci-pagenavi-shortcode { margin-top: 30px; } .penci-pagination a, .penci-pagination .disable-url { color: #999999; font-family: var(--pchead-font); font-weight: var(--pchead-wei); text-transform: uppercase; font-size: 12px; display: inline-block; line-height: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-pagination .disable-url span { opacity: 0.5; } .penci-pagination a i, .penci-pagination .disable-url i { font-size: 14px; margin-left: 8px; } .penci-fawesome-ver5 .penci-pagination a i, .penci-fawesome-ver5 .penci-pagination .disable-url i { font-size: 12px; } .penci-pagination .newer a i, .penci-pagination .newer .disable-url i { margin: 0 8px 0 0; } .penci-pagination a:hover { text-decoration: none; color: var(--pcaccent-cl); } .penci-pagination .newer, .penci-pagination .older { display: inline-block; } .penci-pagination .newer:after { content: "/"; display: inline-block; margin: 0 16px 0 20px; font-family: var(--pchead-font); font-size: 12px; color: #999; } .penci-pagination ul.page-numbers { list-style: none; display: inline-block; vertical-align: top; margin: 0; padding: 0; } .penci-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; margin-bottom: 0; list-style: none; } .penci-pagination ul.page-numbers li:last-child { margin-right: 0; } .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a, #comments_pagination span, #comments_pagination a { padding: 0; min-width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; border: 1px solid #dedede; color: #888; text-decoration: none; } #comments_pagination a, #comments_pagination span, .penci-pagination ul.page-numbers li a { padding: 0 5px; } .penci-pagination ul.page-numbers li a:hover, #comments_pagination a:hover { color: #313131; border-color: #999999; text-decoration: none; } .penci-pagination ul.page-numbers li span.current, #comments_pagination span { color: #fff; background: var(--pcaccent-cl); border-color: var(--pcaccent-cl); text-decoration: none; } .penci-pagination ul.page-numbers li a i { font-size: 16px; line-height: 28px; margin-left: 2px; font-family: FontAwesome !important; } .penci-fawesome-ver5 .penci-pagination ul.page-numbers li a i { font-family: "Font Awesome 5 Free" !important; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button { display: block; padding: 11px 10px; max-width: 400px; margin: 0 auto; border: 1px solid var(--pcborder-cl); line-height: 1.4; text-align: center; transition: all 0.25s; -webkit-transition: all 0.25s; background: #fff; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button .ajax-more-text { color: inherit; font-family: inherit; font-weight: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover { border-color: var(--pcaccent-cl); } .penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts { opacity: 0.8; color: #999999 !important; border-color: #ececec !important; cursor: auto; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts span.ajaxdot:after { content: "..."; font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button i { color: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts i { animation-name: pencirotate; -o-animation-name: pencirotate; -ms-animation-name: pencirotate; -webkit-animation-name: pencirotate; -moz-animation-name: pencirotate; animation-duration: 0.8s; -o-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; } @-o-keyframes pencirotate { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } } @-webkit-keyframes pencirotate { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } } @-moz-keyframes pencirotate { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } } p.no-comments { text-align: center; font-size: 16px; } /* = Footer -----------------------------------------------------*/ #footer-area { background: #171717; padding: 60px 0; text-align: center; position: relative; clear: both; } #footer-section { padding: 0; background: #313131; text-align: center; color: #999; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; } /* = Footer socials -----------------------------------------------------*/ .penci-footer-social-moved { background: #313131; border-top: 1px solid #ececec; } .footer-socials-section { padding: 30px 0 15px; border-bottom: 1px solid #4a4a4a; text-align: center; } .penci-footer-social-moved .footer-socials-section { border-bottom: none; } ul.footer-socials { list-style: none; display: inline-block; vertical-align: top; } ul.footer-socials li { float: none; display: inline-block; margin-right: 30px; margin-bottom: 15px; } ul.footer-socials li:last-child { margin-right: 0; } ul.footer-socials li a { line-height: 36px; display: inline-block; vertical-align: top; } ul.footer-socials li a i { width: 36px; height: 36px; line-height: 34px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none; color: #999; border: 1px solid #999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px; vertical-align: top; } ul.footer-socials li a i svg { fill: #999; } ul.footer-socials li a:hover i { background: var(--pcaccent-cl); color: #fff; border-color: var(--pcaccent-cl); } ul.footer-socials li a span { text-transform: uppercase; font-size: 14px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); color: #999; display: inline-block; margin-left: 10px; vertical-align: top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.footer-socials li a:hover span { color: var(--pcaccent-cl); } .footer-social-remove-circle ul.footer-socials li a { line-height: 20px; } .footer-social-remove-circle ul.footer-socials li a i, .footer-social-remove-circle ul.footer-socials li a:hover i { border: none; background: none; padding: 0; width: auto; height: auto; line-height: 20px; } .footer-social-drop-line ul.footer-socials li a span { margin: 5px 0 0; display: block; } .footer-social-remove-radius ul.footer-socials li a i { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .footer-social-remove-text ul.footer-socials li a span { display: none; } ul.footer-socials li svg, .widget-social svg { vertical-align: middle; } ul.footer-socials li svg, .widget-social svg { max-width: 16px; height: auto; } /* = Footer Logo & copyright -----------------------------------------------------*/ .footer-logo-copyright { padding: 40px 0 73px; text-align: center; } .footer-logo-copyright.footer-not-gotop { padding: 40px 0; } .footer-logo-copyright.footer-not-logo { padding: 20px 0 62px; } .footer-logo-copyright.footer-not-logo.footer-not-gotop { padding: 20px 0; } #footer-logo { margin: 0 0 32px 0; } #footer-logo a { display: inline-block; vertical-align: top; } #footer-logo .penci-lazy[src*="penci-holder"] { width: 0; } #footer-copyright * { font-size: 14px; color: #999; line-height: 1.4; font-style: italic; } #footer-copyright a { color: var(--pcaccent-cl); } #footer-copyright a:hover { text-decoration: underline; } body.single-penci-block .penci-go-to-top-floating, body.single-penci-block .penci-wrap-gprd-law { display: none !important; } body.single-penci-block .clear-footer { margin-bottom: 0; height: 0; } body.single-penci-block .pc-wrapbuilder-header { margin-bottom: 0; } /* = Footer Menu -----------------------------------------------------*/ .footer-menu-wrap { display: block; text-align: center; margin-bottom: 10px; } .footer-menu-wrap:before { content: ""; display: table; } .footer-menu-wrap:after { display: block; height: 0; clear: both; visibility: hidden; content: ""; } div.footer-menu > ul, ul.footer-menu { list-style: none; display: inline-block; vertical-align: top; } .footer-menu li { display: inline-block; padding: 0 15px; position: relative; margin-bottom: 5px; } #footer-section .footer-menu li a { color: #999; } #footer-section .footer-menu li a:hover { color: var(--pcaccent-cl); } .footer-menu ul.sub-menu { display: none !important; } /* = Footer go to top -----------------------------------------------------*/ #footer-section .go-to-top-parent { width: 100%; height: auto; display: block; position: absolute; left: 0; bottom: 17px; text-align: center; z-index: 10; } #footer-section .go-to-top-parent span { color: #999; font-size: 12px; font-weight: var(--pchead-wei); font-family: var(--pchead-font); text-transform: uppercase; line-height: 1; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #footer-section .go-to-top-parent span:before, #footer-section .go-to-top-parent span:after { content: " "; display: table; } #footer-section .go-to-top-parent span:after { clear: both; } #footer-section .go-to-top-parent i { font-size: 12px; z-index: 5; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; color: #999; line-height: 1; margin-bottom: 3px; } #footer-section .go-to-top:hover span, #footer-section .go-to-top:hover i { color: #fff; } .penci-go-to-top-floating { cursor: pointer; position: fixed; bottom: 20px; right: 20px; width: 36px; height: 36px; line-height: 36px; font-size: 16px; background-color: var(--pcaccent-cl); color: #fff; z-index: 99999; text-align: center; transform: translate3d(0, 60px, 0); -webkit-transform: translate3d(0, 60px, 0); -moz-transform: translate3d(0, 60px, 0); -ms-transform: translate3d(0, 60px, 0); -o-transform: translate3d(0, 60px, 0); -webkit-transition: transform 0.4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s; -moz-transition: transform 0.4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s; -o-transition: transform 0.4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s; transition: transform 0.4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s; } .penci-go-to-top-floating i[class^="penciicon-"] { vertical-align: top; line-height: inherit; } .penci-go-to-top-floating.show-up { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .penci-go-to-top-floating:hover { opacity: 0.85; } .penci-go-to-top-floating i { font-size: inherit; line-height: inherit; color: inherit; } /* = Widget -----------------------------------------------------*/ .textwidget { line-height: 1.8; } #widget-area { overflow: hidden; margin: 0; padding: 60px 0; background: #ffffff; position: relative; border-top: 1px solid #ececec; background-repeat: no-repeat; background-size: cover; background-position: center center; } #widget-area > .container { position: relative; z-index: 3; } #widget-area > .container:before, #widget-area > .container:after { content: ""; display: table; clear: both; } .footer-widget-wrapper { width: 31%; margin-right: 3.5%; float: left; } .footer-widget-wrapper.footer-widget-style-2 { width: 32.1666%; } .footer-widget-wrapper.footer-widget-style-2.last { width: 64.3334%; } .footer-widget-wrapper.footer-widget-style-3 { width: 64.3334%; } .footer-widget-wrapper.footer-widget-style-3.last { width: 32.1666%; } .footer-widget-wrapper.footer-widget-style-4 { width: 22.75%; margin-right: 3%; } .footer-widget-wrapper.footer-widget-style-5, .footer-widget-wrapper.footer-widget-style-6, .footer-widget-wrapper.footer-widget-style-7 { width: 23.25%; } .footer-widget-wrapper.footer-widget-style-5:first-child, .footer-widget-wrapper.footer-widget-style-6:nth-child(2), .footer-widget-wrapper.footer-widget-style-7:last-child { width: 46.5%; } .footer-widget-wrapper.footer-widget-style-8, .footer-widget-wrapper.footer-widget-style-9 { width: 23.5%; } .footer-widget-wrapper.footer-widget-style-8:last-child, .footer-widget-wrapper.footer-widget-style-9:first-child { width: 73%; } .footer-widget-wrapper.footer-widget-style-10 { width: 48%; margin-right: 4%; } #widget-area .footer-widget-wrapper.last { margin-right: 0; } .footer-widget-wrapper > .widget:last-child { margin-bottom: 0 !important; } .widget input { font-weight: normal; } .penci-button, .widget input[type="submit"], .widget button[type="submit"] { font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .penci-sidebar-content.pcsb-boxed-whole { padding: 20px; border: 1px solid var(--pcborder-cl); margin-bottom: 60px; } .penci-sidebar-content .widget { width: 100%; margin-right: 0; float: none; margin-bottom: 60px; clear: both; } .penci-sidebar-content.pcsb-boxed-widget .widget { padding: 20px; border: 1px solid var(--pcborder-cl); } .penci-sidebar-content.pcsb-boxed-whole .widget:last-child { margin-bottom: 0; } .penci-sidebar-content img { max-width: 100%; height: auto; vertical-align: top; } .penci-sidebar-content .widget-title { color: #313131; margin-bottom: 30px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); position: relative; text-align: center; line-height: 1.3; background: transparent; } /* Support for Elementor Header & Footer Builder */ body.ehf-header .penci-header-wrap, body.ehf-header .featuredsl-customizer { display: none; } body.ehf-footer .clear-footer, body.ehf-footer .footer-subscribe, body.ehf-footer .footer-instagram, body.ehf-footer #footer-section, body.ehf-footer #widget-area, body.ehf-footer .penci-footer-social-media { display: none; } /* Style widget heading styles */ .penci-sidebar-content.pcalign-left .widget-title { text-align: left; } .penci-sidebar-content.pcalign-right .widget-title { text-align: right; } .penci-sidebar-content.style-2 .widget-title, .penci-sidebar-content.style-3 .widget-title, .penci-sidebar-content.style-4 .widget-title, .penci-sidebar-content.style-5 .widget-title, .penci-sidebar-content.style-6 .widget-title, .penci-sidebar-content.style-7 .widget-title, .penci-sidebar-content.style-8 .widget-title, .penci-sidebar-content.style-9 .widget-title, .penci-sidebar-content.style-10 .widget-title, .penci-sidebar-content.style-11 .widget-title, .penci-sidebar-content.style-12 .widget-title, .penci-sidebar-content.style-13 .widget-title, .penci-sidebar-content.style-14 .widget-title, .penci-homepage-title.style-2, .penci-homepage-title.style-3, .penci-homepage-title.style-4, .penci-homepage-title.style-5, .penci-homepage-title.style-6, .penci-homepage-title.style-7, .penci-homepage-title.style-8, .penci-homepage-title.style-9, .penci-homepage-title.style-10, .penci-homepage-title.style-11, .penci-homepage-title.style-12, .penci-homepage-title.style-13 { margin-left: 0; margin-right: 0; margin-top: 0; } .penci-homepage-title.style-14 { margin-left: 6px; margin-right: 6px; margin-top: 0; } .penci-homepage-title.style-2:before, .penci-sidebar-content.style-2 .penci-border-arrow:before { bottom: -4px; } .penci-border-arrow.penci-homepage-title.style-2:after, .penci-sidebar-content.style-2 .penci-border-arrow:after { width: 0; height: 0; border-style: solid; border-color: transparent; bottom: -2px; left: 50%; top: auto; right: auto; border-width: 6px; border-bottom: 0; margin-left: -6px; z-index: 5; border-top-color: #fff; background: none !important; } .penci-homepage-title.style-2 .inner-arrow, .penci-sidebar-content.style-2 .penci-border-arrow .inner-arrow { border-width: 2px; } .penci-sidebar-content.style-1.pcalign-left .penci-border-arrow:before, .penci-sidebar-content.style-2.pcalign-left .penci-border-arrow:before, .penci-sidebar-content.style-2.pcalign-left .penci-border-arrow:after, .penci-homepage-title.style-1.pcalign-left:before, .penci-homepage-title.style-2.pcalign-left:before, .penci-homepage-title.style-2.pcalign-left:after { left: 19px; right: auto; } .penci-sidebar-content.style-1.pcalign-right .penci-border-arrow:before, .penci-sidebar-content.style-2.pcalign-right .penci-border-arrow:before, .penci-sidebar-content.style-2.pcalign-right .penci-border-arrow:after, .penci-homepage-title.style-1.pcalign-right:before, .penci-homepage-title.style-2.pcalign-right:before, .penci-homepage-title.style-2.pcalign-right:after { left: auto; right: 19px; } .penci-homepage-title.style-1.pcalign-center:before, .penci-homepage-title.style-2.pcalign-center:before, .penci-homepage-title.style-2.pcalign-center:after { left: 50%; margin-left: -6px; right: auto; } /* Style 3 */ .penci-sidebar-content.style-3 .penci-border-arrow:before, .penci-sidebar-content.style-3 .penci-border-arrow:after, .penci-sidebar-content.style-4 .penci-border-arrow:before, .penci-sidebar-content.style-4 .penci-border-arrow:after, .penci-sidebar-content.style-5 .penci-border-arrow:before, .penci-sidebar-content.style-5 .penci-border-arrow:after, .penci-sidebar-content.style-6 .penci-border-arrow:before, .penci-sidebar-content.style-6 .penci-border-arrow:after, .penci-sidebar-content.style-7 .penci-border-arrow:before, .penci-sidebar-content.style-7 .penci-border-arrow:after, .penci-sidebar-content.style-8 .penci-border-arrow:before, .penci-sidebar-content.style-8 .penci-border-arrow:after, .penci-sidebar-content.style-9 .penci-border-arrow:before, .penci-sidebar-content.style-9 .penci-border-arrow:after, .penci-homepage-title.style-3:before, .penci-homepage-title.style-3:after, .penci-homepage-title.style-4:before, .penci-homepage-title.style-4:after, .penci-homepage-title.style-5:before, .penci-homepage-title.style-5:after, .penci-homepage-title.style-6:before, .penci-homepage-title.style-6:after, .penci-homepage-title.style-7:before, .penci-homepage-title.style-7:after, .penci-homepage-title.style-8:before, .penci-homepage-title.style-8:after, .penci-homepage-title.style-9:before, .penci-homepage-title.style-9:after { content: none; } .penci-sidebar-content.style-3.pcalign-left .penci-border-arrow .inner-arrow, .penci-sidebar-content.style-3.pcalign-center .penci-border-arrow .inner-arrow, .penci-homepage-title.style-3.pcalign-left .inner-arrow, .penci-homepage-title.style-3.pcalign-center .inner-arrow { border-left-width: 6px; } .penci-sidebar-content.style-3.pcalign-right .penci-border-arrow .inner-arrow, .penci-homepage-title.style-3.pcalign-right .inner-arrow { border-right-width: 6px; } /* Style 4 */ .pc-flexmnld, .penci-homepage-title.style-4, .penci-sidebar-content.style-4 .penci-border-arrow { overflow: hidden; } .pc-flexmnld .penci-homepage-title.style-4, .pc-flexmnld .penci-sidebar-content.style-4 .penci-border-arrow { overflow: visible; } .elementor-widget-penci-block-heading .pc-flexmnld { overflow: visible; } .penci-homepage-title.style-4 .inner-arrow, .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow { padding: 0 12px; border: none; display: inline-block; background: none !important; } .elementor-widget-penci-block-heading .penci-homepage-title.style-4 .inner-arrow > span { position: relative; padding: 0 12px; } .penci-homepage-title.style-4.pcalign-left .inner-arrow, .elementor-widget-penci-block-heading .penci-homepage-title.style-4.pcalign-left .inner-arrow > span, .penci-sidebar-content.style-4.pcalign-left .penci-border-arrow .inner-arrow { padding-left: 0; } .penci-homepage-title.style-4.pcalign-right .inner-arrow, .elementor-widget-penci-block-heading .penci-homepage-title.style-4.pcalign-right .inner-arrow > span, .penci-sidebar-content.style-4.pcalign-right .penci-border-arrow .inner-arrow { padding-right: 0; } .elementor-widget-penci-block-heading .penci-homepage-title.style-4 .inner-arrow { overflow: hidden; } .elementor-widget-penci-block-heading .penci-homepage-title.style-4 .inner-arrow > span:before, .elementor-widget-penci-block-heading .penci-homepage-title.style-4 .inner-arrow > span:after, .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before, .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:after, .penci-homepage-title.style-4 .inner-arrow:before, .penci-homepage-title.style-4 .inner-arrow:after { position: absolute; content: ""; width: 1200px; height: 0; top: 50%; left: 100%; border: none; border-bottom: 1px solid; z-index: 1; opacity: 0.5; } .elementor-widget-penci-block-heading .penci-homepage-title.style-4 .inner-arrow:before, .elementor-widget-penci-block-heading .penci-homepage-title.style-4 .inner-arrow:after { display: none; } .elementor-widget-penci-block-heading .penci-homepage-title.style-4 .inner-arrow > span:before, .penci-homepage-title.style-4 .inner-arrow:before, .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before { left: auto; right: 100%; } .elementor-widget-penci-block-heading .penci-homepage-title.style-4 .inner-arrow { display: block; } /* Style 5 */ .penci-homepage-title.style-5, .penci-sidebar-content.style-5 .penci-border-arrow, .penci-homepage-title.style-7, .penci-sidebar-content.style-7 .penci-border-arrow, .penci-homepage-title.style-9, .penci-sidebar-content.style-9 .penci-border-arrow { border-bottom: 2px solid #313131; } .penci-homepage-title.style-5 .inner-arrow, .penci-sidebar-content.style-5 .penci-border-arrow .inner-arrow { display: inline-block; border-bottom-width: 2px; margin-bottom: -2px !important; } .penci-homepage-title.style-5.pcalign-left .inner-arrow, .penci-sidebar-content.style-5.pcalign-left .penci-border-arrow .inner-arrow { border-left-width: 2px; } .penci-homepage-title.style-5.pcalign-right .inner-arrow, .penci-sidebar-content.style-5.pcalign-right .penci-border-arrow .inner-arrow { border-right-width: 2px; } /* Style 6 */ .penci-homepage-title.style-6 .inner-arrow, .penci-sidebar-content.style-6 .penci-border-arrow .inner-arrow { background: none !important; padding: 0 !important; border: none !important; } /* Style 7 */ .penci-homepage-title.style-7, .penci-sidebar-content.style-7 .penci-border-arrow { border-bottom-width: 3px; } .penci-homepage-title.style-9, .penci-sidebar-content.style-9 .penci-border-arrow { border-bottom-width: 1px; } .penci-homepage-title.style-7 .inner-arrow, .penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow, .penci-homepage-title.style-9 .inner-arrow, .penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow { background: none !important; padding: 0 0 8px 0; border: none; } .penci-homepage-title.style-7 .inner-arrow:before, .penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow:before, .penci-homepage-title.style-9 .inner-arrow:before, .penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before { content: ""; width: 40px; height: 3px; position: absolute; bottom: -3px; background: var(--pcaccent-cl); } .penci-homepage-title.style-9 .inner-arrow:before, .penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before { bottom: -2px; } .penci-homepage-title.style-7.pcalign-center .inner-arrow:before, .penci-sidebar-content.style-7.pcalign-center .penci-border-arrow .inner-arrow:before, .penci-homepage-title.style-9.pcalign-center .inner-arrow:before, .penci-sidebar-content.style-9.pcalign-center .penci-border-arrow .inner-arrow:before { left: 50%; margin-left: -20px; } .penci-homepage-title.style-7.pcalign-left .inner-arrow:before, .penci-sidebar-content.style-7.pcalign-left .penci-border-arrow .inner-arrow:before, .penci-homepage-title.style-9.pcalign-left .inner-arrow:before, .penci-sidebar-content.style-9.pcalign-left .penci-border-arrow .inner-arrow:before { left: 0; margin: 0; } .penci-homepage-title.style-7.pcalign-right .inner-arrow:before, .penci-sidebar-content.style-7.pcalign-right .penci-border-arrow .inner-arrow:before, .penci-homepage-title.style-9.pcalign-right .inner-arrow:before, .penci-sidebar-content.style-9.pcalign-right .penci-border-arrow .inner-arrow:before { right: 0; margin: 0; } /* Style 8 */ .penci-homepage-title.style-8 .inner-arrow, .penci-sidebar-content.style-8 .penci-border-arrow .inner-arrow { background-repeat: no-repeat; background-position: center center; background-size: auto 100%; border: none !important; padding-top: 13px; padding-bottom: 12px; } .penci-homepage-title.style-8.pcalign-left .inner-arrow, .penci-sidebar-content.style-8.pcalign-left .penci-border-arrow .inner-arrow { background-position: left center; } .penci-homepage-title.style-8.pcalign-right .inner-arrow, .penci-sidebar-content.style-8.pcalign-right .penci-border-arrow .inner-arrow { background-position: right center; } .penci-homepage-title.style-8.pcalign-center .inner-arrow, .penci-sidebar-content.style-8.pcalign-center .penci-border-arrow .inner-arrow { background-position: center center; } /* Style 10 */ .penci-homepage-title.style-10, .penci-sidebar-content.style-10 .penci-border-arrow { border-top: 3px solid #313131; border-bottom: 1px solid #dedede; } .penci-homepage-title.style-10 .inner-arrow, .penci-sidebar-content.style-10 .penci-border-arrow .inner-arrow { background: none !important; border: none !important; padding: 9px 0 !important; } .penci-sidebar-content.style-14 .penci-border-arrow:after, .penci-sidebar-content.style-14 .penci-border-arrow:before, .penci-sidebar-content.style-13 .penci-border-arrow:after, .penci-sidebar-content.style-13 .penci-border-arrow:before, .penci-sidebar-content.style-12 .penci-border-arrow:after, .penci-sidebar-content.style-12 .penci-border-arrow:before, .penci-sidebar-content.style-11 .penci-border-arrow:after, .penci-sidebar-content.style-11 .penci-border-arrow:before, .penci-sidebar-content.style-10 .penci-border-arrow:after, .penci-sidebar-content.style-10 .penci-border-arrow:before { content: none; } .penci-homepage-title.style-10:before, .penci-homepage-title.style-10:after, .penci-homepage-title.style-11:before, .penci-homepage-title.style-11:after, .penci-homepage-title.style-12:before, .penci-homepage-title.style-12:after, .penci-homepage-title.style-13:before, .penci-homepage-title.style-13:after, .penci-homepage-title.style-14:before, .penci-homepage-title.style-14:after { content: none; } /* Style 11 */ .penci-homepage-title.style-11 .inner-arrow, .penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow { border: none !important; background-color: #444444; color: #fff; border-radius: 0 0 12px; padding-left: 25px; padding-right: 25px; display: inline-block; padding-top: 0; padding-bottom: 0; line-height: 34px; } .penci-homepage-title.style-11 .inner-arrow:after, .penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow:after, .penci-homepage-title.style-11 .inner-arrow:before, .penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 1; border-top: 20px solid #fff; border-right: 15px solid transparent; } .penci-homepage-title.style-11 .inner-arrow:after, .penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow:after { border-right: none; border-top: none; border-bottom: 20px solid rgba(0, 0, 0, 0.3); border-left: 15px solid transparent; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05); } /** Style 12 **/ .penci-homepage-title.style-12, .penci-sidebar-content.style-12 .penci-border-arrow { border-bottom: 2px solid #313131; } .penci-homepage-title.style-12 .inner-arrow, .penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow { display: inline-block; margin-bottom: -2px; background-color: #313131; color: #fff; border: 0; padding-top: 0; padding-bottom: 0; line-height: 34px; } .penci-homepage-title.style-12 .inner-arrow:before, .penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow:before { content: ""; display: inline-block; position: absolute; top: 0; width: 0; height: 0; border-bottom: 34px solid #000; border-right: 20px solid transparent; z-index: 1; right: -20px; opacity: 0.7; background-color: transparent !important; } .penci-homepage-title.style-12.pcalign-center .inner-arrow:after, .penci-sidebar-content.style-12.pcalign-center .penci-border-arrow .inner-arrow:after, .penci-homepage-title.style-12.pcalign-right .inner-arrow:after, .penci-sidebar-content.style-12.pcalign-right .penci-border-arrow .inner-arrow:after { content: ""; display: inline-block; position: absolute; top: 0; width: 0; height: 0; border-bottom: 34px solid #000; border-left: 20px solid transparent; z-index: 1; left: -20px; opacity: 0.7; background-color: transparent !important; } .penci-homepage-title.style-12.pcalign-right .inner-arrow:before, .penci-sidebar-content.style-12.pcalign-right .penci-border-arrow .inner-arrow:before { content: none; } /** Style 13 **/ .penci-homepage-title.style-13 .inner-arrow, .penci-sidebar-content.style-13 .penci-border-arrow .inner-arrow { display: inline-block; margin-bottom: 0; background-color: #313131; color: #fff; border: 0; padding-top: 0; padding-bottom: 0; line-height: 34px; } .penci-homepage-title.style-13.pcalign-right .inner-arrow:before, .penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow:before { content: none; } .penci-homepage-title.style-13.pcalign-left .inner-arrow, .penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow { padding-right: 30px; } .penci-homepage-title.style-13.pcalign-center .inner-arrow:after, .penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:after, .penci-homepage-title.style-13.pcalign-left .inner-arrow:after, .penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow:after, .penci-homepage-title.style-13.pcalign-center .inner-arrow:before, .penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:before, .penci-homepage-title.style-13.pcalign-right .inner-arrow:before, .penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow:before { content: ""; display: inline-block; position: absolute; top: 0; width: 0; height: 0; z-index: 1; border-top: 16px solid transparent; border-bottom: 17px solid transparent; } .penci-homepage-title.style-13.pcalign-center .inner-arrow:after, .penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:after, .penci-homepage-title.style-13.pcalign-left .inner-arrow:after, .penci-sidebar-content.style-13.pcalign-left .penci-border-arrow .inner-arrow:after { border-right: 16px solid #fff; right: 0; } .penci-homepage-title.style-13.pcalign-center .inner-arrow, .penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow { padding-right: 30px; padding-left: 30px; } .penci-homepage-title.style-13.pcalign-right .inner-arrow, .penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow { padding-right: 15px; padding-left: 30px; } .penci-homepage-title.style-13.pcalign-center .inner-arrow:before, .penci-sidebar-content.style-13.pcalign-center .penci-border-arrow .inner-arrow:before, .penci-homepage-title.style-13.pcalign-right .inner-arrow:before, .penci-sidebar-content.style-13.pcalign-right .penci-border-arrow .inner-arrow:before { left: 0; border-left: 15px solid #fff; } /** Style 14 **/ .penci-homepage-title.style-14 .inner-arrow, .penci-sidebar-content.style-14 .penci-border-arrow .inner-arrow { display: inline-block; margin-bottom: 0; background-color: transparent !important; color: #fff; border: 0; position: relative; padding-left: 25px; padding-right: 25px; } .penci-homepage-title.style-11 .inner-arrow a, .penci-homepage-title.style-12 .inner-arrow a, .penci-homepage-title.style-13 .inner-arrow a, .penci-homepage-title.style-14 .inner-arrow a { color: inherit; } .penci-sidebar-content.style-14 .penci-border-arrow .inner-arrow:before, .penci-homepage-title.style-14 .inner-arrow:before { background: #313131; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: -1; } /** Style 15 **/ .penci-homepage-title.style-15, .penci-sidebar-content.style-15 .widget-title, .penci-homepage-title.style-16, .penci-sidebar-content.style-16 .widget-title, .penci-homepage-title.style-18, .penci-sidebar-content.style-18 .widget-title { margin-left: 0; margin-right: 0; margin-top: 0; } .penci-sidebar-content.style-15 .penci-border-arrow .inner-arrow, .penci-homepage-title.style-15 .inner-arrow { background: #f2f2f2; border: none; padding-right: 48px; } .penci-sidebar-content.style-15 .penci-border-arrow:before, .penci-homepage-title.style-15.penci-border-arrow:before { width: 36px; display: block; top: 0; left: auto; right: 0; bottom: 0; height: 100%; background: #e6e6e6; z-index: 5; border: none; margin: 0; } .penci-sidebar-content.style-15 .penci-border-arrow:after, .penci-homepage-title.style-15.penci-border-arrow:after { left: auto; right: 0; bottom: auto; width: 36px; border: none; background: transparent; border: none; z-index: 10; display: inline-block; content: "\f11a"; font-size: 12px; font-family: "penciicon"; font-weight: 600; text-align: center; height: 24px; line-height: 24px; top: 50%; transform: translateY(-50%); margin: 0; } .penci-sidebar-content.style-15.pciconp-left .penci-border-arrow .inner-arrow, .penci-homepage-title.style-15.pciconp-left .inner-arrow { padding-right: 12px; padding-left: 48px; } .penci-sidebar-content.style-15.pciconp-left .penci-border-arrow:before, .penci-homepage-title.style-15.pciconp-left.penci-border-arrow:before, .penci-sidebar-content.style-15.pciconp-left .penci-border-arrow:after, .penci-homepage-title.style-15.pciconp-left.penci-border-arrow:after { left: 0; right: auto; } .penci-sidebar-content.style-15.pcicon-left .penci-border-arrow:after, .penci-homepage-title.style-15.penci-border-arrow.pcicon-left:after { content: "\f11d"; } .penci-sidebar-content.style-15.pcicon-down .penci-border-arrow:after, .penci-homepage-title.style-15.penci-border-arrow.pcicon-down:after { content: "\f11c"; } .penci-sidebar-content.style-15.pcicon-up .penci-border-arrow:after, .penci-homepage-title.style-15.penci-border-arrow.pcicon-up:after { content: "\f11d"; } .penci-sidebar-content.style-15.pcicon-star .penci-border-arrow:after, .penci-homepage-title.style-15.penci-border-arrow.pcicon-star:after { content: "\f005"; font-family: "FontAwesome"; font-size: 14px; } .penci-sidebar-content.style-15.pcicon-bars .penci-border-arrow:after, .penci-homepage-title.style-15.penci-border-arrow.pcicon-bars:after { content: "\f0c9"; font-family: "FontAwesome"; font-size: 14px; } .penci-sidebar-content.style-15.pcicon-file .penci-border-arrow:after, .penci-homepage-title.style-15.penci-border-arrow.pcicon-file:after { content: "\f0f6"; font-family: "FontAwesome"; font-size: 14px; } .penci-sidebar-content.style-15.pcicon-fire .penci-border-arrow:after, .penci-homepage-title.style-15.penci-border-arrow.pcicon-fire:after { content: "\f06d"; font-family: "FontAwesome"; font-size: 14px; } .penci-sidebar-content.style-15.pcicon-book .penci-border-arrow:after, .penci-homepage-title.style-15.penci-border-arrow.pcicon-book:after { content: "\f02d"; font-family: "FontAwesome"; font-size: 14px; } /* Style 16 */ .penci-sidebar-content.style-16 .penci-border-arrow:before, .penci-homepage-title.style-16.penci-border-arrow:before { content: none; display: none; } .penci-homepage-title.style-16 .inner-arrow, .penci-sidebar-content.style-16 .widget-title .inner-arrow { padding: 0 3px; border: none; background: transparent !important; } .penci-sidebar-content.style-16 .penci-border-arrow:after, .penci-homepage-title.style-16.penci-border-arrow:after { left: 0; right: 0; bottom: 0; top: auto; height: 10px; border: none; background: #efefef; } /* Style 17 */ .penci-homepage-title.style-17 .inner-arrow, .penci-sidebar-content.style-17 .widget-title .inner-arrow { display: inline-block; } /* Style 18 */ .penci-homepage-title.style-18 .inner-arrow, .penci-sidebar-content.style-18 .widget-title .inner-arrow { border: none !important; background: transparent !important; } .penci-sidebar-content.style-18 .penci-border-arrow:after, .penci-homepage-title.style-18.penci-border-arrow:after { top: 0; left: 0; bottom: 0; right: 0; width: 100%; margin: 0; color: #dedede; background-image: linear-gradient(-45deg, transparent, transparent 30%, currentColor 30%, currentColor 50%, transparent 50%, transparent 80%, currentColor 80%); background-size: 5px 5px; background-color: transparent !important; border: none !important; } .penci-sidebar-content.style-18 .penci-border-arrow:before, .penci-homepage-title.style-18.penci-border-arrow:before { content: none; display: none; } .penci-sidebar-content.style-19 .penci-border-arrow:after, .penci-homepage-title.style-19.penci-border-arrow:after { background-image: linear-gradient(-90deg, transparent, transparent 30%, currentColor 30%, currentColor 50%, transparent 50%, transparent 80%, currentColor 80%); } .penci-sidebar-content.style-20 .penci-border-arrow:after, .penci-homepage-title.style-20.penci-border-arrow:after { background-image: linear-gradient(0deg, transparent, transparent 30%, currentColor 30%, currentColor 50%, transparent 50%, transparent 80%, currentColor 80%); } /** Widget List **/ .widget ul, .widget ol { list-style: none; } .penci-block-popular-cat ul { padding-left: 0; } .widget ul ul, .widget ol ol { padding-top: 11px; margin-top: 12px; border-top: 1px solid var(--pcborder-cl); padding-left: 20px; } .widget ol li, .widget ul li { margin-bottom: 11px; padding-bottom: 12px; border-bottom: 1px solid var(--pcborder-cl); font-size: 14px; color: #888888; } .widget ol > li:last-child, .widget ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget ol li a , .widget ul li a { font-size: 14px; font-style: normal; line-height: 1.4; } .widget a { color: var(--pctext-cl); } .widget a:hover { color: var(--pcaccent-cl); text-decoration: underline; } .widget.widget_archive label.screen-reader-text, .widget.widget_categories label.screen-reader-text { display: none; } /*** Widget categories ***/ .widget .screen-reader-text { display: block; margin: 0 0 10px 0; font-size: 14px; } .widget select { padding: 2px; line-height: 32px; min-height: 32px; vertical-align: middle; border-spacing: 0; clear: both; margin: 0; font-size: 14px; width: 100%; max-width: 360px; outline: none; } .pc-widget-advanced-tax.tax-style-1 ul li, .widget.widget_categories ul li, .widget.widget_archive ul li { text-align: right; color: #888; display: table; width: 100%; font-style: italic; padding-right: 0; /* 2px */ } .pc-widget-advanced-tax.tax-style-1 ul li, .widget.widget_categories ul li { text-align: left; } .widget.widget_archive ul li a { float: left; } .pc-widget-advanced-tax.tax-style-1 ul li a, .widget.widget_categories ul li a { display: block !important; text-decoration: none; } .pc-widget-advanced-tax.tax-style-1 ul li a:before, .widget.widget_categories ul li a:before, .widget.widget_archive ul li a:before { content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 10px; font-size: 90%; } .penci-fawesome-ver5 .widget.widget_categories ul li a:before, .penci-fawesome-ver5 .widget.widget_archive ul li a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .pc-widget-advanced-tax.tax-style-1 ul li span.category-item-count, .widget.widget_categories ul li span.category-item-count { float: right; font-style: normal; color: #888888; font-family: var(--pcbody-font); font-weight: normal; } /*** Search widget ***/ form.pc-searchform { position: relative; } form.pc-searchform input.search-input { border: 1px solid #e9e9e9; background: transparent; padding: 12px 40px 12px 20px; color: #313131; font-size: 13px; font-family: var(--pcbody-font); font-weight: normal; width: 100%; } form.pc-searchform i { position: absolute; color: var(--pctext-cl); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 20px; z-index: 1; font-size: 15px; opacity: 0.9; } form.pc-searchform #s:focus { outline: none; } /** searchbar for widget ***/ .widget form.pc-searchform input.search-input, .penci-sidebar-content .widget form.pc-searchform input.search-input { width: 100%; max-width: 100%; background-color: transparent; margin-bottom: 0; } /*** About Widget ***/ .penci-about-me .about-widget, .widget .about-widget { text-align: center; } .penci-about-me .about-widget.pc_alignleft, .widget .about-widget.pc_alignleft { text-align: left; } .penci-about-me .about-widget.pc_alignright, .widget .about-widget.pc_alignright { text-align: right; } .about-widget img { max-width: 100% !important; height: auto; margin-bottom: 20px; width: 100%; } .about-widget .about-me-heading { color: #313131; font-size: 18px; font-family: var(--pcbody-font); font-weight: bold; padding-bottom: 16px; line-height: 1.3; margin-bottom: 19px; position: relative; } .about-widget .about-me-heading:before { content: ""; display: inline-block; width: 60px; position: absolute; margin-left: -30px; left: 50%; bottom: 0; border-top: 1px solid var(--pcaccent-cl); } .about-widget.pc_alignleft .about-me-heading:before { margin: 0; left: 0; } .about-widget.pc_alignright .about-me-heading:before { margin: 0; left: auto; right: 0; } /*** Tagcloud widget ***/ .pc-widget-advanced-tax.tax-style-2 a, .widget .tagcloud a { text-transform: uppercase; background: #ffffff; color: #999999; padding: 6px 12px 5px; margin-right: 5px; margin-bottom: 8px; display: inline-block; font-size: 11px !important; background: none; border: 1px solid #dedede; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; } .pc-widget-advanced-tax.tax-style-2 a:hover, .widget .tagcloud a:hover { color: #ffffff; background: var(--pcaccent-cl); border-color: var(--pcaccent-cl); text-decoration: none; } /*** Calender widget ***/ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: center; color: #777; font-size: 14px; margin-top: 10px; margin-bottom: 10px; font-weight: bold; } .post-entry #wp-calendar caption { font-size: 16px; margin-bottom: 10px; color: inherit; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td a { font-weight: 700; color: #222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 11px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 15px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } .wp-calendar-nav { margin-top: 10px; } .post-entry .wp-calendar-nav { margin-bottom: 20px; margin-top: 0; } .wp-block-calendar a { text-decoration: none; } /* Search Widget */ .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } /** Widget items **/ .widgettitle { margin-bottom: 10px; } .penci_recent-posts-sc ul.side-newsfeed { padding: 0; margin: 0; } .penci_recent-posts-sc ul.side-newsfeed:before, .widget ul.side-newsfeed:before, .penci_recent-posts-sc ul.side-newsfeed:after, .widget ul.side-newsfeed:after { display: table; content: ""; clear: both; line-height: 0; } .penci_recent-posts-sc ul.side-newsfeed li { border-bottom: 1px solid #dedede; font-size: 14px; color: #888888; } .penci_recent-posts-sc ul.side-newsfeed li, .widget ul.side-newsfeed li { list-style-type: none; margin-bottom: 20px; padding-bottom: 20px; margin-left: 0; position: relative; } ul.side-newsfeed.penci-rcpw-hborders li { padding-bottom: 0 !important; border-bottom: none !important; } .penci_recent-posts-sc ul.penci-feed-2columns li, .widget ul.penci-feed-2columns li { width: 47%; float: left; padding-bottom: 0; margin-bottom: 20px; border-bottom: none; } .penci_recent-posts-sc ul.penci-feed-2columns.display-order-numbers li, .widget ul.penci-feed-2columns.display-order-numbers li { margin-bottom: 30px; } .penci_recent-posts-sc ul.penci-2columns-feed > li:nth-child(2n + 1), .widget ul.penci-2columns-feed > li:nth-child(2n + 1) { clear: both; margin-right: 6%; } .penci_recent-posts-sc ul.penci-2columns-featured > li:nth-child(2n), .widget ul.penci-2columns-featured > li:nth-child(2n) { clear: both; margin-right: 6%; } .penci_recent-posts-sc ul.side-newsfeed li:last-child, .penci_recent-posts-sc ul.side-newsfeed.penci-feed-2columns li:nth-last-child(2), .widget ul.side-newsfeed li:last-child, .widget ul.side-newsfeed.penci-feed-2columns li:nth-last-child(2) { margin-bottom: 0 !important; padding-bottom: 0 !important; } .penci_recent-posts-sc ul.side-newsfeed li:last-child { border-bottom: 0 !important; } .penci_recent-posts-sc ul.side-newsfeed li .side-item, .widget ul.side-newsfeed li .side-item { overflow: hidden; position: relative; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image, .widget ul.side-newsfeed li .side-item .side-image { float: left; margin-right: 20px; position: relative; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image.thumbnail-right, .widget ul.side-newsfeed li .side-item .side-image.thumbnail-right { float: right; margin-right: 0; margin-left: 20px; } .penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-image, .penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-image.thumbnail-right, .widget ul.penci-feed-2columns li .side-item .side-image, .widget ul.penci-feed-2columns li .side-item .side-image.thumbnail-right { width: 100%; margin: 0 0 16px 0; float: none !important; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a, .widget ul.side-newsfeed li .side-item .side-image a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a:hover, .widget ul.side-newsfeed li .side-item .side-image a:hover { opacity: 0.8; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image a span.count-post, .widget ul.side-newsfeed li .side-item .side-image a span.count-post { position: absolute; z-index: 2; bottom: 10px; left: 10px; display: inline-block; background: #ffffff; color: #010101; width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image img, .widget ul.side-newsfeed li .side-item .side-image img { width: 120px; height: auto; } .penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-image .small-fix-size, .widget ul.penci-feed-2columns li .side-item .side-image .small-fix-size { width: 100%; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text, .widget ul.side-newsfeed li .side-item .side-item-text { overflow: hidden; } .penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-item-text, .widget ul.penci-feed-2columns li .side-item .side-item-text { display: block; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4, .widget ul.side-newsfeed li .side-item .side-item-text h4 { margin-bottom: 0; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a, .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom: 0; color: var(--pcheading-cl); display: block; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; letter-spacing: 0; line-height: 1.4; } .penci_recent-posts-sc ul.penci-feed-2columns li .side-item .side-item-text h4 a, .widget ul.penci-feed-2columns li .side-item .side-item-text h4 a { font-size: 14px; margin-bottom: 2px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a:hover, .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover { color: var(--pcaccent-cl); text-decoration: none; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text .side-item-meta, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { letter-spacing: 0; color: #888888; font-family: inherit; font-size: 13px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a { color: var(--pctext-cl); font-size: inherit; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover { color: var(--pcaccent-cl); } ul.side-newsfeed li .grid-post-box-meta.penci-side-item-meta { margin-top: 5px; line-height: 1.2; } ul.side-newsfeed li .grid-post-box-meta.penci-side-item-meta.pcsnmt-above { margin: 0 0 5px 0; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news, .widget ul.side-newsfeed li.featured-news { width: 100% !important; margin-right: 0; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news.all-featured-news, .widget ul.side-newsfeed li.featured-news.all-featured-news { border-bottom: none; margin-bottom: 0; padding-bottom: 26px; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-image, .widget ul.side-newsfeed li.featured-news .side-image { float: none !important; margin: 0 0 12px 0 !important; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-image img, .widget ul.side-newsfeed li.featured-news .side-image img { width: 100% !important; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a, .widget ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a { font-size: 18px; margin-bottom: 6px; } .penci_recent-posts-sc .penci-feed-excerpt, .widget .penci-feed-excerpt { margin-top: 16px; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news2 .side-item .side-item-text, .widget ul.side-newsfeed li.featured-news2 .side-item .side-item-text { position: absolute; z-index: 1; bottom: 12px; padding: 15px 10px 0 20px; left: 20px; right: 20px; background: #fff; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news2.all-featured-news .side-item .side-item-text, .widget ul.side-newsfeed li.featured-news2.all-featured-news .side-item .side-item-text { padding-left: 10px; } .penci_recent-posts-sc ul.side-newsfeed li .order-border-number, .widget ul.side-newsfeed li .order-border-number { position: absolute; left: 5px; top: -15px; background-color: rgba(255, 255, 255, 0.3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; z-index: 6; text-align: center; } .penci_recent-posts-sc ul.side-newsfeed li .order-border-number.right-side, .widget ul.side-newsfeed li .order-border-number.right-side { left: auto; right: 5px; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .order-border-number.right-side, .widget ul.side-newsfeed li.featured-news .order-border-number.right-side { left: 15px; right: auto; } .penci_recent-posts-sc ul.side-newsfeed li .number-post, .widget ul.side-newsfeed li .number-post { background-color: #383838; border-radius: 50%; width: 26px; height: 26px; line-height: 28px; text-align: center; display: inline-block; vertical-align: middle; color: #fff; font-size: 12px; font-family: var(--pchead-font); font-weight: 600; z-index: 3; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .order-border-number, .widget ul.side-newsfeed li.featured-news .order-border-number { width: 40px; height: 40px; line-height: 38px; } .penci_recent-posts-sc ul.side-newsfeed li.featured-news .number-post, .widget ul.side-newsfeed li.featured-news .number-post { width: 36px; height: 36px; line-height: 38px; font-size: 16px; } .side-newsfeed.pctlst { padding-left: 20px !important; border-left: 1px solid; border-color: var(--pcborder-cl); margin-left: 5px !important; } .side-newsfeed.pctlst .penci-feed:before, .side-newsfeed.pctlst .penci-feed:after { width: 9px; height: 9px; left: -25px; display: inline-block; top: 0; transition: all 0.3s; background: var(--pcaccent-cl); position: absolute; border-radius: 50%; z-index: 2; } .side-newsfeed.pctlst .penci-feed:before { content: ""; z-index: 1; } .side-newsfeed.pctlst.penci-2columns-feed > .penci-feed:nth-child(2n):before, .side-newsfeed.pctlst.penci-2columns-feed > .penci-feed:nth-child(2n):after, .side-newsfeed.pctlst.penci-2columns-featured > .penci-feed:not(.featured-news):nth-child(2n + 1):before, .side-newsfeed.pctlst.penci-2columns-featured > .penci-feed:not(.featured-news):nth-child(2n + 1):after { content: none; } @keyframes pencisonar { 0% { opacity: 0; transform: scale(0.2); } 50% { opacity: 0.9; } 100% { opacity: 0; transform: scale(1); } } .side-newsfeed.pctlst.pctl-s2 .penci-feed:before, .side-newsfeed.pctlst.pctl-s3 .penci-feed:before { background: var(--pcborder-cl); } .side-newsfeed.pctlst.pctl-s2 .penci-feed:hover:before { background: var(--pcaccent-cl); } .side-newsfeed.pctlst.pctl-s3 .penci-feed:after { content: ""; background: var(--pcaccent-cl); animation: pencisonar 1.5s ease infinite; } /** Widget Slider **/ /** Widget Slider **/ .penci-widget-slider { width: 100%; } .widget .penci-widget-slider .penci-slide-widget { margin: 0; padding: 0; border-bottom: none; } .widget .penci-widget-slider .penci-slide-widget:before, .widget .penci-widget-slider .penci-slide-widget:after { content: none; display: none; } .penci-widget-slider .penci-slide-content { position: relative; text-align: center; } .penci-widget-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; transition: opacity 0.25s ease; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; z-index: 2; } .penci-widget-slider .penci-widget-slide-detail { position: absolute; top: 50%; left: 25px; right: 25px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 5; } .penci_post-slider-sc .penci-post-slider-style-1 .penci-widget-slide-detail h4 a, .penci_post-slider-sc .penci-post-slider-style-2 .penci-widget-slide-detail h4 a, .widget .penci-widget-slider .penci-widget-slide-detail h4 a { color: #fff; font-size: 18px; text-decoration: none; letter-spacing: 0; } .penci_post-slider-sc .penci-post-slider-style-3 .penci-widget-slide-detail h4 a { color: #313131; } .penci-widget-slide-detail .slide-item-date { color: #fff; display: block; margin-top: 5px; font-size: 13px; } .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .penci-owl-nav .owl-prev, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .penci-owl-nav .owl-next, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .penci-owl-nav .owl-prev, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .penci-owl-nav .owl-next { width: 16px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: none; color: #fff; font-size: 16px; } .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .penci-owl-nav .owl-prev, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .penci-owl-nav .owl-prev { left: 10px; } .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .penci-owl-nav .owl-next, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .penci-owl-nav .owl-next { right: 10px; } /* Style 2 */ .penci-widget-slider.penci-post-slider-style-2 .penci-slide-content, .penci-widget-slider.penci-post-slider-style-3 .penci-slide-content { text-align: left; } .penci-widget-slider.penci-post-slider-style-2 .penci-widget-slide-detail { transform: none; -webkit-transform: none; -moz-transform: none; top: auto; bottom: 20px; } .penci-post-slider-style-2 .penci-widget-slider-overlay { background: -moz-linear-gradient(top, transparent 0%, #000 100%); background: -webkit-linear-gradient(top, transparent 0%, #000 100%); background: -o-linear-gradient(top, transparent 0%, #000 100%); background: -ms-linear-gradient(top, transparent 0%, #000 100%); background: linear-gradient(to bottom, transparent 0%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; opacity: 0.7; } .penci-post-slider-style-2 .penci-slide-widget:hover .penci-widget-slider-overlay { opacity: 0.9; } /* Style 3 */ .penci-widget-slider.penci-post-slider-style-3 .penci-widget-slide-detail { transform: none; -webkit-transform: none; -moz-transform: none; position: static; margin-top: 16px; } .widget .penci-widget-slider.penci-post-slider-style-3 .penci-widget-slide-detail h4 a { color: inherit; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .widget .penci-widget-slider.penci-post-slider-style-3 .penci-widget-slide-detail h4 a:hover { opacity: 0.8; } .penci-post-slider-style-3 .penci-widget-slide-detail .slide-item-date { color: #888; } /** Social Widget **/ .widget-social { text-align: center; display: table; width: 100%; } .widget-social.pc_alignleft { text-align: left; } .widget-social.pc_alignright { text-align: right; } .widget-social.pc_alignleft > a:first-child i{ margin-left: 0; } .widget-social.pc_alignright > a:last-child i{ margin-right: 0; } @media only screen and (max-width: 767px) { .pcfb-wrapper .widget-social.pc_alignleft, .pcfb-wrapper .widget-social.pc_alignright { text-align: center; } } .widget-social.show-text { margin-left: -5px; } .widget-social a i { width: 36px; height: 36px; line-height: 34px; background: none; color: #313131; border: 1px solid #e0e0e0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 5px 5px; display: inline-block; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; } .widget-social.show-text a i { margin-bottom: 0; } .widget-social a:hover { text-decoration: none !important; } .widget-social a:hover i { text-decoration: none; color: #ffffff; background: var(--pcaccent-cl); border-color: var(--pcaccent-cl); } .widget-social a span { display: none; } .widget-social a:first-child { margin-left: 0; } .widget-social a:last-child { margin-right: 0; } .widget-social.show-text > a { width: 50%; float: left; text-align: left; margin-bottom: 10px; text-decoration: none; } .widget-social.show-text > a:nth-child(2n + 1) { clear: both; } .widget-social.show-text a span { display: inline-block; color: #313131; text-transform: uppercase; font-size: 13px; margin-left: 10px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); letter-spacing: 0; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; line-height: 20px; } .widget-social.show-text.remove-uppercase-text a span { text-transform: none; } .widget-social.show-text a:hover span { color: var(--pcaccent-cl); } .widget-social.remove-circle a i { width: auto; height: auto; line-height: 20px; background: none !important; border: none !important; } .widget-social.remove-circle a:hover i { color: var(--pcaccent-cl); } .widget-social.remove-circle a span { line-height: 20px; margin-left: 5px; } .widget-social.remove-circle:not(.show-text) a i { margin: 0 7px 5px; } .widget-social.penci-social-colored a i { border: none !important; line-height: 36px; color: #fff !important; } .widget-social.penci-social-colored a:hover i { opacity: 0.85; } .widget-social.remove-border-radius a i { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } /* = Quote widget -----------------------------------------------------*/ .quote-widget { position: relative; display: block; } .quote-widget > i { color: #999999; position: absolute; top: 0; left: 0; font-size: 22px; } .quote-widget > p { padding-left: 40px; } .footer-widget-wrapper .quote-widget > i { font-size: 24px; } .footer-widget-wrapper .quote-widget > p { padding-left: 42px; } /* = Pinterest widget -----------------------------------------------------*/ .penci-pinterest-widget-container { margin: -5px -5px 0 -5px; } .penci-images-pin-widget:before, .penci-images-pin-widget:after { display: table; clear: both; content: ""; } .penci-pinterest-widget-container .penci-images-pin-widget a { width: 33.3333%; display: inline-block; padding: 5px; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; position: relative; float: left; vertical-align: top; } .penci-pinterest-widget-container .penci-images-pin-widget a .penci-image-holder { border-radius: 0; -webkit-border-radius: 0; } .penci-pinterest-widget-container .penci-images-pin-widget a:hover { opacity: 0.8; } .penci-pinterest-widget-container .penci-images-pin-widget a:before, .penci-pinterest-widget-container .penci-images-pin-widget a:after { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ""; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; z-index: 1; } .penci-pinterest-widget-container .penci-images-pin-widget a:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .penci-pinterest-widget-container .penci-images-pin-widget a:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .penci-pinterest-widget-container .penci-images-pin-widget a:hover:before, .penci-pinterest-widget-container .penci-images-pin-widget a:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .penci-pinterest-widget-container .pin_link { text-align: center; margin-top: 20px; } .penci-pinterest-widget-container.penci-loading .pin_link { clear: both; display: block; } .penci-pinterest-widget-container .pin_link a { font-style: italic; color: #999999; font-size: 16px; } /* = Banner widget -----------------------------------------------------*/ .penci-list-banner { display: block; } .penci-promo-item { position: relative; width: 100%; margin: 0 0 25px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: #ccc; } .penci-list-banner .penci-promo-item:last-child { margin-bottom: 0; } .penci-promo-item.penci-banner-crop { padding-bottom: 56%; } .penci-promo-item.penci-banner-has-text:after { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ""; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 5; border: 1px solid #fff; opacity: 0.4; } .penci-promo-item.penci-banner-has-text:hover:after { opacity: 1; } .penci-promo-url { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: none !important; } .penci-promo-text { position: absolute; display: block; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 10px; left: 0; z-index: 1; text-align: center; } .penci-promo-text h4 { text-transform: uppercase; font-size: 12px; line-height: 1.3; background: #ffffff; display: inline-block; padding: 12px 12px; min-width: 120px; text-align: center; color: #010101; } .penci-promo-item img { width: 100%; } /* = Penci List WPB -----------------------------------------------------*/ .penci-list.penci-wpb { list-style: none; margin: 0; padding: 0; } .penci-list.penci-wpb li { list-style: none; } .penci-list.penci-wpb li a:hover { text-decoration: none; } /* = Footer box widget -----------------------------------------------------*/ .footer-widget-wrapper .widget { margin-bottom: 30px; } .footer-widget-wrapper .widget .widget-title { color: #313131; margin: 0 0 30px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); position: relative; text-align: left; font-size: 16px; text-transform: uppercase; background: none; } .footer-widget-wrapper .widget .widget-title .inner-arrow { border-top: none; border-left: none; border-right: none; padding: 0 0 10px; background: none; border-bottom: 3px solid #e0e0e0; } .footer-widget-wrapper .widget .widget-title:before, .footer-widget-wrapper .widget .widget-title:after { content: none; } /** MailChimp for Wordpress widget & shortcode **/ .mc4wp-form { max-width: 450px; width: 100%; margin: 0; text-align: center; margin-left: auto; margin-right: auto; } .post-entry .mc4wp-form { margin-left: auto; margin-right: auto; margin-bottom: 17px; } .mc4wp-form > form > p, .mc4wp-form .mc4wp-form-fields > p { margin-bottom: 20px; } .penci-mailchimp-s3 .footer-subscribe .mc4wp-form .memail { margin-bottom: 0; } .widget .mc4wp-form > form > p:last-of-type, .mc4wp-form .mc4wp-form-fields > p:last-of-type { margin-bottom: 0; } .mc4wp-form input { border: 1px solid #dedede; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; font-size: 12px; line-height: 1; padding: 17px 20px; margin-bottom: 20px; letter-spacing: 0; font-family: var(--pcbody-font); } .mc4wp-form input:focus { background: #fff; } .mc4wp-form input[type="text"], .mc4wp-form input[type="email"], .mc4wp-form input[type="number"], .mc4wp-form input[type="date"] { width: 100%; } .mc4wp-form input[type="checkbox"] { display: inline-block; vertical-align: middle; } .mc4wp-form input[type="submit"] { display: block; width: 100%; font-size: 14px; padding: 18px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #f5f5f5; } .mc4wp-form input[type="submit"]:hover { background: var(--pcaccent-cl); color: #fff; } /** WPForms widget & shortcode **/ div.wpforms-container .wpforms-form.wpforms-form .wpforms-field:not(:last-child) { padding: 0 0 28px 0; } div.wpforms-container .wpforms-form.wpforms-form .wpforms-field-label { color: #939393; font-size: 12px; display: block; font-family: var(--pchead-font); text-transform: uppercase; font-weight: var(--pchead-wei); margin-bottom: 8px; } div.wpforms-container .wpforms-form.wpforms-form input[type="date"], div.wpforms-container .wpforms-form.wpforms-form input[type="datetime"], div.wpforms-container .wpforms-form.wpforms-form input[type="datetime-local"], div.wpforms-container .wpforms-form.wpforms-form input[type="email"], div.wpforms-container .wpforms-form.wpforms-form input[type="month"], div.wpforms-container .wpforms-form.wpforms-form input[type="number"], div.wpforms-container .wpforms-form.wpforms-form input[type="password"], div.wpforms-container .wpforms-form.wpforms-form input[type="range"], div.wpforms-container .wpforms-form.wpforms-form input[type="search"], div.wpforms-container .wpforms-form.wpforms-form input[type="tel"], div.wpforms-container .wpforms-form.wpforms-form input[type="text"], div.wpforms-container .wpforms-form.wpforms-form input[type="time"], div.wpforms-container .wpforms-form.wpforms-form input[type="url"], div.wpforms-container .wpforms-form.wpforms-form input[type="week"], div.wpforms-container .wpforms-form.wpforms-form select, div.wpforms-container .wpforms-form.wpforms-form textarea { padding: 12px 20px; border: 1px solid #dedede; font-size: 12px; width: 100%; font-weight: normal; font-family: var(--pcbody-font); max-height: 50px; height: auto; background: none; } div.wpforms-container .wpforms-form .wpforms-field-label-inline { font-size: inherit; font-weight: inherit; line-height: 1.3; } div.wpforms-container-full .wpforms-form label.wpforms-error { margin-top: 5px; } div.wpforms-container .wpforms-form.wpforms-form input[type="submit"], div.wpforms-container .wpforms-form.wpforms-form button[type="submit"], div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button { text-transform: uppercase; font-family: var(--pchead-font); font-weight: var(--pchead-wei); background: #f5f5f5; border-radius: 0; font-size: 14px; color: #313131; padding: 12px 20px; display: inline-block; -o-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; width: auto; min-width: 120px; text-align: center; margin: 0; border: none; } div.wpforms-container .wpforms-form.wpforms-form input[type="submit"]:hover, div.wpforms-container .wpforms-form.wpforms-form button[type="submit"]:hover, div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button:hover, .mc4wp-form input[type="submit"]:hover { color: #fff; border: none; background: var(--pcaccent-cl); } /* = Sidebar Instagram -----------------------------------------------------*/ .penci-sidebar-content .widget .jr-insta-thumb, .footer-widget-wrapper .widget .jr-insta-thumb { margin: -5px -5px 0 -5px; } .penci-sidebar-content .widget .jr-insta-thumb ul.thumbnails li, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li { transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; margin: 0; } .penci-sidebar-content .widget .jr-insta-thumb ul.thumbnails li:hover, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li:hover { opacity: 0.8; } .penci-sidebar-content .widget .jr-insta-thumb ul.thumbnails li img, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li img { padding: 5px; width: 100%; } .jr-insta-thumb ul.thumbnails li img { width: 100%; } .widget .jr-insta-thumb ul.thumbnails { margin: 0; } .widget .jr-insta-thumb ul.thumbnails.jr_col_2 li { width: 50% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_3 li { width: 33.3333% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_4 li { width: 25% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_5 li { width: 20% !important; } .pllexislider .pllex-direction-nav { background: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } .pllexislider .pllex-direction-nav .pllex-next { margin-left: 1px; } .pllexislider .pllex-direction-nav li a { width: 40px; height: 40px; line-height: 40px !important; background: rgba(0, 0, 0, 0.5); text-align: center; } .pllexislider .pllex-direction-nav li { border: none !important; } .pllexislider .pllex-direction-nav .pllex-next:before, .pllexislider .pllex-direction-nav .pllex-prev:before { font-family: FontAwesome, sans-serif !important; padding: 0 !important; text-shadow: none !important; font-size: 22px !important; } .penci-fawesome-ver5 .pllexislider .pllex-direction-nav .pllex-next:before, .penci-fawesome-ver5 .pllexislider .pllex-direction-nav .pllex-prev:before { font-family: "Font Awesome 5 Free" !important; font-weight: 900; } .pllexislider .pllex-direction-nav .pllex-next:before { content: "\f105" !important; } .pllexislider .pllex-direction-nav .pllex-prev:before { content: "\f104" !important; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-caption { font-size: 12px !important; line-height: 1.5em !important; margin-top: 8px !important; margin-bottom: 0 !important; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer { text-shadow: none !important; padding-top: 10px !important; padding-bottom: 10px !important; } .penci-instaslider-normal .penci-insta-datacontainer { margin-top: 5px; margin-bottom: 5px; display: block; } .penci-instaslider-normal .penci-insta-datacontainer .penci-insta-username { text-decoration: none; display: inline-block; } .penci-instaslider-normal .penci-insta-datacontainer .penci-insta-time { float: right; display: inline-block; text-align: right; display: none; } .penci-instaslider-normal .penci-insta-datacontainer .penci-insta-caption { line-height: normal; margin-top: 5px; margin-bottom: 5px; display: block; clear: both; } .penci-instaslider-overlay a { color: #ffffff; text-decoration: none; } .penci-instaslider-overlay .penci-insta-wrap { position: relative; color: #fff; line-height: normal; } .penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer { opacity: 0; visibility: hidden; transition: all 0.3s; position: absolute; left: 0; bottom: 0; width: 100%; text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.4); padding: 5px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .penci-instaslider-overlay .penci-insta-info:hover .penci-insta-wrap .penci-insta-datacontainer { opacity: 1; visibility: visible; } .penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer .penci-insta-username a { color: #fff !important; text-decoration: none; font-weight: bold; } .penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer .penci-insta-time { float: right; text-align: right; } .penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer .penci-insta-caption { line-height: normal; color: #fff; margin-top: 5px; margin-bottom: 5px; display: block; } .penci-insta-thumb .penci-image-holder { border-radius: 0; -webkit-border-radius: 0; } .penci-insta-thumb ul.thumbnails { list-style: none; font-size: 0; margin-left: -2.5%; padding: 0; margin-bottom: 0; } .penci-insta-thumb ul.thumbnails.no-border { margin-left: 0; } .penci-insta-thumb ul.thumbnails li { display: inline-block; padding: 0; margin: 0 0 2.5% 2.5%; background: none; border: 0; vertical-align: top; box-shadow: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .penci-insta-thumb ul.thumbnails.no-border li { margin: 0; } .penci-insta-thumb ul.thumbnails li img { max-width: 100% !important; height: auto !important; margin: 0 !important; border: 0 !important; vertical-align: top; } .penci-insta-thumb ul.thumbnails li a { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .penci-insta-thumb ul.thumbnails.penci-inscol1 li { width: 97.5% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol2 li { width: 47.5% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol3 li { width: 30.83% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol4 li { width: 22.5% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol5 li { width: 17.5% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol6 li { width: 16.66% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol7 li { width: 14.28% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol8 li { width: 12.5% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol9 li { width: 11.11% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol10 li { width: 10% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol1 li { width: 100% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol2 li { width: 50% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol3 li { width: 33.33% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol4 li { width: 25% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol5 li { width: 20% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol6 li { width: 16.66% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol7 li { width: 14.28% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol8 li { width: 12.5% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol9 li { width: 11.11% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol10 li { width: 10% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol1 li { width: 100% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol6 li { width: 16.66% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol7 li { width: 14.28% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol8 li { width: 12.5% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol9 li { width: 11.11% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol10 li { width: 10% !important; } .penci-insta-thumb .penci-image-holder:before { padding-top: 100%; } @media all and (max-width: 640px) { .penci-insta-thumb ul.thumbnails.penci-inscol3 li, .penci-insta-thumb ul.thumbnails.penci-inscol4 li, .penci-insta-thumb ul.thumbnails.penci-inscol5 li, .penci-insta-thumb ul.thumbnails.penci-inscol6 li { width: 47.5% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol6 li { width: 33.3333% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol7 li, .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol8 li, .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol9 li, .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol10 li { width: 25% !important; } .penci-insta-thumb ul.thumbnails.penci-inscol7 li, .penci-insta-thumb ul.thumbnails.penci-inscol8 li, .penci-insta-thumb ul.thumbnails.penci-inscol9 li, .penci-insta-thumb ul.thumbnails.penci-inscol10 li { width: 22.5% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol3 li, .penci-insta-thumb ul.thumbnails.no-border.penci-inscol4 li, .penci-insta-thumb ul.thumbnails.no-border.penci-inscol5 li, .penci-insta-thumb ul.thumbnails.no-border.penci-inscol6 li { width: 50% !important; } .penci-insta-thumb ul.thumbnails.no-border.penci-inscol7 li, .penci-insta-thumb ul.thumbnails.no-border.penci-inscol8 li, .penci-insta-thumb ul.thumbnails.no-border.penci-inscol9 li, .penci-insta-thumb ul.thumbnails.no-border.penci-inscol10 li { width: 25% !important; } } @media all and (max-width: 480px) { .penci-insta-thumb ul.thumbnails li { width: 100% !important; } } .penci_instagram_widget-sc .penci-insta-thumb, .penci-sidebar-content .widget .penci-insta-thumb, .footer-widget-wrapper .widget .penci-insta-thumb { margin: -5px -5px 0 -5px; } .penci_instagram_widget-sc.penci_insta-thumbs-no-border .penci-insta-thumb { margin: 0; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails li, .penci-sidebar-content .widget .penci-insta-thumb ul.thumbnails li, .footer-widget-wrapper .widget .penci-insta-thumb ul.thumbnails li { transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; margin: 0; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails li:hover, .penci-sidebar-content .widget .penci-insta-thumb ul.thumbnails li:hover, .footer-widget-wrapper .widget .penci-insta-thumb ul.thumbnails li:hover { opacity: 0.8; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails li a, .penci-sidebar-content .widget .penci-insta-thumb ul.thumbnails li a, .footer-widget-wrapper .widget .penci-insta-thumb ul.thumbnails li a { padding: 5px; width: 100%; } .penci_instagram_widget-sc.penci_insta-thumbs-no-border .penci-insta-thumb ul.thumbnails li a { padding: 0; } .penci-insta-thumb ul.thumbnails li img { width: 100%; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails, .widget .penci-insta-thumb ul.thumbnails { margin: 0; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol2 li, .widget .penci-insta-thumb ul.thumbnails.penci-inscol2 li { width: 50% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol3 li, .widget .penci-insta-thumb ul.thumbnails.penci-inscol3 li { width: 33.3333% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol4 li, .widget .penci-insta-thumb ul.thumbnails.penci-inscol4 li { width: 25% !important; } .penci_instagram_widget-sc .penci-insta-thumb ul.thumbnails.penci-inscol5 li, .widget .penci-insta-thumb ul.thumbnails.penci-inscol5 li { width: 20% !important; } .penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer .penci-insta-caption { font-size: 12px !important; line-height: 1.5em !important; margin-top: 8px !important; margin-bottom: 0 !important; } .penci-instaslider-overlay .penci-insta-wrap .penci-insta-datacontainer { text-shadow: none !important; padding-top: 10px !important; padding-bottom: 10px !important; } /* = Footer Subscribe -----------------------------------------------------*/ .footer-subscribe { text-align: center; padding: 50px 0 40px; background-color: #f7f7f7; } .footer-subscribe h4.footer-subscribe-title { font-size: 32px; letter-spacing: 0; text-transform: none; margin-bottom: 10px; line-height: 1.3; } .footer-subscribe .mc4wp-form { max-width: 540px; margin: 0 auto; } .footer-subscribe .mc4wp-form:before, .footer-subscribe .mc4wp-form:after, .footer-subscribe .mc4wp-form-fields:before, .footer-subscribe .mc4wp-form-fields:after { content: ""; display: table; clear: both; } .footer-subscribe .mc4wp-form .mdes { color: #5c5c5e; font-size: 18px; font-style: italic; line-height: 1.5; width: 740px; display: block; clear: both; margin-bottom: 23px; margin-left: -100px; } .footer-subscribe .mc4wp-form .mname { display: none; } .footer-subscribe .mc4wp-form .memail { display: inline-block; float: left; width: 390px; } .footer-subscribe .mc4wp-form .msubmit { display: inline-block; float: left; width: 140px; margin-left: 10px; } .mc4wp-response { clear: both; color: #5c5c5e; } .mc4wp-response p { line-height: 1.4; color: #5c5c5e; } .footer-subscribe .widget .mc4wp-form input[type="email"], .footer-subscribe .widget .mc4wp-form input[type="text"] { background: none; border-radius: 0; border-color: #d7d7da; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; padding-top: 0; padding-bottom: 0; height: 48px; line-height: 48px; font-size: 14px; margin: 0; color: #313131; } .footer-subscribe input[type="email"]::-webkit-input-placeholder { color: #313131; } .footer-subscribe input[type="email"]:-moz-placeholder { color: #313131; opacity: 1; } .footer-subscribe input[type="email"]::-moz-placeholder { color: #313131; opacity: 1; } .footer-subscribe input[type="email"]:-ms-input-placeholder { color: #313131; } .footer-subscribe input[type="email"]::-ms-input-placeholder { color: #313131; } .footer-subscribe input[type="text"]::-webkit-input-placeholder { color: #313131; } .footer-subscribe input[type="text"]:-moz-placeholder { color: #313131; opacity: 1; } .footer-subscribe input[type="text"]::-moz-placeholder { color: #313131; opacity: 1; } .footer-subscribe input[type="text"]:-ms-input-placeholder { color: #313131; } .footer-subscribe input[type="text"]::-ms-input-placeholder { color: #313131; } .footer-subscribe .widget .mc4wp-form input[type="email"]:focus, .footer-subscribe .widget .mc4wp-form input[type="email"]:hover, .footer-subscribe .widget .mc4wp-form input[type="text"]:focus, .footer-subscribe .widget .mc4wp-form input[type="text"]:hover { border-color: #888888; } .footer-subscribe .widget .mc4wp-form input[type="submit"] { background: #313131; border-radius: 0; color: #fff; padding-top: 0; padding-bottom: 0; height: 48px; line-height: 48px; padding: 0; text-align: center; } .footer-subscribe .widget .mc4wp-form input[type="submit"]:hover { background: var(--pcaccent-cl); } /* = Footer widget instagram -----------------------------------------------------*/ .footer-instagram { width: 100%; clear: both; display: block; position: relative; } .footer-instagram .widget { margin: 0; } .footer-instagram h4.footer-instagram-title { position: relative; white-space: nowrap; margin: 0; width: 100%; color: #313131; text-align: center; padding: 12px 0; border-top: 1px solid #ececec; } .footer-instagram.penci-top-instagram h4.footer-instagram-title { border-top: none; } .footer-instagram h4.footer-instagram-title span { display: inline-block; position: relative; padding: 0; background: inherit; color: inherit; text-transform: uppercase; font-size: 16px; z-index: 20; vertical-align: top; } .footer-instagram h4.footer-instagram-title span.title { padding: 0; background: none; position: relative; z-index: 10; } .footer-instagram h4.footer-instagram-title > span:before { content: "\f16d"; font-family: FontAwesome; font-size: 16px; color: inherit; margin-right: 8px; display: inline-block; vertical-align: middle; letter-spacing: 0; margin-bottom: 3px; } .penci-fawesome-ver5 .footer-instagram h4.footer-instagram-title > span:before { font-family: "Font Awesome 5 Brands" !important; font-weight: 900; } .footer-instagram .jr-insta-thumb { position: relative; z-index: 1; } .footer-instagram .jr-insta-thumb ul.thumbnails li { transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; } .footer-instagram .jr-insta-thumb ul.thumbnails li:hover { opacity: 0.9; } .jr-insta-thumb ul.thumbnails li a { position: relative; display: inline-block; vertical-align: top !important; width: 100%; } .jr-insta-thumb ul.thumbnails li a:before, .jr-insta-thumb ul.thumbnails li a:after { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ""; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .footer-instagram .jr-insta-thumb ul.thumbnails li a:before, .footer-instagram .jr-insta-thumb ul.thumbnails li a:after { top: 5px; right: 5px; bottom: 5px; left: 5px; } .penci-insta-thumb ul.thumbnails li a { position: relative; display: inline-block; vertical-align: top !important; width: 100%; } .penci-insta-thumb ul.thumbnails li a:before, .penci-insta-thumb ul.thumbnails li a:after { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ""; opacity: 0; z-index: 10; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .footer-instagram .penci-insta-thumb ul.thumbnails li a:before, .footer-instagram .penci-insta-thumb ul.thumbnails li a:after { top: 5px; right: 5px; bottom: 5px; left: 5px; } .penci-insta-thumb ul.thumbnails li a:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .penci-insta-thumb ul.thumbnails li a:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .penci-insta-thumb ul.thumbnails li a:hover:after, .penci-insta-thumb ul.thumbnails li a:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .jr-insta-thumb ul.thumbnails li a:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .jr-insta-thumb ul.thumbnails li a:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .jr-insta-thumb ul.thumbnails li a:hover:after, .jr-insta-thumb ul.thumbnails li a:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .footer-instagram.penci-insta-title-overlay h4.footer-instagram-title { position: absolute; top: 50%; margin-top: -25px; padding: 0; border: none; } .footer-instagram.penci-insta-title-overlay h4.footer-instagram-title > span { display: inline-block; line-height: 50px; padding: 0 20px; background: #fff; } .footer-instagram.penci-insta-title-overlay h4.footer-instagram-title > span, .footer-instagram.penci-insta-title-overlay h4.footer-instagram-title > span > span { font-size: 13px; } .footer-instagram.penci-insta-title-overlay h4.footer-instagram-title > span:before { font-size: 15px; margin-bottom: 0; } /* = Comments -----------------------------------------------------*/ .post-comments { } form#commentform > div.penci-gdpr-message { line-height: 1.5; margin: -4px 0 15px; font-size: 14px; color: #777; } .post-comments .post-title-box { border-top: 1px solid #dedede; padding-top: 36px; } body.single-portfolio .post-comments .post-title-box { border-top: none; } h3.comment-reply-title { padding-top: 36px !important; border-top: 1px solid #dedede; } .comments .comment { border-top: 1px solid #dedede; } .comments > .comment:first-child, .comments .comment > .comment:first-child { border-top: none; } .thecomment { padding-top: 28px; padding-bottom: 21px; display: table; width: 100%; } .comments > .comment:first-child > .thecomment { padding-top: 0; } .thecomment .author-img { float: left; margin-right: 20px; width: 60px; } .thecomment .author-img img { margin: 0; width: 100%; } .thecomment .comment-text { margin-left: 80px; position: relative; } .thecomment .comment-text span.author, .thecomment .comment-text span.author a { display: block; font-size: 13px; text-transform: uppercase; color: #313131; margin-bottom: 11px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .thecomment .comment-text span.author a { display: inline-block; margin: 0; } .thecomment .comment-text span.author a:hover { color: #9e9e9e; } .thecomment .comment-text span.date { font-size: 12px; color: #888888; display: block; } .thecomment .comment-text span.date i { margin-right: 5px; } .thecomment .comment-text > em { font-size: 12px; display: block; color: orange; margin: 5px 0 0; } .thecomment .comment-text > em i { font-size: 14px; color: #f3bd00; } .thecomment .comment-content { margin-top: 15px; margin-bottom: 0; } .thecomment .comment-text span.reply { position: absolute; top: 0; right: 0; } .post-comments > .comments > .depth-1:last-child { } .post-comments span.reply a { font-size: 11px; color: #888888; margin-left: 18px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); -o-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; text-transform: uppercase; line-height: 1; display: inline-block; text-align: center; } .post-comments span.reply a:hover { color: #313131; } .comments .children, .comments > .comment > .comment, .comments > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment > .comment { margin: 0 0 0 60px; } @media only screen and (max-width: 767px) { .comment-respond .comment-reply-title small { display: block; margin-top: 15px; } } /* = Reply -------------------------------------------------------*/ #respond { overflow: hidden; margin-bottom: 40px; position: relative; } .no-comment-yet #respond { padding-top: 0; border-top: 0; } #respond h3 { font-size: 14px; color: #939393; font-weight: 500; margin-bottom: 30px; font-family: var(--pchead-font); text-transform: uppercase; } #respond h3 a { color: #000; display: inline-block; } #respond h3 small a { text-transform: uppercase; font-size: 12px; color: #888888; padding: 0; margin-left: 7px; letter-spacing: 0; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; font-weight: 500; position: absolute; right: 0; } #respond h3 small a:hover { color: #313131; } form.wpcf7-form { margin-left: -14px; margin-right: -14px; } #respond form#commentform { margin: 0; } #respond form#commentform > iframe.jetpack_remote_comment { max-width: calc(100% - 1px); } .mc4wp-form label { text-align: left; margin-bottom: 10px; display: block; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, .wpcf7 p.name, .wpcf7 p.email, .wpcf7 p.subject { width: 33.333333%; padding: 0 14px; float: left; display: inline-block; margin: 0; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url { width: 32%; margin-left: 2%; padding: 0; } .wpcf7 .ajax-loader { display: none; } .wpcf7 form.submitting .ajax-loader { display: inline-block; } #respond p.comment-form-author { margin-left: 0; } #respond .review-title-form, #respond #add_comment_rating_wrap, #respond p.comment-form-comment { clear: both; margin: 0; } #respond #add_comment_rating_wrap { position: relative; font-size: 12px; display: block; margin-bottom: 20px; } #add_comment_rating_wrap i { color: #ffb900; } #add_post_rating { position: absolute; bottom: 0; right: 0; visibility: hidden; } .wpcf7 p.message { clear: both; margin: 0 14px; } form.comment-form > p, form.comment-form > div, form.comment-form > input, form.comment-form > textarea, form.comment-form > label, form.comment-form > span, form.wpcf7-form > div, form.wpcf7-form > p, form.wpcf7-form > input, form.wpcf7-form > textarea, form.wpcf7-form > label, form.wpcf7-form > span, form#commentform > p, form#commentform > div, form#commentform > input, form#commentform > textarea, form#commentform > label, form#commentform > span { margin: 0 14px; } form#commentform > input[type="checkbox"] { margin-left: 14px !important; margin-right: 14px !important; } form.wpcf7-form > div.wpcf7-response-output { margin-left: 14px; margin-right: 14px; } form#commentform > p.comment-form-mailpoet, form#commentform > p.mc4wp-checkbox { margin-left: 0; } .captchaSizeDivLarge { clear: both; } label#captcha_code_label { display: inline-block; } form#commentform > p.comment-subscription-form { margin-top: 15px; margin-left: 0; line-height: 1.3; } form#commentform > p.comment-subscription-form:last-child { margin-top: 5px; } form#commentform > p.comment-subscription-form input[type="checkbox"] { margin: 0; vertical-align: top; } #respond p.comment-subscription-form label { vertical-align: top; } form#commentform p.mc4wp-checkbox label, form#commentform p.comment-subscription-form label { font-family: inherit; font-size: inherit; text-transform: inherit; letter-spacing: inherit; font-weight: inherit; color: #777; } #respond label, .wpcf7 label { color: #939393; font-size: 12px; display: block; font-family: var(--pchead-font); text-transform: none; font-weight: var(--pchead-wei); margin-bottom: 8px; } #respond .comment-form label { font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; letter-spacing: 0; } #respond .comment-form #add_comment_rating_wrap label { font-family: var(--pcbody-font); font-weight: inherit; font-size: inherit; color: var(--pctext-cl); letter-spacing: 0; font-size: 14px; } #respond .comment-form-cookies-consent label { display: inline; } #respond p.form-submit, .wpcf7 p.submit { margin: 0 14px; text-align: center; clear: both; } #respond p.form-submit { margin: 0; } .penci-login-register:before, .penci-login-register:after, .pclg-2col:before, .pclg-2col:after { content: ""; display: table; width: 100%; } .penci-login-register input[type="email"], .penci-login-register input[type="text"], .penci-login-register input[type="password"], .penci-login-register input[type="number"], #respond input, .wpcf7 input, .widget_wysija input { padding: 12px 20px; max-width: 100%; border: 1px solid #dedede; margin-bottom: 28px; font-size: 14px; width: 100%; font-weight: normal; font-family: var(--pcbody-font); max-height: 50px; background: none; } .penci-login-register input:focus, #respond input:focus, .wpcf7 input:focus { outline: none; } .jetpack_subscription_widget #subscribe-email input { width: 100% !important; padding: 12px 20px !important; margin-top: 10px; } .penci-login-register textarea, #respond textarea, .wpcf7 textarea { padding: 15px 20px; border: 1px solid #dedede; width: 100%; height: 120px; font-size: 14px; color: #313131; margin-bottom: 28px; line-height: 20px; font-weight: normal; outline: none; vertical-align: top; font-family: var(--pcbody-font); } .penci-login-register textarea:focus, #respond textarea:focus, .wpcf7 textarea:focus { outline: none; } .penci-login-register input[type="submit"], #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"] { text-transform: uppercase; font-family: var(--pchead-font); font-weight: var(--pchead-wei); background: #f5f5f5; border-radius: 0; font-size: 14px; color: #313131; padding: 12px 20px; display: inline-block; -o-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; width: auto; min-width: 120px; text-align: center; margin: 0; border: none; } .penci-login-register input[type="submit"]:hover, #respond #submit:hover, .wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover { color: #fff; background: var(--pcaccent-cl); } .contact-form input[type="email"], .contact-form input[type="text"] { max-width: 300px; width: 100%; padding: 10px 15px; } .contact-form input[type="submit"] { text-transform: uppercase; font-family: var(--pchead-font); font-weight: var(--pchead-wei); background: #f5f5f5; border-radius: 0; font-size: 14px; color: #313131; padding: 16px 20px; display: inline-block; -o-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; width: auto; min-width: 120px; text-align: center; margin: 0; border: none; } .widget input[type="text"], .widget input[type="email"], .widget input[type="date"], .widget input[type="number"], .widget input[type="search"], .widget input[type="password"] { border: 1px solid #dedede; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; font-size: 13px; padding: 11px 20px; margin-bottom: 20px; letter-spacing: 0; font-family: var(--pcbody-font); width: 100%; max-width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: auto; height: auto; vertical-align: baseline; line-height: normal; } .penci-button, .widget input[type="submit"], .widget button[type="submit"] { display: block; width: 100%; font-size: 14px; padding: 12px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #f5f5f5; max-width: 100%; outline: none; } .penci-button, .widget input[type="submit"]:hover, .widget button[type="submit"]:hover { background: var(--pcaccent-cl); color: #fff; } #respond input[type="checkbox"], .wpcf7 input[type="checkbox"], .widget_wysija input[type="checkbox"], .widget input[type="checkbox"], #respond input[type="radio"], .wpcf7 input[type="radio"], .widget_wysija input[type="radio"], .widget input[type="radio"] { width: auto; margin: 0; padding: 0; } form#commentform > .comment-form-cookies-consent { margin: 0 0 15px 0; clear: both; line-height: 1.4; color: #777; } #respond .comment-form-cookies-consent input[type="checkbox"] { margin-right: 5px; transform: translateY(2px); -webkit-transform: translateY(2px); } @media only screen and (min-width: 768px) { .post-comments.penci-comments-hide-1 #respond input, .post-comments.penci-comments-hide-2 #respond input { max-width: 100%; } .post-comments.penci-comments-hide-1 #respond p.comment-form-author, .post-comments.penci-comments-hide-1 #respond p.comment-form-email, .post-comments.penci-comments-hide-1 #respond p.comment-form-url { width: 49%; } .post-comments.penci-comments-hide-1 #respond .comment-form > p:nth-child(2) { margin-left: 0; } .post-comments.penci-comments-hide-2 #respond p.comment-form-author, .post-comments.penci-comments-hide-2 #respond p.comment-form-email, .post-comments.penci-comments-hide-2 #respond p.comment-form-url { width: 100%; margin-left: 0; margin-right: 0; } } /* Default Block Widgets */ .penci-sidebar-content .wp-block-search { margin-bottom: 0; } .wp-block-search .wp-block-search__label { display: block; } .widget_block.widget_search input[type="search"] { margin: 0; } .widget_block.widget_search button[type="submit"] { margin-left: 0.625em; width: auto; white-space: nowrap; } .widget_block.widget_search .wp-block-search__no-button .wp-block-search__inside-wrapper { position: relative; } .widget_block.widget_search .wp-block-search__no-button .wp-block-search__inside-wrapper:before { content: "\f108"; font-family: penciicon; font-style: normal; font-weight: normal; display: inline-block; position: absolute; color: var(--pctext-cl); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 20px; z-index: 1; font-size: 15px; opacity: 0.9; } .widget_block.widget_search .wp-block-search__no-button input[type="search"] { padding-right: 40px; } .widget_block.widget_search .wp-block-search__no-button input[type="search"]::-webkit-search-cancel-button { display: none; } .widget.widget_block .wp-block-latest-posts { padding: 0 !important; border: none; } .widget .wp-block-group > div > h1 { margin-bottom: 20px; font-size: 24px; } .widget .wp-block-group > div > h2 { margin-bottom: 20px; font-size: 20px; } .widget .wp-block-group > div > h3:not(.penci-border-arrow) { margin-bottom: 20px; font-size: 18px; } .widget .wp-block-group > div > h4 { margin-bottom: 20px; font-size: 17px; } .widget .wp-block-group > div > h5 { margin-bottom: 20px; font-size: 16px; } .widget .wp-block-group > div > h6 { margin-bottom: 20px; font-size: 14px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__button { padding: 8px 15px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-color: var(--pcborder-cl); } .penci-sidebar-content .widget.penci_block_heading_widget { margin-bottom: 0; } /* = Archives -----------------------------------------------------*/ .archive-box { background: none; margin: 0 0 30px 0; position: relative; text-align: center; } .archive-box:after, .archive-box:before { content: none; } .archive-box:before { width: 60px; bottom: -5px; margin-left: -30px; } .archive-box .title-bar { position: relative; display: block; } .archive-box span, .archive-box h1 { color: #313131; font-family: var(--pchead-font); font-weight: var(--pchead-wei); text-transform: uppercase; font-size: 24px; line-height: 1.2em; position: relative; z-index: 10; } .archive-box h1 { display: inline-block; color: var(--pcaccent-cl); } .nothing { margin-bottom: 60px; text-align: center; } .nothing span { position: relative; z-index: 10; color: inherit; font-size: 14px; } .penci-category-description { margin-bottom: 35px; line-height: 1.8; } .penci-category-description.pcdesc-left { text-align: left; } .penci-category-description.pcdesc-center { text-align: center; } .penci-category-description.pcdesc-right { text-align: right; } /* = Breadcrumb -----------------------------------------------------*/ .penci-container-inside.penci-breadcrumb, .container.penci-breadcrumb { line-height: 1.4; margin-bottom: 20px; } .container.penci-breadcrumb { margin-top: calc(25px - var(--pchd-mg)); clear: both; } .container.penci-breadcrumb.penci-crumb-inside { width: 100%; margin-top: 0; } .post-image .container.penci-breadcrumb { width: 100%; margin-bottom: 20px; } .single.penci-body-single-style-5 .container.penci-breadcrumb, .single.penci-body-single-style-6 .container.penci-breadcrumb { margin-bottom: 20px; } .penci-header-text-white .container.penci-breadcrumb { margin-top: 0; } .wrapper-boxed.penci-page-hide-header .container.penci-breadcrumb { margin-top: 10px; } .penci-container-inside.penci-breadcrumb { margin-top: -5px; } .wrapper-boxed.penci-page-hide-header .featured-area + .container.penci-breadcrumb { margin-top: calc(25px - var(--pchd-mg)); } .page #sidebar-nav + .container.penci-breadcrumb { margin-top: 0; } .penci-container-inside.penci-breadcrumb span, .penci-container-inside.penci-breadcrumb span a, .penci-container-inside.penci-breadcrumb a, .container.penci-breadcrumb span, .container.penci-breadcrumb a, .container.penci-breadcrumb span a { font-size: 13px; color: #888888; } .penci-container-inside.penci-breadcrumb span a:hover, .penci-container-inside.penci-breadcrumb a:hover, .container.penci-breadcrumb a:hover, .container.penci-breadcrumb span a:hover { color: var(--pcaccent-cl); } .penci-container-inside.penci-breadcrumb span.separator, .container.penci-breadcrumb span.separator, .penci-container-inside.penci-breadcrumb i, .container.penci-breadcrumb i { color: #888888; font-size: 13px; margin: 0 15px 0 19px; } .penci-container-inside.penci-breadcrumb span.separator, .container.penci-breadcrumb span.separator { margin: 0 15px 0 15px; } .penci-container-inside.penci-woo-breadcrumb, .container.penci-woo-breadcrumb { width: 100% !important; margin-top: 0; } /* = Page Header -----------------------------------------------------*/ .penci-page-header { margin: 0 0 30px 0; text-align: center; position: relative; } .penci-page-header:after, .penci-page-header:before { content: none; } .penci-page-header h1 { font-size: 24px; color: #313131; text-transform: uppercase; } /* = Wordpress style of core -----------------------------------------------------*/ .alignnone { margin: 5px 0 20px 0; } .post-entry p > .alignnone { margin: 5px 0 0 0; } .aligncenter, div.aligncenter, .video-align-center { display: block; margin: 5px auto 20px auto; } .alignright, .video-align-right { float: right; margin: 5px 0 20px 20px; } .alignleft, .video-align-left { float: left; margin: 5px 20px 20px 0; } .video-align-left, .video-align-right { display: block; width: 100%; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 17px 30px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 30px 17px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: none; border: none; padding: 0; max-width: 100%; text-align: center; position: relative; overflow: hidden; } .wp-caption.alignnone { margin: 5px 0 17px 0; } .wp-caption.alignleft { margin: 5px 30px 17px 0; } .wp-caption.alignright { margin: 5px 0 17px 30px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%; } .wp-caption p.wp-caption-text, .penci-featured-caption { font-size: 14px; line-height: 1.4; margin: 0; padding: 11px 10px; color: #fff; font-style: italic; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } .wp-caption p.wp-caption-text { text-align: center; } .wp-caption:hover p.wp-caption-text, .post-image:hover .penci-featured-caption { transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0.7; } .penci-single-style-3 .post-image .penci-owl-carousel figure p, .penci-single-style-7 .post-image .penci-owl-carousel figure p, .penci-single-style-3 .penci-featured-caption, .penci-single-style-7 .penci-featured-caption { bottom: 40px; text-align: left; display: inline-block; width: auto; transform: none !important; opacity: 1 !important; padding: 10px 20px; left: 0; right: auto; } .penci-single-style-7 .penci-featured-caption, .penci-single-style-7 .post-image .penci-owl-carousel figure p { width: 100%; text-align: center; } .penci-featured-caption.penci-fixed-caption { transform: none !important; opacity: 1 !important; } .penci-featured-caption.penci-fixed-caption.penci-caption-relative { position: static; background: none; padding: 0; display: block; margin-top: 10px; } .penci-featured-caption.penci-fixed-caption.penci-caption-relative:before { content: none; display: none; } .penci-featured-caption.penci-fixed-caption.penci-caption-relative a { color: inherit; } @media only screen and (max-width: 960px) { .penci-single-style-3 .post-image .penci-owl-carousel figure p, .penci-single-style-7 .post-image .penci-owl-carousel figure p, .penci-single-style-3 .penci-featured-caption, .penci-single-style-7 .penci-featured-caption { bottom: 0; width: 100%; text-align: center; } } /*** Pre & Code ***/ .post-entry pre { display: block; font-size: 14px; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; background-color: #f4f4f4; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 20px; line-height: 1.4; padding: 15px; letter-spacing: 0; color: inherit; } .post-entry code { padding: 2px; border-radius: 2px; color: #23282d; background: #f4f4f4; font-family: Menlo, Consolas, monaco, monospace; font-size: inherit; border: none; } .penci-single-block { display: block; clear: both; } .penci-ldsingle { display: block; clear: both; text-align: center; width: 100%; margin: 30px 0; } .penci-ldspinner { display: inline-block; vertical-align: top; } .penci-ldspinner > div { width: 18px; height: 18px; margin: 0 5px; background-color: var(--pcaccent-cl); border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out both; animation: sk-bouncedelay 1.2s infinite ease-in-out both; } .penci-ldspinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .penci-ldspinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .penci-single-infiads { margin: 10px 0 40px; clear: both; display: block; overflow: hidden; width: 100%; text-align: center; } .penci-single-infiscroll .penci-single-block:not(:first-child) .container.penci-breadcrumb { margin-top: 0; } /** Instagram Widget **/ .widget .zframe-flickr-wrap-ltr, .widget ul.instagram-pics { list-style: none; margin: 0; padding: 0; overflow: hidden; margin-left: -3px; margin-right: -3px; } .widget .zframe-flickr-wrap-ltr .flickr_badge_image, .widget ul.instagram-pics li { display: block; float: left; width: 33.33%; padding: 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 !important; border: none !important; } .widget .zframe-flickr-wrap-ltr .flickr_badge_image img { margin: 0; width: 100%; float: none; height: auto; } .instag ul.thumbnails > li, .jr-insta-thumb ul > li { width: 32% !important; } .instag ul li, .jr-insta-thumb ul li { margin: 0; padding-bottom: 0; border-bottom: none; } .pllexislider ul li { margin: 0; padding-bottom: 0; border-bottom: none; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-time, .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-username, .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-caption { line-height: 1.5; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption { font-size: 13px; color: #939393; font-family: var(--pchead-font); font-style: italic; } .gallery .gallery-icon img { border-radius: 2px; border: 1px solid #eee !important; padding: 7px; } .gallery .gallery-icon img:hover { border: 1px solid #ccc !important; } .penci-post-gallery-container { margin-bottom: 20px; } .penci-post-gallery-container a { opacity: 0; } .penci-post-gallery-container.single-slider a, .penci-post-gallery-container.thumbnail-slider a { opacity: 1; } .penci-post-gallery-container.single-slider figure, .penci-post-gallery-container.thumbnail-slider figure, .post-image .penci-owl-carousel figure { position: relative; } .penci-post-gallery-container.single-slider figure p, .penci-post-gallery-container.thumbnail-slider figure p, .post-image .penci-owl-carousel figure p { margin: 0; position: absolute; bottom: 0; right: 0; display: inline-block; vertical-align: top; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 7px 15px; font-style: italic; font-size: 13px; line-height: 1.4; z-index: 2; } .penci-post-gallery-container.thumbnail-slider figure p { right: 15px; max-width: calc(100% - 30px); text-align: right; } .justified-gallery > a > .caption, .justified-gallery > div > .caption { font-family: inherit; font-weight: inherit; padding: 9px 15px; line-height: 1.5; background: rgba(0, 0, 0, 0.6); opacity: 1; } .penci-post-gallery-container.masonry .item-gallery-masonry { width: 33.33333%; float: left; margin-bottom: 6px; padding: 0 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; position: relative; } .penci-post-gallery-container.masonry.column-2 .item-gallery-masonry { width: 50%; } .penci-post-gallery-container.masonry.column-4 .item-gallery-masonry { width: 25%; } .penci-post-gallery-container.masonry .item-gallery-masonry a { position: relative; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; display: inline-block; width: 100%; } .penci-post-gallery-container.masonry .item-gallery-masonry a.animated { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; opacity: 1; } .masonry.column-2 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(2n + 2) a, .masonry.column-3 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(3n + 2) a, .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n + 2) a { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } .masonry.column-3 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(3n + 3) a, .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n + 3) a { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n + 4) a { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .penci-post-gallery-container.masonry { margin-left: -3px; margin-right: -3px; } .penci-post-gallery-container.masonry img { width: 100%; } .penci-post-gallery-container.masonry .inner-gallery-masonry-container { display: inline-block; width: 100%; vertical-align: top; } .inner-item-masonry-gallery { position: relative; } .penci-post-gallery-container.masonry .item-gallery-masonry .caption { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; color: #fff; font-size: 13px; font-family: inherit; font-weight: inherit; padding: 9px 15px; line-height: 1.5; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; z-index: 2; } .penci-post-gallery-container.masonry .item-gallery-masonry:hover .caption { opacity: 1; } /* = Latest Tweets -----------------------------------------------------*/ .penci-tweets-widget-content ul li { margin: 0 !important; padding: 0 !important; border: none !important; } .penci-slider.penci-tweets-slider ul.slides li:before, .penci-slider.penci-tweets-slider ul.slides li:after { content: none !important; display: none !important; } .penci-tweets-widget-content .icon-tweets { display: block; text-align: center; margin-bottom: 12px; font-size: 32px; color: var(--pcaccent-cl); margin-top: -10px; } .penci-tweets-widget-content .tweet-text { color: #313131; margin-bottom: 10px; text-align: center; } .penci-tweets-widget-content .tweet-intents { text-align: center; overflow: hidden; line-height: 1; } .penci-tweets-widget-content .tweet-intents a { color: var(--pcaccent-cl); font-size: 13px; font-style: italic; } .penci-tweets-widget-content .tweet-intents span:after { content: "/"; margin: 0 5px; font-size: 11px; color: var(--pcaccent-cl); font-family: var(--pcbody-font); } .penci-tweets-widget-content .tweet-intents span:last-child:after { content: none; display: none; } .penci-tweets-widget-content .tweet-intents-inner { display: inline-block; vertical-align: top; position: relative; } .penci-tweets-widget-content .tweet-intents-inner:before, .penci-tweets-widget-content .tweet-intents-inner:after { content: ""; position: absolute; top: 50%; width: 250px; height: 1px; background: var(--pcaccent-cl); right: 100%; margin-right: 15px; opacity: 0.5; } .penci-tweets-widget-content .tweet-intents-inner:after { right: auto; left: 100%; margin-right: 0; margin-left: 15px; } .penci-tweets-widget-content .tweet-date { line-height: 1.8; white-space: nowrap; text-align: center; margin-bottom: 9px; opacity: 0.7; font-size: 14px; } .penci-owl-carousel.penci-tweets-slider .penci-owl-dots { position: static; margin-top: 23px !important; } .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot { margin: 0 4px; } .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot span { width: 10px; height: 10px; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #d4d4d4; } .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot.active span, .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot:hover span { border-color: var(--pcaccent-cl); background: var(--pcaccent-cl); } .penci-tweets-widget-content.pc_alignleft .icon-tweets, .penci-tweets-widget-content.pc_alignleft .tweet-text, .penci-tweets-widget-content.pc_alignleft .tweet-date, .penci-tweets-widget-content.pc_alignleft .tweet-intents, .penci-tweets-widget-content.pc_alignleft .penci-owl-carousel-slider .penci-owl-dots { text-align: left; } .penci-tweets-widget-content.pc_alignright .icon-tweets, .penci-tweets-widget-content.pc_alignright .tweet-text, .penci-tweets-widget-content.pc_alignright .tweet-date, .penci-tweets-widget-content.pc_alignright .tweet-intents, .penci-tweets-widget-content.pc_alignright .penci-owl-carousel-slider .penci-owl-dots { text-align: right; } /* = Contact form 7 -----------------------------------------------------*/ div.wpcf7 { overflow: hidden; margin-top: 40px; } span.wpcf7-not-valid-tip { margin-top: -15px; margin-bottom: 15px; } div.wpcf7-response-output { margin: 20px 14px 1em; padding: 0.6em 1em; margin-top: 20px !important; } /* = Page 404 -----------------------------------------------------*/ .error-404 { text-align: center; margin: 150px 0 112px; } .error-image { position: relative; padding-bottom: 41px; margin-bottom: 30px; } .error-image:after { content: ""; position: absolute; width: 60px; height: 1px; background: var(--pcaccent-cl); bottom: 0; left: 50%; margin-left: -30px; } .error-404 .sub-heading-text-404 { font-size: 16px; font-weight: normal; margin: 0; color: #313131; text-align: center; } .error-404 form.pc-searchform { margin: 31px 0 0; padding: 0 10px; } .error-404 form.pc-searchform .pc-searchform-inner { width: 100%; max-width: 350px; margin: 0 auto; position: relative; } .error-404 .go-back-home { margin-top: 50px; text-align: center; } .error-404 .go-back-home a { font-size: 12px; text-transform: uppercase; font-family: var(--pchead-font); font-weight: var(--pchead-wei); text-decoration: none; line-height: 1.5; position: relative; display: inline-block; padding-bottom: 1px; } .error-404 .go-back-home a:after { position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: var(--pcaccent-cl); content: ""; } /* Header Sign-Up form */ .penci-mailchimp-block { --pcmc-height: 40px; --pcmc-bdw: 1px; } .penci-mailchimp-block input[type="text"], .penci-mailchimp-block input[type="email"], .penci-mailchimp-block input[type="date"], .penci-mailchimp-block input[type="number"], .penci-mailchimp-block input[type="search"] { border-width: var(--pcmc-bdw); } .penci-header-signup-form { display: block; padding: 20px 0; background: var(--pcaccent-cl); margin: -50px 0 60px; clear: both; } .penci-header-signup-form.penci-header-signup-form-below { padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } .elementor-template-full-width .wrapper-boxed > .penci-header-signup-form { display: none; } .penci-header-signup-form .mc4wp-form { margin: 0; width: 100%; max-width: 100%; color: #fff; } .penci-header-signup-form .mc4wp-form > form { display: table; width: 100%; } .penci-header-signup-form h4.header-signup-form { text-align: center; margin-bottom: 18px; font-size: 24px; color: #fff; text-transform: uppercase; } .penci-header-signup-form .mc4wp-form-fields { display: table; width: 100%; } .penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p { display: table-cell; text-align: left; color: #fff; padding-right: 20px; line-height: 1.5; vertical-align: middle; } .penci-header-signup-form .mc4wp-form-fields > p:last-of-type, .penci-header-signup-form form > p:last-of-type { padding-right: 0; } .penci-header-signup-form .mc4wp-form-fields > p:first-of-type, .penci-header-signup-form form > p:first-of-type { max-width: 500px; } .penci-header-signup-form .mc4wp-form input[type="text"], .penci-header-signup-form .mc4wp-form input[type="email"] { margin: 0; margin-right: 20px; border-color: #fff; color: #fff; } .penci-header-signup-form .mc4wp-form input[type="text"]::-webkit-input-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]::-webkit-input-placeholder { color: #fff; } .penci-header-signup-form .mc4wp-form input[type="text"]:-moz-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]:-moz-placeholder { color: #fff; opacity: 1; } .penci-header-signup-form .mc4wp-form input[type="text"]::-moz-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]::-moz-placeholder { color: #fff; opacity: 1; } .penci-header-signup-form .mc4wp-form input[type="text"]:-ms-input-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]:-ms-input-placeholder { color: #fff; } .penci-header-signup-form .widget input[type="submit"] { color: #313131; background: #fff; } .penci-header-signup-form .mc4wp-error, .penci-header-signup-form .mc4wp-error, .penci-header-signup-form .mc4wp-alert { margin-top: 15px; } .penci-mailchimp-s3 { --pcmc-height: 48px; } .penci-mailchimp-block .mc4wp-form-fields .mname input, .penci-mailchimp-block .mc4wp-form-fields .memail input { padding: 0 20px; line-height: calc(var(--pcmc-height) - 2 * var(--pcmc-bdw)); } .penci-mailchimp-block .mc4wp-form-fields .msubmit input { padding: 0 20px; line-height: var(--pcmc-height); } @media only screen and (min-width: 1170px) { .penci-mailchimp-s2 .penci-header-signup-form .mc4wp-form-fields > p { margin-bottom: 0 !important; } .penci-mailchimp-s2 .penci-header-signup-form .mc4wp-form-fields { display: flex; align-items: center; } .penci-mailchimp-s2 .penci-header-signup-form .mc4wp-form-fields .mdes { flex: 1 1 400px; } .penci-mailchimp-s2 .penci-header-signup-form .mc4wp-form-fields .mname, .penci-mailchimp-s2 .penci-header-signup-form .mc4wp-form-fields .memail { flex: 1 1 200px; } .penci-mailchimp-s2 .penci-header-signup-form .mc4wp-form-fields .msubmit { flex: 0 0 auto; } } .penci-mailchimp-s4 .mc4wp-form-fields { display: flex; align-items: center; margin-left: -5px; margin-right: -5px; } @media only screen and (max-width: 479px) { .penci-mailchimp-s4 .mc4wp-form-fields { flex-wrap: wrap; } } .penci-mailchimp-s4 .mc4wp-form-fields .mname, .penci-mailchimp-s4 .mc4wp-form-fields .memail { flex: 1 1 200px; padding: 0 5px; } .penci-mailchimp-s4 .mc4wp-form-fields .msubmit { flex: 0 0 auto; padding: 0 5px; } .penci-mailchimp-s4 .mc4wp-form-fields .msubmit, .penci-mailchimp-s4 .mc4wp-form-fields .mname, .penci-mailchimp-s4 .mc4wp-form-fields .memail { margin-bottom: 10px !important; } .penci-mailchimp-s4 .mc4wp-form-fields .msubmit input, .penci-mailchimp-s4 .mc4wp-form-fields .mname input, .penci-mailchimp-s4 .mc4wp-form-fields .memail input { margin-bottom: 0 !important; } .penci-mailchimp-s4 .mc4wp-form-fields .mname, .penci-mailchimp-s4 .mc4wp-form-fields .mdes { display: none; } /* = Portfolio ----------------------------------------------------*/ .penci-portfolio-thumbnail .penci-image-placeholder { position: relative; display: block; background-color: #eee; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; } .penci-portfolio-thumbnail .penci-image-placeholder > img { position: absolute; display: block; max-width: 100%; width: 100%; height: 100%; top: 0; left: 0; } .wrapper-penci-portfolio { width: 100%; overflow: hidden; } .penci-portfolio-filter { display: block; text-align: center; margin: 0 0 15px 0; } .post-entry .penci-portfolio-filter ul, .penci-portfolio-filter ul { list-style: none; display: inline-block; vertical-align: top; padding: 0 !important; margin: 0; } .post-entry .penci-portfolio-filter ul li, .penci-portfolio-filter ul li { display: inline-block; float: left; margin: 0 15px 5px; padding: 0; } .post-entry .penci-portfolio-filter ul li a, .penci-portfolio-filter ul li a { color: #313131; font-family: var(--pchead-font); } .post-entry .penci-portfolio-filter ul li a:hover, .post-entry .penci-portfolio-filter ul li.active a, .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li.active a { color: var(--pcaccent-cl); text-decoration: none; } .penci-portfolio-wrap { margin-left: -10px; margin-right: -10px; } .penci-portfolio-wrap .inner-portfolio-posts { display: inline-block; width: 100%; vertical-align: top; } .inner-portfolio-posts .portfolio-item { width: 33.33333%; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; margin-bottom: 20px; } .penci-portfolio.column-2 .inner-portfolio-posts .portfolio-item, .container .penci-portfolio.column-2 .inner-portfolio-posts .portfolio-item { width: 50%; } .inner-item-portfolio { position: relative; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } .penci-portfolio-wrap.column-2 .portfolio-item:nth-child(2n + 1) .inner-item-portfolio, .penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n + 2) .inner-item-portfolio { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } .penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n + 3) .inner-item-portfolio { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } .penci-portfolio.loaded .inner-item-portfolio.animated { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; opacity: 1; } .penci-portfolio-thumbnail a:after { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; content: ""; -webkit-transition: 0.5s; transition: 0.5s; z-index: 10; } .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after { opacity: 0.87; } .inner-item-portfolio .portfolio-desc { position: absolute; text-align: center; top: 50%; width: 100%; padding: 0 10px; margin: 0; z-index: 12; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .inner-item-portfolio a { text-decoration: none !important; } .inner-item-portfolio .portfolio-desc h3 { opacity: 0; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; color: #313131; } .inner-item-portfolio .portfolio-desc span { opacity: 0; font-size: 12px; display: block; vertical-align: top; line-height: 1.3; text-decoration: none; color: #888; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; } .inner-item-portfolio .portfolio-desc span del { margin-right: 5px; transform: translateY(2px); -webkit-transform: translateY(2px); display: inline-block; } .inner-item-portfolio .portfolio-desc span span { display: inline-block; } .inner-item-portfolio .portfolio-desc span del span { text-decoration: inherit; } .inner-item-portfolio .portfolio-desc span ins span { font-size: 13px; } .inner-item-portfolio:hover .portfolio-desc h3, .inner-item-portfolio:hover .portfolio-desc span { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .penci-portfolio-below_img .inner-item-portfolio .portfolio-desc { margin-top: 20px; position: relative; top: 0; transform: none; } .penci-portfolio-below_img .inner-item-portfolio .portfolio-desc h3, .penci-portfolio-below_img .inner-item-portfolio .portfolio-desc span { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .penci-portfolio-below_img .penci-portfolio-thumbnail a:after { content: none; } .single-portfolio-thumbnail { margin-bottom: 26px; text-align: center; vertical-align: top; } .portfolio-page-content .portfolio-detail { margin: 0 auto; max-width: 1000px; } .project-pagination a { font-weight: var(--pchead-wei); font-family: var(--pchead-font); text-transform: uppercase; font-size: 13px; } .project-pagination .next-post a:after { display: inline-block; color: inherit; content: "\f178"; font-family: FontAwesome; font-size: 14px; margin-left: 5px; } .project-pagination .prev-post a:before { display: inline-block; color: inherit; content: "\f177"; font-family: FontAwesome; font-size: 14px; margin-right: 5px; } .penci-fawesome-ver5 .project-pagination .next-post a:after, .penci-fawesome-ver5 .project-pagination .prev-post a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .tags-share-box.hide-tags.page-share.no-border-bottom-portfolio { border-bottom: none; } .penci-plf-loadmore { position: relative; } .penci-pfl-ajaxdot { display: inline-block; width: 30px; height: 30px; background-color: #111; border-radius: 100%; -webkit-animation: scaleoutPortfolio 1s infinite ease-in-out; animation: scaleoutPortfolio 1s infinite ease-in-out; z-index: 50; opacity: 0; position: absolute; top: 5px; left: 50%; margin-left: -15px; visibility: hidden; } .penci-ajax-more-button.loading-portfolios .penci-pfl-ajaxdot { opacity: 1; z-index: 100; visibility: visible; } .penci-ajax-more-button.loading-portfolios .ajax-more-text { opacity: 0; visibility: hidden; } .penci-ajax-more-button.loading-portfolios { background: transparent !important; color: transparent !important; border-color: transparent !important; } @-webkit-keyframes scaleoutPortfolio { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes scaleoutPortfolio { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .portfolio-page-content .portfolio-detail { margin-left: 0; margin-right: 0; } .penci-portfolio-meta-wrapper { display: flex; flex-wrap: wrap; flex-direction: row; margin: 30px -15px; --pc-pf-ct-w: 60%; --pc-pf-mt-w: 40%; } .penci-portfolio-meta-wrapper .penci-page-header { text-align: left; padding-left: 15px; padding-right: 15px; } .penci-portfolio-meta-wrapper .penci-portfolio-col { width: var(--pc-pf-ct-w); padding-left: 15px; padding-right: 15px; } .penci-portfolio-meta-wrapper .penci-meta-lists { width: var(--pc-pf-mt-w); } @media only screen and (max-width: 767px) { .penci-portfolio-meta-wrapper .penci-meta-lists { width: 100%; } } .penci-portfolio-meta-wrapper .penci-shortdesc { width: var(--pc-pf-ct-w); } @media only screen and (max-width: 767px) { .penci-portfolio-meta-wrapper .penci-shortdesc { width: 100%; } } ul.portfolio-meta-lists { list-style: none; margin: 0; padding: 0; display: table; width: 100%; } ul.portfolio-meta-lists li { display: table-row; } ul.portfolio-meta-lists li:not(:last-child) span { padding-bottom: 10px; } ul.portfolio-meta-lists span { display: table-cell; } ul.portfolio-meta-lists span.title { font-weight: bold; min-width: 70px; padding-right: 10px; } .container:not(.penci_sidebar) .post-entry.portfolio-style-3 { display: flex; flex-wrap: wrap; flex-direction: row; } @media only screen and (max-width: 767px) { .container:not(.penci_sidebar) .post-entry.portfolio-style-3 { flex-direction: column-reverse; } } .container:not(.penci_sidebar) .post-entry.portfolio-style-3 .penci-portfolio-meta-wrapper { flex-direction: column; margin-top: 0; margin-bottom: 0; } .container:not(.penci_sidebar) .post-entry.portfolio-style-3 .penci-portfolio-meta-wrapper .penci-portfolio-col { width: 100%; } .container:not(.penci_sidebar) .post-entry.portfolio-style-3 .penci-portfolio-meta-wrapper, .container:not(.penci_sidebar) .post-entry.portfolio-style-3 .portfolio-page-content { flex: 0 0 auto; } .container:not(.penci_sidebar) .post-entry.portfolio-style-3 .penci-portfolio-meta-wrapper { width: 29.06%; } @media only screen and (max-width: 767px) { .container:not(.penci_sidebar) .post-entry.portfolio-style-3 .penci-portfolio-meta-wrapper { width: 100%; } } .container:not(.penci_sidebar) .post-entry.portfolio-style-3 .portfolio-page-content { width: 70.94%; padding-left: 60px; } @media only screen and (max-width: 767px) { .container:not(.penci_sidebar) .post-entry.portfolio-style-3 .portfolio-page-content { width: 100%; padding-left: 0; } } .container.no_content .post-entry.portfolio-style-3 .portfolio-page-content { width: 100%; padding-left: 0; } .penci-sidebar-content .penci-portfolio-meta-wrapper { flex-direction: column; margin-top: 0; margin-bottom: 60px; } .penci-sidebar-content .penci-portfolio-meta-wrapper .penci-portfolio-col { width: 100%; } .portfolio-bottom-share { text-align: center; } .portfolio-bottom-share.has-border { border-bottom: 1px solid #dedede; } .portfolio-share-box > span { border-top: 1px solid var(--pcborder-cl); padding-top: 10px; margin-top: 10px; } .portfolio-bottom-share .portfolio-share-box > span { border-top: 0; padding-top: 0; margin-top: 0; } .portfolio-share-box.tags-share-box { padding-right: 0; } .portfolio-share-box .share-title { font-weight: var(--pchead-wei); font-family: var(--pchead-font); font-size: 12px; text-transform: uppercase; margin-right: 10px; } .portfolio-share-box .list-posts-share a { color: var(--pcheading-cl); text-decoration: none; } .portfolio-share-box .list-posts-share a:hover { color: var(--pcaccent-cl); } .portfolio-share-box .list-posts-share a span { display: none; } .portfolio-share-box .list-posts-share a:not(:last-child) { margin-right: 10px; } .portfolio-share-box.style-2 .list-posts-share a, .portfolio-share-box.style-3 .list-posts-share a, .portfolio-share-box.style-4 .list-posts-share a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-right: 5px; transition: all 0.3s ease-in-out; color: black; border: 1px solid var(--pcborder-cl); border-radius: 50%; } .portfolio-share-box.style-2 .list-posts-share a:hover, .portfolio-share-box.style-3 .list-posts-share a, .portfolio-share-box.style-3 .list-posts-share a:hover, .portfolio-share-box.style-4 .list-posts-share a:hover { color: #fff; } .portfolio-share-box.style-2 a.post-share-facebook:hover, .portfolio-share-box.style-3 a.post-share-facebook, .portfolio-share-box.style-3 a.post-share-facebook:hover, .portfolio-share-box.style-4 a.post-share-facebook:hover { background-color: #0d47a1; border-color: #0d47a1; } .portfolio-share-box.style-2 a.post-share-twitter:hover, .portfolio-share-box.style-3 a.post-share-twitter, .portfolio-share-box.style-3 a.post-share-twitter:hover, .portfolio-share-box.style-4 a.post-share-twitter:hover { background-color: #40c4ff; border-color: #40c4ff; } .portfolio-share-box.style-2 a.post-share-pinterest:hover, .portfolio-share-box.style-3 a.post-share-pinterest, .portfolio-share-box.style-3 a.post-share-pinterest:hover, .portfolio-share-box.style-4 a.post-share-pinterest:hover { background-color: #bd081c; border-color: #bd081c; } .portfolio-share-box.style-2 a.post-share-email:hover, .portfolio-share-box.style-3 a.post-share-email, .portfolio-share-box.style-3 a.post-share-email:hover, .portfolio-share-box.style-4 a.post-share-email:hover { background-color: #0084ff; border-color: #0084ff; } .portfolio-share-box.style-2 a.post-share-linkedin:hover, .portfolio-share-box.style-3 a.post-share-linkedin, .portfolio-share-box.style-3 a.post-share-linkedin:hover, .portfolio-share-box.style-4 a.post-share-linkedin:hover { background-color: #0077b5; border-color: #0077b5; } .portfolio-share-box.style-2 a.post-share-tumblr:hover, .portfolio-share-box.style-3 a.post-share-tumblr, .portfolio-share-box.style-3 a.post-share-tumblr:hover, .portfolio-share-box.style-4 a.post-share-tumblr:hover { background-color: #34465d; border-color: #34465d; } .portfolio-share-box.style-2 a.post-share-vk:hover, .portfolio-share-box.style-3 a.post-share-vk, .portfolio-share-box.style-3 a.post-share-vk:hover, .portfolio-share-box.style-4 a.post-share-vk:hover { background-color: #5181b8; border-color: #5181b8; } .portfolio-share-box.style-2 a.post-share-pocket:hover, .portfolio-share-box.style-3 a.post-share-pocket, .portfolio-share-box.style-3 a.post-share-pocket:hover, .portfolio-share-box.style-4 a.post-share-pocket:hover { background-color: #ef4056; border-color: #ef4056; } .portfolio-share-box.style-2 a.post-share-skype:hover, .portfolio-share-box.style-3 a.post-share-skype, .portfolio-share-box.style-3 a.post-share-skype:hover, .portfolio-share-box.style-4 a.post-share-skype:hover { background-color: #00aff0; border-color: #00aff0; } .portfolio-share-box.style-2 a.post-share-whatsapp:hover, .portfolio-share-box.style-3 a.post-share-whatsapp, .portfolio-share-box.style-3 a.post-share-whatsapp:hover, .portfolio-share-box.style-4 a.post-share-whatsapp:hover { background-color: #00e676; border-color: #00e676; } .portfolio-share-box.style-2 a.post-share-telegram:hover, .portfolio-share-box.style-3 a.post-share-telegram, .portfolio-share-box.style-3 a.post-share-telegram:hover, .portfolio-share-box.style-4 a.post-share-telegram:hover { background-color: #289fd9; border-color: #289fd9; } .portfolio-share-box.style-2 a.post-share-reddit:hover, .portfolio-share-box.style-3 a.post-share-reddit, .portfolio-share-box.style-3 a.post-share-reddit:hover, .portfolio-share-box.style-4 a.post-share-reddit:hover { background-color: #f74300; border-color: #f74300; } .portfolio-share-box.style-2 a.post-share-ok:hover, .portfolio-share-box.style-3 a.post-share-ok, .portfolio-share-box.style-3 a.post-share-ok:hover, .portfolio-share-box.style-4 a.post-share-ok:hover { background-color: #f18f00; border-color: #f18f00; } .portfolio-share-box.style-2 a.post-share-stumbleupon:hover, .portfolio-share-box.style-3 a.post-share-stumbleupon, .portfolio-share-box.style-3 a.post-share-stumbleupon:hover, .portfolio-share-box.style-4 a.post-share-stumbleupon:hover { background-color: #eb4823; border-color: #eb4823; } .portfolio-share-box.style-2 a.post-share-viber:hover, .portfolio-share-box.style-3 a.post-share-viber, .portfolio-share-box.style-3 a.post-share-viber:hover, .portfolio-share-box.style-4 a.post-share-viber:hover { background-color: #7d51a0; border-color: #7d51a0; } .portfolio-share-box.style-2 a.post-share-line:hover, .portfolio-share-box.style-3 a.post-share-line, .portfolio-share-box.style-3 a.post-share-line:hover, .portfolio-share-box.style-4 a.post-share-line:hover { background-color: #01b901; border-color: #01b901; } .portfolio-share-box.style-3 .list-posts-share a:hover { opacity: 0.85; } .portfolio-share-box.style-4 .list-posts-share a { background-color: #eee; border-color: #eee; } .portfolio-share-box.style-4 .list-posts-share a:hover { color: #fff; } @media only screen and (min-width: 768px) { .container.portfolio-single-width-no-sidebar-small-container { max-width: 770px; margin-left: auto; margin-right: auto; } } .container.portfolio-single-width-fullwidth { width: 100%; padding-left: 15px; padding-right: 15px; } .portfolio-releated-area .item-related h3 a { letter-spacing: 0; text-transform: none; font-size: 16px; } .portfolio-releated-area .item-related .portfolio-cat { display: block; margin-top: 6px; } .portfolio-releated-area .item-related .portfolio-cat a { color: var(--pcmeta-cl); } .portfolio-releated-area .item-related .portfolio-cat a:hover { color: var(--pcaccent-cl); } .portfolio-releated-area .item-related .portfolio-cat a:not(:last-child):after { content: ","; display: inline-block; } .portfolio-page-content .portfolio-detail { max-width: unset; } /* = BBpress forums -----------------------------------------------------*/ /**** breadcrumb ***/ .bbp-breadcrumb { } div.bbp-breadcrumb { float: none; display: block; margin-bottom: 30px; } .bbp-breadcrumb span, .bbp-breadcrumb a { font-size: 13px; color: #888888; font-family: var(--pchead-font); font-weight: 500; } .bbp-breadcrumb .bbp-breadcrumb-sep { color: #888888; font-size: 13px; margin: 0 15px; } /**** Widget ****/ .widget_display_stats dl { overflow: hidden; } .widget_display_stats dd, .widget_display_stats dt { display: inline-block; vertical-align: top; margin-bottom: 11px; padding-bottom: 12px; border-bottom: 1px solid #dedede; font-size: 14px; } .widget_display_stats dd:last-of-type, .widget_display_stats dt:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget_display_stats dt { float: left; width: 75%; } .widget_display_stats dt:before { content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 10px; font-size: 90%; } .penci-fawesome-ver5 .widget_display_stats dt:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .widget_display_stats dd { float: right; font-style: italic; color: #888888; font-family: var(--pcbody-font); font-weight: normal; text-align: right; width: 25%; position: relative; } .widget_display_stats dd strong { font-weight: normal; } div.ppt { font-weight: normal; } .pp_gallery ul a, .pp_gallery ul { height: 62px; } .pp_gallery { margin-top: -65px; } .pp_nav p { line-height: 1; } .penci-google-adsense, .penci-google-adsense-1, .penci-google-adsense-2 { margin: 0 0 30px; text-align: center; overflow: hidden; display: block; } @media only screen and (max-width: 767px) { .penci-google-adsense, .penci-google-adsense-1, .penci-google-adsense-2 { overflow: visible; } } .penci-google-adsense.penci-google-adsense-footer { margin-left: auto; margin-right: auto; margin-bottom: 50px; } .penci-adsense-below-slider { margin-left: auto; margin-right: auto; margin-bottom: 60px; margin-top: calc(30px - var(--pchd-mg)); text-align: center; } .widget_text .textwidget blockquote { margin-bottom: 10px; padding-left: 40px; position: relative; } .widget_text .textwidget blockquote:before { color: #999999; position: absolute; top: 0; left: 0; font-size: 22px; content: "\f10d"; font-family: FontAwesome; line-height: 1; } .penci-fawesome-ver5 .widget_text .textwidget blockquote:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } /*----------------------------------------------- Vertical Nav ------------------------------------------------*/ .penci-vernav-enable .penci-menu-hbg { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15); } .penci-vernav-toggle { position: fixed; width: 50px; height: 50px; display: none; line-height: 40px; background: none; top: 0; left: 0; z-index: 99997; transition: all 0.5s; -webkit-transition: all 0.5s; overflow: hidden; } .penci-vernav-toggle svg { position: absolute; top: 5px; left: 5px; fill: #fff; } .penci-vernav-poright .penci-vernav-toggle svg { left: auto; right: 5px; } .penci-vernav-poright .penci-vernav-toggle { right: 0; left: auto; } .penci-vernav-poleft.penci-menuhbg-open .penci-vernav-toggle { left: 330px; } .penci-vernav-poright.penci-menuhbg-open .penci-vernav-toggle { right: 330px; } body.admin-bar .penci-vernav-toggle { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .penci-vernav-toggle { top: 46px; } } .penci-vernav-toggle:before { width: 0; height: 0; border-top: 50px solid var(--pcaccent-cl); border-right: 50px solid transparent; content: ""; display: block; } .penci-vernav-poright .penci-vernav-toggle:before { border-left: 50px solid transparent; } .penci-vernav-toggle i { position: absolute; z-index: 10; font-size: 14px; top: 7px; left: 9px; font-weight: normal; line-height: 1; color: #fff; } body.penci-fawesome-ver5 .penci-vernav-toggle i { font-weight: 900; } .penci-vernav-poright .penci-vernav-toggle i { left: auto; right: 9px; } @media only screen and (min-width: 961px) { .penci-vernav-enable.penci-vernav-poleft .wrapper-boxed, .penci-vernav-enable.penci-vernav-poleft .pencipdc_podcast.pencipdc_dock_player { padding-left: 330px; } .penci-vernav-enable.penci-vernav-poright .wrapper-boxed, .penci-vernav-enable.penci-vernav-poright .pencipdc_podcast.pencipdc_dock_player { padding-right: 330px; } .penci-vernav-enable .is-sticky #navigation { width: calc(100% - 330px); } .penci-vernav-enable .penci-menu-hbg { transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; } } @media only screen and (max-width: 960px) { .penci-vernav-toggle { display: inline-block; } } @media only screen and (max-width: 479px) { .penci-menu-hbg { width: 330px !important; } .penci-vernav-poleft.penci-menuhbg-open .penci-vernav-toggle, .penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-left { left: 330px !important; } .penci-vernav-poright.penci-menuhbg-open .penci-vernav-toggle, .penci-menuhbg-open .penci-menu-hbg.penci-menu-hbg-right { right: 330px !important; } .penci-menu-hbg.penci-menu-hbg-right { transform: translateX(330px) !important; -webkit-transform: translateX(330px) !important; -moz-transform: translateX(330px) !important; } .penci-menu-hbg.penci-menu-hbg-left { transform: translateX(-330px) !important; -webkit-transform: translateX(-330px) !important; -moz-transform: translateX(-330px) !important; } } .penci-hbg-search-box { margin-bottom: 30px; } form.pc-searchform.penci-hbg-search-form .inner-hbg-search-form { position: relative; } form.pc-searchform.penci-hbg-search-form input.search-input { width: 100%; background: none; font-size: 13px; letter-spacing: 0; transition: all 0.3s; -webkit-transition: all 0.3s; } form.pc-searchform.penci-hbg-search-form input.search-input:hover, form.pc-searchform.penci-hbg-search-form input.search-input:focus { border-color: var(--pcaccent-cl); } form.pc-searchform.penci-hbg-search-form i { font-size: 14px; color: #c7c7c7; } #sidebar-nav form.pc-searchform.penci-hbg-search-form input.search-input:hover, #sidebar-nav form.pc-searchform.penci-hbg-search-form input.search-input:focus { border-color: #e9e9e9; } @media only screen and (max-width: 1350px) and (min-width: 961px) { .penci-vernav-enable .penci-sidebar-content, .penci-vernav-enable .penci-single-style-10 #sidebar.penci-sidebar-content, .penci-vernav-enable .penci-single-style-10 .penci-single-s10-content, .penci-vernav-enable .container.penci_sidebar #main { width: 100%; padding-left: 0 !important; padding-right: 0 !important; } .penci-vernav-enable .penci-single-style-10 .penci-single-s10-content, .penci-vernav-enable .penci-single-style-10 .penci-sidebar-content { width: 100%; position: static; margin-left: 0; top: auto; float: none; display: block; } .penci-vernav-enable .penci-single-style-10 .penci-sidebar-content { margin-bottom: 30px; } .penci-vernav-enable .penci-sidebar-content, .penci-vernav-enable .penci-single-style-10 #sidebar.penci-sidebar-content { margin-bottom: 40px; } } @media only screen and (max-width: 1300px) and (min-width: 961px) { .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-1, .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-2, .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-3, .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-5, .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-6, .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-7, .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-8, .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-9 { width: 100%; margin-right: 0; margin-bottom: 30px; } .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-4 { width: 48.5%; margin-bottom: 30px; } .penci-vernav-enable .footer-widget-wrapper.last { margin-bottom: 0; } .penci-vernav-enable .footer-widget-wrapper.footer-widget-style-4:nth-child(2n + 2) { margin-right: 0; } } /*----------------------------------------------- Gutenberg Elements ------------------------------------------------*/ .penci-wpblock .penci-gutenberg-missing { display: none !important; } .penci-wpblock ul.penci-grid { margin-left: 0; padding-left: 0; } .post-entry ol li.wp-block-latest-comments__comment { margin-bottom: 15px; } .post-entry .wp-block-quote::before, .wp-block-quote::before { content: "”"; } .penci_is_nosidebar .wp-block-image.alignfull, .penci_is_nosidebar .wp-block-cover-image.alignfull, .penci_is_nosidebar .wp-block-cover.alignfull, .penci_is_nosidebar .wp-block-gallery.alignfull, .penci_is_nosidebar .alignfull { margin-left: calc(50% - 50vw); width: 100vw; max-width: 100vw; } .penci_is_nosidebar .wp-block-image.alignfull, .penci_is_nosidebar .wp-block-cover-image.alignfull, .penci_is_nosidebar .wp-block-cover.alignfull, .penci_is_nosidebar .wp-block-gallery.alignfull, .penci_is_nosidebar .alignfull { margin-left: calc(50% - 50vw); width: 100vw; max-width: 100vw; } .post-entry ul.blocks-gallery-grid { padding-left: 0; } .is-type-wp-embed .wp-block-embed__wrapper iframe { position: static !important; } .is-type-wp-embed .wp-block-embed__wrapper blockquote { display: none; } @media only screen and (min-width: 961px) { .penci-vernav-enable .penci_is_nosidebar .wp-block-image.alignfull, .penci-vernav-enable .penci_is_nosidebar .wp-block-cover-image.alignfull, .penci-vernav-enable .penci_is_nosidebar .wp-block-cover.alignfull, .penci-vernav-enable .penci_is_nosidebar .wp-block-gallery.alignfull, .penci-vernav-enable .penci_is_nosidebar .alignfull { margin-left: calc(50% - 50vw + 165px); width: calc(100vw - 330px); } } .penci_is_nosidebar .wp-block-cover.alignwide, .penci_is_nosidebar .wp-block-cover-image.alignwide, .penci_is_nosidebar .wp-block-image.alignwide, .penci_is_nosidebar .wp-block-gallery.alignwide, .penci_is_nosidebar .alignwide { margin-left: calc(25% - 25vw); width: calc(50vw + 50%); max-width: calc(50vw + 50%); } @media only screen and (max-width: 767px) { .penci_is_nosidebar .wp-block-cover.alignwide, .penci_is_nosidebar .wp-block-cover-image.alignwide, .penci_is_nosidebar .wp-block-image.alignwide, .penci_is_nosidebar .wp-block-gallery.alignwide, .penci_is_nosidebar .alignwide { margin-left: calc(50% - 50vw); width: 100vw; max-width: 100vw; } } .wp-block-cover-image h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text { font-size: 36px; } @media only screen and (max-width: 767px) { .wp-block-cover-image h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text { font-size: 28px; } } .post-entry .wp-block-cover .wp-block-cover-text a { color: #fff; text-decoration: none; } blockquote.wp-block-quote:before { content: none; display: none; } .post-entry blockquote.wp-block-quote p, .wpb_text_column blockquote.wp-block-quote p { font-size: 16px; font-style: normal; color: #191e23; } .post-entry blockquote.wp-block-quote cite, .wpb_text_column blockquote.wp-block-quote cite { color: #6c7781; font-size: 13px; font-style: normal; font-weight: normal; text-transform: none; font-family: inherit; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { background: #f5f5f5; padding: 10px 20px 11px; } .post-entry blockquote.wp-block-quote.is-style-large p, .wpb_text_column blockquote.wp-block-quote.is-style-large p, .post-entry blockquote.wp-block-quote.is-large p, .wpb_text_column blockquote.wp-block-quote.is-large p { font-size: 24px; font-style: italic; } .wpb_text_column ul, .wpb_text_column ol { padding-left: 36px; margin-bottom: 20px; } .wpb_text_column ol ol, .wpb_text_column ul ul, .wpb_text_column ul ol, .wpb_text_column ol ul { margin: 2px 0; padding-left: 22px; } .wpb_text_column ul li { margin-bottom: 6px; position: relative; list-style-type: square; line-height: 1.7; } .wpb_text_column ol li { margin-bottom: 2px; list-style: decimal; } .post-entry .wp-block-file { font-size: 16px; } .post-entry .wp-block-file a, .container-single .post-entry .wp-block-file a { color: inherit; } .post-entry .wp-block-file a.wp-block-file__button { color: #fff; font-size: 14px; } .penci_is_nosidebar .wp-block-video.alignwide video, .penci_is_nosidebar .wp-block-video.alignfull video { width: 100%; } .post-entry .wp-block-table.is-style-stripes { border-top: none; border-left: none; border-right: none; } .post-entry pre.wp-block-verse, .post-entry .wp-block-verse pre { border: none; background: #f5f5f5; padding: 10px 20px; font-size: 16px; font-family: inherit; white-space: nowrap; overflow: auto; line-height: 1.8; } .post-entry .wp-block-pullquote { padding: 30px 0; margin-bottom: 20px; } .post-entry .wp-block-pullquote blockquote, .post-entry .wp-block-pullquote blockquote p, .post-entry .wp-block-pullquote blockquote cite { text-align: inherit; } .post-entry .wp-block-pullquote blockquote { padding-left: 0; margin-bottom: 0; } .post-entry .wp-block-pullquote blockquote:before { content: none; display: none; } .post-entry .wp-block-pullquote blockquote p { font-size: 28px; font-style: normal; color: #313131; } .post-entry .wp-block-pullquote blockquote cite { font-weight: inherit; color: inherit; font-family: inherit; margin-top: 10px; font-size: 13px; } .wp-block-pullquote.is-style-solid-color { background: #f5f5f5; } @media (min-width: 600px) { .wp-block-columns .wp-block-column:last-child { margin-right: 0; } .penci_is_nosidebar .wp-block-column .wp-block-cover-image.alignwide, .penci_is_nosidebar .wp-block-column .wp-block-image.alignwide, .penci_is_nosidebar .wp-block-column .wp-block-gallery.alignwide, .penci_is_nosidebar .wp-block-column .alignwide, .penci_is_nosidebar .wp-block-column .wp-block-cover-image.alignfull, .penci_is_nosidebar .wp-block-column .wp-block-image.alignfull, .penci_is_nosidebar .wp-block-column .wp-block-gallery.alignfull, .penci_is_nosidebar .wp-block-column .alignfull { margin-left: 0; width: 100%; max-width: 100%; } } .post-entry a.wp-block-button__link { text-decoration: none; } .has-larger-font-size, .has-huge-font-size { line-height: 1.4; } .post-entry a.has-white-color, .container-single .post-entry a.has-white-color, .post-entry a.wp-block-button__link, .container-single .post-entry a.wp-block-button__link { color: #fff; } .post-entry a.has-black-color, .container-single .post-entry a.has-black-color { color: #000; } .post-entry a.has-vivid-purple-color, .container-single .post-entry a.has-vivid-purple-color { color: #9b51e0; } .post-entry .wp-block-social-links:not(.is-style-logos-only) .wp-social-link a { color: #fff; } .wp-block-media-text .wp-block-media-text__content p:last-child { margin-bottom: 0; } .post-entry hr.wp-block-separator, .wp-block-separator { border-bottom: 2px solid #8f98a1; } .post-entry hr.wp-block-separator.is-style-wide, .wp-block-separator.is-style-wide { border-width: 1px; } .wp-block-separator.is-style-dots { border: none !important; } .wp-block-separator.is-style-dots:before { color: inherit; line-height: 1; } .wp-block-latest-posts { padding: 16px 20px 16px 36px !important; border: 1px solid #dedede; } .wp-block-latest-posts.is-grid { padding-bottom: 0 !important; } .wp-block-categories .category-item-count { color: #313131; } @media (min-width: 600px) { .wp-block-latest-posts.is-grid li { padding-right: 8px; } } @media only screen and (max-width: 767px) { .wp-block-media-text { display: block; } .wp-block-media-text .wp-block-media-text__content { display: block; padding: 0; text-align: center; margin-top: 20px; } .wp-block-media-text .has-large-font-size, .wp-block-media-text .has-huge-font-size { font-size: 22px; line-height: 1.5; } } .has-pale-pink-color.has-pale-pink-color { color: #f78da7 !important; } .has-vivid-red-color.has-vivid-red-color { color: #cf2e2e !important; } .has-luminous-vivid-orange-color.has-luminous-vivid-orange-color { color: #ff6900 !important; } .has-luminous-vivid-amber-color.has-luminous-vivid-amber-color { color: #fcb900 !important; } .has-light-green-cyan-color.has-light-green-cyan-color { color: #7bdcb5 !important; } .has-vivid-green-cyan-color.has-vivid-green-cyan-color { color: #00d084 !important; } .has-pale-cyan-blue-color.has-pale-cyan-blue-color { color: #8ed1fc !important; } .has-vivid-cyan-blue-color.has-vivid-cyan-blue-color { color: #0693e3 !important; } .has-very-light-gray-color.has-very-light-gray-color { color: #eee !important; } .has-cyan-bluish-gray-color.has-cyan-bluish-gray-color { color: #abb8c3 !important; } .has-very-dark-gray-color.has-very-dark-gray-color { color: #313131 !important; } .wp-block-embed .wp-block-embed__wrapper iframe, .wp-block-embed .wp-block-embed__wrapper twitter-widget { display: inline-block !important; } .wp-block-embed.aligncenter, .wp-block-embed.alignwide, .wp-block-embed.alignfull { text-align: center; } .wp-block-embed.alignleft { text-align: left; } .wp-block-embed.alignright { text-align: right; } .wp-block-embed-instagram figcaption { margin-top: -8px; } .wp-block-embed-dailymotion .wp-block-embed__wrapper { position: relative; padding-bottom: 56.2393%; } .wp-block-embed-youtube .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; } .wp-block-embed-youtube .wp-block-embed__wrapper .yt-video-place.embed-responsive { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-bottom: 0; width: 100%; padding-bottom: 0 !important; } .yt-video-place { position: relative; text-align: center; } .yt-video-place .play-yt-video { margin: auto; } .yt-video-place.embed-responsive { padding-bottom: 10px !important; height: auto; } .yt-video-place.embed-responsive:before { padding: 0px !important; } .start-video { position: absolute; padding: 0px; opacity: 1; cursor: pointer; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } #hpp_mPlayNxt { width: 100%; height: 100%; position: fixed; left: 0%; top: 0%; z-index: 999000000; text-align: center; } #hpp_mPlayNxt .yt-video-place { top: 10%; display: inline-block; height: auto; } #hpp_mPlayNxt .cover { position: absolute; background: #dadada; opacity: 0.5; width: 100%; height: 100%; } .widget_media_video iframe { width: 100%; min-height: 400px; } mediaelementwrapper > iframe { width: 100%; height: 100%; } .mejs-overlay-play { width: 100% !important; } .mejs-mediaelement { position: relative !important; } .mejs-container.wp-video-shortcode { height: auto !important; } .mejs-container video { height: auto; } .yt-video-place.embed-responsive .play-yt-video { width: 100%; aspect-ratio: 16/9; object-fit: cover; } .yt-video-place.embed-responsive .start-video { display: block; top: 0; left: 0; bottom: 0; right: 0; position: absolute; transform: none; } .yt-video-place.embed-responsive .start-video svg { margin: 0; padding: 0; top: 50%; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 68px; height: auto; } .yt-video-place.embed-responsive .start-video:hover svg path { transition: 0.3s all ease-in-out; } .yt-video-place.embed-responsive .start-video svg .red { fill: #212121; fill-opacity: 0.8; } .yt-video-place.embed-responsive .start-video svg .white { fill: #fff; } .yt-video-place.embed-responsive .start-video:hover svg .red { fill: #f00; fill-opacity: 1; } .fluid-width-video-wrapper iframe { z-index: 10; } .fluid-width-video-wrapper .yt-video-place.embed-responsive { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; } .fluid-width-video-wrapper .yt-video-place.embed-responsive > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .wp-block-embed-youtube .wp-block-embed__wrapper .fluid-width-video-wrapper { padding-top: 0 !important; position: static !important; } .wp-block-embed-dailymotion .wp-block-embed__wrapper iframe, .wp-block-embed-youtube .wp-block-embed__wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .wp-block-yoast-how-to-block .schema-how-to-total-time, .wp-block-yoast-how-to-block .schema-how-to-description { font-size: 16px; margin-bottom: 7px; } .wp-block-yoast-how-to-block ol.schema-how-to-steps { padding: 15px 20px 20px 32px; border: 1px solid #dedede; } .wp-block-yoast-how-to-block ol.schema-how-to-steps li { padding: 0; border-bottom: 1px solid #dedede; margin-bottom: 17px; } .wp-block-yoast-how-to-block ol.schema-how-to-steps li:last-child { margin-bottom: 0; border-bottom: none; } .wp-block-yoast-how-to-block ol.schema-how-to-steps li:last-child p.schema-how-to-step-text { margin-bottom: 0; } .wp-block-yoast-faq-block .schema-faq-section { border: 1px solid #dedede; padding: 15px 20px; margin-bottom: 15px; } .wp-block-yoast-faq-block .schema-faq-answer { margin-bottom: 0; } p.has-drop-cap:not(:focus):first-letter { float: left; font-size: 60px; line-height: 0.9; margin: 0 8px 0 0; text-transform: uppercase; font-style: normal; } .has-small-font-size, .post-entry p.has-small-font-size > * { font-size: 12px; } .has-medium-font-size, .post-entry p.has-medium-font-size > * { font-size: 20px; } .has-large-font-size, .post-entry p.has-large-font-size > * { font-size: 32px; } .has-huge-font-size, .post-entry p.has-huge-font-size > * { font-size: 42px; } .wp-block-embed-soundcloud .wp-block-embed__wrapper { width: 100%; position: relative; padding: 0; padding-top: 23.0555%; } .wp-block-embed-soundcloud .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wp-block-search { margin-bottom: 20px; } .wp-block-search .wp-block-search__label { margin-bottom: 5px; } .wp-block-search .wp-block-search__input { border: 1px solid #dedede; padding: 10px 20px; } .wp-block-search .wp-block-search__button { border: none; outline: none; padding: 0 12px; cursor: pointer; background: #e2e2e2; } /*----------------------------------------------- Re-style VC elements ------------------------------------------------*/ .post-entry .header-standard, .post-entry .penci-overlay-over .overlay-header-box, .post-entry .grid-header-box, .post-entry .grid-header-box .grid-title, .post-entry .header-list-style, .post-entry .header-list-style .grid-title, .post-entry .inner-boxed-2, .post-entry .inner-boxed-2 .grid-title, .post-entry .main-typography, .post-entry .main-typography .grid-title, .post-entry .grid-post-box-meta, .post-entry .item-related { line-height: 1; } .post-entry .header-standard h2, .post-entry .header-standard .post-title, .post-entry .overlay-title, .post-entry .grid-header-box .grid-title, .post-entry .header-list-style .grid-title, .post-entry .inner-boxed-2 .grid-title, .post-entry .main-typography .grid-title, .post-entry ul.penci-grid, .post-entry .home-featured-cat .magcat-titlte, .post-entry .penci-border-arrow .inner-arrow, .post-entry .item-related h3, .post-entry .home-pupular-posts-title { margin-bottom: 0; } .post-entry .header-standard h2 a, .post-entry .cat > a.penci-cat-name, .post-entry .header-standard .author-post span a, .post-entry .penci-post-box-meta .penci-box-meta a, .post-entry .overlay-header-box .overlay-title a, .post-entry .overlay-author a, .post-entry .grid-post-box-meta a, .post-entry .penci-grid li .item h2 a, .post-entry .penci-masonry .item-masonry h2 a, .post-entry .penci-readmore-btn a, .post-entry .penci-featured-cat-seemore a, .post-entry .grid-mixed .mixed-detail a, .post-entry .penci-magazine-title a, .post-entry .item-related a { text-decoration: none; } .post-entry .penci-grid > li { margin-bottom: 40px; } .post-entry .item-content p, .post-entry .mag-excerpt p { margin-bottom: 0; } .elementor-column-gap-wider > .elementor-column > .theiaStickySidebar > .elementor-element-populated { padding: 30px; } .elementor-column-gap-wide > .elementor-column > .theiaStickySidebar > .elementor-element-populated { padding: 20px; } .elementor-column-gap-extended > .elementor-column > .theiaStickySidebar > .elementor-element-populated { padding: 15px; } .elementor-column-gap-default > .elementor-column > .theiaStickySidebar > .elementor-element-populated { padding: 10px; } .elementor-column-gap-narrow > .elementor-column > .theiaStickySidebar > .elementor-element-populated { padding: 5px; } /* New CSS */ .post-pagination.pcpagp-style-2 .prev-post-title, .post-pagination.pcpagp-style-3 .prev-post-title, .post-pagination.pcpagp-style-4 .prev-post-title, .post-pagination.pcpagp-style-5 .prev-post-title { text-transform: uppercase; font-size: 12px; font-family: var(--pchead-font); letter-spacing: 0.05em; position: relative; } .post-pagination.pcpagp-style-2 .penci-post-nav-thumb { flex: 0 0 170px; height: 170px; } .post-pagination.pcpagp-style-2 .next-post, .post-pagination.pcpagp-style-2 .prev-post { display: flex; flex-direction: row; align-items: center; } .post-pagination.pcpagp-style-2 .next-post { flex-direction: row-reverse; } .post-pagination.pcpagp-style-3 { display: flex; justify-content: space-between; } .post-pagination.pcpagp-style-3 .penci-post-nav-thumb.nav-thumb-next { margin: 0; } .post-pagination.pcpagp-style-3 .next-post, .post-pagination.pcpagp-style-3 .prev-post { position: relative; } .post-pagination.pcpagp-style-3 .penci-post-nav-thumb { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .post-pagination.pcpagp-style-3 .prev-post-inner, .post-pagination.pcpagp-style-3 .next-post-inner { position: relative; padding: 40px; height: 100%; display: flex; align-items: center; } .post-pagination.pcpagp-style-3 .prev-post-inner:before, .post-pagination.pcpagp-style-3 .next-post-inner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); } .post-pagination.pcpagp-style-3 h5, .post-pagination.pcpagp-style-3 span { color: #fff; padding: 0; } .post-pagination.pcpagp-style-4 .penci-post-nav-thumb, .post-pagination.pcpagp-style-5 .penci-post-nav-thumb { width: 100%; height: 170px; float: none; margin-bottom: 15px; } .post-pagination.pcpagp-style-5 .penci-post-nav-thumb.nav-thumb-next { margin-left: 0; margin-right: 0; } .post-pagination.pcpagp-style-3 .next-post, .post-pagination.pcpagp-style-3 .prev-post, .post-pagination.pcpagp-style-5 .next-post, .post-pagination.pcpagp-style-5 .prev-post { width: calc(50% - 10px); } .post-pagination.pcpagp-style-5 .prev-post-inner, .post-pagination.pcpagp-style-5 .next-post-inner { padding: 20px 20px 20px 0; background: #fff; margin: -60px 60px 0 0; position: relative; } .post-pagination.pcpagp-style-5 .next-post-inner { margin: -60px 0 0 60px; padding: 20px 0 20px 20px; } .post-entry.blockquote-style-3 blockquote:not(.wp-block-quote) { padding: 15px 50px 15px 0px; border-top: 5px solid var(--pcaccent-cl); border-bottom: 1px solid var(--pcaccent-cl); } .post-entry.blockquote-style-3 blockquote:not(.wp-block-quote) p { font-size: 24px; color: var(--pcaccent-cl); font-style: normal; line-height: 1.6; font-weight: var(--pchead-wei); font-family: var(--pchead-font); } .post-entry.blockquote-style-3 blockquote:not(.wp-block-quote):before { transform: rotate(180deg); font-size: 50px; bottom: 10px; right: 0; top: auto; left: auto; opacity: 0.1; } .post-entry.blockquote-style-4 blockquote:not(.wp-block-quote), .post-entry.blockquote-style-5 blockquote:not(.wp-block-quote) { padding: 15px 10%; margin: 1.2em auto; } .post-entry.blockquote-style-4 blockquote:not(.wp-block-quote) p { font-size: 22px; color: var(--pcmeta-cl); font-style: italic; line-height: 1.6; text-align: center; } .post-entry.blockquote-style-4 blockquote:not(.wp-block-quote):before, .post-entry.blockquote-style-4 blockquote:not(.wp-block-quote):after, .post-entry.blockquote-style-5 blockquote:not(.wp-block-quote):after { content: ''; width: 100px; height: 2px; background: var(--pcmeta-cl); left: 50%; right: 50%; transform: translateX(-50%); position: absolute; opacity: 0.5; top: 0; } .post-entry.blockquote-style-4 blockquote:not(.wp-block-quote):after { bottom: 0; top: auto; } .post-entry.blockquote-style-5 blockquote:not(.wp-block-quote) { padding-top: 40px; } .post-entry.blockquote-style-5 blockquote:not(.wp-block-quote) p { font-size: 22px; color: var(--pcheading-cl); font-style: italic; line-height: 1.6; text-align: center; } .post-entry.blockquote-style-5 blockquote:not(.wp-block-quote):before { left: 50%; right: 50%; transform: translateX(-50%) rotate(180deg); top: 0; color: var(--pcmeta-cl); display: inline-block; width: 40px; text-align: center; font-size: 32px; opacity: 0.7; } .post-entry.blockquote-style-5 blockquote:not(.wp-block-quote):after { bottom: 0; top: auto; } .penci-preview-thumb { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } .penci-preview-thumb .penci-preview-iframe { position: relative; overflow: hidden; width: 100%; height: 100%; } .penci-preview-thumb video, .penci-preview-thumb iframe { width: 100%; height: 100%; object-fit: cover; pointer-events: none; } .penci-preview-thumb iframe:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } .post-related .penci-preview-thumb { margin-left: 10px; margin-right: 10px; max-height: 160px; } .penci-preview-iframe, .penci-preview-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .penci-preview-iframe iframe { max-width: unset !important; top: 50%; left: 50%; transform: translate(-50%,-50%); } .e-con>.e-con-inner>.theiaStickySidebar>.elementor-widget>.elementor-widget-container, .e-con>.theiaStickySidebar>.elementor-widget>.elementor-widget-container { height:100% } .e-con.e-con>.theiaStickySidebar>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.theiaStickySidebar>.elementor-widget { max-width:100% } .elementor-element:where(.e-con-full) .theiaStickySidebar { display: var(--display); flex-direction: var(--flex-direction); flex-wrap: var(--flex-wrap); justify-content: var(--justify-content); align-items: var(--align-items); align-content: var(--align-content); gap: var(--gap); } .elementor-widget-penci-sidebar .theiaStickySidebar { display: block !important; } /*----------------------------------------------- Responsive Design ------------------------------------------------*/ @media only screen and (min-width: 961px) and (max-width: 1400px) { .container.two-sidebar.two-sidebar { width: 100%; max-width: 100%; padding-left: 10px; padding-right: 10px; } } /*--------- Max width 1169px and Min width 961px ---------*/ @media only screen and (min-width: 1170px) { .footer-widget-wrapper .fb_iframe_widget, .footer-widget-wrapper .fb_iframe_widget span, .footer-widget-wrapper .fb_iframe_widget span iframe[style] { width: 340px !important; } .footer-widget-wrapper .widget.penci_facebook_widget { text-align: center; } } @media only screen and (max-width: 1200px) { .featured-style-38 .penci-owl-carousel .swiper-slide { width: 400px; } } @media only screen and (max-width: 1169px) { .penci-video-overlay-background { display: block; } .penci-post-gallery-container.masonry .item-gallery-masonry, .inner-portfolio-posts .portfolio-item { width: 50%; } .penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p { display: block; max-width: 100% !important; text-align: center; padding: 0; } .penci-header-signup-form .mc4wp-form input[type="text"], .penci-header-signup-form .mc4wp-form input[type="email"], .penci-header-signup-form .mc4wp-form input[type="submit"] { margin: 20px auto 0; max-width: 400px; } ul.homepage-featured-boxes, .post-entry ul.homepage-featured-boxes { margin-left: -8px; margin-right: -8px; } ul.homepage-featured-boxes li, .post-entry ul.homepage-featured-boxes li { padding: 0 8px; } .penci-post-gallery-container.masonry.column-4 .item-gallery-masonry { width: 50%; } .pencislider-container { padding: 0 25px; } .featured-style-3 .penci-owl-carousel .penci-image-holder:before { height: 0; padding-top: 50%; } .featured-style-20 .penci-mag-featured-content .feat-meta, .featured-style-21 .penci-mag-featured-content .feat-meta, .featured-style-22 .penci-mag-featured-content .feat-meta, .featured-style-23 .penci-mag-featured-content .feat-meta, .featured-style-24 .penci-mag-featured-content .feat-meta, .featured-style-25 .penci-mag-featured-content .feat-meta, .featured-style-26 .penci-mag-featured-content .feat-meta { display: none; } .penci-item-mag { overflow: hidden; } .featured-style-24 .penci-image-holder:before { height: 160px; } .featured-style-24 .penci-item-2 .penci-image-holder:before { height: 200px; } .featured-style-24 .penci-item-1 .penci-image-holder:before { height: 364px; } .featured-style-24 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 20px; } .featured-style-24 .penci-item-2 .penci-mag-featured-content h3 a { font-size: 16px; } .featured-style-24 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-24 .penci-item-0 .penci-mag-featured-content h3 a { text-transform: none; letter-spacing: 0; } .featured-style-25 .penci-image-holder:before { height: 150px; } .featured-style-26 .penci-image-holder:before { height: 160px; } .featured-style-25 .penci-item-1 .penci-image-holder:before { height: 458px; } .featured-style-26 .penci-item-1 .penci-image-holder:before { height: 324px; } .featured-style-29.style-30 .penci-image-holder:before { height: 450px; } .footer-widget-wrapper.footer-widget-style-4 { width: 48%; margin-right: 4%; } .footer-widget-wrapper.footer-widget-style-4:nth-child(2) { margin-right: 0; } .footer-widget-wrapper.footer-widget-style-4:nth-child(3) { clear: both; } .footer-widget-wrapper.footer-widget-style-4:nth-child(1), .footer-widget-wrapper.footer-widget-style-4:nth-child(2) { margin-bottom: 30px; } .footer-widget-wrapper.footer-widget-style-5, .footer-widget-wrapper.footer-widget-style-6, .footer-widget-wrapper.footer-widget-style-7 { width: 25.25%; } .footer-widget-wrapper.footer-widget-style-5:first-child, .footer-widget-wrapper.footer-widget-style-6:nth-child(2), .footer-widget-wrapper.footer-widget-style-7:last-child { width: 42.5%; } .footer-widget-wrapper.footer-widget-style-8, .footer-widget-wrapper.footer-widget-style-9 { width: 26%; } .footer-widget-wrapper.footer-widget-style-8:last-child, .footer-widget-wrapper.footer-widget-style-9:first-child { width: 70.5%; } .penci-related-grid-display .item-related { width: 50%; } .penci-related-grid-display .item-related:nth-child(3n + 1) { clear: none; } .penci-related-grid-display .item-related:nth-child(2n + 1) { clear: both; } .featured-style-35.style-36 .penci-featured-content-right, .featured-style-35 .penci-featured-content-right { width: 350px; } .featured-style-35.style-36 .penci-image-holder:before, .featured-style-35 .penci-image-holder:before { height: 450px; } .featured-style-35 .featured-content-excerpt p { display: none; } .featured-style-35 .feat-text-right .penci-featured-slider-button { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; } .featured-style-35 .feat-text-right h3 a { font-size: 24px; } .penci-headline { text-align: center; padding: 15px 0 8px; } .penci-headline .pctopbar-item { float: none; margin-left: 0; margin-right: 0; display: block; margin-bottom: 10px; line-height: normal; } .penci-headline .pctopbar-item.penci-topbar-social, .penci-headline .pctopbar-item.penci-topbar-social-mobile { margin-bottom: 6px; } .penci-topbar-social a, .penci-topbar-social-mobile a { line-height: normal; float: none; margin-bottom: 5px; } ul.penci-topbar-menu-mobile > li > a, div.penci-topbar-menu-mobile > ul > li > a, ul.penci-topbar-menu > li > a, div.penci-topbar-menu > ul > li > a { line-height: 1.6; } .penci-headline .pctopbar-item.penci-topbar-trending { margin-left: auto; margin-right: auto; } .pctopbar-login-btn li.pclogin-item img { top: auto; display: inline-block; } } @media only screen and (min-width: 961px) and (max-width: 1169px) { .container, .featured-area.style-1, .featured-area.style-4, .featured-area.magazine-slider, #navigation ul.menu > li.megamenu > ul.sub-menu { width: 940px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 1000px; } .container.has-banner #logo { width: 320px; padding-right: 30px; } .container.has-banner .header-banner { width: 620px; } #navigation.header-4 .pcheader-icon, #navigation.header-5 .pcheader-icon, #navigation.header-6 .pcheader-icon { margin-left: 26px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 25%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 33.3333%; } #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-5.mega-row-1 .penci-mega-post:nth-child(5), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-4.mega-row-1 .penci-mega-post:nth-child(4), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(9), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(10), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(8), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(7), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(15), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(14), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(13), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(12), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(11), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(10) { display: none; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n + 1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n + 1) { clear: none; } #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(4n + 1), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(3n + 1), #navigation .penci-megamenu .penci-content-megamenu:not(.pcmis-5) .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(3n + 1) { clear: both; } #navigation ul.menu > li, #navigation .menu > ul > li { margin-right: 16px; } #navigation ul.menu li.megamenu ul ul > li > a, #navigation .menu ul li.megamenu ul ul > li > a { margin: 0 10px; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 38.7%; } .featured-carousel.style-7 .featured-content .feat-text h3, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3, .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { content: none; display: none; } .penci-image-holder.slider-style-1-fix { height: 480px; } .penci-image-holder.slider-style-3-fix { height: 460px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content { height: 300px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content { height: 600px; } .penci-magazine-slider ul.mag-wrap li { width: 303px; height: 212px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 636px; height: 424px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { left: 10px; top: 10px; right: 10px; bottom: 10px; } /* Slider */ .featured-style-6 .wrapper-item .penci-item-mag { width: 32.83%; } .featured-style-6 .wrapper-item .penci-item-1 { width: 67.17%; border-right: 5px solid transparent; } .featured-style-6 .wrapper-item .penci-item-2 { border-bottom: 2px solid transparent; } .featured-style-6 .wrapper-item .penci-item-0 { border-top: 3px solid transparent; } .featured-style-13 .penci-image-holder:before, .featured-style-15 .penci-image-holder:before { height: 350px; } .featured-style-14 .penci-image-holder:before, .featured-style-16 .penci-image-holder:before { height: 300px; } .featured-style-16 .penci-mag-featured-content h3 a { font-size: 15px; } .featured-style-17 .penci-image-holder:before, .featured-style-18 .penci-image-holder:before { height: 160px; } .featured-style-17 .penci-slide17-item-2 .penci-image-holder:before, .featured-style-18 .penci-slide17-item-2 .penci-image-holder:before { height: 324px; } .featured-style-17 .penci-mag-featured-content .feat-meta, .featured-style-18 .penci-mag-featured-content .feat-meta { display: none; } .penci-mag-featured-content h3 a { font-size: 14px; } .featured-style-17 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-18 .penci-item-3 .penci-mag-featured-content h3 a { font-size: 20px; } .featured-style-17 .penci-slide-overlay .penci-mag-featured-content, .featured-style-18 .penci-slide-overlay .penci-mag-featured-content { left: 0; width: 100%; padding: 0 5px; text-align: center; } .penci-grid li.list-boxed-post-2 { width: 50%; } .penci_sidebar .penci-grid li.list-boxed-post-2 { width: 100%; } .penci-grid li.list-boxed-post-2:nth-of-type(2n + 1) { clear: both; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 312px; } .penci-grid li.list-boxed-post-2:nth-of-type(2n + 1) .content-boxed-2.show-top { display: none; } .penci-grid li.list-boxed-post-2:nth-of-type(2n + 1) .content-boxed-2.show-bottom { display: block; } .penci-grid li.list-boxed-post-2:nth-of-type(2n + 2) .content-boxed-2.show-top { display: block; } .penci-grid li.list-boxed-post-2:nth-of-type(2n + 2) .content-boxed-2.show-bottom { display: none; } .penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { display: none !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { display: block !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 312px; height: auto; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { display: none; content: none; } .penci-photo-2-effect figcaption h2 { padding: 0 20px 20px; font-size: 18px; } .penci-photo-2-effect figcaption p { margin-top: 20px; padding: 0 20px; font-size: 93%; } .penci_sidebar .penci-photo-2-effect figcaption p { display: none; } .penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after { display: none; content: none; } .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 14px; } .container.penci_sidebar .penci-grid li.typography-style { width: 48.05%; margin-right: 3.9%; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(3n + 3) { margin-right: 3.9%; clear: none; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n + 1) { margin-right: 0; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n + 1) { clear: both; } .container.penci_sidebar .penci-grid li.typography-style { width: 100%; margin-right: 0; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image img, .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a, .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 14px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text .side-item-meta, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 11px; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 17%; } .penci-grid .list-post.list-boxed-post .item .content-list-right { min-height: 313px; height: 313px; } .container.penci_sidebar .penci-masonry .item-masonry.standard-masonry { width: 100%; } .home-featured-cat-content .mag-photo .magcat-detail { width: 100%; } .home-featured-cat-content .magcat-detail h3 a { font-size: 14px; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { font-size: 12px; } .widget-social.show-text a span { margin-left: 1px; font-size: 12px; } ul.footer-socials li { margin-right: 12px; } ul.footer-socials li a span { margin-left: 8px; } .overlay-header-box .overlay-title a { font-size: 20px; } .widget .penci-widget-slider .penci-widget-slide-detail h4 a { font-size: 14px; } .penci-widget-slide-detail .slide-item-date { font-size: 13px; } .home-featured-cat-content .mag-photo .magcat-detail { padding: 15px; } .home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a { font-size: 16px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 20px; } } @media only screen and (max-width: 1169px) { .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { margin: 0 0 5px; width: 100% !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 { margin: 0; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content { width: 50%; float: left; display: block; margin: 0 !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content:first-child { border-right: 3px solid transparent; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content:last-child { border-left: 3px solid transparent; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content { width: 100%; border: none !important; } .penci-magazine-slider img { width: 100%; } } /*--------- Min width 961px ---------*/ @media only screen and (min-width: 961px) { #navigation .menu { display: inline-block !important; } } /*--------- Max width 960px ---------*/ @media only screen and (max-width: 960px) { .container.has-banner #logo { text-align: center; display: block; width: auto; } .container.has-banner .header-banner { display: block; margin-top: 30px; width: 100%; text-align: center; } .featured-area.style-7.loaded .featured-carousel:before { content: none; display: none; } .featured-style-2 .penci-owl-carousel .swiper-slide { width: 760px; } .penci-top-bar { text-align: center; } .penci-top-bar.no-social.topbar-menu { display: block; } .penci-topbar-social { float: none; } .overlay-video-click { display: none !important; } #navigation.header-11 > .container, #navigation.header-10 > .container { display: table; } #navigation.header-11 .penci-menu-wrap, #navigation.header-10 .penci-menu-wrap { display: none; } #navigation.header-11, #navigation.header-11 .penci-menuhbg-toggle, #navigation.header-10, #navigation.header-10 .penci-menuhbg-toggle, #navigation.header-6, #navigation.header-6 .penci-menuhbg-toggle { height: 60px; } #navigation.header-6 .container { text-align: center; } #navigation.header-6 #logo { float: none; display: inline-block; } #navigation.header-6 #logo img { max-height: 58px; padding: 10px 0; } #navigation.header-11 .show-search, #navigation.header-10 .show-search, #navigation.header-9 .show-search, #navigation.header-6 .show-search { height: 58px; } #navigation.header-9 .pcheader-icon > a, #navigation.header-9 .show-search a.close-search, #navigation.header-9 .main-nav-social, #navigation.header-10 .pcheader-icon > a, #navigation.header-10 .show-search a.close-search, #navigation.header-10 .main-nav-social, #navigation.header-11 .pcheader-icon > a, #navigation.header-11 .show-search a.close-search, #navigation.header-11 .main-nav-social { height: 58px; line-height: 58px; } #navigation.header-6 .pcheader-icon > a, #navigation.header-6 .show-search a.close-search, #navigation.header-6 .main-nav-social { height: 58px; line-height: 58px; } #navigation.header-6 .show-search form.pc-searchform input.search-input { height: 58px; padding: 15px 35px 15px 0; } #navigation.header-6 .pcheader-icon.shoping-cart-icon > a > span { top: 12px; } #navigation.header-7, #navigation.header-8, #navigation.header-9 { padding: 0 10px; } .penci-magazine-slider ul.mag-wrap li { width: 50%; height: 240px; border: none; } .wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-prev { left: 0 !important; } .wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-next { right: 0 !important; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 100%; padding-bottom: 66.11%; height: 0; border: none; border-bottom: 4px solid transparent; } .penci-magazine-slider ul.mag-wrap li.mag-item-2 { border-right: 2px solid transparent; border-bottom: none; } .penci-magazine-slider ul.mag-wrap li.mag-item-3 { border-left: 2px solid transparent; border-bottom: none; } /* Slider */ .featured-style-4 .penci-owl-carousel .penci-image-holder:before, .featured-style-5 .penci-owl-carousel .penci-image-holder:before { height: 0; padding-top: 50%; } .featured-style-4 .penci-featured-content .featured-slider-overlay, .featured-style-5 .penci-featured-content .featured-slider-overlay { background: #000; } .featured-style-4 .penci-featured-content .feat-text h3 a, .featured-style-5 .penci-featured-content .feat-text h3 a { font-size: 22px; } .featured-style-4 .penci-owl-carousel .penci-image-holder, .featured-style-5 .penci-owl-carousel .penci-image-holder, .featured-style-4 .penci-featured-content, .featured-style-5 .penci-featured-content { width: 100%; } .penci-slider4-overlay, .penci-slider5-overlay { background: none !important; } .featured-style-6 .wrapper-item .penci-item-mag { width: 50%; border: none; } .featured-style-6 .wrapper-item .penci-item-1, .featured-style-14 .wrapper-item .penci-item-1, .featured-style-16 .wrapper-item .penci-item-2, .featured-style-16 .wrapper-item .penci-item-mag { width: 100%; border: none; border-bottom: 4px solid transparent; } .featured-style-6 .wrapper-item .penci-item-2 { border-right: 2px solid transparent; } .featured-style-6 .wrapper-item .penci-item-0 { border-left: 2px solid transparent; } .featured-style-13 .wrapper-item .penci-item-mag, .featured-style-14 .wrapper-item .penci-item-mag { width: 50%; } .featured-style-13 .wrapper-item .penci-item-1, .featured-style-15 .wrapper-item .penci-item-2, .featured-style-15 .wrapper-item .penci-item-mag, .featured-style-14 .wrapper-item .penci-item-1 { width: 100%; } .featured-style-13 .penci-slide-overlay .penci-mag-featured-content, .featured-style-15 .penci-slide-overlay .penci-mag-featured-content, .featured-style-14 .penci-slide-overlay .penci-mag-featured-content, .featured-style-16 .penci-slide-overlay .penci-mag-featured-content { text-align: center; } .featured-style-13 .penci-image-holder:before { height: 400px; } .featured-style-14 .penci-image-holder:before, .featured-style-15 .penci-image-holder:before, .featured-style-16 .penci-image-holder:before { height: 350px; } .featured-style-17 .wrapper-item .penci-slider17-mag-item, .featured-style-17 .wrapper-item .penci-slide17-item-2, .featured-style-18 .wrapper-item .penci-slider17-mag-item, .featured-style-18 .wrapper-item .penci-slide17-item-2 { float: none; width: 100%; vertical-align: top; } .featured-style-17 .wrapper-item .penci-slide17-item-2, .featured-style-18 .wrapper-item .penci-slide17-item-2 { border: none; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-1, .featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-2, .featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-4, .featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-0, .featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-1, .featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-2, .featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-4, .featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-0 { width: 50%; float: left; } .featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-1, .featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-4, .featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-1, .featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-4 { border-right: 2px solid transparent; margin: 0; } .featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-2, .featured-style-17 .wrapper-item .penci-slider17-mag-item .penci-item-0, .featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-2, .featured-style-18 .wrapper-item .penci-slider17-mag-item .penci-item-0 { border-left: 2px solid transparent; } .featured-style-17 .penci-image-holder:before, .featured-style-18 .penci-image-holder:before { height: 200px; } .featured-style-17 .penci-slide17-item-2 .penci-image-holder:before, .featured-style-18 .penci-slide17-item-2 .penci-image-holder:before { height: 300px; } .featured-style-19 .penci-mag-featured-content .feat-meta { display: none; } .featured-style-19 .penci-image-holder:before { height: 215px; } .featured-style-19 .penci-mag-featured-content h3 a { font-size: 14px; } .featured-style-19 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-19 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 18px; } .featured-style-20 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-20 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 16px; } .featured-style-20 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-20 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-20 .penci-item-0 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-3 .penci-mag-featured-content h3 a { font-size: 14px; text-transform: none; letter-spacing: 0; } .featured-style-22 .wrapper-item .penci-item-mag, .featured-style-23 .wrapper-item .penci-item-mag, .featured-style-27 .wrapper-item .penci-item-mag { border-bottom: 4px solid transparent; width: 50%; } .featured-style-22 .wrapper-item .penci-item-1, .featured-style-27 .wrapper-item .penci-item-1 { width: 100%; } .featured-style-22 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-5 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-6 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 16px; text-transform: none; letter-spacing: 0; } .featured-style-23 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-5 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 18px; text-transform: none; letter-spacing: 0; } .featured-style-24 .wrapper-item .penci-item-mag, .featured-style-25 .wrapper-item .penci-item-mag, .featured-style-25 .wrapper-item .penci-item-1, .featured-style-26 .wrapper-item .penci-item-mag { width: 50%; } .featured-style-24 .wrapper-item .penci-item-1, .featured-style-24 .wrapper-item .penci-item-2, .featured-style-24 .wrapper-item .penci-item-3, .featured-style-24 .wrapper-item .penci-item-0 { border-bottom: 4px solid transparent; } .featured-style-24 .penci-item-1 .penci-image-holder:before, .featured-style-24 .penci-item-2 .penci-image-holder:before, .featured-style-24 .penci-item-3 .penci-image-holder:before, .featured-style-24 .penci-item-0 .penci-image-holder:before, .featured-style-25 .penci-item-1 .penci-image-holder:before, .featured-style-25 .penci-item-2 .penci-image-holder:before, .featured-style-25 .penci-item-3 .penci-image-holder:before, .featured-style-25 .penci-item-0 .penci-image-holder:before, .featured-style-27 .penci-image-holder:before { height: 200px; } .featured-style-24 .penci-mag-featured-content .cat, .featured-style-25 .penci-mag-featured-content .cat { display: none; } .featured-style-24 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-24 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-24 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-24 .penci-item-0 .penci-mag-featured-content h3 a, .featured-style-25 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-25 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-25 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-25 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 16px; text-transform: none; letter-spacing: 0; } .featured-style-26 .wrapper-item .penci-item-1 { width: 100%; border-bottom: 4px solid transparent; } .featured-style-27 .penci-mag-featured-content .feat-meta { display: none; } .featured-style-27 .penci-item-1 .penci-image-holder:before { height: 250px; } .featured-style-35.style-36 .penci-featured-content-right, .featured-style-35 .penci-featured-content-right { width: 100%; text-align: center; } .featured-style-35.style-36 .penci-image-holder:before, .featured-style-35 .penci-image-holder:before { height: 0; padding-top: 55%; } .featured-style-35 .feat-text-right .penci-featured-slider-button { display: none; } .penci-featured-content-right:before { content: none; } .penci-featured-content-right .feat-text-right:before { background: #000; opacity: 0.7; content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; z-index: 1; } .featured-style-35 .feat-text-right h3, .featured-style-35 .featured-cat { z-index: 5; position: relative; } .featured-style-35 .penci-owl-carousel.penci-owl-loaded .active .featured-cat, .featured-style-35 .penci-owl-carousel.penci-owl-loaded .active .feat-text-right h3, .featured-style-35 .penci-owl-carousel.penci-owl-loaded .active .featured-content-excerpt, .featured-style-35 .penci-owl-carousel.penci-owl-loaded .active .penci-featured-slider-button { animation-name: none; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; } .featured-style-35 .featured-content-excerpt { display: none; } .feat-text-right { padding-top: 15px; padding-bottom: 15px; width: 450px; left: 50%; margin-left: -225px; } .featured-style-37 .penci-featured-items-left, .featured-style-37 .penci-featured-items-right { width: 100%; border: none; float: none; } .featured-style-37 .penci-featured-items-left { margin-bottom: 4px; } .featured-style-37 .penci-featured-items-right .item { width: 50%; border: none; margin: 0 !important; float: left; } .featured-style-37 .penci-featured-items-right .item:first-child { border-right: 2px solid transparent; } .featured-style-37 .penci-featured-items-right .item:last-child { border-left: 2px solid transparent; } h2.penci-heading-video { font-size: 24px; } p.penci-sub-heading-video { font-size: 14px; } .penci-grid li.list-boxed-post-2 { width: 100% !important; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { display: none !important; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { display: block !important; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2, .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 312px; height: auto; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { display: none; content: none; } .container .penci-grid li.typography-style { width: 100% !important; margin-right: 0 !important; } .penci-photo-2-effect figcaption p, .penci_sidebar .penci-photo-2-effect figcaption p { display: none; } .penci-photo-2-effect figcaption:before, .penci-photo-2-effect figcaption:after, .penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after { display: none; content: none; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .grid-mixed .thumbnail img { width: 100%; height: auto; } .grid-mixed .thumbnail.thumb-left, .grid-mixed .mixed-detail { display: block !important; width: 100%; } .grid-mixed .mixed-detail { padding: 30px; } .grid-mixed .penci-post-box-meta { position: relative; margin: 31px 0 4px; left: auto; right: auto; bottom: auto; } .grid-mixed .thumbnail.thumb-right { display: none !important; } #navigation.header-4 .container, #navigation.header-5 .container { text-align: right; } #navigation.header-4 .container .pcheader-icon, #navigation.header-5 .container .pcheader-icon, #navigation.header-6 .container .pcheader-icon { margin-left: 15px; } /* Main Navigation */ #navigation .button-menu-mobile { display: inline-block; } #navigation .menu { display: none !important; } .portfolio-page-content .portfolio-left, .portfolio-page-content .portfolio-right { width: 100%; padding: 0; } .portfolio-page-content .portfolio-left { margin-bottom: 30px; } .container.penci_sidebar #main { width: 100%; margin: 0 0 60px 0; padding: 0 !important; float: none !important; } .penci-single-style-10 .penci-single-s10-content { width: 100%; margin: 20px 0 0 0; padding: 0 !important; float: none !important; } .penci-sidebar-content { position: static !important; margin-left: 0 !important; top: auto !important; float: none !important; width: 100% !important; } .penci-single-infiscroll .penci-single-block:not(.penci-single-infiblock-end) .penci-sidebar-content { display: none !important; } .penci-single-infiscroll .penci-single-block:not(.penci-single-infiblock-end) .container.penci_sidebar #main { margin: 0; } .penci-single-infiscroll .penci-single-block:not(.penci-single-infiblock-end) article.post { margin-bottom: 40px; } .featured-carousel .featured-content .feat-text h3 a { font-size: 18px; } .featured-carousel .carousel-meta { margin-top: 5px; } .featured-carousel .carousel-meta span { font-size: 13px; } .featured-carousel .featured-cat a { font-size: 11px; } .about-widget { text-align: center; } .footer-widget-wrapper { width: 100% !important; margin: 0 0 30px 0 !important; float: none; } .footer-widget-wrapper.last { margin-bottom: 0 !important; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li { width: 33.33% !important; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li { width: 25% !important; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li { width: 20% !important; } .container .penci-portfolio.column-3 .inner-portfolio-posts .portfolio-item { width: 50%; } .column-1-2, .column-1-3, .column-2-3, .column-1-4, .column-3-4 { width: 100%; margin: 0 0 30px 0; } .penci-masonry .item-masonry { width: 50%; } .standard-masonry .standard-content .standard-share-box { display: none; } .standard-masonry .standard-main-content.has-padding { min-height: 0; padding-left: 0; } .pencisc-grid-tablet-6 .penci-masonry .item-masonry { width: 16.6666667%; } .pencisc-grid-tablet-5 .penci-masonry .item-masonry { width: 20%; } .pencisc-grid-tablet-4 .penci-masonry .item-masonry { width: 25%; } .pencisc-grid-tablet-3 .penci-masonry .item-masonry { width: 33.3333%; } .pencisc-grid-tablet-2 .penci-masonry .item-masonry { width: 50%; } .pencisc-grid-tablet-1 .penci-masonry .item-masonry { width: 100%; } ul.footer-socials li a span, .footer-social-drop-line ul.footer-socials li a span { display: none; } .inner-item-portfolio { opacity: 1; } .penci-portfolio.loaded .inner-item-portfolio.animated { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; } div.penci-topbar-menu > ul { display: none !important; } ul.penci-topbar-menu, div.penci-topbar-menu > ul { width: 100%; text-align: center; } ul.penci-topbar-menu > li, div.penci-topbar-menu > ul > li { float: none; margin-right: 15px; } ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu { top: auto; } } /*--------- Max width 960px and min width 768px ---------*/ @media only screen and (min-width: 768px) and (max-width: 960px) { .container, .container.two-sidebar.two-sidebar, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 726px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 766px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 420px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 420px; } #logo img { max-width: 600px; height: auto; } .penci-image-holder.slider-style-1-fix { height: 372px; } .penci-image-holder.slider-style-2-fix { width: 726px; } .penci-image-holder.slider-style-3-fix { height: 400px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 { padding-bottom: 0 !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content { height: 230px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content { height: 450px; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 35.3%; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 26px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 16px; } ul.homepage-featured-boxes { margin-left: -10px; margin-right: -10px; } ul.homepage-featured-boxes li, .post-entry ul.homepage-featured-boxes li { padding: 0 10px; } ul.homepage-featured-boxes.boxes-4-columns li { width: 50%; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { left: 8px; top: 8px; right: 8px; bottom: 8px; } .penci-grid .list-post.list-boxed-post .item .content-list-right { display: inline-block; padding: 20px 20px 20px 30px; min-height: 0; height: auto; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 14px; } .list-boxed-post .inner-content-list-right { vertical-align: top; display: block; } .penci-pinterest-widget-container .penci-images-pin-widget a { width: 16.6666%; } .penci-countdown .countdown-section { margin: 0 20px; } .penci-countdown .countdown-amount { font-size: 60px; } .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-latest-posts-mixed-larger .penci-grid > li, .penci-layout-mixed .penci-grid > li { width: 100% !important; margin-right: 0 !important; } .penci-grid li:nth-of-type(3n + 1) { clear: none; } .penci-grid > li:nth-of-type(3n + 3) { margin-right: 3.9%; } .penci-grid li:nth-of-type(2n + 2) { margin-right: 0; } .penci-grid li:nth-of-type(2n + 1) { clear: both; } } .penci-featured-cat-sc .home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child, .penci-featured-cat-sc .home-featured-cat-content .mag-photo:last-child { margin-bottom: 0 !important; } /*--------- Min width 768px ---------*/ @media only screen and (min-width: 768px) { .penci-featured-cat-sc .home-featured-cat-content .mag-photo:nth-last-child(2) .penci-featured-cat-sc .home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-last-child(2), .penci-featured-cat-sc .home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2), .penci-featured-cat-sc .home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2) { margin-bottom: 0 !important; } .penci-featured-cat-sc .home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2), .penci-featured-cat-sc .home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2) { padding-bottom: 0 !important; } .penci-latest-posts-sc .penci-grid li.penci-item-listp .item .content-list-right, .penci-featured-cat-sc .penci-grid li.list-post .item .content-list-right, .penci-featured-cat-sc .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail, .penci-grid li.pclist-layout .item .content-list-right { padding-left: 30px; width: 53.75%; float: left; } .penci-latest-posts-sc .penci-grid li.list-post .item > .thumbnail, .penci-featured-cat-sc .penci-grid li.list-post .item > .thumbnail, .penci-grid li.pclist-layout .item > .thumbnail { max-width: 100%; } .penci-featured-cat-sc .home-featured-cat-content.style-6 .mag-post-box.first-post.full-mag-cat .magcat-detail { padding: 0 !important; } .penci-latest-posts-sc .penci-grid li.list-post .item .content-list-right.fullwidth, .penci-featured-cat-sc .penci-grid li.list-post .item .content-list-right.fullwidth { padding: 0; width: 100%; } } /*--------- Max width 767px ---------*/ @media only screen and (max-width: 767px) { .container, .container.two-sidebar.two-sidebar, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 100%; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 100%; } .header-slogan .header-slogan-text { padding: 0 10px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 180px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 180px; } .penci-image-holder.slider-style-1-fix { height: 250px; } .penci-image-holder.slider-style-2-fix { width: 480px; } .penci-image-holder.slider-style-3-fix { height: 260px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content { width: 100% !important; border: none !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li { padding-bottom: 0 !important; height: auto !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content { height: 200px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content:first-child, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content:first-child { margin-bottom: 10px !important; } .featured-carousel .feat-text .feat-time { display: none; } .featured-carousel .featured-cat a { margin-bottom: 0; } .penci-magazine-slider ul.mag-wrap li { width: 100% !important; border: none !important; height: 0 !important; padding-bottom: 55% !important; border-bottom: 4px solid transparent !important; } .penci-magazine-slider .mag-cat, #penci-end-sidebar-sticky { display: none; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a, .penci-magazine-slider .mag-meta h3 a { font-size: 18px; } .penci-magazine-slider .mag-item-1 .mag-meta-child { margin-top: 5px; } .home-featured-cat-content.style-9 .mag-post-box:nth-last-child(2), .home-featured-cat-content.style-10 .mag-post-box:nth-last-child(2) { padding-bottom: 15px; margin-bottom: 15px; } .featured-carousel.style-7 .featured-content .feat-text h3, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3, .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { content: none; display: none; } .penci-featured-content .feat-text { padding: 15px 5px 16px; max-width: 350px; } .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content { padding: 12px 5px; } /* Slider */ .penci-slide-overlay .penci-mag-featured-content .feat-text { text-align: center; } .penci-featured-content .feat-text .featured-cat, .penci-featured-content .feat-text .feat-meta, .penci-mag-featured-content .cat, .penci-mag-featured-content .feat-meta, .featured-style-35 .featured-cat { display: none; } .penci-slide-overlay .penci-mag-featured-content { left: 0; width: 100%; padding: 0 5px; bottom: 10px; } .penci-mag-featured-content h3 a, .featured-style-13 .penci-mag-featured-content h3 a { font-size: 14px; } .featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-37 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-13 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-17 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-26 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 20px; } .penci-featured-content .feat-text h3 a, .featured-style-4 .penci-featured-content .feat-text h3 a, .featured-style-5 .penci-featured-content .feat-text h3 a, .featured-style-35 .feat-text-right h3 a { font-size: 18px; } .feat-text-right { padding-left: 15px; padding-right: 15px; width: 350px; margin-left: -175px; } .featured-style-2 .penci-owl-carousel .swiper-slide { width: 480px; } .featured-style-7 .penci-mag-featured-content h3 a, .featured-style-8 .penci-mag-featured-content h3 a, .featured-style-9 .penci-mag-featured-content h3 a, .featured-style-10 .penci-mag-featured-content h3 a, .featured-style-11 .penci-mag-featured-content h3 a, .featured-style-12 .penci-mag-featured-content h3 a, .featured-style-15 .penci-mag-featured-content h3 a, .featured-style-15 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-16 .penci-mag-featured-content h3 a, .featured-style-16 .penci-item-2 .penci-mag-featured-content h3 a { font-size: 16px; } .featured-style-13 .penci-image-holder:before, .featured-style-14 .penci-image-holder:before { height: 300px; } .featured-style-15 .penci-image-holder:before, .featured-style-16 .penci-image-holder:before { height: 200px; } .featured-style-17 .penci-image-holder:before, .featured-style-18 .penci-image-holder:before { height: 160px; } .featured-style-17 .penci-slide17-item-2 .penci-image-holder:before, .featured-style-18 .penci-slide17-item-2 .penci-image-holder:before { height: 240px; } .featured-style-19 .penci-image-holder:before { height: 150px; } .featured-style-19 .penci-mag-featured-content h3 a, .featured-style-19 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-19 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 14px; } .featured-style-19 .wrapper-item .penci-item-mag, .featured-style-19 .wrapper-item .penci-item-2, .featured-style-19 .wrapper-item .penci-item-3 { width: 50%; } .featured-style-19 .wrapper-item .penci-item-1, .featured-style-19 .wrapper-item .penci-item-3 { border-right: 2px solid transparent; } .featured-style-19 .wrapper-item .penci-item-2, .featured-style-19 .wrapper-item .penci-item-0 { border-left: 2px solid transparent; } .featured-style-20 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 16px; } .featured-style-20 .penci-item-2 .penci-mag-featured-content h3 a { font-size: 14px; text-transform: none; letter-spacing: 0; } .featured-style-20 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-20 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-20 .penci-item-0 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-21 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 14px; text-transform: none; letter-spacing: 0; } .featured-style-20 .wrapper-item .penci-item-mag, .featured-style-21 .wrapper-item .penci-item-mag { width: 50%; } .featured-style-20 .wrapper-item .penci-item-1, .featured-style-21 .wrapper-item .penci-item-1 { width: 100%; border-bottom: 4px solid transparent; } .featured-style-20 .wrapper-item .penci-item-3 { border-bottom: 4px solid transparent; } .featured-style-23 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-5 .penci-mag-featured-content h3 a, .featured-style-23 .penci-item-0 .penci-mag-featured-content h3 a, .featured-style-27 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-27 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-27 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-27 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 14px; text-transform: none; letter-spacing: 0; } .featured-style-24 .penci-item-1 .penci-image-holder:before, .featured-style-24 .penci-item-2 .penci-image-holder:before, .featured-style-24 .penci-item-3 .penci-image-holder:before, .featured-style-24 .penci-item-0 .penci-image-holder:before, .featured-style-25 .penci-item-1 .penci-image-holder:before, .featured-style-25 .penci-item-2 .penci-image-holder:before, .featured-style-25 .penci-item-3 .penci-image-holder:before, .featured-style-25 .penci-item-0 .penci-image-holder:before, .featured-style-27 .penci-item-2 .penci-image-holder:before, .featured-style-27 .penci-item-3 .penci-image-holder:before, .featured-style-27 .penci-item-4 .penci-image-holder:before, .featured-style-27 .penci-item-0 .penci-image-holder:before { height: 150px; } .featured-style-24 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-24 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-24 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-24 .penci-item-0 .penci-mag-featured-content h3 a, .featured-style-25 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-25 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-25 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-25 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 14px; } .featured-style-27 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 18px; } .featured-style-28 .wrapper-item .penci-item-1 { width: 480px; } .featured-style-28 .penci-item-1 .penci-image-holder:before { height: 404px; padding: 0; } .featured-style-28 .penci-mag-featured-content h3 a { font-size: 16px; } .featured-style-29 .penci-featured-content .feat-text h3 a { font-size: 24px; } .featured-style-29.style-30 .penci-featured-content .feat-text h3 a { font-size: 20px; } .featured-style-29.style-30 .penci-featured-content { padding: 0 15px; } .featured-style-29 .penci-image-holder:before, .featured-style-29.style-30 .penci-image-holder:before { height: 400px; } .pencislider-container .pencislider-content .pencislider-title { font-size: 24px; } .pencislider-container .pencislider-content .pencislider-title span, .pencislider-container .pencislider-content .pencislider-caption span { padding: 2px 10px; } .pencislider-container .pencislider-content .pencislider-button { padding: 9px 15px 9px; font-size: 12px; } .penci-home-popular-posts { padding: 30px 0 0 0; border: none; } .penci-video-overlay { left: 10px; right: 10px; } .penci-video-custom-img { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s; } h2.penci-heading-video { font-size: 18px; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } p.penci-sub-heading-video { font-size: 12px; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .home-featured-boxes-sc ul.homepage-featured-boxes.boxes-2-columns li, ul.homepage-featured-boxes li, .post-entry ul.homepage-featured-boxes li { width: 100% !important; margin-bottom: 20px; } .grid-mixed, .grid-mixed > article { display: block; } #logo img { max-width: 100%; height: auto; } .post-header h1 a, .post-header h2 a, .post-header h1, .archive-box span, .archive-box h1 { font-size: 18px; } .standard-content .standard-share-box { display: none; } .standard-main-content.has-padding { padding-left: 0; } .standard-main-content.has-padding, .standard-main-content.classic-main-content.has-padding { min-height: 0; } .post-image.audio iframe, .standard-post-image.audio iframe { height: 120px; width: 100%; } .thecomment .author-img { display: none; } .thecomment .comment-text { margin-left: 0; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, .wpcf7 p.name, .wpcf7 p.email, .wpcf7 p.subject { width: 100%; margin: 0; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 34%; } .featured-carousel > button.slick-next, .featured-carousel > button.slick-prev { right: 10px; } .featured-carousel > button.slick-prev, .penci-slider .penci-direction-nav .penci-prev { left: 10px; } .featured-carousel .featured-content { width: 340px; } .featured-carousel .featured-content .feat-text { padding: 20px 10px !important; } .standard-main-content > h2, .header-classic > h2, .error-404 .heading-text-404 { font-size: 24px; padding: 0; } .penci-slider.penci-loading { min-height: 250px; } .penci-slider ul.slides li .pencislider-container { padding: 0 65px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 18px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 13px; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 20px 0 0; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { padding: 8px 20px; font-size: 12px; } .penci-slider .pencislider-container .pencislider-content .pencislider-button:before { content: none; display: none; } .standard-main-content > h2:before, .header-classic > h2 a:before, .header-classic > h2 a:after, .post-header h1 span:before, .post-header h2 span:before, .post-header h1 span:after, .post-header h2 span:after { content: none !important; } .container.penci_sidebar .penci-grid > li { width: 100% !important; margin: 0 0 40px !important; } .post-header h1 span, .post-header h2 span { padding: 0; } .penci-portfolio-filter ul { display: block; } .penci-post-gallery-container.masonry .item-gallery-masonry, .inner-portfolio-posts .portfolio-item { width: 100% !important; } .post-entry .penci-portfolio-filter ul li { float: none; } .post-entry .penci-portfolio-filter ul li, .penci-portfolio-filter ul li { margin: 0 10px 5px; } .penci-grid .list-post.list-boxed-post .item > .thumbnail, .penci-grid .list-post.list-boxed-post .item .content-list-right, .penci-grid li.list-post .item > .thumbnail, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { width: 100% !important; display: block; height: auto; min-height: 0; float: none; max-width: 100%; } .penci-grid .list-post.list-boxed-post .item > .thumbnail:before { content: none; display: none; } .penci-grid li { width: 100% !important; margin-right: 0 !important; float: none; } .container.penci_sidebar .penci-masonry .item-masonry { width: 100%; float: none; position: static !important; margin-bottom: 30px; } .penci-grid li.list-post .item .content-list-right { padding: 0; width: 100% !important; float: none; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 30px; } .penci-grid li.list-post .item > .thumbnail { margin-bottom: 30px; } .penci-grid .list-post.list-boxed-post .item > .thumbnail { margin-bottom: 0; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { width: 100%; } .penci-masonry .item-masonry { width: 100% !important; } .penci-grid li.list-post.penci-slistp .item > .thumbnail { width: 120px !important; } .pencisc-grid-mobile-6 .home-featured-cat-content .mag-photo, .pencisc-grid-mobile-6 .penci-masonry .item-masonry { width: 16.6666667% !important; } .pencisc-grid-mobile-5 .home-featured-cat-content .mag-photo, .pencisc-grid-mobile-5 .penci-masonry .item-masonry { width: 20% !important; } .pencisc-grid-mobile-4 .home-featured-cat-content .mag-photo, .pencisc-grid-mobile-4 .penci-masonry .item-masonry { width: 25% !important; } .pencisc-grid-mobile-3 .home-featured-cat-content .mag-photo, .pencisc-grid-mobile-3 .penci-masonry .item-masonry { width: 33.3333% !important; } .pencisc-grid-mobile-2 .home-featured-cat-content .mag-photo, .pencisc-grid-mobile-2 .penci-masonry .item-masonry { width: 50% !important; } .pencisc-grid-mobile-1 .home-featured-cat-content .mag-photo, .pencisc-grid-mobile-1 .penci-masonry .item-masonry { width: 100% !important; } .penci-featured-cat-ctcol.pencisc-grid-mobile-2 .home-featured-cat-content .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-mobile-3 .home-featured-cat-content .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-mobile-4 .home-featured-cat-content .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-mobile-5 .home-featured-cat-content .mag-photo, .penci-featured-cat-ctcol.pencisc-grid-mobile-6 .home-featured-cat-content .mag-photo { width: 100% !important; } .list-boxed-post .inner-content-list-right { display: block; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 22px; } .home-featured-cat-content .mag-photo { width: 100%; margin-bottom: 15px; } .home-featured-cat-content.style-1 { margin-left: 0; margin-right: 0; width: 100%; } .home-featured-cat-content .cat-left, .home-featured-cat-content .cat-right { width: 100%; float: none; } .home-featured-cat-content.style-1 .cat-left, .home-featured-cat-content.style-1 .cat-right { padding: 0; } .home-featured-cat-content .cat-left { margin-bottom: 30px; } .home-featured-cat.mag-cat-style-2 { width: 100%; margin: 0 0 20px 0; float: none; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding: 0; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { margin-bottom: 24px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box { margin-right: 0; width: 100%; float: none; display: table; padding-bottom: 15px; border-bottom: 1px solid #dedede; margin-bottom: 15px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child { border: none; } .home-featured-cat-content.style-9 .mag-post-box, .home-featured-cat-content.style-10 .mag-post-box { width: 100%; float: none; margin-right: 0; } .content-special-list { padding: 15px; } .format-post-box .post-format-icon { top: 10px; margin-left: -35px; display: none; } .format-post-box .post-format-icon i { font-size: 24px; } .format-post-box.penci-format-quote .dt-special, .format-post-box .dt-special, .format-post-box .dt-special a { font-size: 16px; line-height: 1.7; } .author-quote span { font-size: 13px; } .under-construction-page .under-title { font-size: 23px; } .penci-countdown .countdown-section { margin: 0 5px; } .penci-countdown .countdown-amount { font-size: 30px; } .penci-countdown .countdown-period { font-size: 13px; margin: 15px 0 0; } .post-entry h1 { font-size: 24px; } .post-entry h2 { font-size: 22px; } .post-entry h3 { font-size: 20px; } .post-entry h4 { font-size: 18px; } .post-entry h5 { font-size: 16px; } .post-entry h6 { font-size: 15px; } .elementor-widget-text-editor h1 { font-size: 24px; } .elementor-widget-text-editor h2 { font-size: 22px; } .elementor-widget-text-editor h3 { font-size: 20px; } .elementor-widget-text-editor h4 { font-size: 18px; } .elementor-widget-text-editor h5 { font-size: 16px; } .elementor-widget-text-editor h6 { font-size: 15px; } .penci-post-gallery-container.masonry .item-gallery-masonry a { opacity: 1; -webkit-animation-delay: 0s !important; -moz-animation-delay: 0s !important; -o-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-name: none !important; -moz-animation-name: none !important; -o-animation-name: none !important; animation-name: none !important; } ul.footer-socials li { margin-right: 20px; } .penci-header-signup-form h4.header-signup-form, .header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 { font-size: 20px; } .tags-share-box { padding: 20px 0; } .post-share { position: static; margin-top: 15px; clear: both; display: block; } .penci-overlay-over .overlay-header-box { padding: 0; left: 10px; right: 10px; } .overlay-header-box .cat, .overlay-header-box .overlay-author { display: none; } .overlay-header-box .overlay-title a { font-size: 18px; } .penci-overlay-over .overlay-header-box:after { content: none; display: none; } .overlay-post-box-meta { position: static; padding: 20px 0 0; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 20px; } .home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta { margin-top: 7px; } .post-pagination .prev-post, .post-pagination .next-post { float: none; width: 100%; display: table; } .post-pagination .prev-post { margin-bottom: 15px; } .footer-subscribe h4.footer-subscribe-title { font-size: 28px; } .footer-subscribe .mc4wp-form { width: 480px; } .footer-subscribe .mc4wp-form .mdes { margin-left: 0; width: 100%; font-size: 16px; } .footer-subscribe .mc4wp-form .memail { width: 328px; } .footer-social-remove-circle ul.footer-socials li a i { font-size: 16px; } .post-pagination.pcpagp-style-3 { display: block; } .post-pagination.pcpagp-style-3 .next-post { padding-left: 0; } .penci-post-nav-thumb.nav-thumb-next { margin: 0; } .post-pagination.pcpagp-style-5 .prev-post-inner, .post-pagination.pcpagp-style-5 .next-post-inner { margin: -60px 10px 0 10px; padding: 15px 10px 10px 10px; } .post-entry.blockquote-style-4 blockquote:not(.wp-block-quote), .post-entry.blockquote-style-5 blockquote:not(.wp-block-quote) { padding-left: 0; padding-right: 0; } .post-pagination.pcpagp-style-3 .next-post, .post-pagination.pcpagp-style-3 .prev-post, .post-pagination.pcpagp-style-5 .next-post, .post-pagination.pcpagp-style-5 .prev-post { width: 100%; } .e-parent.e-con.e-flex { --flex-wrap: nowrap; } } /*--------- Max width 767px and Min width 480px ---------*/ @media only screen and (min-width: 480px) and (max-width: 767px) { .container, .container.two-sidebar.two-sidebar, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 480px; } .penci-single-style-5 .penci-move-title-above .standard-post-special_wrapper.container { width: 100%; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 520px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 280px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 280px; } #logo img { max-width: 100%; height: auto; } .standard-post-image .audio-iframe, .standard-content-special { left: 15px; right: 15px; bottom: 15px; } .post-image.audio iframe { width: 100%; height: auto; } .penci-countdown .countdown-section { margin: 0 15px; } .penci-countdown .countdown-amount { font-size: 40px; } .penci-countdown .countdown-period { font-size: 16px; margin: 20px 0 0; } } /*--------- Max width 479px ---------*/ @media only screen and (max-width: 479px) { .penci-single-smore .container, .penci-post-image-wrapper > .container, .wrapper-boxed > .container, .wrapper-boxed > .penci-single-wrapper > .penci-single-block > .container, #widget-area > .container, #footer-section > .container, .penci-two-sidebar .container.penci-breadcrumb, .penci-page-header-wrap .penci-page-header-inner.container, ​.penci-page-header-wrap { padding-left: 20px; padding-right: 20px; } .wrapper-boxed > .container > .container, .penci-single-smore .container .container { padding-left: 0; padding-right: 0; } #header .inner-header { height: auto; } .penci-single-smore .container .container { padding-left: 0; padding-right: 0; } .penci-header-signup-form { padding-left: 10px; padding-right: 10px; } .penci-single-style-10 .header-standard, .penci-single-style-10 .post-box-meta-single { text-align: center; } .feat-text-right { width: 330px; margin-left: -165px; } .penci-google-adsense-single-s10 { width: 100%; } #navigation, .inner-header { padding-left: 10px; padding-right: 10px; } .header-slogan .header-slogan-text { font-size: 12px; padding: 0 10px; } #navigation.header-6 .pcheader-icon { margin-left: 5px; } #navigation.header-6 #logo img { max-width: 300px; } .featured-carousel .featured-content { width: 250px; } .featured-carousel .featured-content .feat-text h3 a, .featured-style-35 .feat-text-right h3 a { font-size: 16px; } .featured-carousel .carousel-meta { display: none; } .penci-image-holder.slider-style-1-fix { height: 180px; } .penci-image-holder.slider-style-2-fix { width: 300px; } .penci-image-holder.slider-style-3-fix { height: 180px; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a, .penci-magazine-slider .mag-meta h3 a { font-size: 14px; } .penci-magazine-slider .mag-item-1 .mag-meta { padding: 15px; } .featured-style-2 .penci-owl-carousel .swiper-slide, .featured-style-38 .penci-owl-carousel .swiper-slide { width: 360px; } .featured-style-38 .penci-featured-content .feat-text h3 a { font-size: 18px; } .penci-magazine-slider .penci-direction-nav a.penci-prev, .penci-owl-carousel .penci-owl-nav .owl-prev { left: 10px; } .penci-magazine-slider .penci-direction-nav a.penci-next, .penci-owl-carousel .penci-owl-nav .owl-next { right: 10px; } .penci-magazine-slider ul.mag-wrap li .mag-content { width: 100% !important; border: none !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content { margin-bottom: 5px !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { margin: 0 !important; border: none !important; } .featured-carousel.style-7 .featured-content { bottom: 5px; } .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .featured-style-37 .penci-owl-carousel .penci-owl-dots { display: none; } .featured-style-37 .penci-item-1 .penci-slide-overlay .penci-mag-featured-content { bottom: 16px; } .standard-post-image .audio-iframe, .standard-content-special { left: 10px; right: 10px; bottom: 10px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { top: 10px; left: 10px; bottom: 10px; right: 10px; } .grid-overlay-meta .grid-header-box { margin-left: 10px; margin-right: 10px; } .footer-widget-wrapper .quote-widget > p { padding-left: 35px; } #penci-login-popup { padding: 30px; } .penci-lgpop-title { font-size: 22px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-image img, .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text h4 a, .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 15px; } .penci_recent-posts-sc ul.side-newsfeed li .side-item .side-item-text .side-item-meta, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 13px; } .post-box-meta span.author-post { display: none; } .standard-post-special.penci-special-format-quote .standard-content-special { position: relative; left: auto; right: auto; bottom: auto; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #dedede; border-top: none; } .format-post-box { padding-left: 20px; padding-right: 20px; padding-top: 20px; } .format-post-box.penci-format-link { padding: 15px; } .format-post-box .dt-special a { font-size: 14px; } .post-entry blockquote { padding: 0 0 0 40px; } .post-entry blockquote:before { font-size: 30px; } .post-entry blockquote, .post-entry blockquote p { font-size: 15px; } .post-author .author-content { margin: 0; } .author-img { margin-right: 20px; } .author-img img { width: 80px; height: auto; margin: 0; } .item-related h3 a, .post-box-title, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, .author-content h5, .author-content h5 a { font-size: 18px; } .penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next, .penci-magazine-slider .penci-direction-nav a { width: 32px; height: 32px; line-height: 32px; margin-top: -16px; font-size: 15px; } .penci-slick-slider > button.slick-next { right: 10px; } .penci-slick-slider > button.slick-prev { left: 10px; } .penci-slick-slider > button.slick-prev i, .penci-slick-slider > button.slick-next i { line-height: 32px; font-size: 15px; } .featured-carousel > button.slick-prev, .featured-carousel > button.slick-next { display: none !important; } .featured-carousel .featured-content { width: 240px; top: 37%; } .featured-carousel .featured-cat a { padding: 2px 10px 1px; } .featured-carousel.style-2 .featured-content { top: 37%; } .featured-carousel .featured-content .feat-text { padding: 15px 10px !important; } .standard-main-content > h2, .header-classic > h2, .error-404 .heading-text-404 { font-size: 20px; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short, .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 17.5%; } .featured-carousel .featured-cat { margin-bottom: 5px; } .wrapper-boxed.enable-boxed .featured-carousel .featured-content .feat-text h3 a, .featured-carousel .featured-content .feat-text h3 a { font-size: 14px; } .penci-slider.penci-loading { min-height: 160px; } .penci-slider ul.slides li .pencislider-container { padding: 0 20px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 14px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 12px; margin: 3px 0 0; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 14px 0 0; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { padding: 5px 10px; font-size: 10px; } .penci-slider .penci-direction-nav .penci-prev, .penci-slider .penci-direction-nav .penci-next { display: none !important; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 30px 15px !important; clear: both; } .penci-featured-content .feat-text { width: 100%; } .featured-style-4 .penci-featured-content .feat-text h3 a, .featured-style-5 .penci-featured-content .feat-text h3 a { font-size: 16px; } .penci-featured-infor .penci-entry-title { font-size: 18px; } /* Slider */ .penci-mag-featured-content h3 a, .featured-style-13 .penci-mag-featured-content h3 a, .featured-style-18 .penci-mag-featured-content h3 a { font-size: 12px; } .featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-37 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-13 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-15 .penci-mag-featured-content h3 a, .featured-style-14 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-17 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-18 .penci-item-3 .penci-mag-featured-content h3 a { font-size: 16px; } .featured-style-1 .penci-owl-carousel .penci-image-holder:before { padding-top: 50%; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 14px; } .featured-style-13 .penci-image-holder:before, .featured-style-14 .penci-image-holder:before { height: 200px; } .featured-style-17 .penci-image-holder:before, .featured-style-18 .penci-image-holder:before { height: 140px; } .featured-style-17 .penci-slide17-item-2 .penci-image-holder:before, .featured-style-18 .penci-slide17-item-2 .penci-image-holder:before { height: 220px; } .featured-style-19 .penci-mag-featured-content h3 a, .featured-style-19 .penci-item-1 .penci-mag-featured-content h3 a, .featured-style-19 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 13px; } .featured-style-22 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-5 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-6 .penci-mag-featured-content h3 a, .featured-style-22 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 14px; } .featured-style-22 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 16px; } .featured-style-22 .penci-item-2 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22 .penci-item-3 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22 .penci-item-4 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22 .penci-item-5 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22 .penci-item-6 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-1 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-2 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-3 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-4 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-5 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23 .penci-item-6 .penci-slide-overlay .penci-mag-featured-content { padding: 0 5px; bottom: 10px; } .featured-style-22.penci-flat-overlay .penci-item-2 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22.penci-flat-overlay .penci-item-3 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22.penci-flat-overlay .penci-item-4 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22.penci-flat-overlay .penci-item-5 .penci-slide-overlay .penci-mag-featured-content, .featured-style-22.penci-flat-overlay .penci-item-6 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-1 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-2 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-3 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-4 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-5 .penci-slide-overlay .penci-mag-featured-content, .featured-style-23.penci-flat-overlay .penci-item-6 .penci-slide-overlay .penci-mag-featured-content { padding: 12px 5px; bottom: 0; } .featured-style-26 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 16px; } .featured-style-26 .penci-item-2 .penci-mag-featured-content h3 a, .featured-style-26 .penci-item-3 .penci-mag-featured-content h3 a, .featured-style-26 .penci-item-4 .penci-mag-featured-content h3 a, .featured-style-26 .penci-item-0 .penci-mag-featured-content h3 a { font-size: 14px; } .featured-style-26 .penci-item-1 .penci-image-holder:before { height: 220px; } .featured-style-27 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 16px; } .featured-style-28 .wrapper-item .penci-item-1 { width: 300px; } .featured-style-28 .penci-item-1 .penci-image-holder:before { height: 404px; padding: 0; } .featured-style-28 .penci-item-1 .penci-mag-featured-content h3 a { font-size: 18px; } .featured-style-29 .penci-featured-content, .featured-style-30 .penci-featured-content { padding: 0 15px; } .featured-style-29 .penci-featured-content .feat-text h3 a, .featured-style-30 .penci-featured-content .feat-text h3 a { font-size: 18px; } .featured-style-29 .penci-image-holder:before, .featured-style-30 .penci-image-holder:before { height: 300px; } .featured-style-29 .penci-featured-slider-button a, .featured-style-30 .penci-featured-slider-button a { height: 30px; line-height: 26px; padding: 0 10px; font-size: 11px; } .featured-style-31 .penci-image-holder, .featured-style-32 .penci-image-holder { height: 400px !important; } .pencislider-container .pencislider-content .pencislider-title { font-size: 20px; } .pencislider-container .pencislider-content .pencislider-caption { font-size: 14px; } .pencislider-container .pencislider-content .pencislider-button { padding: 8px 15px 8px; font-size: 12px; } .container .penci-grid li.typography-style .grid-post-box-meta { display: none; } .grid-mixed .mixed-detail { padding: 30px 15px; } .grid-mixed .mixed-detail h2 a { font-size: 16px; } .typography-style .content-typography { left: 10px; right: 10px; top: 10px; bottom: 10px; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2, .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 200px; height: auto; padding: 30px 15px; } .error-404 .sub-heading-text-404 { font-size: 13px; } .penci-post-box-meta, .penci-post-box-meta.post-box-boxed-1 { text-align: center; } .penci-post-box-meta .penci-post-share-box { display: block; float: none; margin-top: 15px; } .penci-post-box-meta .penci-box-meta i { display: none; } .penci-more-link a.more-link { font-size: 12px; padding: 5px 0; } .widget .tagcloud a { font-size: 10px !important; padding: 4px 10px 3px; margin-right: 4px; margin-bottom: 8px; } .penci-header-signup-form h4.header-signup-form, .header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 { font-size: 18px; } .cat > a.penci-cat-name, .penci-grid li .item .cat a, .penci-masonry .item-masonry .cat a { font-size: 11px; } .home-featured-cat-content .mag-photo .magcat-detail { padding: 15px; width: 100%; } .home-featured-cat-content .mag-photo .magcat-detail h3 a { font-size: 16px; letter-spacing: 0; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { font-size: 12px; } .home-featured-cat-content .magcat-detail h3 a { font-size: 15px; line-height: 1.3; } .home-featured-cat-content .magcat-detail .mag-meta span { font-size: 13px; } .post-box-meta-single span { margin-top: 3px; } .penci-pagination a, .penci-pagination .disable-url { font-size: 11px; } .penci-pagination a i { font-size: 12px; } ul.slick-dots li button { margin: 0 3px; } .home-pupular-posts-title { font-size: 16px; } #footer-copyright * { font-size: 12px; } .penci_facebook_widget .fb_iframe_widget { display: block; margin-left: auto; margin-right: auto; } .penci-rlt-popup { width: 240px; } .penci-rlt-popup .rtlpopup-heading { padding-left: 12px; font-size: 14px; } .penci-rlt-popup .rltpopup-item { padding-bottom: 12px; margin-bottom: 12px; } .penci-rlt-popup .penci-rtlpopup-content { padding: 12px; } .penci-rlt-popup .rltpopup-thumbnail { margin-right: 12px; width: 80px; } .penci-rlt-popup .penci-close-rltpopup { right: 2px; } .penci-rlt-popup .rltpopup-meta .rltpopup-title { font-size: 13px; } .penci-rlt-popup .rltpopup-meta .date { font-size: 12px; } a img.alignleft, a img.alignright, a img.alignnone { margin: 0 auto 30px auto; float: none; display: block; } .video-align-left, .video-align-right { margin-left: 0; margin-right: 0; float: none; } .post-entry ul, .elementor-widget-text-editor ul, .woocommerce .page-description ul, .post-entry ol, .elementor-widget-text-editor ol, .woocommerce .page-description ol { padding-left: 25px; } .item-related h3 a, .post-box-title, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, .author-content h5, .author-content h5 a, .archive-box span, .archive-box h1 { font-size: 16px; } .post-header h1 { font-size: 16px; } .page .post-header h1 { font-size: 20px; } .post-tags { display: block; } .post-share { display: block; float: none; margin-top: 8px; } .post-share .share-title { display: inline-block; } .post-pagination .prev-post, .post-pagination .next-post { width: 100%; float: none; text-align: center; } .post-pagination h5, .post-pagination h5.next-title { padding: 0 !important; } .post-pagination .prev-post { margin-bottom: 15px; } .post-pagination.pcpagp-style-1 .penci-post-nav-thumb, .post-pagination.pcpagp-style-2 .penci-post-nav-thumb { display: none !important; } .penci-related-grid-display .item-related { width: 100%; float: none; } .comments ul.children { margin: 0 0 0 35px; } #sidebar-nav { width: 270px; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); } .open-sidebar-nav #close-sidebar-nav { left: 270px; } .open-sidebar-nav #sidebar-nav { left: 270px; } .penci-pagination ul.page-numbers li { margin-right: 5px; } .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a { width: 25px; } ul.footer-socials li { margin-right: 10px; } ul.footer-socials li a { line-height: 32px; } ul.footer-socials li a i { width: 32px; height: 32px; line-height: 32px; font-size: 14px; } #footer-logo a { max-width: 280px; } #footer-logo img { max-width: 100%; } .footer-instagram h4.footer-instagram-title span { padding: 0 20px; font-size: 14px; } .comments .children, .comments > .comment > .comment { margin: 0 0 0 20px; } .overlay-post-box-meta > div { margin-top: 15px; } .overlay-post-box-meta > div:first-child { margin-top: 0; display: block; } .overlay-post-box-meta > div:after { content: none; display: none; } .penci-single-mag-slider .magcat-detail { padding: 10px 15px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 15px; } .footer-menu li { padding: 0 5px; } .penci-post-gallery-container.masonry .item-gallery-masonry { width: 100% !important; opacity: 1; } .penci-post-gallery-container.masonry .item-gallery-masonry.animated { animation-name: none; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; } .footer-subscribe { padding: 40px 0; } .footer-subscribe h4.footer-subscribe-title { font-size: 24px; } .footer-subscribe .mc4wp-form { width: 100%; padding: 0 20px; } .footer-subscribe .mc4wp-form .memail, .footer-subscribe .mc4wp-form .msubmit { width: 100%; float: none; margin-left: 0; } .footer-subscribe .widget .mc4wp-form input[type="submit"] { max-width: 100%; } } @media screen and (max-width: 782px) and (min-width: 601px) { .admin-bar .is-sticky #navigation { top: 46px !important; } } @media screen and (max-width: 600px) { .is-sticky #navigation { top: 0 !important; z-index: 999999; } #sidebar-nav, #close-sidebar-nav, .penci-menu-hbg, .penci-menu-hbg-overlay { z-index: 9999999; } #close-sidebar-nav i { display: inline-block; } } /* End of Responsive */ .penci-wrap-gprd-law { display: block; color: #212121; font-size: 14px; } .penci-gprd-law { padding: 7px 15px; color: inherit; font-size: inherit; display: block; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s; background: #f5f5f5; } .penci-gprd-law p { font-size: inherit; color: inherit; margin: 0; display: inline-block; } .penci-gprd-law .penci-gprd-accept, .penci-gprd-law .penci-gprd-more { display: inline-block; padding: 0; line-height: 1; font-size: inherit; color: inherit; margin-left: 10px; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .penci-gprd-law .penci-gprd-accept { background: #212121; color: #fff; padding: 6px 15px; } .penci-gprd-law .penci-gprd-accept:hover, .penci-gprd-law .penci-gprd-more:hover { opacity: 0.8; } .penci-gprd-law, .penci-wrap-gprd-law .penci-gdrd-show { position: fixed; z-index: 19999; left: 0; bottom: 0; right: 0; width: 100%; } .penci-wrap-gprd-law .penci-gdrd-show { display: inline-block; width: auto; right: 100px; left: auto; padding: 6px 15px; font-size: inherit; color: inherit; background: #f5f5f5; line-height: 1; transition: all 0.3s; -webkit-transition: all 0.3s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .penci-wrap-gprd-law-close { z-index: 0; } .penci-close-all .penci-gdrd-show, .penci-close-all .penci-gprd-law { visibility: hidden; } .penci-wrap-gprd-law-close .penci-gprd-law, .penci-wrap-gprd-law .penci-gdrd-show { transform: translateY(100%); -webkit-transform: translateY(100%); } .penci-wrap-gprd-law-close .penci-gdrd-show { transform: translateY(0); -webkit-transform: translateY(0); } @media screen and (max-width: 767px) { .penci-wrap-gprd-law .penci-gdrd-show { display: none !important; } } .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc { padding: 20px; } #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton { display: inline-block; } .bos_searchbox_widget_class #flexi_searchbox h1, .bos_searchbox_widget_class #flexi_searchbox h2, .bos_searchbox_widget_class #flexi_searchbox h3, .bos_searchbox_widget_class #flexi_searchbox h4 { font-family: var(--pchead-font); font-style: normal; font-weight: var(--pchead-wei); } .bos_searchbox_widget_class #flexi_searchbox h3, .bos_searchbox_widget_class #flexi_searchbox h4 { margin-bottom: 10px; } .bos_searchbox_widget_class #flexi_searchbox h3 { font-size: 24px; } .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc select, .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc input[type="text"] { border-radius: 0; border: none; } .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc input[type="text"] { height: 34px; line-height: 34px; padding: 0 10px !important; width: 100% !important; } .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc select { padding: 5px 10px !important; height: 28px; line-height: 28px; margin-right: 10px; } .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton:hover, .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton { border-radius: 0; border: none; box-shadow: none; font-family: var(--pchead-font); font-weight: var(--pchead-wei); font-size: 14px; padding: 0 20px; line-height: 40px; } .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton:hover { border: 0; border-radius: 0; opacity: 0.8; } .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc #b_searchDest, .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc #b_searchCheckInDate, .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc #b_searchCheckOutDate, .bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper { margin-bottom: 20px; } /****/ .penci-vc-row { margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap; } .penci-vc-column { float: left; padding-left: 10px; padding-right: 10px; } .penci-vc-row:after { content: " "; display: table; width: 100%; } .penci-col-1, .penci-col-2, .penci-col-3, .penci-col-4, .penci-col-5, .penci-col-6, .penci-col-7, .penci-col-8, .penci-col-9, .penci-col-10, .penci-col-11, .penci-col-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } @media (min-width: 480px) { .penci-col-1, .penci-col-2, .penci-col-3, .penci-col-4, .penci-col-5, .penci-col-6, .penci-col-7, .penci-col-8, .penci-col-9, .penci-col-10, .penci-col-11, .penci-col-12 { width: 100%; } } @media (min-width: 768px) { .penci-col-7, .penci-col-8, .penci-col-9, .penci-col-10, .penci-col-11, .penci-col-12 { width: 100%; } } @media (min-width: 992px) { .penci-col-1, .penci-col-2, .penci-col-3, .penci-col-4, .penci-col-5, .penci-col-6, .penci-col-7, .penci-col-8, .penci-col-9, .penci-col-10, .penci-col-11, .penci-col-12 { float: left; margin-bottom: 0; } .penci-col-12 { width: 100%; } .penci-col-11 { width: 91.66666667%; } .penci-col-10 { width: 83.33333333%; } .penci-col-9 { width: 75%; } .penci-col-8 { width: 66.66666667%; } .penci-col-7 { width: 58.33333333%; } .penci-col-6 { width: 50%; } .penci-col-5 { width: 41.66666667%; } .penci-col-4 { width: 33.33333333%; } .penci-col-3 { width: 25%; } .penci-col-2 { width: 16.66666667%; } .penci-col-1 { width: 8.33333333%; } } .pencisc-grid .pencisc-grid-item { word-break: break-word; min-width: 0; } .penci-lposts-ctcol.pencisc-grid-1 .penci-grid, .penci-lposts-ctcol.pencisc-grid-2 .penci-grid, .penci-lposts-ctcol.pencisc-grid-3 .penci-grid, .penci-lposts-ctcol.pencisc-grid-4 .penci-grid, .penci-lposts-ctcol.pencisc-grid-5 .penci-grid, .penci-lposts-ctcol.pencisc-grid-6 .penci-grid { display: flex; overflow: hidden; flex-wrap: wrap; grid-column-gap: 30px; grid-row-gap: 30px; } .penci-featured-cat-ctcol.pencisc-grid-1 .home-featured-cat-content, .penci-featured-cat-ctcol.pencisc-grid-2 .home-featured-cat-content, .penci-featured-cat-ctcol.pencisc-grid-3 .home-featured-cat-content, .penci-featured-cat-ctcol.pencisc-grid-4 .home-featured-cat-content, .penci-featured-cat-ctcol.pencisc-grid-5 .home-featured-cat-content, .penci-featured-cat-ctcol.pencisc-grid-6 .home-featured-cat-content { display: flex; overflow: hidden; flex-wrap: wrap; grid-column-gap: 10px; grid-row-gap: 10px; } .pencisc-grid-1 .pencisc-grid, .pencisc-grid-4 .pencisc-grid, .pencisc-grid-2 .pencisc-grid, .pencisc-grid-5 .pencisc-grid, .pencisc-grid-3 .pencisc-grid, .pencisc-grid-6 .pencisc-grid { display: flex; overflow: hidden; flex-wrap: wrap; grid-column-gap: 30px; grid-row-gap: 30px; } .penci-gallery-bsc .pencisc-grid { grid-column-gap: 0; grid-row-gap: 0; } .penci-lposts-ctcol.pencisc-grid-1 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-1 .home-featured-cat-content, .pencisc-grid-1 .pencisc-grid { grid-template-columns: repeat(1, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-2 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-2 .home-featured-cat-content, .pencisc-grid-2 .pencisc-grid { grid-template-columns: repeat(2, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-3 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-3 .home-featured-cat-content, .pencisc-grid-3 .pencisc-grid { grid-template-columns: repeat(3, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-4 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-4 .home-featured-cat-content, .pencisc-grid-4 .pencisc-grid { grid-template-columns: repeat(4, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-5 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-5 .home-featured-cat-content, .pencisc-grid-5 .pencisc-grid { grid-template-columns: repeat(5, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-6 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-6 .home-featured-cat-content, .pencisc-grid-6 .pencisc-grid { grid-template-columns: repeat(6, 1fr); display: grid; } @media (max-width: 1024px) { .pencisc-grid-tablet-0 .pencisc-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .penci-lposts-ctcol.pencisc-grid-tablet-1 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-tablet-1 .home-featured-cat-content, .pencisc-grid-tablet-1 .pencisc-grid { grid-template-columns: repeat(1, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-tablet-2 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-tablet-2 .home-featured-cat-content, .pencisc-grid-tablet-2 .pencisc-grid { grid-template-columns: repeat(2, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-tablet-3 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-tablet-3 .home-featured-cat-content, .pencisc-grid-tablet-3 .pencisc-grid { grid-template-columns: repeat(3, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-tablet-4 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-tablet-4 .home-featured-cat-content, .pencisc-grid-tablet-4 .pencisc-grid { grid-template-columns: repeat(4, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-tablet-5 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-tablet-5 .home-featured-cat-content, .pencisc-grid-tablet-5 .pencisc-grid { grid-template-columns: repeat(5, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-tablet-6 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-tablet-6 .home-featured-cat-content, .pencisc-grid-tablet-6 .pencisc-grid { grid-template-columns: repeat(6, 1fr); display: grid; } .pencisc-grid-tablet-7 .pencisc-grid { grid-template-columns: repeat(7, 1fr); display: grid; } .pencisc-grid-tablet-8 .pencisc-grid { grid-template-columns: repeat(8, 1fr); display: grid; } .pencisc-grid-tablet-9 .pencisc-grid { grid-template-columns: repeat(9, 1fr); display: grid; } .pencisc-grid-tablet-10 .pencisc-grid { grid-template-columns: repeat(10, 1fr); display: grid; } .pencisc-grid-tablet-11 .pencisc-grid { grid-template-columns: repeat(11, 1fr); display: grid; } .pencisc-grid-tablet-12 .pencisc-grid { grid-template-columns: repeat(12, 1fr); display: grid; } } @media (max-width: 767px) { .pencisc-grid-mobile-0 .pencisc-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .penci-lposts-ctcol.pencisc-grid-mobile-1 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-mobile-1 .home-featured-cat-content, .pencisc-grid-mobile-1 .pencisc-grid { grid-template-columns: repeat(1, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-mobile-2 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-mobile-2 .home-featured-cat-content, .pencisc-grid-mobile-2 .pencisc-grid { grid-template-columns: repeat(2, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-mobile-3 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-mobile-3 .home-featured-cat-content, .pencisc-grid-mobile-3 .pencisc-grid { grid-template-columns: repeat(3, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-mobile-4 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-mobile-4 .home-featured-cat-content, .pencisc-grid-mobile-4 .pencisc-grid { grid-template-columns: repeat(4, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-mobile-5 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-mobile-5 .home-featured-cat-content, .pencisc-grid-mobile-5 .pencisc-grid { grid-template-columns: repeat(5, 1fr); display: grid; } .penci-lposts-ctcol.pencisc-grid-mobile-6 .penci-grid, .penci-featured-cat-ctcol.pencisc-grid-mobile-6 .home-featured-cat-content, .pencisc-grid-mobile-6 .pencisc-grid { grid-template-columns: repeat(6, 1fr); display: grid; } .pencisc-grid-mobile-7 .pencisc-grid { grid-template-columns: repeat(7, 1fr); display: grid; } .pencisc-grid-mobile-8 .pencisc-grid { grid-template-columns: repeat(8, 1fr); display: grid; } .pencisc-grid-mobile-9 .pencisc-grid { grid-template-columns: repeat(9, 1fr); display: grid; } .pencisc-grid-mobile-10 .pencisc-grid { grid-template-columns: repeat(10, 1fr); display: grid; } .pencisc-grid-mobile-11 .pencisc-grid { grid-template-columns: repeat(11, 1fr); display: grid; } .pencisc-grid-mobile-12 .pencisc-grid { grid-template-columns: repeat(12, 1fr); display: grid; } } .container.two-sidebar { width: var(--pcctain2); display: flex; flex-wrap: wrap; } .container.penci-breadcrumb.two-sidebar { display: block; } .penci-two-sidebar .container.penci-breadcrumb { width: var(--pcctain2); display: block; } .penci-vc-row.penci-vc-dis-padding { margin-left: 0; margin-right: 0; } .layout-14_12_14 .penci-main-content, .container.two-sidebar #main { width: 57%; order: 2; padding-left: 50px; padding-right: 50px; } .layout-14_12_14 .penci-vc-sidebar, .container.two-sidebar .penci-sidebar-content { width: 21.5%; } .layout-14_12_14 .penci-sidebar-left, .container.two-sidebar .penci-sidebar-left { order: 1; } .layout-14_12_14 .penci-sidebar-right, .container.two-sidebar .penci-sidebar-right { order: 3; } .layout-12_14_14 .penci-main-content { order: 1; width: 53.5%; padding-right: 50px; } .layout-12_14_14 .penci-sidebar-left { order: 2; width: 25%; padding-right: 50px; } .layout-12_14_14 .penci-sidebar-right { order: 3; width: 21.5%; } .layout-14_14_12 .penci-main-content { order: 3; width: 53.5%; padding-left: 50px; } .layout-14_14_12 .penci-sidebar-left { order: 1; width: 21.5%; } .layout-14_14_12 .penci-sidebar-right { order: 2; width: 25%; padding-left: 50px; } .layout-13_23 .penci-main-content, .layout-23_13 .penci-main-content { width: 70.94%; float: left; } .layout-23_13 .penci-main-content { padding-right: 50px; } .layout-13_23 .penci-main-content { padding-left: 50px; } .layout-13_23 .penci-vc-sidebar, .layout-23_13 .penci-vc-sidebar { width: 29.06%; float: right; } .penci-vc-container { margin-left: auto; margin-right: auto; } .vc-penci-w1080, .vc-penci-w1170, .vc-penci-w1400 { width: 100%; } .vc-penci-w1080 { max-width: 1080px; } .vc-penci-w1170 { max-width: var(--pcctain); } .vc-penci-w1400 { max-width: var(--pcctain2); } .penci-missing-settings { font-size: 13px; font-weight: normal; text-align: left; padding: 10px 10px 5px; outline: 2px dashed #d4d4d4; color: #131313; font-family: Verdana, Geneva, sans-serif; cursor: pointer; margin-top: 10px; margin-bottom: 10px; } .penci-missing-settings span { font-size: 11px; position: relative; margin-right: 10px; margin-bottom: 5px; background-color: red; color: #fff; font-weight: bold; padding: 5px 10px; display: inline-block; vertical-align: top; } .block-title-icon-left .inner-arrow i { margin-right: 8px; } .block-title-icon-right .inner-arrow i { margin-left: 8px; } /**** Shortcode fancy heading *****/ .penci-fancy-heading.penci-block-vc { background-color: transparent; } .penci-fancy-heading.penci-heading-text-center { text-align: center; } .penci-fancy-heading.penci-heading-text-center .penci-heading-subtitle, .penci-fancy-heading.penci-heading-text-center .penci-heading-content { margin-left: auto; margin-right: auto; } .penci-fancy-heading .penci-heading-content p { line-height: inherit; font-size: inherit; color: inherit; margin-bottom: 17px; } .penci-fancy-heading .penci-heading-content p:last-child { margin-bottom: 0; } .penci-fancy-heading.penci-heading-text-right { text-align: right; overflow: hidden; } .penci-fancy-heading.penci-heading-text-right .penci-heading-subtitle, .penci-fancy-heading.penci-heading-text-right .penci-heading-title, .penci-fancy-heading.penci-heading-text-right .penci-heading-content { text-align: right; clear: both; } .penci-fancy-heading.penci-heading-text-right .penci-heading-content { margin-right: 0; margin-left: auto; } .penci-fancy-heading.penci-heading-text-right li { text-align: right; list-style-position: inside; } .penci-fancy-heading.penci-heading-text-left { text-align: left; } .penci-fancy-heading.penci-heading-text-left .penci-heading-subtitle, .penci-fancy-heading.penci-heading-text-left .penci-heading-title, .penci-fancy-heading.penci-heading-text-left .penci-heading-content { text-align: left; clear: both; } .penci-fancy-heading.penci-heading-text-left .penci-heading-content { margin-right: auto; margin-left: 0; } .penci-fancy-heading .penci-heading-title { font-size: 36px; color: #111; margin-top: 0; margin-bottom: 5px; line-height: 1.3; overflow: hidden; } .penci-fancy-heading .inner-tit { font-size: inherit; font-weight: inherit; color: inherit; display: inline-block; vertical-align: top; font-family: inherit; } .penci-fancy-heading.pc-fctline .inner-tit { position: relative; padding: 0 20px; } .penci-fancy-heading.pc-fctline .inner-tit:before, .penci-fancy-heading.pc-fctline .inner-tit:after { content: ""; height: 1px; top: 50%; right: 100%; width: 1000px; display: block; background: var(--pcborder-cl); position: absolute; margin-top: 1px; } .penci-fancy-heading.pc-fctline .inner-tit:after { right: auto; left: 100%; } .penci-fancy-heading .penci-heading-subtitle { margin-bottom: 10px; } .penci-fancy-heading .penci-heading-title + .penci-heading-subtitle { margin-top: 10px; } .penci-fancy-heading .penci-heading-subtitle, .penci-fancy-heading .penci-heading-content { font-size: 16px; } .penci-fancy-heading .penci-heading-content { margin-top: 10px; clear: both; } .penci-fancy-heading .penci-separator { margin-bottom: 15px; } .penci-separator { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; max-width: 60px; width: 100%; clear: both; } .penci-separator-left .penci-heading-icon { margin-left: 0 !important; } .penci-heading-text-left .inner-tit { padding-left: 0 !important; } .penci-separator-center { margin-left: auto; margin-right: auto; } .penci-separator-right { float: right; } .penci-separator-right .penci-heading-icon { margin-right: 0 !important; } .penci-heading-text-right .inner-tit { padding-right: 0 !important; } .penci-separator-left .penci-sep_holder_l, .penci-separator-right .penci-sep_holder_r { display: none; } .penci-separator .penci-sep_holder { height: 1px; position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 10%; } .penci-separator .penci-sep_line { height: 1px; border-top: 1px solid #dedede; border-color: #dedede; display: block; position: relative; top: 1px; width: 100%; border-bottom: none; border-left: none; border-right: none; } .penci-separator-dotted .penci-sep_line { border-style: dotted; } .penci-separator-dashed .penci-sep_line { border-style: dashed; } .penci-separator-double .penci-sep_line { border-top-style: double; border-top-width: 4px; top: -2px; } .penci-separator .penci-heading-icon { margin: 10px 15px; font-size: 20px; color: var(--pcaccent-cl); } /**** Shortcode info box *****/ .penci-animation-shrink { transition-duration: 0.3s; transition-property: transform; } .penci-animation-shrink:active .penci-ibox-icon, .penci-animation-shrink:hover .penci-ibox-icon { transform: scale(0.9); } .penci-animation-grow { transition-duration: 0.3s; transition-property: transform; } .penci-animation-grow:active .penci-ibox-icon, .penci-animation-grow:hover .penci-ibox-icon { transform: scale(1.1); } @keyframes penci-animation-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } } .penci-animation-pulse:active .penci-ibox-icon, .penci-animation-pulse:hover .penci-ibox-icon { animation-name: penci-animation-pulse; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes penci-animation-pulse-grow { to { transform: scale(1.1); } } .penci-animation-pulse-grow:active .penci-ibox-icon, .penci-animation-pulse-grow:hover .penci-ibox-icon { animation-name: penci-animation-pulse-grow; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes penci-animation-pulse-shrink { to { transform: scale(0.9); } } .penci-animation-pulse-shrink:active .penci-ibox-icon, .penci-animation-pulse-shrink:hover .penci-ibox-icon { animation-name: penci-animation-pulse-shrink; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes penci-animation-push { 50% { transform: scale(0.8); } 100% { transform: scale(1); } } .penci-animation-push:active .penci-ibox-icon, .penci-animation-push:hover .penci-ibox-icon { animation-name: penci-animation-push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } @keyframes penci-animation-pop { 50% { transform: scale(1.2); } } .penci-animation-pop:active .penci-ibox-icon, .penci-animation-pop:hover .penci-ibox-icon { animation-name: penci-animation-pop; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } .penci-icon { display: inline-block; line-height: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #818a91; font-size: 50px; text-align: center; } .penci-icon i { width: 1em; height: 1em; position: relative; z-index: 20; display: block; } .penci-info-box .penci-icon i:before, .penci-info-box .penci-icon svg:before { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .penci-icon:hover { color: #818a91; } .penci-view-stacked .penci-icon { padding: 0.5em; background-color: #818a91; color: #fff; fill: #fff; } .penci-view-stacked .penci-icon a { color: inherit; } .penci-view-framed .penci-icon { padding: 0.5em; color: #818a91; border: 3px solid #818a91; background-color: transparent !important; } .penci-shape-circle .penci-icon { -webkit-border-radius: 50%; border-radius: 50%; } .penci-info-box { position: relative; margin-top: 0; padding-left: 0; padding-right: 0; transition: background-color 0.3s, background-image 0.3s, box-shadow 0.3s; } .penci-info-box:before, .penci-info-box:after { content: ""; display: table; clear: both; } .penci-info-box .penci-ibox-img_active { transition: all 0.7s; } .penci-info-box .penci-ibox-img_hover { opacity: 0; visibility: hidden; position: absolute; top: auto; left: 0; transition: all 0.7s; } .penci-info-box .penci-ibox-icon--image { width: 90px; height: auto !important; overflow: hidden; position: relative; } .penci-info-box .penci-ibox-icon--image img { width: 100%; height: auto; } .penci-info-box.penci-shape-circle .penci-ibox-icon--image { border-radius: 50%; -webkit-border-radius: 50%; } .penci-info-box .penci-ibox-line { margin-top: 10px; margin-bottom: 0; width: 40px; height: 2px; background: var(--pcaccent-cl); display: inline-block; vertical-align: top; } .penci-info-box .penci-ibox-icon svg { vertical-align: top; transition: fill 0.15s; } .penci-info-box .penci-ibox-icon-fa { z-index: 2; position: relative; } .penci-info-box a.penci-ibox-icon-fa-fix { z-index: 25; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; } .penci-iboxwrap-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; display: block; } .penci-info-box .penci-ibox-inner:hover .penci-ibox-icon--image .penci-ibox-img_active { opacity: 0; visibility: hidden; } .penci-info-box .penci-ibox-inner:hover .penci-ibox-icon--image .penci-ibox-img_hover { opacity: 1; visibility: visible; } .penci-info-box .penci-ibox-title { font-size: 20px; font-weight: 700; margin-bottom: 0; color: #111; } .penci-info-box .penci-ibox-content { margin: 8px 0 0 0; color: #999; line-height: 1.7; } .penci-info-box .penci-ibox-content p, .penci-info-box .penci-ibox-content a { font-size: inherit; font-family: inherit; line-height: 1.7; } .penci-info-box .pc-ibox-ctext { font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .penci-info-box .penci-ibox-content > p:last-child { margin-bottom: 0; } .penci-info-box .penci-ibox-stit { line-height: 1.4; margin-bottom: 5px; font-size: 13px; color: #666; } .pc-ibox-wpline { line-height: 1; } .penci-ibox-readmore, .penci-media-rmbtn { margin-top: 15px; line-height: 1; } .penci-info-box .penci-ibox-readmore a, .penci-media-carousels .penci-media-rmbtn a { text-decoration: none; text-transform: uppercase; font-size: 14px; font-family: var(--pchead-font); font-weight: 500; background: #f2f2f2; color: #111; display: inline-block; vertical-align: top; transition: all 0.3s; padding: 12px 20px; line-height: 1; vertical-align: top; } .penci-media-carousels .penci-media-rmbtn.pc-rmbtn-borders a, .penci-info-box .penci-ibox-readmore.pc-ibox-borders a { border: 2px solid; } .penci-media-carousels .penci-media-rmbtn a:hover, .penci-info-box .penci-ibox-readmore a:hover { background: #ddd; } .penci-ibox-top-right .penci-ibox-icon, .penci-ibox-top-center .penci-ibox-icon, .penci-ibox-top-left .penci-ibox-icon { margin-bottom: 20px; display: inline-flex; align-items: center; justify-content: center; } .penci-ibox-top-center .penci-ibox-icon { margin-left: auto; margin-right: auto; } .penci-ibox-top-right .penci-ibox-icon--image, .penci-ibox-top-center .penci-ibox-icon--image, .penci-ibox-top-left .penci-ibox-icon--image { height: auto; } .penci-ibox-top-center .penci-ibox-inner { text-align: center; } .penci-ibox-top-center .penci-ibox-icon--image { margin-left: auto; margin-right: auto; } .penci-ibox-top-left .penci-ibox-inner { text-align: left; } .penci-ibox-top-left .penci-ibox-inner .penci-ibox-icon { float: left; } .penci-ibox-top-right .penci-ibox-inner { text-align: right; } .penci-ibox-top-right .penci-ibox-inner .penci-ibox-icon { float: right; } .penci-ibox-top-right .penci-ibox-content-wrap, .penci-ibox-top-left .penci-ibox-content-wrap { clear: both; } .penci-ibox-float-left .penci-ibox-inner { display: flex; text-align: left; flex-direction: row; align-items: flex-start; } .penci-ibox-float-left .penci-ibox-icon { margin-right: 20px; margin-bottom: 0 !important; } .penci-ibox-float-right .penci-ibox-icon { margin-left: 20px; margin-bottom: 0 !important; } .penci-ibox-top-right .penci-ibox-icon--image { float: right; } .penci-ibox-top-right .penci-ibox-content { clear: both; } .penci-ibox-float-left .penci-ibox-icon, .penci-ibox-float-right .penci-ibox-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; } .penci-ibox-float-right .penci-ibox-inner { display: flex; text-align: right; flex-direction: row-reverse; align-items: flex-start; } .penci-info-box .penci-icon { position: relative; } .penci-shape-circle .penci-animation-custom-5 .penci-ibox-icon:after, .penci-shape-circle .penci-animation-custom-4 .penci-ibox-icon:after, .penci-shape-circle .penci-animation-custom-3 .penci-ibox-icon:after, .penci-shape-circle .penci-animation-custom-2 .penci-ibox-icon:after, .penci-shape-circle .penci-animation-custom-1 .penci-ibox-icon:after { -webkit-border-radius: 50%; border-radius: 50%; z-index: 1; } .penci-view-stacked .penci-animation-custom-5 .penci-ibox-icon:after, .penci-view-stacked .penci-animation-custom-4 .penci-ibox-icon:after, .penci-view-stacked .penci-animation-custom-3 .penci-ibox-icon:after, .penci-view-stacked .penci-animation-custom-2 .penci-ibox-icon:after, .penci-view-stacked .penci-animation-custom-1 .penci-ibox-icon:after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; box-shadow: 0 0 0 3px #818a91; transition: transform 0.3s, opacity 0.3s; opacity: 0; } .penci-view-stacked .penci-animation-custom-2 .penci-ibox-icon:after { transform: scale(1.3); } .penci-view-stacked .penci-animation-custom-1 .penci-ibox-icon:after { transform: scale(0.8); } .penci-view-stacked .penci-animation-custom-2:hover .penci-ibox-icon, .penci-view-stacked .penci-animation-custom-1:hover .penci-ibox-icon { background-color: #818a91; color: #fff; fill: #fff; } .penci-view-stacked .penci-animation-custom-2:hover .penci-ibox-icon:after, .penci-view-stacked .penci-animation-custom-1:hover .penci-ibox-icon:after { -webkit-transform: scale(1.11); -moz-transform: scale(1.11); -ms-transform: scale(1.11); transform: scale(1.11); opacity: 1; } .penci-view-stacked .penci-animation-custom-5 .penci-ibox-icon:after, .penci-view-stacked .penci-animation-custom-4 .penci-ibox-icon:after, .penci-view-stacked .penci-animation-custom-3 .penci-ibox-icon:after { transform: scale(1); box-shadow: none; background: #818a91; opacity: 1; z-index: 0; } .penci-view-stacked .penci-animation-custom-5 .penci-ibox-icon, .penci-view-stacked .penci-animation-custom-4 .penci-ibox-icon, .penci-view-stacked .penci-animation-custom-3 .penci-ibox-icon { background-color: transparent !important; box-shadow: inset 0 0 0 3px #818a91; } .penci-view-stacked .penci-animation-custom-3:hover .penci-ibox-icon:after { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .penci-view-stacked .penci-animation-custom-4:hover .penci-ibox-icon:after { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 1; } .penci-view-stacked .penci-animation-custom-5 .penci-ibox-icon:hover, .penci-view-stacked .penci-animation-custom-4 .penci-ibox-icon:hover { color: #818a91; fill: #818a91; } .penci-view-stacked .penci-animation-custom-5 { transition: color 0.3s; } .penci-view-stacked .penci-animation-custom-5:hover .penci-ibox-icon:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .penci-view-framed .penci-animation-custom-5 .penci-ibox-icon:after, .penci-view-framed .penci-animation-custom-2 .penci-ibox-icon:after, .penci-view-framed .penci-animation-custom-1 .penci-ibox-icon:after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; transition: transform 0.2s, opacity 0.2s; opacity: 0; } .penci-view-framed .penci-animation-custom-1 .penci-ibox-icon:after { background: #818a91; z-index: -1; transform: scale(1.3); } .penci-view-framed .penci-animation-custom-1 .penci-ibox-icon:hover { color: #fff; } .penci-view-framed .penci-animation-custom-1:hover .penci-ibox-icon:after { transform: scale(1); opacity: 1; } .penci-view-framed .penci-animation-custom-2 .penci-ibox-icon:after { z-index: 10; border: 3px dashed #818a91; top: -3px; left: -3px; right: -3px; bottom: -3px; width: auto; height: auto; opacity: 1; } .penci-view-framed .penci-animation-custom-2 .penci-ibox-icon:hover { border-color: transparent !important; } .penci-view-framed .penci-animation-custom-3 .penci-ibox-icon { box-shadow: 0 0 0 4px rgba(255, 255, 255, 1); overflow: hidden; transition: background 0.3s, color 0.3s, box-shadow 0.3s; } .penci-view-framed .penci-animation-custom-3:hover .penci-ibox-icon--i { -webkit-animation: penciIconToRightFromLeft 0.3s forwards; -moz-animation: penciIconToRightFromLeft 0.3s forwards; animation: penciIconToRightFromLeft 0.3s forwards; } @-webkit-keyframes penciIconToRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes penciIconToRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } @-webkit-keyframes penciIconspinAround { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes penciIconspinAround { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .penci-view-framed .penci-animation-custom-4:hover .penci-ibox-icon--i { -webkit-animation: penciIconspinAround 2s linear infinite; -moz-animation: penciIconspinAround 2s linear infinite; animation: penciIconspinAround 2s linear infinite; } .penci-view-framed .penci-animation-custom-5 .penci-ibox-icon:after { z-index: 10; border: 3px solid #818a91; top: -3px; left: -3px; right: -3px; bottom: -3px; width: auto; height: auto; opacity: 1; } .penci-view-framed .penci-animation-custom-5:hover { border-color: transparent !important; box-shadow: 0 0 0 6px #818a91; } .penci-view-framed .penci-animation-custom-5:hover .penci-ibox-icon:after { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); opacity: 0.5; } /**** Shortcode CountDown *****/ .penci-countdown-bsc { overflow: hidden; } .penci-countdown-bsc:before, .penci-countdown-bsc:after { content: ""; display: table; clear: both; } .penci-countdown-bsc.penci-style-center { text-align: center; } .penci-countdown-bsc.penci-style-right { text-align: right; } .penci-countdown-bsc.penci-border-solid .penci-countdown-amount { border-style: solid; } .penci-countdown-bsc.penci-border-dashed .penci-countdown-amount { border-style: dashed; } .penci-countdown-bsc.penci-border-dotted .penci-countdown-amount { border-style: dotted; } .penci-countdown-bsc.penci-border-double .penci-countdown-amount { border-style: double; } .penci-countdown-rtl { direction: rtl; } .penci-countdown-holding span { color: #888; } .penci-countdown-row { clear: both; width: 100%; padding: 0; display: block; margin: -30px auto 0; } .penci-countdown-show1 .penci-countdown-section { width: 100%; } .penci-countdown-show2 .penci-countdown-section { width: 50%; } .penci-countdown-show3 .penci-countdown-section { width: 33.3333%; } .penci-countdown-show4 .penci-countdown-section { width: 25%; } .penci-countdown-show5 .penci-countdown-section { width: 20%; } .penci-countdown-show6 .penci-countdown-section { width: 16.6666667%; } .penci-countdown-show7 .penci-countdown-section { width: 14.2857143%; } .penci-countdown-section { display: block; float: left; font-size: 75%; padding: 30px 15px 0; } .penci-countdown-s1.penci-style-left .penci-countdown-section { padding-left: 0; } .penci-countdown-s1.penci-style-right .penci-countdown-section { padding-right: 0; } .penci-countdown-amount { font-size: 90px; color: #111; font-family: var(--pchead-font); -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; min-width: 1em; max-width: 100%; min-height: 1em; line-height: 1em; display: inline-block; } .penci-countdown-s1 .penci-countdown-period { display: block; vertical-align: top; } .penci-countdown-period { display: inline-block; padding: 0 4px; font-size: 20px; color: #111; line-height: 1; margin-top: 5px; } .penci-period-upper .penci-countdown-period { text-transform: uppercase; } .penci-countdown-descr { display: block; width: 100%; } .penci-countdown-s4 .penci-countdown-row, .penci-countdown-s3 .penci-countdown-row, .penci-countdown-s2 .penci-countdown-row { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } .penci-countdown-s4 .penci-countdown-section, .penci-countdown-s3 .penci-countdown-section, .penci-countdown-s2 .penci-countdown-section { position: relative; } .penci-countdown-s4 .penci-countdown-section:before, .penci-countdown-s3 .penci-countdown-section:before, .penci-countdown-s2 .penci-countdown-section:before { content: ""; padding-top: 100%; display: block; } .penci-countdown-s4 .penci-span-inner, .penci-countdown-s3 .penci-span-inner, .penci-countdown-s2 .penci-span-inner { border-width: 1px; border-style: solid; border-radius: 5px; overflow: hidden; position: absolute; top: 30px; left: 15px; right: 15px; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; } .penci-countdown-s4 .penci-countdown-amount, .penci-countdown-s3 .penci-countdown-amount, .penci-countdown-s2 .penci-countdown-amount { font-size: 70px; } .penci-countdown-s4 .penci-countdown-period, .penci-countdown-s3 .penci-countdown-period, .penci-countdown-s2 .penci-countdown-period { margin-bottom: 15px; } .penci-countdown-s4 .penci-span-inner span, .penci-countdown-s3 .penci-span-inner span, .penci-countdown-s2 .penci-span-inner span { display: block; } .penci-countdown-s2 .penci-span-inner { border-color: var(--pcaccent-cl); } .penci-countdown-s3 .penci-span-inner { border-color: #f5f5f5; background-color: #f5f5f5; border-radius: 50%; } .penci-countdown-s4 .penci-span-inner { border: 0; background: #fff; border-radius: 50%; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); } /** Counter up **/ .penci-cup_icon { font-size: 80px; display: inline-block; font-weight: 700; text-align: center; line-height: 1; margin-bottom: 12px; } .penci-cup-number-wrapper { font-size: 50px; line-height: 50px; margin-bottom: 5px; color: #111; display: inline-block; } .penci-cup-number-wrapper .penci-span-inner { display: flex; align-items: center; } .penci-counter-up .penci-cup-label { font-size: 70%; line-height: 100%; } .penci-counter-up .penci-counterup-number { margin-left: 5px; margin-right: 5px; } .penci-counter-up .penci-cup-title { font-family: var(--pchead-font); font-style: normal; font-weight: var(--pchead-wei); font-size: 24px; margin-top: 5px; } .penci-counterup-center { text-align: center; } .penci-counterup-right { text-align: right; float: right; } .penci-counterup-left { text-align: left; } .penci-counter-up.penci-style-s2 .penci-counter-up_inner { display: flex; align-items: center; } .penci-style-s2 .penci-cup_icon { margin-right: 15px; } /** Gallery **/ .penci-image-not-caption .caption { display: none !important; } .penci-image-gallery-s3 .penci-block_content, .penci-image-gallery-s2 .penci-block_content { display: flex; flex-wrap: wrap; } .penci-image-gallery .pencisc-grid { grid-column-gap: 0; grid-row-gap: 0; } .penci-image-gallery .caption { position: absolute; bottom: 0; background-color: #000; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-family: sans-serif; font-weight: inherit; padding: 9px 15px; line-height: 1.5; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.3s; z-index: 20; } .penci-gallery-item:hover .caption { opacity: 1; } .penci-gallery-item i { font-size: 25px; width: 1em; height: 1em; margin-left: -0.5em; margin-top: -0.5em; color: #fff; position: absolute; top: 50%; left: 50%; z-index: 20; transition: all 0.4s; opacity: 0; visibility: visible; transform: scale(0.7); } .penci-gallery-item a::after { content: ""; background: var(--pcaccent-cl); width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; transition: all 0.3s; visibility: visible; opacity: 0; } .penci-gallery-item:hover i { opacity: 1; visibility: visible; transform: scale(1); } .penci-gallery-item a:hover:after { opacity: 0.6; visibility: visible; } .penci-image-gallery-s2 .penci-galitem-1 { width: 50%; float: left; } .penci-image-gallery-s2 .penci-post-smalls, .penci-image-gallery-s2 .penci-post-smalls .penci-gallery-item { width: 50%; float: left; } .penci-image-gallery-s4 .penci-gallery-big-item, .penci-image-gallery-s3 .penci-gallery-big-item { width: 50%; float: left; } .penci-image-gallery-s4 .penci-gallery-small-item, .penci-image-gallery-s3 .penci-gallery-small-item { width: 33.3333%; float: left; } .penci-login-register input[type="email"], .penci-login-register input[type="submit"], .penci-login-register input[type="text"], .penci-login-register input[type="password"], .penci-login-register input[type="number"] { max-width: 100%; width: 100%; } .penci-login-register p, .post-entry .penci-login-register p { margin-bottom: 0; } .penci-login-register p.login-submit { margin: 28px 0 0; clear: both; } .penci-loginform-extra { margin-top: 15px; } .penci-loginform-extra a:first-child { margin-right: 10px; } .penci-login-form .penci-user-logged-in { text-align: center; } .penci-user-logged-in .penci-login-header img { border-radius: 50%; width: 85px; height: 85px; } .penci-user-logged-in .penci-login-header { text-align: center; margin-bottom: 15px; } .penci-user-logged-in .penci-text-hello { opacity: 0.75; } .penci-user-logged-in .penci-display_name { font-weight: 700; } .penci-user-logged-in .penci-user-action-links a { display: inline-block; text-decoration: none; line-height: 30px; height: 30px; font-weight: normal; text-transform: none; font-size: 13px; float: left; width: 48%; font-family: var(--pchead-font); background: #f5f5f5; border-radius: 0; color: #313131; transition: 0.3s; cursor: pointer; text-align: center; margin: 0; padding: 0; max-width: 100%; } .penci-user-logged-in .penci-user-action-links a:hover { color: #fff; background: var(--pcaccent-cl); } .penci-user-logged-in .penci-user-action-links i { margin-right: 5px; } .penci-user-logged-in .penci-user-action-links a:first-child { margin-right: 4%; } .penci-login-register .penci-login-wrap.hidden, .penci-login-register .penci-register-wrap.hidden { display: none; } .penci-login-register input.invalid { border-color: red !important; } .penci-login-register .message-error { color: #a94442; background: #f2dede; } .penci-login-register .message-success { color: #3c763d; background: #dff0d8; } .penci-login-register .message { display: block; margin-top: 10px; padding: 5px 15px; text-align: left; clear: both; } .penci-block_content { position: relative; } .penci-block_content .penci-loading-icon { display: none; } .penci-block_content.ajax-loading .penci-loading-icon { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: flex; align-items: center; justify-content: center; } .penci-block_content.ajax-loading .penci-login-wrap, .penci-block_content.ajax-loading .penci-register-wrap { opacity: 0.3; } .penci-mailchimp-s1 .mc4wp-form, .penci-mailchimp-s4 .mc4wp-form, .penci-mailchimp-s1 .widget input { max-width: 100%; } .penci-mailchimp-s2 .penci-header-signup-form { margin: 0; padding: 20px; } .penci-mailchimp-s3 .footer-subscribe .mc4wp-form { max-width: 540px; margin: 0 auto; } .penci-mailchimp-block .mc4wp-form input[type="submit"]:not(:hover) { background: #313131; color: #fff; } /**** Shortcode open hour *****/ .penci-working-hours .penci-workingh-lists ul { margin: 0; padding: 0; } .penci-working-hours .penci-workingh-lists li { list-style: none; line-height: 30px; color: #666; margin-left: 0; font-size: 15px; } .penci-working-hours .penci-workingh-lists li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .penci-working-hours .penci-workingh-lists .penci-workingh-item-inner { position: relative; overflow: hidden; } .penci-working-hours .penci-workingh-lists .penci-workingh-line1 { display: flex; align-items: flex-start; } .penci-working-hours .penci-workingh-lists .penci-icontitle { flex: 1; overflow: hidden; } .penci-working-hours .penci-workingh-lists .penci-listitem-icon { font-size: 14px; padding-right: 10px; padding-left: 1px; } .penci-working-hours .penci-workingh-lists .penci-listitem-title { font-weight: 700; position: relative; line-height: 1.3; } .penci-working-hours .penci-workingh-lists .penci-listitem-title:before { content: ""; border-top: 1px dotted; position: absolute; bottom: 20%; left: 100%; margin-left: 10px; width: 2000px; opacity: 0.7; } .penci-working-hours .penci-workingh-lists .penci-listitem-hours { float: right; z-index: 1; position: relative; padding-left: 10px; } .penci-working-hours .penci-workingh-lists .penci-listitem-subtitle { display: block; line-height: 1.3; margin-bottom: 5px; } .penci-working-hours .penci-workingh-lists .penci-workingh-icon, .penci-working-hours .penci-workingh-lists .penci-listitem-title, .penci-working-hours .penci-workingh-lists .penci-listitem-hours { line-height: inherit; color: inherit; } /**** Shortcode progressbar *****/ .penci-progress-bar .penci-probar-items { margin: 0; padding: 0; } .penci-progress-bar .penci-probar-items li { list-style: none; margin-left: 0; margin-bottom: 20px; } .penci-progress-bar .penci-probar-items li:last-child { margin-bottom: 0 !important; } .penci-progress-bar .penci-probar-items .penci-probar-text { line-height: 1.3; color: #111; } .penci-progress-bar .penci-probar-items .penci-probar-point { font-weight: 700; text-transform: uppercase; } .penci-progress-bar .penci-probar-items .penci-probar-score { float: right; text-align: right; } .penci-progress-bar .penci-probar-items .penci-review-process { margin-top: 10px; overflow: hidden; } .penci-progress-bar .penci-review-process { display: block; height: 13px; background-color: #e6e6e6; width: 100%; margin-top: 5px; } .penci-progress-bar .penci-review-process span { display: block !important; height: 100%; width: 0; background-color: var(--pcaccent-cl); } .penci-progress-bar .penci-probar-animated { transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .penci-progress-bar .penci-probar-striped { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } /*** Social counter ***/ .pcsoc-wrapper-outside { width: 100%; display: block; clear: both; } .pcsoc-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; --pcsoc-space: 10px; --pcsoc-bspace: 10px; flex-direction: row; margin-left: calc(var(--pcsoc-space) * -1 / 2); margin-right: calc(var(--pcsoc-space) * -1 / 2); } .pcsocs-s4 { justify-content: center; } .pcsoc-wrapper .pcsoc-item { color: var(--pctext-cl); text-decoration: none !important; line-height: 38px; display: -ms-flexbox; display: -ms-flexbox; display: block; font-size: 14px; transition: background-color 0.3s, border-color 0.3s, opacity 0.3s, color 0.3s; --pcsci-bg: #f5f5f5; --pcsci-hbg: #ccc; --pcsci-border: var(--pcborder-cl); } .pcsoc-wrapper .pcsoc-item:before, .pcsoc-wrapper .pcsoc-item:after { clear: both; content: ""; display: table; } .pcsoc-wrapper .pcsoc-icon { font-size: 16px; } .pcsoc-wrapper .pcsoc-counter { font-size: inherit; font-weight: bold; margin-right: 5px; text-transform: uppercase; } .pcsoc-wrapper.pcsocs-s3 .pcsoc-counter.pcsoc-socname, .pcsoc-wrapper.pcsocs-s4 .pcsoc-counter.pcsoc-socname { text-transform: capitalize; } .pcsoc-wrapper .pcsoc-fan { font-size: inherit; } .pcsoc-wrapper .pcsoc-item { background: var(--pcsci-bg); margin-bottom: var(--pcsoc-bspace); } .pcsoc-wrapper .pcsoc-item-wrap:last-child .pcsoc-item { margin-bottom: 0; } .pcsoc-wrapper.pcsocs-s1, .pcsoc-wrapper.pcsocs-s2 { white-space: nowrap; } .pcsoc-wrapper .pcsoc-item:hover { background: var(--pcsci-hbg); } .pcsoc-wrapper.pcsocs-s1 .pcsoc-icon, .pcsoc-wrapper.pcsocs-s2 .pcsoc-icon { width: 40px; text-align: center; line-height: inherit; display: inline-block; float: left; } .pcsoc-wrapper.pcsocs-s1 .pcsoc-like, .pcsoc-wrapper.pcsocs-s2 .pcsoc-like { float: right; margin: 0 10px; } .pcsoc-wrapper.pcsocs-s4 .pcsoc-item, .pcsoc-wrapper.pcsocs-s2 .pcsoc-item { background: transparent; } .pcsocs-s2 .pcsoc-icon { background: var(--pcsci-bg); margin-right: 15px; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .pcsoc-wrapper .pcsoc-item-wrap { padding-left: calc(var(--pcsoc-space) / 2); padding-right: calc(var(--pcsoc-space) / 2); } .pcsoc-wrapper.pcsocs-s4 .pcsoc-item-wrap, .pcsoc-wrapper.pcsocs-s3 .pcsoc-item-wrap { flex: 0 0 33.33333%; align-items: center; text-align: center; } .pcsoc-wrapper.pcsocs-s4 { --pcsoc-space: 20px; --pcsoc-bspace: 20px; } .pcsoc-wrapper.pcsocs-s4 .pcsoc-item-wrap { flex: unset; } .pcsoc-wrapper.pcsocs-s3 .pcsoc-item { line-height: 1; padding: 12px 1px; } .pcsoc-wrapper.pcsocs-s3 .pcsoc-item.empty-count { min-height: calc(100% - 10px); justify-content: center; display: flex; align-items: center; flex-direction: column; } .pcsoc-wrapper.pcsocs-s4 .pcsoc-item { line-height: 1; } .pcsocs-s3 .pcsoc-item > span, .pcsocs-s4 .pcsoc-item > span { display: block; margin-left: 0; margin-right: 0; } .pcsocs-s4 .pcsoc-item > span { margin-left: auto; margin-right: auto; } .pcsoc-wrapper.pcsocs-s3 .pcsoc-icon { font-size: 28px; line-height: 32px; } .pcsoc-icon i, .pcsoc-icon i[class^="penciicon-"], .pcsoc-icon i[class*=" penciicon-"] { display: block; line-height: inherit; vertical-align: top; } .pcsoc-wrapper.pcsocs-s3 .pcsoc-counter { margin-top: 6px; font-size: 18px; } .pcsoc-wrapper.pcsocs-s3 .pcsoc-fan { margin-top: 6px; font-size: 12px; } .pcsocs-s4 .pcsoc-icon { width: 60px; height: 60px; display: inline-block; vertical-align: top; line-height: 60px; background: var(--pcsci-bg); transition: background-color 0.3s, color 0.3s, border-color 0.3s; font-size: 22px; } .pcsocs-s2 .pcsoc-item:hover > .pcsoc-icon, .pcsocs-s4 .pcsoc-item:hover > .pcsoc-icon { background: var(--pcsci-hbg); } .pcsoc-wrapper.pcsocs-s4 .pcsoc-counter { font-size: 18px; margin-top: 10px; } .pcsoc-wrapper.pcsocs-s4 .pcsoc-fan { font-size: 12px; margin-top: 4px; } .pcsocs-round.pcsocs-s1 .pcsoc-item, .pcsocs-round.pcsocs-s2 .pcsoc-icon, .pcsocs-round.pcsocs-s3 .pcsoc-item, .pcsocs-round.pcsocs-s4 .pcsoc-icon { border-radius: 8px; } .pcsocs-circle.pcsocs-s1 .pcsoc-item, .pcsocs-circle.pcsocs-s2 .pcsoc-icon, .pcsocs-circle.pcsocs-s3 .pcsoc-item, .pcsocs-circle.pcsocs-s4 .pcsoc-icon { border-radius: 800px; } .pcsocf-border .pcsc-brandflag { border: 1px solid var(--pcsci-border); background: none; } @media only screen and (min-width: 1025px) { .pcsoc-wrapper.pcsocc-1 .pcsoc-item-wrap { flex: 0 0 100%; } .pcsoc-wrapper.pcsocc-2 .pcsoc-item-wrap { flex: 0 0 50%; } .pcsoc-wrapper.pcsocc-3 .pcsoc-item-wrap { flex: 0 0 33.3333%; } .pcsoc-wrapper.pcsocc-4 .pcsoc-item-wrap { flex: 0 0 25%; } .pcsocc-4 .pcsoc-item-wrap:nth-last-child(4) .pcsoc-item, .pcsocc-4 .pcsoc-item-wrap:nth-last-child(3) .pcsoc-item, .pcsocc-4 .pcsoc-item-wrap:nth-last-child(2) .pcsoc-item, .pcsocc-3 .pcsoc-item-wrap:nth-last-child(3) .pcsoc-item, .pcsocc-3 .pcsoc-item-wrap:nth-last-child(2) .pcsoc-item, .pcsocc-2 .pcsoc-item-wrap:nth-last-child(2) .pcsoc-item { margin-bottom: 0; } } @media only screen and (max-width: 1024px) { .pcsoc-wrapper.pcsocc-tabcol-1 .pcsoc-item-wrap { flex: 0 0 100%; } .pcsoc-wrapper.pcsocc-tabcol-2 .pcsoc-item-wrap { flex: 0 0 50%; } .pcsoc-wrapper.pcsocc-tabcol-3 .pcsoc-item-wrap { flex: 0 0 33.3333%; } .pcsoc-wrapper.pcsocc-tabcol-4 .pcsoc-item-wrap { flex: 0 0 25%; } .pcsocc-tabcol-4 .pcsoc-item-wrap:nth-last-child(4) .pcsoc-item, .pcsocc-tabcol-4 .pcsoc-item-wrap:nth-last-child(3) .pcsoc-item, .pcsocc-tabcol-4 .pcsoc-item-wrap:nth-last-child(2) .pcsoc-item, .pcsocc-tabcol-3 .pcsoc-item-wrap:nth-last-child(3) .pcsoc-item, .pcsocc-tabcol-3 .pcsoc-item-wrap:nth-last-child(2) .pcsoc-item, .pcsocc-tabcol-2 .pcsoc-item-wrap:nth-last-child(2) .pcsoc-item { margin-bottom: 0; } } @media only screen and (max-width: 479px) { .pcsoc-wrapper.pcsocc-mocol-1 .pcsoc-item-wrap { flex: 0 0 100%; } .pcsoc-wrapper.pcsocc-mocol-2 .pcsoc-item-wrap { flex: 0 0 50%; } .pcsoc-wrapper.pcsocc-mocol-3 .pcsoc-item-wrap { flex: 0 0 33.3333%; } .pcsocc-mocol-3 .pcsoc-item-wrap:nth-last-child(3) .pcsoc-item, .pcsocc-mocol-3 .pcsoc-item-wrap:nth-last-child(2) .pcsoc-item, .pcsocc-mocol-2 .pcsoc-item-wrap:nth-last-child(2) .pcsoc-item { margin-bottom: 0; } } .pcsoccl-brandbg .pcsc-brandflag, .pcsoccl-brandbg .pcsc-brandflag i, .pcsoccl-brandbg .pcsc-brandflag span { color: #fff !important; border: none !important; } .pcsocshadow .pcsc-brandflag { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } .pcsoccl-brandbg.pcsocs-s1 .pcsoc-item:hover, .pcsoccl-brandbg.pcsocs-s2 .pcsoc-item:hover .pcsoc-icon, .pcsoccl-brandbg.pcsocs-s3 .pcsoc-item:hover, .pcsoccl-brandbg.pcsocs-s4 .pcsoc-item:hover .pcsoc-icon { opacity: 0.8; } .pcsoc-wrapper-outside.source-customizer .pcsoc-wrapper.pcsocs-s3 .pcsoc-item.empty-count { flex-direction: column; min-height: unset; } .pcsoc-wrapper-outside.source-customizer .pcsoc-wrapper.pcsocs-s4 .pcsoc-counter, .pcsoc-wrapper-outside.source-customizer .pcsoc-wrapper.pcsocs-s3 .pcsoc-counter { font-size: 14px; font-weight: normal; } /**** Shortcode team members *****/ .penci-teammb-bsc { text-align: center; --pcteammb-w: 28px; } .penci-teammb-item { overflow: hidden; } .penci-teammb-bsc .penci-teammb-inner { padding: 30px 15px; } .penci-teammb-s1 .penci-teammb-inner { border: 1px solid #dedede; } .penci-teammb-s2 .penci-teammb-img, .penci-teammb-s1 .penci-teammb-img { width: 150px; height: 150px; border-radius: 50%; max-width: 100%; margin-bottom: 21px; } .penci-teammb-s2 .penci-teammb-img:before, .penci-teammb-s1 .penci-teammb-img:before { padding-top: 100%; } .penci-teammb-bsc .penci-team_member_name { font-size: 20px; margin-top: 10px; margin-bottom: 0; } .penci-team_member_desc { margin-top: 15px; line-height: 1.5; } .penci-team_member_socails { margin-top: 7px; overflow: hidden; } .penci-team_member_pos { color: #999; line-height: 1; margin-top: 10px; } .penci-teammb-bsc .penci-team_member_socails { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; line-height: 1; } .penci-teammb-bsc .penci-team_member_socails .penci-social-item { margin: 8px 8px 0 8px; text-decoration: none; } .pcteam-shape .penci-team_member_socails .penci-social-item { margin-left: 5px; margin-right: 5px; } .pcteam-shape .penci-social-item i { width: var(--pcteammb-w); height: var(--pcteammb-w); display: inline-flex; align-items: center; justify-content: center; vertical-align: top; transition: all 0.3s; border: 1px solid transparent; } .pcsc-shape-round .penci-social-item i { border-radius: 6px; } .pcsc-shape-circle .penci-social-item i { border-radius: 50%; } .pcsc-st-filled .penci-social-item i { background: #ececec; color: var(--pctext-cl); } .pcsc-st-bordered .penci-social-item i { border-color: var(--pcborder-cl); color: var(--pctext-cl); } .penci-social-colored .penci-social-item i { color: #fff !important; border: none !important; } .penci-teammb-bsc .penci-team_member_socails .penci-social-item:first-child { margin-left: 0 !important; } .penci-teammb-bsc .penci-team_member_socails .penci-social-item:last-child { margin-right: 0 !important; } .penci-teammb-s2 .penci-teammb-inner { background-color: #f5f5f5; border: none; border-radius: 15px; padding-top: 40px; padding-bottom: 40px; } .penci-teammb-s3 .penci-teammb-inner { background-color: #f5f5f5; padding: 0; } .penci-teammb-s3 .penci-teammb-img { width: 100%; display: block; } .penci-teammb-s3 .penci-teammb-img:before { padding-top: 66.6667%; } .penci-teammb-s3 .penci-team_item__info { padding: 15px 20px 30px; } .penci-teammb-s4 .penci-teammb-inner { background-color: #fff; box-shadow: 0px 15px 30px 0 rgba(0, 0, 0, 0.1); padding: 0; position: relative; } .penci-teammb-s4 .penci-teammb-img:before { padding-top: 120%; } .penci-teammb-s4 .penci-team_item__info { padding: 20px 10px 20px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 100; transform: translateY(35px); transition: all 0.3s; } .penci-teammb-s4 .penci-social-wrap .penci-social-item { width: auto; height: auto; background: transparent !important; } .penci-teammb-s4 .penci-team_member_desc { color: #fff; margin-top: 10px; } .penci-teammb-s4 .penci-team_member_pos, .penci-teammb-s4 .penci-team_member_name, .penci-teammb-s4 .penci-social-wrap .penci-social-item { color: #fff; } .penci-teammb-s4 .penci-team_member_socails .penci-social-item { margin-right: 10px; margin-left: 10px; font-size: 15px; } .penci-teammb-s4 .penci-social-wrap .penci-social-item:hover { color: var(--pcaccent-cl); } .penci-teammb-s4 .penci-teammb-img:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1; bottom: 0; right: 0; background: linear-gradient(to bottom, transparent 50%, #000 90%); opacity: 0.6; transition: opacity 0.3s; } .penci-teammb-s5 .penci-teammb-item .penci-team_item__info, .penci-teammb-s4 .penci-teammb-item:hover .penci-team_item__info { transform: translateY(0); } .penci-teammb-s4.penci-teammb-bsc .penci-team_member_socails { opacity: 0; transition: opacity 0.3s; } .penci-teammb-s5 .penci-teammb-item .penci-team_member_socails, .penci-teammb-s4 .penci-teammb-item:hover .penci-team_member_socails { opacity: 1; } /**** Shortcode testmonials *****/ .penci-testimonail { text-align: center; position: relative; } .penci-smalllist.penci-testimonails { --pcsl-hgap: 30px; --pcsl-bgap: 30px; --pcsl-between: 30px; } .penci-testimonail .penci-testi-bq-icon:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .penci-testi-s1 .penci-testimonail .penci-testi-blockquote { font-size: 23px; font-weight: 500; font-style: italic; line-height: 1.5; color: #111111; clear: both; position: relative; text-align: center; background-color: #f5f5f5; padding: 39px 30px 35px; margin-top: 24px; } .penci-testi-s1 .penci-testimonail .penci-testi-bq-icon { width: 48px; height: 48px; position: absolute; top: -24px; left: 50%; margin-left: -24px; } .penci-testi-bq-icon:before { content: "\f101"; font-family: "penciicon"; font-weight: normal; font-style: normal; } .penci-testi-s1 .penci-testimonail .penci-testi-bq-icon:before { display: block; text-align: center; border-radius: 50%; margin: 0; width: 48px; height: 48px; font-size: 21px; line-height: 48px; background-color: var(--pcaccent-cl); color: #fff; z-index: 2; } .penci-testi-rating { color: #ffb74d; font-size: 18px; line-height: 1; margin-top: 15px; } .penci-testi-rating i:not(:last-child) { margin-right: 3px; } .penci-testi-blockquote { line-height: 1.5; } .penci-testi-avatar { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin: 25px auto 0; background: #e6e9ec; } .penci-testi-s4 .penci-testi-avatar { margin-top: 0; } .penci-testi-s4 .penci-testi-blockquote { margin-top: 12px; position: relative; } .penci-testimonails .penci-testi-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; } .post-entry h3.penci-testi-name, .penci-testi-name { font-size: 16px; margin-top: 18px; margin-bottom: 0; } .penci-testi-company { font-size: 13px; margin-top: 10px; line-height: 1.3; color: var(--pcmeta-cl); } .penci-testi-company .testiname { font-weight: bold; color: var(--pctext-cl); } .penci-testi-company span:last-child { margin-left: 5px; } .penci-testi-s2 .penci-testimonail { text-align: left; } .penci-testi-s2 .penci-testimonail .penci-testi-blockquote { border: 1px solid var(--pcborder-cl); background-color: var(--pcbg-cl); border-radius: 15px; padding: 30px 30px 56px; } .penci-testi-s2 .penci-testimonail .penci-testi-bq-icon:before { display: block; text-align: left; border-radius: 50%; margin: 0; width: 48px; height: 48px; font-size: 42px; line-height: 48px; z-index: 2; color: var(--pcaccent-cl); } .penci-testi-s2 .penci-testi-avatar { margin-left: 30px; margin-top: -30px; position: relative; z-index: 10; } .penci-testi-s2 .penci-testi-rating { margin-top: 5px; } .penci-testi-s2 .penci-testi-name, .penci-testi-s2 .penci-testi-company { margin-left: 30px; } .penci-testi-s3 .penci-testimonail .penci-testi-bq-icon:before { display: block; text-align: center; border-radius: 50%; margin: 0 auto; width: 48px; height: 48px; font-size: 21px; line-height: 48px; z-index: 2; border: 2px solid var(--pcaccent-cl); color: var(--pcaccent-cl); } .penci-testi-s3 .penci-testi-bq-icon { margin-bottom: 16px; display: block; } .penci-testi-s3 .penci-testimonail .penci-testi-blockquote { font-size: 23px; font-style: italic; line-height: 1.5; color: #111111; clear: both; position: relative; text-align: center; } .penci-testi-s3 .penci-testi-name { text-transform: uppercase; color: var(--pcaccent-cl); } .penci-testi-s4.penci-testimonails { overflow: visible; } .penci-testi-s4 .pc-testiinner { padding: 20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .pctesti-head, .penci-testi-s4.pcimgpos-left .pc-testiinner, .penci-testi-s4.pcimgpos-right .pc-testiinner { display: flex; align-items: flex-start; flex-direction: row; } .pctesti-head { align-items: center; } .penci-testi-s4.pcimgpos-right .pc-testiinner { flex-direction: row-reverse; } .pcimgpos-left .penci-testi-rating, .pcimgpos-right .penci-testi-rating { margin-top: 0; } .pctesti-head .pc-testiava, .penci-testi-s4 .pc-testiava { flex: 0 0 auto; } .pctesti-head .pctesticont, .penci-testi-s4 .pctesticont { flex: 1 1 auto; } .penci-testi-s4.pcimgpos-left .pctesticont { text-align: left; } .penci-testi-s4.pcimgpos-right .pctesticont { text-align: right; } .pctesti-head .pc-testiava, .penci-testi-s4.pcimgpos-left .pc-testiava { margin-right: 20px; } .penci-testi-s4.pcimgpos-right .pc-testiava { margin-left: 20px; } .penci-testi-s4 .owl-stage-outer, .penci-testi-s4 .penci-owl-carousel:not(.penci-owl-loaded) { padding-top: 6px; padding-bottom: 6px; } .penci-testi-s4 .penci-testi-bq-inner, .penci-testi-s5 .penci-testi-bq-inner { position: relative; } .penci-testi-s5 .penci-testi-bq-icon:before, .penci-testi-s4 .penci-testi-bq-icon:before { position: absolute; display: inline-block; font-size: 26px; color: rgba(0, 0, 0, 0.1); right: 0; top: -8px; transform: rotate(180deg); } .penci-testi-s4.pcimgpos-right .penci-testi-bq-icon:before { left: 0; right: auto; transform: none; } .penci-testi-s4 .penci-testi-company span { display: inline-block; } .penci-testi-s5 .penci-testimonail { text-align: left; } .penci-testi-s5 .penci-testi-blockquote { padding: 20px; background: #f5f5f5; margin-bottom: 20px; position: relative; } .penci-testi-s5 .penci-testi-blockquote:after { content: ""; position: absolute; bottom: -11px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 11px 10px 0 10px; border-color: #f5f5f5 transparent transparent transparent; z-index: 3; } .penci-testi-s5 .penci-testi-avatar, .post-entry .penci-testi-s5 h3.penci-testi-name, .penci-testi-s5 .penci-testi-name { margin-top: 0; } .penci-testi-s5 .penci-testi-company, .penci-testi-s5 .penci-testi-rating { margin-top: 5px; } /** Shortcode video playlist **/ .penci-media-obj { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .penci-media-obj .penci-mobj-img { margin-right: 20px; position: relative; } .penci-media-obj .penci-mobj-body { flex: 1; } .penci-media-obj.penci-mobj-right .penci-mobj-img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: 0; margin-left: 20px; } .penci-video_playlist .penci-block_content { position: relative; display: flex; flex-wrap: wrap; } .penci-video_playlist .penci-playlist-title { background: var(--pcaccent-cl); color: #fff; min-height: 70px; width: 100%; padding: 0 15px; line-height: 17px; font-size: 20px; z-index: 9; } .penci-video_playlist .penci-playlist-title .playlist-title-icon { font-size: 27px; float: left; margin-right: 10px; height: 70px; line-height: 70px; width: 40px; text-align: center; font-weight: 400; } .penci-video_playlist .penci-playlist-title a { color: inherit; } .penci-video_playlist .penci-playlist-title .fa { padding-right: 5px; } .penci-video_playlist .penci-playlist-title h2 { padding-top: 14px; font-size: 18px; clear: none; color: inherit; margin: 0; } .penci-video_playlist .penci-playlist-title .penci-videos-number { font-size: 11px; display: block; float: left; } .penci-video_playlist .penci-video-play { background-color: #111; position: relative; width: 66%; float: left; } .penci-video_playlist .penci-video-nav { width: 34%; height: 100%; float: right; position: absolute; top: 0; right: 0; border-width: 0 1px 1px 0; background: #f5f5f5; overflow: hidden; } .penci-video_playlist .penci-custom-scroll { overflow-y: auto; height: 100%; } .penci-video_playlist .penci-custom-scroll::-webkit-scrollbar { width: 6px; background: #dedede; } .penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb { background-color: var(--pcaccent-cl); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-corner { background-color: #dedede; } .penci-video_playlist .fluid-width-video-wrapper { padding-top: 56.25% !important; } .penci-video_playlist .penci-video-play { background-color: #111; position: relative; width: 66%; float: left; } .penci-video_playlist .penci-video-play .video-player-wrapper { position: relative; z-index: 2; } .penci-video_playlist .penci-video-play .loader-overlay { z-index: 1; } .penci-video_playlist .penci-video-play .video-frame { visibility: hidden; } .penci-video_playlist .penci-video-play iframe { width: 100%; } .penci-video_playlist .fluid-width-video-wrapper { position: relative; z-index: 2; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .penci-video_playlist .penci-video-nav .penci-video-thumbnail { width: 100px; height: 56px; float: left; } .penci-video_playlist .penci-video-thumbnail:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; z-index: 1; transition: opacity 0.3s ease; } .penci-video_playlist .penci-video-nav .penci-video-thumbnail:hover:after { opacity: 0.3; } .penci-video_playlist .penci-video-nav .playlist-panel-item { float: left; width: 20px; text-align: left; line-height: 56px; font-size: 13px; color: #111; } .penci-video_playlist .penci-video-nav .penci-video-playlist-item { padding: 12px 15px; display: block; overflow: hidden; cursor: pointer; border-bottom: 1px solid #dedede; transition: all 0.3s; } .penci-video_playlist .penci-video-nav .penci-video-playlist-item:hover { background: #dedede; } .penci-video_playlist .penci-video-playlist-item .penci-video-play-icon { display: none; color: var(--pcaccent-cl); } .penci-video_playlist .penci-video-playlist-item .penci-video-paused-icon { display: none; } .penci-video_playlist .penci-video-playlist-item.is-playing .penci-video-play-icon { display: block; } .penci-video_playlist .penci-video-playlist-item.is-playing .penci-video-number { display: none; } .penci-video_playlist .penci-video-playlist-item.is-paused .penci-video-paused-icon { display: block; } .penci-video_playlist .penci-video-playlist-item.is-paused .penci-video-number { display: none; } .penci-video_playlist .penci-video-playlist-item .penci-video-title { font-size: 13px; font-weight: 400; line-height: 1.3; font-family: inherit; width: 100%; display: block; float: left; margin-top: -2px; transition: all 0.3s; color: #000; } .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover { color: var(--pcaccent-cl); } .penci-video_playlist .penci-video-playlist-item .penci-video-duration { float: left; font-size: 11px; color: #888; margin-top: 5px; line-height: 1; } .pencisc-column-1.penci-video_playlist .penci-video-nav { width: 100%; position: relative; } .pencisc-column-1.penci-video_playlist .penci-video-play { width: 100%; } .pencisc-column-2.penci-video_playlist .penci-video-nav .penci-video-thumbnail, .pencisc-column-1.penci-video_playlist .penci-video-nav .penci-video-thumbnail { width: 75px; height: 42.18px; } .pencisc-column-1.penci-video_playlist .penci-video-nav .penci-video-playlist-nav { min-height: 100px; max-height: 283px; } .pencisc-column-2.penci-video_playlist .penci-video-nav .playlist-panel-item, .pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item { position: absolute; bottom: 0; left: 0; font-size: 10px; width: 20px; height: 20px; text-align: center; vertical-align: middle; line-height: 20px; z-index: 10; background: var(--pcaccent-cl); color: #fff; } /** Shortcode weather **/ .penci-media-carousels { overflow: hidden; } .penci-advanced-carousel-mg { margin-left: -5px; margin-right: -5px; display: block; clear: both; } .penci-media-carousels .penci-image-holder[style*="background-image"] { background-color: transparent; } .penci-media-carousels .overlay-icon-format { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: all 0.3s; } .pc-ctpos-on .overlay-icon-format { top: 10px; right: 10px; z-index: 10; margin: 0; left: auto; } .penci-media-carousels .penci-media-inner { padding: 0 5px; } .penci-media-carousels .penci-media-inct { display: -ms-flexbox; display: flex; flex-direction: column; position: relative; } .penci-media-carousels .penci-media-content { text-align: center; margin-top: 20px; } .penci-media-img { position: relative; } .penci-media-img > a { display: block; } .penci-media-carousels.pc-ctpos-above .penci-media-img { order: 3; } .penci-media-carousels.pc-ctpos-above .penci-media-content { order: 1; margin-top: 0; margin-bottom: 20px; } .penci-media-carousels.pc-ctpos-on .penci-media-content { margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; flex-direction: row; z-index: 3; align-items: flex-end; } .pc-ctpos-on .penci-media-content .pc-media-ctinner { width: 100%; padding: 15px 10px; position: relative; z-index: 2; } .pc-media-ctinner { position: relative; } .penci-media-carousels .pc-media-ctinner:before, .penci-media-carousels .pc-adcr-overlay, .pc-ctpos-on .penci-media-content > a { position: absolute; font-size: 0; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 2; } .penci-media-carousels .pc-media-ctinner:before { z-index: -1; content: ""; } .penci-media-carousels .pc-media-ctinner:before, .pc-adcr-overlay { opacity: 0.5; transition: all 0.3s; } .penci-media-carousels .penci-media-inct:hover .pc-media-ctinner:before .penci-media-inct:hover .pc-adcr-overlay { opacity: 0.7; } .penci-media-carousels .penci-media-stit { line-height: 1.4; margin-bottom: 5px; font-size: 13px; color: #666; } .penci-media-carousels .penci-media-title { font-size: 18px; font-family: var(--pchead-font); font-weight: var(--pchead-wei); margin: 0; } .penci-media-carousels .penci-media-desc { margin-top: 8px; line-height: 1.6; } .penci-media-rmbtn i, .penci-media-rmbtn svg { color: inherit; font-size: inherit; } .penci-media-carousels .pc-icpos-left i, .penci-media-carousels .pc-icpos-left svg { margin-right: 5px; } .penci-media-carousels .pc-icpos-right i, .penci-media-carousels .pc-icpos-right svg { margin-left: 5px; } .penci-weather-widget { overflow: hidden; color: #111; position: relative; } .penci-weather-widget.loading span.penci-wuser-gps svg { animation: penci-spin 0.4s infinite linear; } .penci-weather-city { font-size: 24px; font-weight: bold; line-height: 1; margin-bottom: 7px; } .penci-weather-condition { font-size: 14px; line-height: 1; text-transform: capitalize; opacity: 0.8; } .penci-location-icon { position: absolute; top: 0; right: 10px; font-size: 22px; opacity: 0.6; z-index: 1; } .penci-location-icon:hover { cursor: pointer; opacity: 0.9; } .penci-weather-temperature { padding: 3px 0; display: inline-block; width: 100%; float: left; text-align: center; } @media screen and (max-width: 1018px) { .penci-weather-temperature { margin-bottom: -6px; padding: 0; } } .penci-weather-temp-wrap { display: inline-block; } .penci-weather-now { float: left; text-align: center; line-height: 1; padding: 32px 16px; font-weight: 300; max-width: 145px; width: 50%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (max-width: 1018px) { .penci-weather-now { padding: 28px 0; position: relative; left: -10px; width: 90px; margin-left: 12px; } } @media screen and (min-width: 768px) and (max-width: 1018px) { .penci-weather-now { margin-left: 0; } } @media screen and (max-width: 767px) { .penci-weather-now { width: 100px; } } .penci-weather-now .penci-big-degrees { font-size: 40px; } @media screen and (max-width: 1018px) { .penci-weather-now .penci-big-degrees { font-size: 32px; } } .penci-weather-now .penci-circle { font-size: 30px; position: relative; top: -6px; opacity: 0.6; line-height: 1; vertical-align: top; } .penci-weather-now .penci-weather-unit { font-size: 16px; position: relative; top: -4px; font-weight: 400; opacity: 0.6; left: -2px; line-height: 1; vertical-align: top; } .penci-weather-now:hover { cursor: pointer; } .penci-weather-lo-hi { float: left; text-align: left; } .penci-weather-lo-hi__content { padding: 15px 0; } .penci-weather-lo-hi__content .penci-circle { padding-left: 3px; } .penci-weather-degrees-wrap { padding: 15px 0; text-align: right; } .penci-weather-degrees-wrap:before, .penci-weather-degrees-wrap:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1018px) { .penci-weather-degrees-wrap { padding: 10px; } } .penci-weather-degrees-wrap i { position: relative; top: 1px; font-size: 16px; color: #b3b3b3; right: 5px; } .penci-weather-degrees-wrap .penci-small-degrees { font-size: 12px; } .penci-weather-degrees-wrap .penci-circle { font-size: 18px; position: relative; right: 3px; top: 3px; } .penci-weather-information { font-size: 12px; position: relative; padding: 5px 0; display: inline-block; width: 100%; vertical-align: top; opacity: 0.6; margin-top: 19px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; } .penci-weather-information i { font-size: 16px; position: relative; top: 2px; margin-right: 5px; } .penci-weather-section { float: left; width: 33%; } .penci_humidty { text-align: right; padding-right: 10px; } .penci_wind { text-align: center; } .penci_clouds { text-align: left; padding-left: 10px; } .penci-weather-week { padding: 15px 8px; width: 100%; text-align: center; line-height: 1; position: relative; display: block; margin-bottom: -5px; clear: both; overflow: hidden; } .penci-weather-week:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--pcaccent-cl); opacity: 0.07; } .penci-weather-days { width: 20%; float: left; text-align: center; text-transform: uppercase; line-height: 1; } .penci-weather-days .penci-day { margin-bottom: 8px; font-size: 11px; opacity: 0.5; } .penci-weather-days .penci-day-degrees { font-size: 20px; position: relative; left: 4px; line-height: 14px; opacity: 0.7; } .penci-weather-days .penci-circle { position: relative; right: 5px; } .penci-weather-days .penci-day { margin-top: 8px; font-size: 11px; opacity: 0.5; } .penci-weather-set-location { display: none; position: absolute; top: 0; } .penci-weather-set-location .penci-location-set-input { height: 20px; font-size: 20px; font-weight: bold; text-transform: uppercase; border: 0; padding: 0 10px; } .penci-weather-set-location .penci-location-set-input:focus ~ label { top: -20px; font-size: 11px; opacity: 0.5; } .penci-show-location { display: block !important; } .penci-show-location label { position: absolute; top: 0; left: 10px; font-size: 13px; opacity: 0.6; pointer-events: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .penci-weather-animated-icon { float: left; text-align: right; position: relative; } .penci-weather-animated-icon i { width: 70px; font-size: 70px; opacity: 0.4; top: 15px; left: 0; right: auto; } .penci_facebook_widget .penci-block_content { text-align: center; } .penci_facebook_widget .fb_iframe_widget { max-width: 340px; } /* Weather widget */ .weather-icon { position: relative; margin: 0 auto 0.1em; width: 1em; height: 0.9em; font-size: 35px; } .penci-weather-animated-icon { padding: 0 0 0 40px; } .penci-weather-animated-icon .weather-icon { font-size: 75px; } .penci-weather-widget [class^="icon-"]:before, .penci-weather-widget [class^="icon-"]:after, .penci-weather-widget [class*=" icon-"]:before, .penci-weather-widget [class*=" icon-"]:after { font-family: "weathericons"; } .icon-thunder-animi { position: absolute; width: 100%; height: 100% } .icon-thunder-animi:before,.icon-thunder-animi:after { content: "\f010"; position: absolute; width: 100%; z-index: 2; font-size: 3em; left: 40%; -webkit-transform: translateX(-50%) translateY(-30%); -ms-transform: translateX(-50%) translateY(-30%); transform: translateX(-50%) translateY(-30%) } .icon-thunder-animi:after { color: orange; z-index: 2; font-size: 2.5em; top: 90% } .icon-rainy-animi,.icon-rainy-animi-2,.icon-rainy-animi-4,.icon-rainy-animi-5,.icon-windysnow-animi,.icon-windysnow-animi-2,.icon-moon { position: absolute; width: 100%; height: 100% } .icon-rainy-animi:before,.icon-rainy-animi:after,.icon-rainy-animi-2:before,.icon-rainy-animi-2:after,.icon-rainy-animi-4:before,.icon-rainy-animi-4:after,.icon-rainy-animi-5:before,.icon-rainy-animi-5:after,.icon-windysnow-animi:before,.icon-windysnow-animi:after,.icon-windysnow-animi-2:before,.icon-windysnow-animi-2:after { content: "\f036"; position: absolute; z-index: 2; opacity: 0.6 } .icon-rainy-animi:after,.icon-rainy-animi-2:after,.icon-rainy-animi-4:after,.icon-rainy-animi-5:after,.icon-windysnow-animi:after,.icon-windysnow-animi-2:after { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .animi-icons-wrap { font-size: 0.14em; position: absolute; z-index: 2; left: 48%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2.5em; height: 2.5em } .icon-rainy-animi:before,.icon-rainy-animi:after,.icon-rainy-animi-2:before,.icon-rainy-animi-2:after,.icon-rainy-animi-4:before,.icon-rainy-animi-4:after,.icon-rainy-animi-5:before,.icon-rainy-animi-5:after { content: "\f078"; top: calc(50% - 0.43em); left: 0; right: auto; width: 0.96em; height: 0.96em; color: #fff; } .icon-rainy-animi-2:before,.icon-rainy-animi-2:after { right: 0; left: auto; top: calc(50% - 0.43em) } .icon-rainy-animi-4:before,.icon-rainy-animi-4:after { left: calc(50% - 0.43em); top: calc(100% - 0.96em) } .icon-rainy-animi-5:before,.icon-rainy-animi-5:after { left: calc(50% - 0.43em); top: 0 } .drizzle-icons .icon-rainy-animi:before,.drizzle-icons .icon-rainy-animi:after,.drizzle-icons .icon-rainy-animi-2:before,.drizzle-icons .icon-rainy-animi-2:after,.drizzle-icons .icon-rainy-animi-4:before,.drizzle-icons .icon-rainy-animi-4:after,.drizzle-icons .icon-rainy-animi-5:before,.drizzle-icons .icon-rainy-animi-5:after { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg) } .icon-windysnow-animi:before,.icon-windysnow-animi:after,.icon-windysnow-animi-2:before,.icon-windysnow-animi-2:after { content: "\f021"; width: 100%; height: 100%; font-size: 1.8em; top: 0; left: 0.3em } .icon-windysnow-animi:after,.icon-windysnow-animi-2:after { width: 2em; height: 2em } .icon-windysnow-animi-2:before,.icon-windysnow-animi-2:after { font-size: 1em; top: 1.5em; right: 0.7em; left: auto } .icon-windysnow-animi-2:after { width: 2em; height: 2em; left: -0.5em } .icon-moon:after { content: "\f02e"; position: absolute; font-size: 0.65em; left: 0; right: 0; top: 0.2em } .icon-moon:before { display: none } .icon-moon-animi:before { content: "\f02e"; position: absolute; right: -0.3em; font-size: 0.35em; top: 0.2em } .icon-sun:after { content: "\f00d"; position: absolute; color: orange; font-size: 0.9em; left: 0; right: 0 } .icon-sun-animi:after { content: "\f00d"; position: absolute; color: orange; right: -0.3em; top: 0.07em; font-size: 0.4em } .basecloud:before, .icon-cloud:after { font-family: 'FontAwesome'!important; content: '\f0c2'!important; font-size: 0.86em; position: absolute; left: 0; right: 0; z-index: 2; color: var(--pcaccent-cl); text-shadow: var(--pcbg-cl) 2px 0px 0px, var(--pcbg-cl) 1.75517px 0.958851px 0px, var(--pcbg-cl) 1.0806px 1.68294px 0px, var(--pcbg-cl) 0.141474px 1.99499px 0px, var(--pcbg-cl) -0.832294px 1.81859px 0px, var(--pcbg-cl) -1.60229px 1.19694px 0px, var(--pcbg-cl) -1.97998px 0.28224px 0px, var(--pcbg-cl) -1.87291px -0.701566px 0px, var(--pcbg-cl) -1.30729px -1.5136px 0px, var(--pcbg-cl) -0.421592px -1.95506px 0px, var(--pcbg-cl) 0.567324px -1.91785px 0px, var(--pcbg-cl) 1.41734px -1.41108px 0px, var(--pcbg-cl) 1.92034px -0.558831px 0px; } .basecloud:before { left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .icon-basecloud-bg:after { content: '\f07d'; z-index: 1 } .icon-cloud-behind:after { font-size: 0.48em; content: "\f041"; position: absolute; left: -0.2em; top: 0.4em; z-index: 1; opacity: 0.6 } .icon-mist:before { content: '\f021'; position: absolute; left: 0; right: 0 } .icon-mist-animi:before { content: '\f021'; position: absolute; left: 0; right: 0; display: none } .is-animated .icon-thunder-animi:before { -webkit-animation: flashing 2s ease-out infinite; animation: flashing 2s ease-out infinite } .is-animated .icon-thunder-animi:after { -webkit-animation: flashing-reverse 2s steps(1) infinite; animation: flashing-reverse 2s steps(1) infinite } .is-animated .icon-rainy-animi:after { -webkit-animation: rain-animi-effect 0.2s ease-out infinite; animation: rain-animi-effect 0.2s ease-out infinite } .is-animated .icon-rainy-animi-2:after { -webkit-animation: rain-animi-effect 0.25s ease-out infinite; animation: rain-animi-effect 0.25s ease-out infinite } .is-animated .icon-rainy-animi-4:after { -webkit-animation: rain-animi-effect 0.35s ease-out infinite; animation: rain-animi-effect 0.35s ease-out infinite } .is-animated .icon-rainy-animi-5:after { -webkit-animation: rain-animi-effect 0.4s ease-out infinite; animation: rain-animi-effect 0.4s ease-out infinite } .is-animated .drizzle-icons .icon-rainy-animi:after { -webkit-animation: drizzle-animi-effect 2.2s ease-out infinite; animation: drizzle-animi-effect 2.2s ease-out infinite } .is-animated .drizzle-icons .icon-rainy-animi-2:after { -webkit-animation: drizzle-animi-effect 2.3s ease-out infinite; animation: drizzle-animi-effect 2.3s ease-out infinite } .is-animated .drizzle-icons .icon-rainy-animi-4:after { -webkit-animation: drizzle-animi-effect 2.5s ease-out infinite; animation: drizzle-animi-effect 2.5s ease-out infinite } .is-animated .drizzle-icons .icon-rainy-animi-5:after { -webkit-animation: drizzle-animi-effect 2.6s ease-out infinite; animation: drizzle-animi-effect 2.6s ease-out infinite } .is-animated .showers-icons .icon-rainy-animi:after { -webkit-animation: drizzle-animi-effect 0.2s ease-out infinite; animation: drizzle-animi-effect 0.2s ease-out infinite } .is-animated .showers-icons .icon-rainy-animi-2:after { -webkit-animation: drizzle-animi-effect 0.23s ease-out infinite; animation: drizzle-animi-effect 0.23s ease-out infinite } .is-animated .showers-icons .icon-rainy-animi-4:after { -webkit-animation: drizzle-animi-effect 0.18s ease-out infinite; animation: drizzle-animi-effect 0.18s ease-out infinite } .is-animated .showers-icons .icon-rainy-animi-5:after { -webkit-animation: drizzle-animi-effect 0.44s ease-out infinite; animation: drizzle-animi-effect 0.44s ease-out infinite } .is-animated .icon-windysnow-animi:after,.is-animated .icon-windysnow-animi-2:after { -webkit-animation: rain-animi-effect-with-rotate 2s ease-out infinite; animation: rain-animi-effect-with-rotate 2s ease-out infinite } .is-animated .icon-windysnow-animi-2:after { -webkit-animation: rain-animi-effect-with-rotate 1.5s ease-out infinite; animation: rain-animi-effect-with-rotate 1.5s ease-out infinite } .is-animated .icon-moon:after { -webkit-animation: penci-float-y 2s linear infinite; animation: penci-float-y 2s linear infinite } .is-animated .icon-moon-animi:before { -webkit-animation: penci-float-y 2s linear infinite; animation: penci-float-y 2s linear infinite } .is-animated .icon-sun:after { -webkit-animation: penci-spin 8s infinite linear; animation: penci-spin 8s infinite linear } .is-animated .icon-sun-animi:after { -webkit-animation: penci-spin 8s infinite linear; animation: penci-spin 8s infinite linear } .is-animated .icon-cloud-behind:after { -webkit-animation: passing 2s linear infinite; animation: passing 2s linear infinite } .is-animated .icon-mist:before { -webkit-animation: penci-float-x 2s infinite ease; animation: penci-float-x 2s infinite ease } .is-animated .icon-mist-animi:before { display: inline-block; -webkit-animation: burst 2s infinite linear; animation: burst 2s infinite linear } .penci-weather-widget .icon-basecloud-bg:after { color: #1db523; } @-webkit-keyframes rain-animi-effect { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(3em); transform: translateY(3em) } } @keyframes rain-animi-effect { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translateY(3em); transform: translateY(3em) } } @-webkit-keyframes rain-animi-effect-with-rotate { 0% { opacity: 1; -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg) } 100% { opacity: 0; -webkit-transform: translateY(1em) rotate(360deg); transform: translateY(1em) rotate(360deg) } } @keyframes rain-animi-effect-with-rotate { 0% { opacity: 1; -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg) } 100% { opacity: 0; -webkit-transform: translateY(1em) rotate(360deg); transform: translateY(1em) rotate(360deg) } } @-webkit-keyframes drizzle-animi-effect { 0% { opacity: 1; -webkit-transform: translateY(0) translateX(0) rotate(10deg); transform: translateY(0) translateX(0) rotate(10deg) } 100% { opacity: 0; -webkit-transform: translateY(3em) translateX(-3em) rotate(20deg); transform: translateY(3em) translateX(-3em) rotate(20deg) } } @keyframes drizzle-animi-effect { 0% { opacity: 1; -webkit-transform: translateY(0) translateX(0) rotate(10deg); transform: translateY(0) translateX(0) rotate(10deg) } 100% { opacity: 0; -webkit-transform: translateY(3em) translateX(-3em) rotate(20deg); transform: translateY(3em) translateX(-3em) rotate(20deg) } } @-webkit-keyframes penci-float-y { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes penci-float-y { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes penci-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes penci-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes passing { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0 } 50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0 } } @keyframes passing { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0 } 50% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0 } } @-webkit-keyframes burst { 0% { opacity: .6 } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 100% { opacity: 0 } } @keyframes burst { 0% { opacity: .6 } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0 } 100% { opacity: 0 } } @-webkit-keyframes penci-float-x { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes penci-float-x { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes flashing { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flashing { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } @-webkit-keyframes flashing-reverse { 0%,100%,50% { opacity: 0 } 25%,75% { opacity: 1 } } @keyframes flashing-reverse { 0%,100%,50% { opacity: 0 } 25%,75% { opacity: 1 } } span.penci-wuser-gps { position: absolute; top: 0; right: 0; opacity: 0.5; cursor: pointer; } span.penci-wuser-gps svg { width: 30px; height: 30px; } /**** Shortcode Pricing table *****/ .penci-pricing-item { color: #888; text-align: center; padding: 20px; font-size: 15px; box-sizing: content-box; overflow: hidden; position: relative; } .penci-pricing_featured.penci-pricing-f-hheight { padding-top: 50px; padding-bottom: 50px; transform: translateY(-30px); position: relative; } @media (min-width: 768px) { .penci-pricing_featured.penci-pricing-f-scale { background: var(--pcbg-cl); transform: scale(1.15); -webkit-transform: scale(1.15); position: relative; z-index: 3; } } .penci-pricing_featured .penci-pricing-ribbon { position: absolute; height: 60px; width: 38px; background: var(--pcaccent-cl); color: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; right: 15px; top: 0; padding-bottom: 15px; display: flex; align-items: flex-end; justify-content: center; font-size: 18px; z-index: 5; } .penci-pricing_featured .penci-pricing-ribbon-text { position: absolute; top: 18px; right: -67px; padding: 4px 0; width: 200px; background-color: #ff6618; color: #fff; transform: rotate(40deg); text-align: center; font-size: 12px; line-height: 1.3em; z-index: 5; text-transform: uppercase; font-family: var(--pchead-font); } .penci-pricing-item.penci-pricing-s1 { border: 1px solid var(--pcborder-cl); } .penci-pricing-item.penci-pricing-s2 { box-shadow: 0px 15px 30px 0 rgba(0, 0, 0, 0.1); background-color: #ffff; border-radius: 15px; } .penci-pricing-item.penci-pricing-s2 .penci-pricing-btn { border-radius: 10px; } .penci-pricing-item:after { content: ""; display: table; width: 100%; } .penci-pricing-item .penci-pricing-inner { position: relative; } .penci-pricing-item .penci-pricing-image { width: 150px; text-align: center; margin: 0 auto 20px; overflow: hidden; } .penci-pricing-item .penci-pricing-image img { height: auto; display: inline-block; vertical-align: top; } .penci-pricing-item .penci-pricing-icon { text-align: center; font-size: 50px; margin-bottom: 20px; line-height: 1; } .penci-pricing-item .penci-pricing-icon i { font-size: inherit; color: inherit; display: inline-block; vertical-align: top; } .penci-pricing-item .penci-pricing-header { margin-bottom: 20px; } .penci-pricing-fheader .penci-pricing-header { margin-top: -20px; margin-right: -20px; margin-left: -20px; padding: 20px 0; background: #fff000; } .penci-pricing_featured.penci-pricing-f-hheight.penci-pricing-fheader .penci-pricing-header { padding-top: 50px; margin-top: -50px; } .penci-pricing-item .penci-pricing-title { font-size: 36px; font-weight: 700; line-height: 1; } .penci-pricing-item .penci-pricing-subtitle { color: #888; line-height: 1.3; margin-top: 10px; } .penci-pricing-item .penci-pricing-title, .penci-pricing-item .penci-price-unit { color: #111; } .penci-pricing-item .penci-pricing-price { font-size: 48px; line-height: 1; display: inline-block; } .penci-pricing-item .penci-pricing-unit { display: block; } .penci-pricing-oneline .penci-pricing-unit { display: inline-block; } .penci-pricing-item .penci-pricing-featured { margin-top: 20px; margin-bottom: 30px; font-size: 16px; } .penci-pricing-btn-above .penci-pricing-featured { margin-bottom: 5px; } .penci-pricing-btn-above .penci-pricing-pbutton { margin-top: 20px; } .penci-pricing-item .penci-pricing-featured ul, .penci-pricing-item .penci-pricing-featured ol { margin: 0; padding: 0; } .penci-pricing-item .penci-pricing-featured li { margin-left: 0; list-style: none; margin-bottom: 10px; } .penci-pricing-item .penci-pricing-featured ul, .penci-pricing-item .penci-pricing-featured ol, .penci-pricing-item .penci-pricing-featured li, .penci-pricing-item .penci-pricing-featured p, .penci-pricing-item .penci-pricing-featured span, .penci-pricing-item .penci-pricing-featured div, .penci-pricing-item .penci-pricing-featured a, .penci-pricing-item .penci-pricing-featured strong { font-size: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: inherit; font-style: inherit; text-decoration: inherit; line-height: 1.3; } .penci-pricing-item .penci-pricing-featured li:last-child { margin-bottom: 0; } .penci-pricing-item .penci-pricing-btn { display: block; width: 100%; font-size: 15px; box-sizing: border-box; max-width: 100%; text-decoration: none !important; margin-left: auto; margin-right: auto; color: #fff; } .penci-pricing-btn-borders .penci-pricing-btn { background: none !important; border: 2px solid; color: var(--pctext-cl); } .penci-pricing-btn-borders .penci-pricing-btn:hover { border-color: var(--pcaccent-cl); color: var(--pcaccent-cl); } @media (max-width: 767px) { .penci-pricing_featured.penci-pricing-f-hheight { transform: translateY(0); padding-top: 20px; padding-bottom: 20px; } .penci-pricing_featured.penci-pricing-f-hheight.penci-pricing-fheader .penci-pricing-header { padding-top: 20px; margin-top: -20px; } } /* Penci Button */ .pcbtn-wrapper { display: block; } .pcbtn-align-left { text-align: left; } .pcbtn-align-center { text-align: center; } .pcbtn-align-right { text-align: right; } .pcbtn-wrapper a.pcbtn { display: inline-block; text-decoration: none; background: #f2f2f2; color: #333; position: relative; font-family: var(--pchead-font); font-size: 16px; vertical-align: top; transition: color 0.3s, transform 0.3s; } .pcbtn-wrapper a.pcbtn:before { content: ""; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: all 0.3s; } .pcbtn-wrapper a.pcbtn:hover:before { opacity: 1; } .pcbtn-wrapper a.pcbtn-bordered:before, .pcbtn-bordered .pcbtn-wrapperin { border: 2px solid; } .pcbtn-wrapper a.pcbtn-bstyle-dotted:before, .pcbtn-bstyle-dotted .pcbtn-wrapperin { border-style: dotted; } .pcbtn-wrapper a.pcbtn-bstyle-dashed:before, .pcbtn-bstyle-dashed .pcbtn-wrapperin { border-style: dashed; } .pcbtn-wrapper a.pcbtn-bstyle-double:before, .pcbtn-bstyle-double .pcbtn-wrapperin { border-style: double; } .pcbtn-wrapper a.pcbtn-bstyle-groove:before, .pcbtn-bstyle-groove .pcbtn-wrapperin { border-style: groove; } .pcbtn-wrapper a.pcbtn-bstyle-ridge:before, .pcbtn-bstyle-ridge .pcbtn-wrapperin { border-style: ridge; } .pcbtn-wrapper a.pcbtn-bstyle-inset:before, .pcbtn-bstyle-inset .pcbtn-wrapperin { border-style: inset; } .pcbtn-wrapper a.pcbtn-bstyle-outset:before, .pcbtn-bstyle-outset .pcbtn-wrapperin { border-style: outset; } .pcbtn-wrapper a.pcbtn-bstyle-gradient:before, .pcbtn-bstyle-gradient .pcbtn-wrapperin { border-image: linear-gradient(360deg, var(--pcaccent-cl), #bbb); border-image: -webkit-linear-gradient(360deg, var(--pcaccent-cl), #bbb); border-image-slice: 1; } .pcbtn-align-justify a.pcbtn { display: block; width: 100%; } @media (max-width: 1024px) { .pcbtn-talign-left { text-align: left; } .pcbtn-talign-center { text-align: center; } .pcbtn-talign-right { text-align: right; } .pcbtn-talign-left a.pcbtn, .pcbtn-talign-center a.pcbtn, .pcbtn-talign-right a.pcbtn { width: auto; display: inline-block; } .pcbtn-talign-justify a.pcbtn { display: block; width: 100%; } } @media (max-width: 767px) { .pcbtn-malign-left { text-align: left; } .pcbtn-malign-center { text-align: center; } .pcbtn-malign-right { text-align: right; } .pcbtn-malign-left a.pcbtn, .pcbtn-malign-center a.pcbtn, .pcbtn-malign-right a.pcbtn { width: auto; display: inline-block; } .pcbtn-malign-justify a.pcbtn { display: block; width: 100%; } } .pcbtn-wrapperin { text-align: center; padding: 10px 20px; display: block; } .pcbtn-align-justify .pcbtn-wrapperin, .pcbtn-align-justify .pcbtn-wrapperin span { width: 100%; } .pcbtn-content svg { width: 16px; height: auto; vertical-align: middle; transition: fill 0.3s; } .pcbtn-icon-left span span i, .pcbtn-icon-left span span svg { margin-right: 5px; } .pcbtn-icon-right span span i, .pcbtn-icon-right span span svg { margin-left: 5px; } .pcbtn-wrapperin span { display: block; line-height: 1.3; } .pcbtn-wrapperin span.pcbtn-content { text-transform: uppercase; font-weight: 500; z-index: 5; position: relative; transition: all 0.3s; } .pcbtn-wrapperin span.pcbtn-subtext { margin: 5px 0 0 0; font-size: 12px; z-index: 5; position: relative; } /**** Shortcode custom slider *****/ .penci-ctslide-wrap { height: 400px; position: relative; } .penci-ctslide-wrap:before { display: block; width: 100%; background: none !important; box-shadow: none !important; } .penci-custom-slide { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .penci-ctslide-inner { height: 100%; width: 100%; z-index: 10; } .penci-ctslider-bg-overlay, .penci-ctslide-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; min-width: 100%; min-height: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 10s; -o-transition-duration: 10s; transition-duration: 10s; } .penci-ctslider-featimg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 15; background: transparent !important; } .penci-ctslider-content, .penci-ctslide-inner { position: relative; z-index: 50; } .penci-ctslide-inner { display: flex; } .penci-slides-wrap .owl-item.active .penci-ctslide-bg { -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 20s; animation-duration: 20s; } .penci-slides-wrap .owl-item.active .penci-ctslide-bg.penci-ctslider-ken-in { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-animation-name: penci-ken-burns-in; animation-name: penci-ken-burns-in; } .penci-slides-wrap .owl-item.active .penci-ctslide-bg.penci-ctslider-ken-out { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-animation-name: penci-ken-burns-out; animation-name: penci-ken-burns-out; } .penci-slides-wrap .penci-ctslider-content { padding: 30px; width: 100%; } .penci-v-poswrap-top .penci-ctslide-inner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .penci-v-poswrap-bottom .penci-ctslide-inner { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .penci-v-poswrap-middle .penci-ctslide-inner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .penci-h-poswrap-left .penci-ctslide-inner { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .penci-h-poswrap-right .penci-ctslide-inner { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .penci-h-poswrap-center .penci-ctslide-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .xpenci-slides-wrap div:not(.lslide) > .penci-ctslide-inner { display: none; } .penci-slides-wrap .pencislider-caption, .penci-slides-wrap .pencislider-title { color: #fff; } .penci-slides-wrap .pencislider-caption, .penci-slides-wrap .pencislider-title, .penci-slides-wrap .penci-slider_btnwrap { opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.65s; -moz-animation-duration: 0.65s; -ms-animation-duration: 0.65s; -o-animation-duration: 0.65s; animation-duration: 0.65s; } .penci-slides-wrap .pencislider-title { font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0 0 15px 0; } .penci-slides-wrap .pencislider-caption { font-size: 16px; line-height: 1.4; margin: 0 0 25px 0; } .penci-slides-wrap .penci-ctslider-content > *:nth-child(1) { animation-delay: calc(var(--pcfs-delay) + 0.3s); } .penci-slides-wrap .penci-ctslider-content > *:nth-child(2) { animation-delay: calc(var(--pcfs-delay) + 0.5s); } .penci-slides-wrap .penci-ctslider-content > *:nth-child(3) { animation-delay: calc(var(--pcfs-delay) + 0.7s); } .penci-slides-wrap .pencislider-title-overlay .pslider-bgoverlay-inner, .penci-slides-wrap .pencislider-caption-overlay .pslider-bgoverlay-inner { position: relative; padding: 5px 12px; display: inline-block; vertical-align: top; } .penci-slides-wrap .pencislider-title-overlay .pslider-bgoverlay-inner:before, .penci-slides-wrap .pencislider-caption-overlay .pslider-bgoverlay-inner:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .penci-slides-wrap .pencislider-title-overlay .pslider-bgoverlay-inner span, .penci-slides-wrap .pencislider-caption-overlay .pslider-bgoverlay-inner span { position: relative; z-index: 10; padding: 0; margin: 0; } .penci-slides-wrap .penci-slider_btnwrap { margin: 0; background: none; padding: 0; vertical-align: top; animation-delay: 1.3s; -webkit-animation-delay: 1.3s; } .penci-slider_btnwrap .pencislider-btn { display: inline-block; background: transparent; border: 1px solid #fff; color: #fff; line-height: 1; height: 36px; padding: 0 20px; border-radius: 0; font-size: 12px; font-weight: 600; width: auto; } .penci-slider_btnwrap .pencislider-btn > span { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; white-space: nowrap; } .penci-slider_btnwrap .pencislider-btn:hover { background: var(--pcaccent-cl); border-color: var(--pcaccent-cl); color: #fff; text-decoration: none; } .penci-slider_btnwrap .pencislider-btn:not(:last-child) { margin-right: 15px; } @keyframes penci-ken-burns-in { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes penci-ken-burns-out { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } .penci-slides-wrap .active .penci-fadeInDown .pencislider-title, .penci-slides-wrap .active .penci-fadeInDown .pencislider-caption, .penci-slides-wrap .active .penci-fadeInDown .penci-slider_btnwrap { -webkit-animation-name: pencifadeInDown; -moz-animation-name: pencifadeInDown; -o-animation-name: pencifadeInDown; animation-name: pencifadeInDown; } .penci-slides-wrap .active .penci-fadeInUp .pencislider-title, .penci-slides-wrap .active .penci-fadeInUp .pencislider-caption, .penci-slides-wrap .active .penci-fadeInUp .penci-slider_btnwrap { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } .penci-slides-wrap .active .penci-fadeInLeft .pencislider-title, .penci-slides-wrap .active .penci-fadeInLeft .pencislider-caption, .penci-slides-wrap .active .penci-fadeInLeft .penci-slider_btnwrap { -webkit-animation-name: pencifadeInLeft; -moz-animation-name: pencifadeInLeft; -o-animation-name: pencifadeInLeft; animation-name: pencifadeInLeft; } .penci-slides-wrap .active .penci-fadeInRight .pencislider-title, .penci-slides-wrap .active .penci-fadeInRight .pencislider-caption, .penci-slides-wrap .active .penci-fadeInRight .penci-slider_btnwrap { -webkit-animation-name: pencifadeInRight; -moz-animation-name: pencifadeInRight; -o-animation-name: pencifadeInRight; animation-name: pencifadeInRight; } @-webkit-keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pencifadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .popUpfadeInDown { animation-name: fadeInDown; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } @keyframes popUpfadeInDown { from { opacity: 0; transform: translate3d(0, -80px, 0); } to { opacity: 1; transform: none; } } /**Page header**/ .penci-page-header-wrap { background: #dfdfdf; color: #111; overflow: hidden; padding-top: 80px; padding-bottom: 80px; margin-bottom: 60px; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; } .penci-body-epageheader #header, .penci-body-epageheader .penci-header-signup-form { margin-bottom: 0; margin-top: 0; } .penci-page-header-wrap .container.penci-breadcrumb { margin-top: 0; width: 100%; margin-bottom: 0; } .penci-page-header-wrap .penci-page-header-title { position: relative; text-transform: uppercase; font-size: 30px; font-weight: 600; color: #111; line-height: 1; padding: 0 0 14px; margin: 0 0 23px; } .penci-page-header-wrap .penci-page-header-title:before { content: ""; position: absolute; border-top: 2px solid; width: 40px; bottom: 0; left: 50%; color: inherit; opacity: 0.2; margin-left: -20px; } .penci-page-header-wrap.penci-phhide-bread .penci-page-header-title { margin-bottom: 0 !important; } .penci-page-header-wrap.penci-phhide-line .penci-page-header-title { padding-bottom: 0 !important; } .penci-page-header-wrap.penci-phhide-line .penci-page-header-title:before { content: none; } .penci-page-header-wrap.penci-pheader-left { text-align: left; } .penci-page-header-wrap.penci-pheader-left .penci-page-header-title:before { left: 0; margin-left: 0; } .penci-page-header-wrap.penci-pheader-center { text-align: center; } .penci-page-header-wrap.penci-pheader-center .penci-page-header-title:before { left: 50%; margin-left: -20px; } .penci-page-header-wrap.penci-pheader-right { text-align: right; } .penci-page-header-wrap.penci-pheader-right .penci-page-header-title:before { left: auto; right: 0; } .penci-latest-posts-left .grid-header-box, .penci-latest-posts-left .header-list-style, .penci-latest-posts-left .header-standard { text-align: left; } .penci-latest-posts-left .header-list-style:after, .penci-latest-posts-left .grid-header-box:after, .penci-latest-posts-left .header-standard:after, .penci-latest-posts-left.penci-latest-posts-mixed .grid-header-box:after, .penci-latest-posts-left .list-post .header-list-style:after, .penci-latest-posts-left .list-post.list-boxed-post .header-list-style:after, .penci-latest-posts-left .header-standard.standard-overlay-meta:after { left: 0; margin-left: 0; right: auto; } .penci-latest-posts-left .header-standard.standard-overlay-meta { padding-left: 20px !important; padding-right: 10px; } .penci-latest-posts-left .header-standard.standard-overlay-meta:after { left: 20px; right: auto; } .penci-latest-posts-left .grid-overlay-meta .grid-header-box { padding-left: 10px; padding-right: 5px; } .penci-latest-posts-left .grid-overlay-meta .grid-header-box:after, .container .penci-latest-posts-left .penci-grid li.magazine-layout.grid-overlay-meta .grid-header-box:after { left: 10px; right: auto; } .penci-latest-posts-left.penci-latest-posts-grid .grid-overlay-meta .grid-header-box, .penci-latest-posts-left.penci-latest-posts-grid-2 .grid-overlay-meta .grid-header-box { margin-left: 0; padding-left: 0; } .penci-latest-posts-right.penci-latest-posts-grid .grid-overlay-meta .grid-header-box, .penci-latest-posts-right.penci-latest-posts-grid-2 .grid-overlay-meta .grid-header-box { margin-right: 0; padding-right: 0; } .penci-latest-posts-center .grid-header-box, .penci-latest-posts-center .header-list-style, .penci-latest-posts-center .header-standard { text-align: center; } .penci-latest-posts-center .header-list-style:after, .penci-latest-posts-center .grid-header-box:after, .penci-latest-posts-center .header-standard:after, .penci-latest-posts-center.penci-latest-posts-mixed .grid-header-box:after, .penci-latest-posts-center .list-post .header-list-style:after, .penci-latest-posts-center .list-post.list-boxed-post .header-list-style:after, .penci-latest-posts-center .header-standard.standard-overlay-meta:after { left: 50%; right: auto; margin-left: -30px; } .penci-latest-posts-center .header-standard.standard-overlay-meta { padding-left: 10px; padding-right: 10px; } .penci-latest-posts-right .header-list-style, .penci-latest-posts-right .grid-header-box, .penci-latest-posts-right .header-standard { text-align: right; } .penci-latest-posts-right .header-list-style:after, .penci-latest-posts-right .grid-header-box:after, .penci-latest-posts-right .header-standard:after, .penci-latest-posts-right.penci-latest-posts-mixed .grid-header-box:after, .penci-latest-posts-right .list-post .header-list-style:after, .penci-latest-posts-right .list-post.list-boxed-post .header-list-style:after, .penci-latest-posts-right .header-standard.standard-overlay-meta:after { left: auto; margin-left: 0; right: 0; margin-right: 0; } .penci-latest-posts-right .grid-overlay-meta .grid-header-box { padding-right: 10px; padding-left: 5px; } .penci-latest-posts-right .grid-overlay-meta .grid-header-box:after, .container .penci-latest-posts-right .penci-grid li.magazine-layout.grid-overlay-meta .grid-header-box:after { left: auto; right: 10px; } .penci-latest-posts-right .header-standard.standard-overlay-meta { padding-left: 10px; padding-right: 20px !important; } .penci-latest-posts-right .header-standard.standard-overlay-meta:after { left: auto; right: 20px; } .penci-grid-excerpt-left .penci-grid li .item .item-content, .penci-grid-excerpt-left .penci-masonry .item-masonry .item-content, .penci-grid-excerpt-left .penci-featured-infor .item-content, .penci-std-excerpt-left .penci-grid .mixed-detail .item-content, .penci-std-continue-left .penci-more-link, .penci-std-excerpt-left .standard-main-content { text-align: left; } .penci-grid-excerpt-center .penci-grid li .item .item-content, .penci-grid-excerpt-center .penci-masonry .item-masonry .item-content, .penci-std-excerpt-center .penci-grid .mixed-detail .item-content, .penci-std-continue-center .penci-more-link, .penci-std-excerpt-center .standard-main-content, .penci-grid-excerpt-center .penci-featured-infor .item-content { text-align: center; } .penci-grid-excerpt-right .penci-grid li .item .item-content, .penci-grid-excerpt-right .penci-masonry .item-masonry .item-content, .penci-std-excerpt-right .penci-grid .mixed-detail .item-content, .penci-std-continue-right .penci-more-link, .penci-std-excerpt-right .standard-main-content, .penci-grid-excerpt-right .penci-featured-infor .item-content { text-align: right; } .penci-std-continue-left .penci-more-link a.more-link:before, .penci-std-continue-right .penci-more-link a.more-link:after { content: none; } .penci-std-continue-right .penci-more-link a.more-link:before, .penci-std-continue-left .penci-more-link a.more-link:after, .penci-std-continue-center .penci-more-link a.more-link:before, .penci-std-continue-center .penci-more-link a.more-link:after { content: ""; } @media only screen and (max-width: 1400px) and (min-width: 961px) { .penci-two-sidebar .container.penci-breadcrumb { width: 100%; padding: 0 10px; } } @media only screen and (max-width: 960px) and (min-width: 768px) { .penci-two-sidebar .container.penci-breadcrumb { width: 726px; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .penci-two-sidebar .container.penci-breadcrumb { width: 480px; } } @media only screen and (max-width: 479px) { .penci-two-sidebar .container.penci-breadcrumb { width: 100%; } .penci-slides-wrap .penci-ctslider-content { padding: 10px; } .btn-twoline .penci-slider_btnwrap { white-space: pre-line; } .btn-twoline .penci-slider_btnwrap .pencislider-btn:not(:last-child) { margin-right: 0 !important; } .btn-twoline .penci-slider_btnwrap .pencislider-btn.pencislider-btn-2 { margin-top: 15px; } } @media only screen and (min-width: 768px) { .penci-latest-posts-el.penci-latest-posts-boxed-1 .list-boxed-post .item, .penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .list-boxed-post .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .penci-latest-posts-el.penci-latest-posts-boxed-1 .list-boxed-post .item .content-list-right, .penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .list-boxed-post .item .content-list-right { height: auto; min-height: 0; } .penci-latest-posts-el.penci-latest-posts-boxed-1 .list-boxed-post:nth-child(2n + 2) .item .content-list-right, .penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .list-boxed-post:nth-of-type(2n + 2) .item .content-list-right { order: 1; } .penci-latest-posts-el.penci-latest-posts-boxed-1 .list-boxed-post:nth-child(2n + 2) .item .thumbnail, .penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .list-boxed-post:nth-of-type(2n + 2) .item .thumbnail { order: 2; } } .penci-latest-posts-el .penci-pagination { margin-top: 30px; margin-bottom: 0; } .penci-latest-posts-el.penci-latest-posts-boxed-2 .penci-grid li.list-boxed-post-2:last-child { margin-bottom: 0 !important; } .penci-latest-posts-el.penci-latest-posts-standard .penci-wrapper-data > article:last-child, .penci-latest-posts-el.penci-latest-posts-classic .penci-wrapper-data > article:last-child, .penci-latest-posts-el.penci-latest-posts-grid .penci-wrapper-data > .grid-style:last-child, .penci-latest-posts-el.penci-latest-posts-standard-grid .penci-wrapper-data > .grid-style:last-child, .penci-latest-posts-el.penci-latest-posts-standard-grid-2 .penci-wrapper-data > .grid-style:last-child, .penci-latest-posts-el.penci-latest-posts-standard-list .penci-wrapper-data > .list-post:last-child, .penci-latest-posts-el.penci-latest-posts-standard-boxed-1 .penci-wrapper-data > .list-boxed-post:last-child, .penci-latest-posts-el.penci-latest-posts-classic-grid .penci-wrapper-data > .grid-style:last-child, .penci-latest-posts-el.penci-latest-posts-classic-grid-2 .penci-wrapper-data > .grid-style:last-child, .penci-latest-posts-el.penci-latest-posts-classic-list .penci-wrapper-data > .list-post:last-child, .penci-latest-posts-el.penci-latest-posts-classic-boxed-1 .penci-wrapper-data > .list-boxed-post:last-child, .penci-latest-posts-el.penci-latest-posts-grid-2 .penci-wrapper-data > .grid-style:last-child, .penci-latest-posts-el.penci-latest-posts-list .penci-wrapper-data > .list-post:last-child, .penci-latest-posts-el.penci-latest-posts-boxed-1 .penci-wrapper-data > .list-boxed-post:last-child, .penci-latest-posts-el.penci-latest-posts-overlay .penci-wrapper-data > .grid-overlay:last-child, .penci-latest-posts-el.penci-latest-posts-featured .penci-wrapper-data > .grid-featured:last-child, .penci-latest-posts-el.penci-latest-posts-mixed .penci-grid > li:last-child, .penci-latest-posts-el.penci-latest-posts-mixed-2 .penci-grid > li:last-child, .penci-latest-posts-el.penci-latest-posts-photography .penci-grid > .typography-style:last-child { margin-bottom: 0 !important; } @media only screen and (min-width: 961px) { .penci-latest-posts-el.penci-latest-posts-standard-grid-2 .penci-wrapper-data > .grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-classic-grid-2 .penci-wrapper-data > .grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-grid-2 .penci-wrapper-data > .grid-style:nth-last-child(2), .penci-latest-posts-el.penci-latest-posts-grid .penci-wrapper-data > .grid-style:nth-last-child(2), .penci-latest-posts-el.penci-latest-posts-grid .penci-wrapper-data > .grid-style:nth-last-child(3), .penci-latest-posts-el.penci-latest-posts-standard-grid .penci-wrapper-data > .grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-standard-grid .penci-wrapper-data > .grid-style:nth-last-of-type(3), .penci-latest-posts-el.penci-latest-posts-classic-grid .penci-wrapper-data > .grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-classic-grid .penci-wrapper-data > .grid-style:nth-last-of-type(3), .penci-latest-posts-el.penci-latest-posts-mixed.penci-el-mixed-s1 .penci-grid > li.grid-style:nth-last-of-type(3), .penci-latest-posts-el.penci-latest-posts-mixed .penci-grid > li.grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-mixed-2.penci-el-mixed-s1 .penci-grid > li.grid-style:nth-last-of-type(3), .penci-latest-posts-el.penci-latest-posts-mixed-2 .penci-grid > li.grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-photography .penci-grid > .typography-style:nth-last-child(2) { margin-bottom: 0 !important; } } @media only screen and (max-width: 960px) and (min-width: 768px) { .penci-latest-posts-el.penci-latest-posts-standard-grid .penci-wrapper-data > .grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-classic-grid .penci-wrapper-data > .grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-grid-2 .penci-wrapper-data > .grid-style:nth-last-child(2), .penci-latest-posts-el.penci-latest-posts-standard-grid-2 .penci-wrapper-data > .grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-classic-grid-2 .penci-wrapper-data > .grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-grid .penci-wrapper-data > .grid-style:nth-last-child(2), .penci-latest-posts-el.penci-latest-posts-mixed .penci-grid > li.grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-mixed-2 .penci-grid > li.grid-style:nth-last-of-type(2), .penci-latest-posts-el.penci-latest-posts-photography .penci-grid > .typography-style:nth-last-child(2) { margin-bottom: 0 !important; } } @media only screen and (max-width: 1200px) and (min-width: 961px) { .penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1, .penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-2, .penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-1, .layout-14_14_12 .penci-sidebar-right, .layout-12_14_14 .penci-sidebar-left, .layout-14_12_14 .penci-sidebar-left, .container.two-sidebar .penci-sidebar-left { display: none !important; } .penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-2, .penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-3, .penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3, .layout-14_14_12 .penci-vc-sidebar, .layout-12_14_14 .penci-vc-sidebar, .layout-14_12_14 .penci-vc-sidebar, .container.two-sidebar .penci-sidebar-content { width: 29.06%; } .penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-50.penci-ercol-order-3, .penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-50.penci-ercol-order-1, .penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2, .layout-14_14_12 .penci-main-content { width: 70.94%; } .layout-12_14_14 .penci-main-content, .layout-14_12_14 .penci-main-content, .container.two-sidebar #main { padding-left: 0; width: 70.94%; } } @media only screen and (max-width: 1200px) and (min-width: 768px) { .penci-repons-elsection.penci-structure-34 .elementor-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-16.penci-ercol-order-3, .penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-16.penci-ercol-order-1 { width: 50%; } .penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-66.penci-ercol-order-2 { width: 100%; order: 1; } .penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-16.penci-ercol-order-3 { order: 3; } .penci-repons-elsection.penci-structure-34 .elementor-column.elementor-col-16.penci-ercol-order-1 { order: 2; } } @media only screen and (max-width: 1400px) { .penci-repons-elsection.penci-structure-50 .elementor-row, .penci-repons-elsection.penci-structure-60 .elementor-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .penci-repons-elsection.penci-structure-50 .elementor-column.penci-ercol-20, .penci-repons-elsection.penci-structure-60 .elementor-column.penci-ercol-16 { width: 33.3333%; } } @media only screen and (max-width: 1170px) { .penci-repons-elsection.penci-structure-40 .elementor-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .penci-repons-elsection.penci-structure-50 .elementor-column.penci-ercol-20, .penci-repons-elsection.penci-structure-60 .elementor-column.penci-ercol-16, .penci-repons-elsection.penci-structure-40 .elementor-column.penci-ercol-25 { width: 50%; } } @media only screen and (max-width: 960px) { .container.two-sidebar .penci-sidebar-content, .container.two-sidebar #main { width: 100%; } .container.two-sidebar #main { order: 1; } .penci-vc-row .penci-vc-column { width: 100%; padding-left: 10px; padding-right: 10px; } .penci-countdown-show5 .penci-countdown-section, .penci-countdown-show6 .penci-countdown-section, .penci-countdown-show7 .penci-countdown-section { width: 33.33333%; } .penci-image-gallery-s2 .penci-galitem-1 { width: 100%; float: left; } .penci-image-gallery-s2 .penci-post-smalls { width: 100%; } .penci-image-gallery-s2 .penci-post-smalls .penci-gallery-item { width: 50%; float: left; } .penci-video_playlist .penci-video-nav, .penci-video_playlist .penci-video-play { width: 100%; float: none; position: relative; } .penci-video_playlist .penci-video-nav .playlist-panel-item { position: absolute; bottom: 0; left: 0; font-size: 10px; width: 20px; height: 20px; text-align: center; vertical-align: middle; line-height: 20px; z-index: 10; background: #111; color: #fff; } .penci-repons-elsection.penci-structure-21 .elementor-row, .penci-repons-elsection.penci-structure-22 .elementor-row, .penci-repons-elsection.penci-structure-30 .elementor-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .penci-repons-elsection.penci-structure-21 .elementor-column.penci-ercol-66, .penci-repons-elsection.penci-structure-21 .elementor-column.penci-ercol-33, .penci-repons-elsection.penci-structure-22 .elementor-column.penci-ercol-66, .penci-repons-elsection.penci-structure-22 .elementor-column.penci-ercol-33, .penci-repons-elsection.penci-structure-30 .elementor-column.penci-ercol-33 { width: 100%; } .penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1, .penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-2, .penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-1 { display: block; width: 50%; } .penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-2, .penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-3, .penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3 { width: 50%; } .penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-50.penci-ercol-order-3, .penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-50.penci-ercol-order-1, .penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2 { width: 100%; } .penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1, .penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3 { order: 2; } .penci-repons-elsection.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2 { order: 1; } .footer-subscribe .mc4wp-form .mdes { width: 100%; text-align: center; margin-left: 0; } } @media only screen and (max-width: 767px) { #main .penci-repons-elsection .elementor-column { width: 100% !important; } #main .penci-repons-elsection .elementor-column:not(:last-child) { margin-bottom: 20px; } .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column.elementor-col-25 + .elementor-column.elementor-col-50 > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="25"] + .elementor-column[data-col="50"] > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column.elementor-col-66 > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="66"] > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-col-16 + .elementor-column.elementor-col-66 > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="16"] + .elementor-column[data-col="66"] > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column.elementor-col-33 + .elementor-column.elementor-col-66 > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="33"] + .elementor-column[data-col="66"] > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column.elementor-col-25 + .elementor-column.elementor-col-50 > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="25"] + .elementor-column[data-col="50"] > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-col-25 + .elementor-col-25 + .elementor-col-50 > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="25"] + .elementor-column[data-col="25"] + .elementor-column[data-col="50"] > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-col-50 + .elementor-col-25 > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="50"] + .elementor-column[data-col="25"] > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-col-50 + .elementor-col-25 + .elementor-col-25 > .elementor-element-populated, .penci-repons-elsection .elementor-column-gap-default > .elementor-row > .elementor-column[data-col="50"] + .elementor-column[data-col="25"] + .elementor-column[data-col="25"] > .elementor-element-populated { padding-left: 10px; padding-right: 10px; } .penci-countdown-show4 .penci-countdown-section, .penci-countdown-show5 .penci-countdown-section, .penci-countdown-show6 .penci-countdown-section, .penci-countdown-show7 .penci-countdown-section { width: 50%; } .penci-con_sb2_sb1.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1, .penci-con_sb1_sb2.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3, .penci-sb2_con_sb1.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2, .penci-sb2_sb1_con.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3, .penci-sb1_con_sb2.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2, .penci-sb1_sb2_con.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1 { order: 2; } /** Sidebar right **/ .penci-con_sb2_sb1.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3, .penci-con_sb1_sb2.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1, .penci-sb2_con_sb1.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3, .penci-sb2_sb1_con.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2, .penci-sb1_con_sb2.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1, .penci-sb1_sb2_con.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2 { order: 3; } /** Content **/ .penci-con_sb2_sb1.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2, .penci-con_sb1_sb2.penci-structure-33 .elementor-column.elementor-col-50.penci-ercol-order-2, .penci-sb2_con_sb1.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1, .penci-sb2_sb1_con.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-1, .penci-sb1_con_sb2.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3, .penci-sb1_sb2_con.penci-structure-33 .elementor-column.elementor-col-25.penci-ercol-order-3 { order: 1; } .penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-2, .penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-1, .penci-repons-elsection.penci-structure-31 .elementor-column.elementor-col-25.penci-ercol-order-2, .penci-repons-elsection.penci-structure-32 .elementor-column.elementor-col-25.penci-ercol-order-3, .penci-repons-elsection.penci-structure-50 .elementor-column.penci-ercol-20, .penci-repons-elsection.penci-structure-60 .elementor-column.penci-ercol-16, .penci-repons-elsection.penci-structure-40 .elementor-column.penci-ercol-25 { width: 100%; } .penci-top-bar .pctopbar-item.penci-topbar-trending { display: none; padding: 0 10px; } } @media only screen and (max-width: 480px) { .penci-image-gallery-s2 .penci-post-smalls .penci-gallery-item { width: 100%; float: left; } .penci-image-gallery-s4 .penci-gallery-small-item, .penci-image-gallery-s3 .penci-gallery-small-item, .penci-image-gallery-s4 .penci-gallery-big-item, .penci-image-gallery-s3 .penci-gallery-big-item { width: 100%; float: none; } } .menu-item-has-label .menu-label { font-size: 9px; font-weight: 600; line-height: 12px; position: absolute; z-index: 1; top: calc(50% - 25px); left: 100%; display: inline-block; margin-left: -20px; padding: 2px 4px; vertical-align: middle; white-space: nowrap; letter-spacing: 0.3px; text-transform: uppercase; color: #fff; background-color: var(--pcaccent-cl); } .penci-menu-hbg .menu-item-has-label .menu-label, .pc-dropdown-menu .menu-item-has-label .menu-label, #sidebar-nav .menu-item-has-label .menu-label { left: auto; } .menu-item-has-label .menu-label.label-style-1:before, .menu-item-has-label .menu-label.label-style-2:before { position: absolute; top: 100%; left: 10px; content: ""; border: 4px solid; border-color: var(--pcaccent-cl); border-right-width: 7px; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-width: 0; } .menu-item-has-label .menu-label.label-style-2:before { left: 0; } .menu-item-has-label .menu-label.label-style-4:before { position: absolute; right: 50%; bottom: -4px; left: 50%; margin-left: -4px; content: ""; border-width: 4px 4px 0 4px; border-style: solid; border-color: var(--pcaccent-cl); border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .penci-mega-content-container { text-align: initial; } .desktop-meta-bg-hidden { display: none; } @media only screen and (min-width: 767px) and (max-width: 1169px) { .tablet-meta-bg-hidden { display: none; } } @media only screen and (max-width: 767px) { .mobile-meta-bg-hidden { display: none; } } .biggrid-archive-wrapper .grid-post-box-meta { overflow: hidden; } .featured-list-title { margin-bottom: 30px; } .penci-dropdown-menu { position: absolute; visibility: hidden; opacity: 0; z-index: 9999; box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -webkit-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -moz-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); border-top: 1px solid #ececec; margin-top: 0; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; } .penci-dropdown-menu.penci-mega-full-width { left: 0; } .penci-dropdown-menu.penci-mega-custom-width { left: auto; right: auto; } .navigation .penci-dropdown-menu.penci-mega-custom-width .container, #navigation .penci-dropdown-menu.penci-mega-custom-width .container { display: block; } .penci-dropdown-menu .post-entry { line-height: unset; margin-bottom: 0; } .navigation .penci-dropdown-menu, #navigation .penci-dropdown-menu { max-width: 100vw; display: none; } #navigation .penci-dropdown-menu .penci-megamenu, .navigation .penci-dropdown-menu .penci-megamenu, #navigation .penci-dropdown-menu .container, .navigation .penci-dropdown-menu .container { display: block; } .navigation .penci-mega-custom-width .container, #navigation .penci-mega-custom-width .container { width: 100%; } .penci-dropdown-menu.loading { min-height: 150px; } .penci-dropdown-menu:before { opacity: 0; background-color: inherit; transition: all 0.2s ease; top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; min-height: 0; } .penci-dropdown-menu.loading:before { opacity: 1; z-index: 8; } .penci-dropdown-menu:after { opacity: 0; transition: opacity 0.2s ease; content: ""; display: inline-block; border: 1px solid #bbb; border-left-color: #000; border-top-color: #000; border-radius: 50%; vertical-align: middle; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; width: 24px; height: 24px; } @keyframes penci-menu-rotate { 100% { transform: rotate(360deg); } } .penci-dropdown-menu.loading:after { opacity: 1; z-index: 9; animation: penci-menu-rotate 0.35s infinite linear; } .button-popup-content, .penci-popup-content, .penci-age-verify { position: relative; width: 100%; max-width: 650px; margin-right: auto; margin-left: auto; background-color: #fff; padding: 40px; text-align: center; display: none; } .mfp-wrap .button-popup-content, .mfp-wrap .penci-popup-content, .mfp-wrap .penci-age-verify { display: block; } .penci-age-verify .penci-age-verify-buttons { margin-top: 30px; } .penci-age-verify .penci-age-verify-buttons .button { display: inline-block; padding: 0 15px; line-height: 35px; background-color: var(--pcaccent-cl); color: #fff; text-transform: uppercase; font-weight: var(--pchead-wei); transition: 0.3s all ease-in-out; } .penci-age-verify .penci-age-verify-buttons .button.penci-age-verify-forbidden { color: var(--pctext-cl); background-color: #f1f1f1; } .penci-age-verify .penci-age-verify-buttons .button:hover { opacity: 0.8; } .penci-age-verify.penci-forbidden .penci-age-verify-text, .penci-age-verify.penci-forbidden .penci-age-verify-buttons { display: none; } .pc-fho-wrap { position: relative; --gap: 20px; --vgap: 20px; --maingap: 30px; --iconw: 25%; --iconsz: 150px; --iconbd: 5px; --obg: rgba(0, 0, 0, 0.5); --ohbg: rgba(0, 0, 0, 0.8); --sobg: rgba(0, 0, 0, 0); --sohbg: rgba(0, 0, 0, 0.5); z-index: 1; max-width: 100%; margin-left: auto; margin-right: auto; } .pc-fho-wrap .mp-link { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-size: cover; z-index: 1; display: block; text-indent: -99999999px; } .pc-fho-wrap .mp-link:not(.penci-lazy) { background-color: rgba(0, 0, 0, 0.5); } .pc-fho-container { width: 100%; margin-left: auto; margin-right: auto; max-width: var(--pcctain); } .pc-fho-wrap .mp-link:before { content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-color: var(--obg); z-index: 2; transition: 0.3s background-color ease-in-out; } .pc-fho-wrap .mp-link:hover:before { background-color: var(--ohbg); } .pc-fho-wrap .pc-fho-mpct { position: relative; z-index: 2; } .pc-fho-wrap .pc-fho-mpct:hover ~ .mp-link:before { background-color: var(--ohbg); } .pc-fho-wrap .pc-fho-bg-wrap { padding: 60px; } .pc-fho-wrap .pc-fho-mpct { margin-left: calc(var(--maingap) / 2 * -1); margin-right: calc(var(--maingap) / 2 * -1); display: flex; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: center; } .pc-fho-wrap .pc-fho-mpct .pc-fho-mi, .pc-fho-wrap .pc-fho-mpct .pc-fho-mc { padding-left: calc(var(--maingap) / 2); padding-right: calc(var(--maingap) / 2); } .pc-fho-wrap .pc-fho-mpct .pc-fho-mi { flex: 0 0 var(--iconw); align-items: center; display: flex; } .pc-fho-wrap .pc-fho-mpct .pc-fho-mc { flex: 0 0 calc(100% - var(--iconw)); } .pc-fho-wrap .pc-fho-mpct .pc-fho-mc.bct-fullwidth { flex: 0 0 100% !important; } .pc-fho-wrap .pc-fho-mc .pc-fho-mt h3 { font-size: 55px; line-height: 1.1; margin-bottom: 0; } .pc-fho-wrap .pc-fho-mc .pc-fho-mt a, .pc-fho-wrap .pc-fho-mc .pc-fho-mm a { color: #fff; text-decoration: none; } .pc-fho-wrap .pc-fho-mi-i { max-width: var(--iconsz); height: var(--iconsz); border: var(--iconbd) solid #fff; background: rgba(0, 0, 0, 0.1); color: #fff; border-radius: 50%; text-align: center; width: 100%; } .pc-fho-wrap .pc-fho-mi-i a { color: inherit; } .pc-fho-wrap .pc-fho-mi-i i { font-size: 70px; line-height: calc(var(--iconsz) - (var(--iconbd) * 2)); } .pc-fho-wrap .pc-fho-msli { margin-left: calc(var(--gap) / 2 * -1); margin-right: calc(var(--gap) / 2 * -1); margin-top: 60px; } .pc-fho-wrap .pc-fho-msli .pc-fho-msli-inner-ct { display: flex; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: flex-start; overflow: hidden; } .pc-fho-wrap .pc-fho-msli .pc-fho-li { position: relative; z-index: 3; padding-left: calc(var(--gap) / 2); padding-right: calc(var(--gap) / 2); } .pc-fho-msli-inner-ct:not(.penci-owl-carousel) .pc-fho-li { margin-bottom: var(--vgap); } .pc-fho-wrap .pc-fho-msli.columns-1 .pc-fho-li { flex: 0 0 100%; } .pc-fho-wrap .pc-fho-msli.columns-2 .pc-fho-li { flex: 0 0 50%; } .pc-fho-wrap .pc-fho-msli.columns-3 .pc-fho-li { flex: 0 0 33.3333333333%; } .pc-fho-wrap .pc-fho-msli.columns-4 .pc-fho-li { flex: 0 0 25%; } .pc-fho-wrap .pc-fho-msli.columns-5 .pc-fho-li { flex: 0 0 20%; } .pc-fho-wrap .pc-fho-msli.columns-6 .pc-fho-li { flex: 0 0 16.6666666667%; } .pc-fho-msli-inner-ct > .pc-fho-li:last-child { margin-bottom: 0 !important; } @media only screen and (min-width: 1170px) { .pc-fho-msli.columns-6 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(2), .pc-fho-msli.columns-6 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(3), .pc-fho-msli.columns-6 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(4), .pc-fho-msli.columns-6 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(5), .pc-fho-msli.columns-6 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(6), .pc-fho-msli.columns-5 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(2), .pc-fho-msli.columns-5 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(3), .pc-fho-msli.columns-5 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(4), .pc-fho-msli.columns-5 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(5), .pc-fho-msli.columns-4 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(2), .pc-fho-msli.columns-4 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(3), .pc-fho-msli.columns-4 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(4), .pc-fho-msli.columns-3 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(2), .pc-fho-msli.columns-3 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(3), .pc-fho-msli.columns-2 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(2) { margin-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 1169px) { .pc-fho-msli.tablet-columns-4 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(2), .pc-fho-msli.tablet-columns-4 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(3), .pc-fho-msli.tablet-columns-4 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(4), .pc-fho-msli.tablet-columns-3 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(2), .pc-fho-msli.tablet-columns-3 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(3), .pc-fho-msli.tablet-columns-2 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(2) { margin-bottom: 0; } } @media only screen and (max-width: 767px) { .pc-fho-msli.mobile-columns-2 .pc-fho-msli-inner-ct > .pc-fho-li:nth-last-child(2) { margin-bottom: 0; } } .pc-fho-wrap .pc-fho-cat a, .pc-fho-wrap .pc-fho-cat a:hover { text-decoration: none; } .pc-fho-wrap .pc-fho-list-img { margin-bottom: 15px; } .pc-fho-wrap .pc-fho-list-img a { display: block; } .pc-fho-wrap .pc-fho-li .icon-post-format { top: 50%; right: auto; left: 50%; width: 38px; height: 38px; line-height: 34px; font-size: 18px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; margin: -18px 0 0 -18px; } .pc-fho-slolay { position: absolute; top: 0; width: 100%; height: 100%; left: 0; display: block; z-index: 1; background: var(--sobg); transition: all 0.3s; } .pc-fho-wrap .pc-fho-list-img:hover .pc-fho-slolay { background: var(--sohbg); } .pc-fho-wrap .pc-fho-li .icon-post-format i.penci-faicon { line-height: inherit; } .pc-fho-wrap .pc-fho-li .pc-fho-list-img:hover .icon-post-format { opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); } .pc-fho-wrap .pc-fho-li .penci-piechart.penci-piechart-small { top: 10px; right: 10px; } .pc-fho-wrap .pc-fho-lt h3 { margin-bottom: 0; font-size: 18px; line-height: 1.3; } .pc-fho-cat { line-height: 1; margin-bottom: 4px; } .pc-fho-wrap .grid-post-box-meta { margin-top: 5px; } .pc-fho-wrap .cat > a.penci-cat-name, .pc-fho-wrap .pc-fho-lt a, .pc-fho-wrap .pc-fho-lm span, .pc-fho-wrap .pc-fho-lm a, .pc-fho-mpct .grid-post-box-meta span, .pc-fho-mpct .grid-post-box-meta a { color: #fff; text-decoration: none; } @media only screen and (min-width: 768px) and (max-width: 1169px) { .pc-fho-wrap .pc-fho-msli.tablet-columns-2 .pc-fho-li { flex: 0 0 50%; } .pc-fho-wrap .pc-fho-msli.tablet-columns-3 .pc-fho-li { flex: 0 0 33.3333333333%; } .pc-fho-wrap .pc-fho-msli.tablet-columns-4 .pc-fho-li { flex: 0 0 25%; } .pc-fho-wrap .pc-fho-mc .pc-fho-mt h3 { font-size: 42px; } } @media only screen and (min-width: 768px) { .pc-fho-wrap .pc-fho-mp { background: unset !important; } } @media only screen and (max-width: 767px) { .pc-fho-wrap .mp-link { display: none; } .pc-fho-wrap .pc-fho-bg-wrap { padding: 0; background: unset !important; } .pc-fho-wrap .pc-fho-mp { padding: 40px 20px; background-size: cover; position: relative; } .pc-fho-wrap .pc-fho-mp:before { content: ""; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-color: var(--obg); z-index: 2; transition: 0.3s background-color ease-in-out; } .pc-fho-wrap .pc-fho-mp:hover:before { background-color: var(--ohbg); } .pc-fho-wrap .pc-fho-mpct .pc-fho-mi { flex: 0 0 100%; margin-bottom: var(--maingap); } .pc-fho-wrap .pc-fho-mpct .pc-fho-mc { flex: 0 0 100%; text-align: center; } .pc-fho-wrap .pc-fho-mc .pc-fho-mt h3 { font-size: 20px; line-height: 1.2; } .pc-fho-wrap .pc-fho-msli .pc-fho-li { flex: 0 0 50%; margin-bottom: 30px; } .pc-fho-wrap .pc-fho-mi-i i { font-size: 28px; } .pc-fho-wrap { --iconsz: 60px; --iconbd: 2px; --maingap: 20px; } .pc-fho-wrap .pc-fho-msli { margin-top: 30px; } .pc-fho-wrap .pc-fho-msli.mobile-columns-1 .pc-fho-li { flex: 0 0 100%; } .pc-fho-wrap .pc-fho-lm a { color: var(--pctext-cl); } .pc-fho-wrap .pc-fho-lm span { color: var(--pcmeta-cl); } .pc-fho-wrap .pc-fho-li .cat > a.penci-cat-name { color: var(--pcaccent-cl); } .pc-fho-wrap .pc-fho-lt a { color: var(--pcheading-cl); } } .pctmp-term-list .term-labels { display: inline-block; } .pctmp-term-list li, .pctmp-term-list .pctmp-term-item { display: inline-block; } .pctmp-term-list li .count { margin-left: 5px; } .elementor-widget-penci-single-related-posts .post-related { border: 0; } .elementor-widget-penci-single-comment-form h3.comment-reply-title { border-top: 0 !important; padding-top: 0 !important; } .pcmt-icon { display: inline-block; vertical-align: baseline; } .tags-share-box.pcnew-share, .tags-share-box.tags-share-box-top.pcnew-share, .tags-share-box.tags-share-box-bot.pcnew-share, .tags-share-box.share-box-border-bot.pcnew-share { border-top: 0; border-bottom: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 15px; } .tags-share-box.post-share { top: 0; } .pcnew-share .post-share-item { margin: 0 4px 0 4px; } .tags-share-box.disable-btnplus { white-space: normal; opacity: 1 !important; } .tags-share-box.post-share.disable-btnplus .auto-hidden { display: inline-block !important; } .tags-share-box.post-share.disable-btnplus .post-share-expand { display: none !important; visibility: hidden !important; } .pcnew-share:not(.penci-icon-full) .post-share-item, .pcnew-share.penci-icon-full .post-share-item i { position: relative; display: inline-block; margin: 0 4px 8px; height: 40px; min-width: 40px; line-height: 40px; font-size: 14px; text-align: center; vertical-align: middle; color: #fff; overflow: hidden; } body:not(.rtl) .tags-share-box.post-share.disable-btnplus .post-share-item { margin-left: 0 !important; margin-right: 8px; } body.rtl .tags-share-box.post-share.disable-btnplus .post-share-item { margin-right: 0 !important; margin-left: 8px; } .tags-share-box-n1.penci-social-colored a i.fa-heart, .tags-share-box-n3.penci-social-colored a i.fa-heart, .tags-share-box-n8.penci-social-colored a i.fa-heart, .tags-share-box-n10.penci-social-colored a i.fa-heart, .tags-share-box-n12.penci-social-colored a i.fa-heart, .tags-share-box-n19.penci-social-colored a i.fa-heart, .tags-share-box-n20.penci-social-colored a i.fa-heart, .tags-share-box-n5.penci-social-colored a i.fa-heart { background-color: transparent !important; } .pcnew-share .post-share-item:not(.post-share-plike) i { z-index: 1; } .pcnew-share.penci-icon-full .post-share-item i { margin: 0; } .pcnew-share.full-border.penci-icon-full.border-style .post-share-item.post-share-plike i { vertical-align: top; } .pcnew-share .post-share-item { transition: opacity 0.3s ease-in-out; } .pcnew-share .post-share-item:hover { opacity: 0.85; } .tags-share-box.pcnew-share { padding-right: 0; } .pcnew-share .post-share a { margin: 0 0 0 5px; } .pcnew-share .post-share-item i, .pcnew-share.penci-icon-full .post-share-item i { margin-bottom: 0; } .pcnew-share.full-border .post-share-item, .pcnew-share.border-style:not(.penci-icon-full) .post-share-item, .pcnew-share.penci-icon-full.border-style .post-share-item i { border: 1px solid var(--pcborder-cl); margin-bottom: 0; } .pcnew-share.full-border.penci-icon-full.border-style .post-share-item i { margin: 0; border-width: 0; } .show-txt.border-style.full-border a .dt-share { border: 0; margin: 0; padding: 0 15px; } .pcnew-share.full-border .post-share-item { padding-left: 0; padding-right: 0; } .pcnew-share.size-large .post-share-item, .pcnew-share.size-large.penci-icon-full .post-share-item i { height: 60px; min-width: 60px; line-height: 60px; font-size: 18px; vertical-align: top; } .pcnew-share.size-large.penci-icon-full.txt-below .post-share-item i { line-height: 75px; } .pcnew-share.size-large.penci-icon-full .post-share-item.post-share-plike i { width: auto; min-width: unset; } .rounder .post-share-item, .rounder .post-share-item i { border-radius: 50px; } .pcnew-share .post-share-plike { background-color: #000; padding-left: 10px; } .pcnew-share.border-style .post-share-plike { background-color: transparent; color: #000; border: 1px solid var(--pcborder-cl); } .pcnew-share.border-style:not(.tags-share-box-n20) .post-share-plike i { border: 0 !important; } .pcnew-share .post-share-plike .post-share-item, .pcnew-share.penci-icon-full .post-share-plike .post-share-item i { width: auto; } .pcnew-share a.penci-post-like:after { display: none; } .pcnew-share.post-share { position: initial; } .show-txt.post-share a .dt-share { position: static; padding: 0; margin: 0 0 0 8px; opacity: 1; visibility: visible; background-color: transparent; font-size: 13px; width: auto; max-width: unset; } .show-txt.focus-icon.post-share a .dt-share { border: 0; } .show-txt.focus-icon .post-share-item i { background-color: rgba(0, 0, 0, 0.5); height: 40px; min-width: 40px; line-height: 40px; } .show-txt.focus-icon .post-share-item.post-share-plike i { background-color: transparent; min-width: unset; } .show-txt a:not(.single-like-button) { padding-left: 12px; padding-right: 12px; } .show-txt.focus-icon a { padding-left: 0; } .show-txt.rounder a { padding-left: 20px; padding-right: 20px; } .show-txt.rounder a.single-like-button { padding-left: 0; padding-right: 0; } .show-txt.post-share a .dt-share:before, .show-txt.post-share a .dt-share:after { display: none; } .show-shadow:not(.show-txt).post-share .post-share-item.post-share-plike, .show-shadow:not(.show-txt).post-share .post-share-item:not(.post-share-plike) i { -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.31); box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.31); } .show-shadow.show-txt.post-share .post-share-item { -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.31); box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.31); } .show-txt.txt-below.size-large.post-share a { position: relative; line-height: 50px; height: 90px; } .show-txt.txt-below.pcnew-share.size-large .post-share-item.post-share-plike, .show-txt.txt-below.pcnew-share.size-large .post-share-item.post-share-plike i { line-height: 90px; height: 90px; } .show-txt.txt-below.pcnew-share.size-large .post-share-item.post-share-plike i { background-color: transparent !important; } .show-txt.txt-below.size-large.post-share a i { font-size: 22px; } .show-txt.txt-below.post-share a .dt-share { display: block; position: absolute; bottom: 5px; left: 0; right: 0; z-index: 2; color: #fff; margin: 0; padding: 0; border: 0; line-height: 1; } .show-txt.border-style.post-share a .dt-share { color: #000; border-color: rgba(0, 0, 0, 0.1); } .no-spacing .post-share-item, .no-spacing .post-share-item i, .pcnew-share.penci-icon-full.no-spacing .post-share-item i { margin-left: 0; margin-right: 0; } .black-ver .post-share-item, .black-ver .post-share-item i { background-color: #000; color: #fff; } .black-ver .post-share-item.post-share-plike i { background-color: transparent !important; } .tags-share-box-n19.pcnew-share.border-style .post-share-item i, .tags-share-box-n20.pcnew-share.border-style .post-share-item i, .tags-share-box-n20 .post-share-item i { position: relative; color: #fff; } .tags-share-box-n19.pcnew-share.border-style .post-share-item.post-share-plike, .tags-share-box-n20.pcnew-share.border-style .post-share-item.post-share-plike { padding-left: 12px; padding-right: 12px; } .tags-share-box-n19.pcnew-share.border-style .post-share-item.post-share-plike i, .tags-share-box-n20.pcnew-share.border-style .post-share-item.post-share-plike i { padding-right: 5px; background-color: transparent; } .tags-share-box-n19 .count-number-like, .tags-share-box-n20 .count-number-like { float: right; padding: 0; } .tags-share-box-n20.pcnew-share.penci-icon-full .post-share-item i { overflow: visible; } .tags-share-box-n20 .post-share-item i:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 5px; border-color: transparent transparent transparent transparent; border-left-color: inherit; position: absolute; top: 50%; bottom: 50%; left: 100%; transform: translateY(-50%); } .tags-share-box-n20 .post-share-item.post-share-plike i:after { display: none; } .pcnew-share .post-share-plike { height: 40px; display: inline-block; line-height: 40px; overflow: hidden; } .pcnew-share .penci-social-share-text { min-width: 40px; height: 40px; line-height: 40px; border: 1px solid var(--pcborder-cl); display: inline-block; padding: 0 15px; margin-right: 12px; position: relative; vertical-align: top !important; font-weight: bold; text-transform: uppercase; font-size: 13px; } .pcnew-share.penci-icon-full .post-share-item.post-share-plike i, .pcnew-share .post-share-plike i { min-width: unset; } .pcnew-share .post-share-plike { padding-left: 12px; padding-right: 12px; } .pcnew-share.border-style.show-txt .post-share-plike, .pcnew-share.border-style.show-txt .penci-social-share-text { height: 42px; line-height: 42px; } .pcnew-share .penci-social-share-text:before, .pcnew-share .penci-social-share-text:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent var(--pcborder-cl); position: absolute; top: 50%; bottom: 50%; left: 100%; transform: translateY(-50%); } .pcnew-share .penci-social-share-text:after { border-width: 6px 0 6px 6px; border-color: transparent transparent transparent var(--pcbg-cl); } .size-large.pcnew-share .penci-social-share-text { height: 60px; line-height: 60px; } .size-large.pcnew-share.show-txt.txt-below .penci-social-share-text { height: 90px; line-height: 90px; } .penci-social-share-text { vertical-align: middle; } .penci-social-share-text i { display: inline-block; vertical-align: middle; margin-right: 8px; font-size: 14px; transform: translateY(-1px); } .tags-share-box-n19.post-share a.penci-post-like, .tags-share-box-n20.post-share a.penci-post-like { padding-right: 0; padding-left: 0; margin-left: 0; background-color: var(--pcaccent-cl); color: #fff; } /* social border color*/ .pcnew-share.penci-social-colored .post-share-plike i.fa-heart-o { background: transparent !important; } .pcnew-share.penci-social-colored .post-share-item.post-share-plike { background-color: var(--pcaccent-cl); } .post-share.tags-share-box-n14 .count-number-like, .pcnew-share.penci-social-colored .post-share-item.post-share-plike .count-number-like { color: #fff; } .penci-social-colored a i.fa-facebook, .penci-social-colored a i.penciicon-facebook, .penci-social-colored a i.fa-facebook-f { border-left-color: #0d47a1 !important; } .penci-social-colored a i.penciicon-twitter, .penci-social-colored a i.penciicon-x-twitter, .penci-social-colored a i.fa-twitter { border-left-color: #40c4ff !important; } .penci-social-colored a i.fa-google-plus { border-left-color: #eb4026 !important; } .penci-social-colored a i.penciicon-instagram, .penci-social-colored a i.fa-instagram { border-left-color: #4d7a9e !important; } .penci-social-colored a i.penciicon-pinterest, .penci-social-colored a i.fa-pinterest { border-left-color: #bd081c !important; } .penci-social-colored a i.fa-linkedin, .penci-social-colored a i.penciicon-linkedin, .penci-social-colored a i.fa-linkedin-in { border-left-color: #0077b5 !important; } .penci-social-colored a i.penciicon-flickr, .penci-social-colored a i.fa-flickr { border-left-color: #ff0084 !important; } .penci-social-colored a i.penciicon-behance, .penci-social-colored a i.fa-behance { border-left-color: #053eff !important; } .penci-social-colored a i.penciicon-tumblr, .penci-social-colored a i.fa-tumblr { border-left-color: #34465d !important; } .penci-social-colored a i.fa-youtube-play, .penci-social-colored a i.penciicon-youtube, .penci-social-colored a i.fa-youtube { border-left-color: #ff0000 !important; } .penci-social-colored a i.fa-envelope-o, .penci-social-colored a i.penciicon-email, .penci-social-colored a i.fa-envelope { border-left-color: #0084ff !important; } .penci-social-colored a i.penciicon-vk, .penci-social-colored a i.fa-vk { border-left-color: #5181b8 !important; } .penci-social-colored a i.fa-pocket { border-left-color: #ef4056 !important; } .penci-social-colored a i.fa-skype { border-left-color: #00aff0 !important; } .penci-social-colored a i.fa-heart { border-left-color: #000000 !important; } .penci-social-colored a i.penciicon-vine, .penci-social-colored a i.fa-vine { border-left-color: #00b98a !important; } .penci-social-colored a i.penciicon-soundcloud, .penci-social-colored a i.fa-soundcloud { border-left-color: #f76201 !important; } .penci-social-colored a i.fa-snapchat-ghost, .penci-social-colored a i.penciicon-snapchat, .penci-social-colored a i.fa-snapchat { border-left-color: #f6f600 !important; } .penci-social-colored a i.penciicon-spotify, .penci-social-colored a i.fa-spotify { border-left-color: #22c95c !important; } .penci-social-colored a i.penciicon-github, .penci-social-colored a i.fa-github { border-left-color: #302f2f !important; } .penci-social-colored a i.penciicon-stack-overflow, .penci-social-colored a i.fa-stack-overflow { border-left-color: #f7a000 !important; } .penci-social-colored a i.penciicon-twitch, .penci-social-colored a i.fa-twitch { border-left-color: #613fa0 !important; } .penci-social-colored a i.fa-vimeo, .penci-social-colored a i.penciicon-vimeo, .penci-social-colored a i.fa-vimeo-v { border-left-color: #00a8e8 !important; } .penci-social-colored a i.penciicon-steam, .penci-social-colored a i.fa-steam { border-left-color: #bcbab8 !important; } .penci-social-colored a i.penciicon-xing, .penci-social-colored a i.fa-xing { border-left-color: #007c7c !important; } .penci-social-colored a i.penciicon-whatsapp, .penci-social-colored a i.fa-whatsapp { border-left-color: #00e676 !important; } .penci-social-colored a i.fa-heart-o { border-left-color: var(--pcaccent-cl) !important; } .penci-social-colored a i.penciicon-telegram, .penci-social-colored a i.fa-telegram { border-left-color: #289fd9 !important; } .penci-social-colored a i.penciicon-reddit, .penci-social-colored a i.fa-reddit-alien { border-left-color: #f74300 !important; } .penci-social-colored a i.penciicon-odnoklassniki, .penci-social-colored a i.fa-odnoklassniki { border-left-color: #f18f00 !important; } .penci-social-colored a i.fa-500px { border-left-color: #00aaff !important; } .penci-social-colored a i.penciicon-stumbleupon, .penci-social-colored a i.fa-stumbleupon { border-left-color: #eb4823 !important; } .penci-social-colored a i.penciicon-wechat, .penci-social-colored a i.fa-weixin { border-left-color: #0fc91c !important; } .penci-social-colored a i.penciicon-sina-weibo, .penci-social-colored a i.fa-weibo { border-left-color: #df152c !important; } .penci-social-colored a i.penciicon-rss, .penci-social-colored a i.fa-rss { border-left-color: #f0941a !important; } .penci-social-colored a i.penci-icon-line, .penci-social-colored a i.fa-line, .penci-social-colored a i.penciicon-line-1, .penci-social-colored a i.penciicon-line { border-left-color: #01b901 !important; } .penci-social-colored a i.penci-icon-viber, .penci-social-colored a i.penciicon-viber, .penci-social-colored a i.penciicon-viber-1, .penci-social-colored a i.fa-viber { border-left-color: #7d51a0 !important; } .penci-social-colored a i.penci-icon-discord, .penci-social-colored a i.penciicon-discord, .penci-social-colored a i.penciicon-discord-1, .penci-social-colored a i.fa-discord { border-left-color: #7289da !important; } .penci-social-colored a i.penciicon-slack, .penci-social-colored a i.fa-slack { border-left-color: #611f69 !important; } .penci-social-colored a i.fa-mixcloud { border-left-color: #f3b2a6 !important; } .penci-social-colored a i.fa-goodreads, .penci-social-colored a i.penci-icon-goodreads, .penci-social-colored a i.penciicon-goodreads { border-left-color: #8a5724 !important; } .penci-social-colored a i.penciicon-tripadvisor, .penci-social-colored a i.fa-tripadvisor { border-left-color: #34e0a1 !important; } .penci-social-colored a i.fa-tiktok, .penci-social-colored a i.penci-icon-tiktok, .penci-social-colored a i.penciicon-tik-tok-1, .penci-social-colored a i.penciicon-tik-tok { border-left-color: #fe2c55 !important; } .penci-social-colored a i.penciicon-douban-logo { border-left-color: #00b51d !important; } .penci-social-colored a i.penciicon-qq-social-logo-of-a-penguin { border-left-color: #4292ff !important; } .penci-social-colored a i.penciicon-letter-d { border-left-color: #000000 !important; } .penci-social-colored a i.penciicon-blogger, .penci-social-colored a i.penciicon-blogger-1 { border-left-color: #ed7800 !important; } .penci-social-colored a i.fa-delicious { border-left-color: #0078f0 !important; } .penci-social-colored a i.penciicon-deviantart, .penci-social-colored a i.penciicon-deviantart-1 { border-left-color: #01ca3a !important; } .penci-social-colored a i.fa-digg { border-left-color: #005be2 !important; } .penci-social-colored a i.penciicon-evernote-1, .penci-social-colored a i.penciicon-evernote { border-left-color: #00a32c !important; } .penci-social-colored a i.penciicon-forrst-1, .penci-social-colored a i.penciicon-forrst { border-left-color: #054958 !important; } .penci-social-colored a i.penciicon-grooveshark-1, .penci-social-colored a i.penciicon-grooveshark { border-left-color: #f75421 !important; } .penci-social-colored a i.penciicon-lastfm { border-left-color: #e31b23 !important; } .penci-social-colored a i.penciicon-myspace, .penci-social-colored a i.penciicon-myspace-logo { border-left-color: #0037c1 !important; } .penci-social-colored a i.penciicon-brand, .penci-social-colored a i.fa-paypal { border-left-color: #0070ba !important; } .penci-social-colored a i.penciicon-skype, .penci-social-colored a i.fa-skype { border-left-color: #00aff0 !important; } .penci-social-colored a i.penciicon-windows, .penci-social-colored a i.fa-windows { border-left-color: #00adef !important; } .penci-social-colored a i.penciicon-wordpress-logo, .penci-social-colored a i.fa-wordpress { border-left-color: #21759b !important; } .penci-social-colored a i.penciicon-yahoo-logo { border-left-color: #6001d2 !important; } .penci-social-colored a i.penciicon-y { border-left-color: #fc401d !important; } .penci-social-colored a i.fa-get-pocket { border-left-color: #e83c53 !important; } .pcnew-share.border-style .post-share-item i { color: #000; } .post-box-meta-single .pcmt-icon { text-align: center !important; margin-right: 5px; } .post-box-meta-single .pcmt-icon i { vertical-align: baseline; line-height: inherit; } .post-box-meta-single.style-s1 .pcmt-icon, .post-box-meta-single.style-s2 .pcmt-icon, .post-box-meta-single.style-s3 .pcmt-icon, .post-box-meta-single.style-s4 .pcmt-icon { width: 24px; height: 24px; line-height: 24px; } .post-box-meta-single.style-s1 .pcmt-icon { background-color: #000; color: #fff; } .post-box-meta-single.style-s2 .pcmt-icon { background-color: #000; color: #fff; border-radius: 50px !important; } .post-box-meta-single.style-s3 .pcmt-icon { background-color: #000; color: #fff; position: relative; } .post-box-meta-single.style-s3 .pcmt-icon:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 3px; border-color: transparent transparent transparent #000; top: 50%; bottom: auto; left: 100%; transform: translateY(-50%); } .post-box-meta-single.style-s4 .pcmt-icon { border: 1px solid var(--pcborder-cl) !important; position: relative; } .post-box-meta-single.style-s4 .pcmt-icon:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #fff; top: calc(50% - 4px); bottom: 50%; right: -4px; z-index: 2; } .post-box-meta-single.style-s4 .pcmt-icon:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent var(--pcborder-cl); top: calc(50% - 6px); bottom: 50%; right: -6px; z-index: 1; } .tags-share-box.post-share .auto-hidden { display: none !important; } .tags-share-box.post-share .auto-hidden.active { display: inline-block !important; } .pcnew-share .post-share-item { margin-bottom: 8px !important; } .pctmp-term-list.label-style-s1 .term-labels, .pctmp-term-list.term-style-s1 .pctmp-term-item { text-transform: uppercase; color: var(--pcmeta-cl); padding: 6px 12px 5px; margin-right: 8px; margin-bottom: 8px; display: inline-block; font-size: 11px; background: none; border: 1px solid var(--pcborder-cl); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; } .pctmp-term-list .term-labels svg, .pctmp-term-list .term-labels i { vertical-align: middle; margin-right: 3px; } .pctmp-term-list .term-labels svg { width: auto; max-height: 10px; display: inline-block; } .pctmp-term-list.label-style-s2 .term-labels, .pctmp-term-list.label-style-s3 .term-labels, .pctmp-term-list.label-style-s4 .term-labels, .pctmp-term-list.term-style-s2 .pctmp-term-item, .pctmp-term-list.term-style-s3 .pctmp-term-item, .pctmp-term-list.term-style-s4 .pctmp-term-item { padding: 6px 12px; border: 1px solid var(--pcborder-cl); color: #000; margin-left: 8px; margin-bottom: 8px; text-transform: uppercase; font-size: 11px; } .pctmp-term-list.label-style-s3 .term-labels, .pctmp-term-list.term-style-s3 .pctmp-term-item { border-radius: 50px; } .pctmp-term-list.label-style-s4 .term-labels, .pctmp-term-list.term-style-s4 .pctmp-term-item { border: 0; border-bottom: 2px solid var(--pcborder-cl); background-color: #f1f1f1; } .pctmp-term-list .pctmp-term-item:hover, .pctmp-term-list .pctmp-term-item.current-item, .pctmp-term-list.term-style-s4 .pctmp-term-item.current-item, .pctmp-term-list.term-style-s4 .pctmp-term-item:hover { border-color: var(--pcaccent-cl); background-color: var(--pcaccent-cl); color: white; } .tags-share-box.post-share { position: relative; } .penci-featured-share-box .post-share-expand, .item.hentry .post-share-item.post-share-plike, .item.hentry .post-share-item.post-share-expand { display: none !important; } .post-share-item.post-share-expand { visibility: hidden; } body:not(.rtl) .post-share-item.post-share-expand { margin-right: 0 !important; } body.rtl .post-share-item.post-share-expand { margin-left: 0 !important; } .post-share-item.post-share-expand.showing { visibility: visible; } .post-share-item.post-share-expand.hidden { display: none; } .penci-social-colored .post-share-item.post-share-expand i, .pcnew-share.size-large.penci-icon-full .post-share-item.post-share-expand i, .tags-share-box.tags-share-box-s2 .post-share-item.post-share-expand { background-color: var(--pctext-cl); color: var(--pcbg-cl); } .penci-social-colored .post-share-item.post-share-expand i:after, .pcnew-share.size-large.penci-icon-full .post-share-item.post-share-expand i:after { display: none; } .tags-share-box.tags-share-box-s2 .post-share-item.post-share-plike .count-number-like, .tags-share-box.tags-share-box-s2 .post-share-item.post-share-plike a { color: #fff; } .pcnew-share:not(.penci-icon-full) .post-share-item.post-share-expand { padding-left: 0; padding-right: 0; font-size: 15px; } .tags-share-box-s1 .post-share-item { background-color: transparent !important; } .tags-share-box.tags-share-box-2_3 .post-share-expand i { transform: translateY(-1px); } .pcnew-share .post-share-expand i { transform: translateY(1px); } .pcnew-share.penci-icon-full .post-share-expand i { transform: none; } .pcnew-share.no-spacing .post-share-expand i { transform: none; } .tags-share-box { white-space: nowrap; opacity: 0; transition: opacity 0.15s ease-in-out; } .tags-share-box.showing-hidden { white-space: normal; } .tags-share-box.tags-share-box-s1 { opacity: 1; white-space: normal; } .tags-share-box .new-ver-share:hover { z-index: 4; } .tags-share-box .post-share-item.post-share-plike a:after { display: none; } .show-txt.txt-below.size-large.post-share a.post-share-expand, .show-txt.txt-below.size-large.post-share a.post-share-expand i { line-height: 90px; } .penci-social-colored a i.fa-get-pocket { background: #e83c53; } .pcsb-cml .post-comments .post-title-box { padding-top: 0; border-top: 0; } .penci-standard-cat.s1 .penci-cat-name:after, .penci-standard-cat.s2 .penci-cat-name:after, .penci-standard-cat.s3 .penci-cat-name:after, .penci-standard-cat.s4 .penci-cat-name:after { display: none; } .penci-standard-cat.s1 .cat > .penci-cat-name, .penci-standard-cat.s2 .cat > .penci-cat-name, .penci-standard-cat.s3 .cat > .penci-cat-name, .penci-standard-cat.s4 .cat > .penci-cat-name { padding: 2px 8px; background: #fff; color: var(--pcheading-cl); border-radius: 3px; display: inline-block; box-shadow: 1px 1px 1px rgba(55, 55, 55, 0.5); } .penci-standard-cat.s2 .cat > .penci-cat-name { background-color: var(--pcaccent-cl); color: #fff; } .penci-standard-cat.s3 .cat > .penci-cat-name { background-color: #000; color: #fff; } .penci-standard-cat.s4 .cat > .penci-cat-name { background-color: transparent; border: 1px solid var(--pcheading-cl); color: var(--pcheading-cl); padding: 2px 8px; } .penci-standard-cat.s1 .cat > .penci-cat-name:hover, .penci-standard-cat.s2 .cat > .penci-cat-name:hover, .penci-standard-cat.s3 .cat > .penci-cat-name:hover { opacity: 0.85; } .penci-standard-cat.s4 .cat > .penci-cat-name:hover { border-color: var(--pcaccent-cl); background-color: var(--pcaccent-cl); color: #fff; } .penci-toc-wrapper { border: 1px solid var(--pcborder-cl); padding: 20px 25px 15px; margin-bottom: 20px; max-width: 320px; width: 100%; background-color: var(--pcbg-cl); } @media only screen and (max-width: 767px) { .penci-toc-wrapper { max-width: unset !important; } } .penci-toc-wrapper.penci-toc-default { max-width: unset; } .penci-sticky-toc { position: fixed; transition: 0.3s all ease-in-out; max-width: 270px; width: 100%; top: 120px; z-index: 99999; } .penci-sticky-toc.sticky-disable { display: none; } .penci-sticky-toc.sticky-bottom { top: auto; bottom: 40px; } .penci-sticky-toc.sticky-left { opacity: 0; visibility: hidden; left: 10px; } .penci-sticky-toc { opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; } .penci-sticky-toc.tocSticky { opacity: 1; visibility: visible; } .penci-sticky-toc.sticky-right { right: 10px; } .tocSticky .dis-toggle.penci-toc-wrapper.hide-table .penci-toc-head { margin-bottom: 15px; } .penci-toc-wrapper .penci-toc-title { padding-right: 30px; } @media only screen and (max-width: 767px) { .penci-toc-container-wrapper { z-index: 1; } .penci-sticky-toc { top: 120px; bottom: 0; z-index: 999999; } .penci-sticky-toc.sticky-left { left: 15px; } .penci-sticky-toc.sticky-right { right: 15px; } .penci-sticky-toc.sticky-bottom { bottom: 120px; top: auto; } .penci-sticky-toc.hide-table { z-index: 1; max-width: 50px; } .penci-toc-container-wrapper.tocSticky.sticky-right .penci-toc-wrapper.hide-table { position: absolute; right: 0; } .penci-toc-container-wrapper.tocSticky .penci-toc-wrapper.hide-table .penci-toc-title { max-width: 0; display: block; visibility: hidden; max-height: 0; } .penci-toc-container-wrapper.tocSticky .penci-toc-wrapper span.penci-toc-title-toggle { top: 14px; } .penci-toc-container-wrapper.tocSticky .penci-toc-wrapper.hide-table { padding: 10px; } .penci-toc-container-wrapper.tocSticky .penci-toc-wrapper.hide-table span.penci-toc-title-toggle { top: 0; right: 0; transform: unset; } } .penci-toc-wrapper.s2 { border-radius: 5px; background-color: var(--pcbg-cl); box-shadow: 0 1px 4px 3px rgba(0, 0, 0, 0.05); } .penci-toc-wrapper .penci-toc-title { margin: 0; font-size: 18px; font-weight: var(--pchead-wei); } .penci-toc-wrapper .penci-toc-head { position: relative; margin-bottom: 15px; min-height: 28px; } .penci-toc-wrapper.s3 .penci-toc-head { margin-bottom: 5px; } .penci-toc-wrapper .penci-toc-title-toggle { width: 28px; height: 28px; background-color: var(--pcmeta-cl); color: var(--pcbg-cl); position: absolute; line-height: 28px; right: 0; display: inline-block; vertical-align: middle; text-align: center; top: 50%; transform: translateY(-50%); } .penci-toc-wrapper.s2 .penci-toc-title-toggle { border-radius: 5px; background-color: var(--pcaccent-cl); color: #fff; } .penci-toc-wrapper .penci-toc-title-toggle:hover { text-decoration: none; } .penci-toc-wrapper .penci-toc-title-toggle:before { font-family: penciicon !important; font-size: 13px; content: "\f174"; } .penci-toc-wrapper.show-table .penci-toc-title-toggle:before { content: "\f175"; } .penci-toc-wrapper.hide-table .penci-toc-title-toggle:before { content: "\f174"; } .penci-toc-wrapper.dis-toggle .penci-toc-title-toggle:before { font-size: 16px; content: "\f172" !important; } .penci-toc-wrapper.hide-table .penci-toc-head { margin-bottom: 0; } .penci-toc-wrapper .penci-toc > ul { border-top: 0; padding-top: 5px; margin-top: 5px; } .post-entry .penci-toc-wrapper ul, .post-entry .penci-toc-wrapper ul > li { list-style: none; margin: 0; padding-left: 0; padding-right: 0; } .penci-toc-wrapper.counter-flat .penci-toc ul li { border-top: 1px solid var(--pcborder-cl); } .penci-toc-wrapper ul li { margin-bottom: 0; } .penci-toc-wrapper.style-number ul, .penci-toc-wrapper.style-number ul li { list-style: decimal outside; padding-left: 10px; } .penci-toc-wrapper.style-bullets ul, .penci-toc-wrapper.style-bullets ul li { list-style: square outside; padding-left: 10px; } .penci-toc-wrapper.style-number ul li::marker { font-weight: bold; } .post-entry .penci-toc ul { list-style: none; margin: 0; padding: 0; } .post-entry .penci-toc ul li a { padding-top: 8px; padding-bottom: 8px; } .post-entry .penci-toc ul ul { padding: 0 0 2px 10px; border-top: 1px solid var(--pcborder-cl); } .post-entry .penci-toc ul ul ul { border: 0; } nav.penci-toc { max-height: calc(100vh - 230px); overflow: auto; } .entry-content nav.penci-toc { max-height: 500px; } .penci-toc ul ul { padding-left: 10px; } .penci-toc > ul > li:not(:last-child), .penci-toc > ul > li:not(:first-child) { border-top: 1px solid var(--pcborder-cl); } .penci-toc ul li:last-child > a { border: 0; } .penci-toc ul ul li:last-child > a { border-bottom: 0; } .penci-toc ul li:last-child { border-bottom: 0; } .penci-toc ul a { display: block; padding: 2px 0; font-size: 14px; font-weight: bold; color: var(--pctext-cl); opacity: 0.82; text-decoration: none; transition: all 0.3s; } .penci-toc ul li.active > a, .penci-toc ul a:hover { text-decoration: none; color: var(--pcaccent-cl); opacity: 1; } .penci-toc ul ul a { font-size: 14px; font-weight: normal; } .penci-toc-wrapper .penci-toc ul, .penci-toc-wrapper.counter-numeric .penci-toc > ul { counter-reset: item; } .penci-toc-wrapper.counter-decimal .penci-toc ul li a:before { content: counters(item, ".") ". "; display: inline-block; counter-increment: item; margin-right: 0.2em; } .penci-toc-wrapper.counter-roman .penci-toc ul li a:before { content: counters(item, ".", upper-roman) ". "; counter-increment: item; margin-right: 0.2em; } .penci-toc-wrapper.counter-numeric .penci-toc ul li a:before { content: counters(item, ".") " "; counter-increment: item; margin-right: 0.2em; } .penci-toc-wrapper.s3 { background-color: #f1f1f1; } .penci-toc-wrapper.s3 ul, .penci-toc-wrapper.s3 ul li, .penci-toc-wrapper.s3 ul li a { border: 0 !important; padding-bottom: 1px; padding-top: 1px; } .penci-toc-wrapper.penci-toc-wrap-left { float: left; margin: 0 30px 20px 0; } .penci-toc-wrapper.penci-toc-wrap-right { float: right; margin: 0 0 20px 30px; } .sticky-wrapper .penci-toc-wrapper { left: 30px; } .showing-hidden .post-share-expand i.penciicon-add:before { content: "\f178"; } .pcsb-ptitle .header-standard { margin-bottom: 0; overflow: hidden; } .pcsb-ptitle .header-standard.align-left { text-align: left; } .pcsb-ptitle .header-standard.align-left:after { left: 30px; } .pcsb-ptitle .header-standard.align-right { text-align: right; } .pcsb-ptitle .header-standard.align-right:after { right: 0; left: auto; } .pcsb-share .tags-share-box { margin-bottom: 0; } .pcsb-share .tags-share-box.post-share { position: relative; top: 0; } .pcab-atitle .post-entry p, .pcab-adesc .post-entry p { line-height: 1.6; } .pcab-atitle .archive-box, .pcab-atitle .post-entry > p:last-child, .pcab-adesc .post-entry, .pcab-adesc .post-entry > p:last-child, .pcab-abrcrb .container.penci-breadcrumb { margin-bottom: 0; } .pcab-atitle .post-entry.pcdcp-after { margin: 15px 0 0; } .pcab-atitle .post-entry.pcdcp-before { margin: 0 0 15px; } .pcab-abrcrb .container.penci-breadcrumb { margin-top: 0; } .pcsb-pnavi .post-pagination, .pcsb-ft .post-image, .pcsb-meta .post-box-meta-single, .pcsb-brcrb .container.penci-breadcrumb { margin-top: 0; margin-bottom: 0; border: 0; } .pcsb-pnavi .post-pagination { padding-top: 0; padding-bottom: 0; } .pcsb-pnavi .post-pagination.default-ratio .penci-post-nav-thumb { height: 56px !important; } .pcsb-ft-o .container.penci-breadcrumb { margin-top: 0; } .pcsb-ft-o .header-standard.header-classic { margin-bottom: 0; } .pcsb-ft-o .post-image { margin-bottom: 0; } .pcsb-ft-o .penci-move-title-above:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1; bottom: 0; right: 0; background: linear-gradient(to bottom, transparent 50%, #000 90%); opacity: 0.7; transition: 0.3s; } .pcsb-ft-o .penci-container-inside.penci-breadcrumb i, .pcsb-ft-o .container.penci-breadcrumb i, .pcsb-ft-o .cat > a.penci-cat-name, .pcsb-ft-o .post-box-meta-single a, .pcsb-ft-o .header-standard h2, .pcsb-ft-o .header-standard .post-title, .pcsb-ft-o .header-standard h2 a, .pcsb-ft-o .post-box-meta-single span, .pcsb-ft-o .post-box-meta-single span i, .pcsb-ft-o .header-standard .author-post span, .pcsb-ft-o .header-standard .author-post span a, .pcsb-ft-o .penci-container-inside.penci-breadcrumb span, .pcsb-ft-o .penci-container-inside.penci-breadcrumb span a, .pcsb-ft-o .container.penci-breadcrumb span, .pcsb-ft-o .container.penci-breadcrumb span a { color: #fff; } .pcsb-ft-o h2.penci-psub-title { letter-spacing: 0; text-transform: none; font-size: 18px; line-height: 1.3; margin: 8px 0; } .pcsb-share .tags-share-box.center-box, .pcsb-share .tags-share-box { border: 0; padding: 0; margin: 0; } .elementor-widget-penci-single-related-posts .post-related { padding: 0; } .post-box-meta-single .author-url img { vertical-align: middle; border-radius: 50%; } .gradient-enable .post-title span, .gradient-enable.penci-psub-title span { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .pcsb-pnavi .post-pagination .prev-post, .pcsb-pnavi .post-pagination .next-post { display: flex; align-items: center; } .pcsb-pnavi .post-pagination .next-post { flex-direction: row-reverse; } @media only screen and (max-width: 767px) { .pcsb-pnavi .post-pagination .prev-post, .pcsb-pnavi .post-pagination .next-post { width: 100% !important; text-align: center; display: block; } .pcsb-pnavi .post-pagination h5, .pcsb-pnavi .post-pagination h5.next-title { padding: 0; } } .post-share.pcnew-share .count-number-like, .post-share.tags-share-box-2_3.post-share .count-number-like, .tags-share-box.tags-share-box-2_3.post-share .post-share-item .penci-post-like { color: #fff; } .post-share.pcnew-share.border-style .count-number-like { color: var(--pcheading-cl); } .pcab-abox .title-bar { position: relative; padding-bottom: 15px; overflow: hidden; } .pcab-abox .title-bar:after { content: ""; position: absolute; width: 60px; height: 1px; background: var(--pcaccent-cl); display: block; bottom: 0; } .pcab-abox .title-bar.align-center:after { left: 50%; margin-left: -30px; } .pcab-abox .title-bar.align-center { text-align: center; } .pcab-abox .title-bar.align-left { text-align: left; } .pcab-abox .title-bar.align-left:after { left: 0; } .pcab-abox .title-bar.align-right { text-align: right; } .pcab-abox .title-bar.align-right:after { right: 0; } .max-lv-1 ul ul { display: none; } .max-lv-2 ul ul ul { display: none; } .max-lv-3 ul ul ul ul { display: none; } .max-lv-4 ul ul ul ul ul { display: none; } .max-lv-5 ul ul ul ul ul ul { display: none; } .pccustom-template-enable #header, .single-archive-template #header, .single-custom-post-template #header, .pccustom-template-enable .pc-wrapbuilder-header, .single-custom-post-template .pc-wrapbuilder-header { margin-bottom: 0 !important; } .pccustom-template-enable .clear-footer, .single-archive-template .clear-footer, .single-custom-post-template .clear-footer { height: 0; margin-bottom: 0; } .pcsb-mct .post-entry, .pcsb-athor .abio-style-2, .pcsb-athor .abio-style-3, .pcsb-athor .abio-style-4, .pcsb-cmf #respond, .pcsb-cmf .comment-respond { margin-bottom: 0 !important; } .pcsb-athor .post-author:not(:last-child) { margin-bottom: 30px; } .pcsb-cmf .no-comment-yet h3.comment-reply-title { padding-top: 0 !important; border-top: 0; } .pcsb-athor .abio-style-1 { border: none; padding: 0; } @media only screen and (max-width: 767px) { .pcsb-athor .abio-style-1.post-author .author-img, .pcsb-athor .abio-style-2.post-author .author-img { float: none; display: block; margin-left: auto; margin-right: auto; } .pcsb-athor .abio-style-1.post-author .author-content, .pcsb-athor .abio-style-2.post-author .author-content { margin-left: 0 !important; text-align: center; margin-top: 10px; } } .header-search-style-overlay .show-search { display: block !important; visibility: hidden; opacity: 0; transition: 0.3s all; transform: scale(0.95); } body.search-open .header-search-style-overlay .show-search.active { visibility: visible; opacity: 1; transform: scale(1); } .header-search-style-overlay .show-search { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.95); z-index: 99999999; width: 100vw; height: 100vh !important; } .header-search-style-overlay .show-search .penci-search-form, .header-search-style-overlay .show-search form.pc-searchform { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; top: 50%; transform: translateY(-50%); position: relative; transition: 0.3s transform ease-in-out; } .header-search-style-overlay .show-search .penci-search-form.has-search-items { transform: translateY(calc((50% + 125px) * -1)); } .header-search-style-overlay .show-search form.pc-searchform .pc-searchform-inner { padding: 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .header-search-style-overlay .show-search form.pc-searchform.penci-ajax-search .pc-searchform-inner { width: 100%; } .header-search-style-overlay .show-search .penci-search-form input.s, .header-search-style-overlay .show-search form.pc-searchform input.search-input { position: static; color: #fff; font-size: 38px; line-height: 75px; font-weight: 700; width: 90%; } .header-search-style-overlay .show-search .penci-search-form form { border: 0; padding: 0; } .header-search-style-overlay .show-search .penci-search-form form button { border: 0; background: transparent; padding: 0; } .header-search-style-overlay .show-search .search-results-wrapper { top: 10px; transform: translateY(-45px); --pcajs_tcl: #fff; --pcbg-cl: #000; --pcborder-cl: rgba(255, 251, 2, 0.25); --pcajs_bcl: rgba(255, 255, 255, 0.1); } .header-search-style-overlay .show-search .search-results-wrapper .view-all-results { background-color: #000; color: var(--pcajs_tcl); } .header-search-style-overlay .show-search .search-results-wrapper .view-all-results:hover { color: var(--pcaccent-cl); } .header-search-style-overlay .show-search .search-results-wrapper .penci-dropdown-results { background-color: transparent; } @media only screen and (min-width: 1170px) { .header-search-style-overlay .show-search .search-results-wrapper .penci-search-results .autocomplete-suggestion { flex: 1 1 50%; max-width: 50%; padding: 5px 20px; } } .header-search-style-overlay .show-search .search-results-wrapper .penci-dropdown-results .autocomplete-suggestions { background-color: #121212; } .header-search-style-default .show-search.pcajx-search-loading .penci-search-form form button { padding: 0; transition: unset; } .autocomplete-suggestions { max-height: 300px; overflow-y: auto; overflow-x: hidden; } .pcbds-overlay .search-results-wrapper .penci-dropdown-results.penci-opened { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .header-search-style-overlay .penci-search-form.penci-ajax-search form button:after { width: 24px; height: 24px; top: calc(50% - 12px); margin: 0 0 0 -13px; } .header-search-style-overlay .show-search .penci-search-form form button:before, .header-search-style-overlay .show-search .penci-search-form form button:after { font-size: 22px; line-height: 22px; } .header-search-style-overlay .penci-search-form form.penci-ajax-search .pc-eajxsearch button:after { content: "\f108" !important; font-family: penciicon !important; display: block; visibility: visible; animation: none; border: 0; margin: 0; right: 0; top: 50%; left: auto; color: var(--pctext-cl); opacity: 0.9; } .header-search-style-overlay .penci-search-form form.penci-ajax-search.search-loading .pc-eajxsearch button:after { visibility: hidden; display: none; opacity: 0; } .header-search-style-overlay .show-search form.pc-searchform::placeholder { color: #fff; } .header-search-style-overlay .show-search a.close-search { color: #fff; font-size: 32px; top: 30px; right: 30px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; height: auto !important; line-height: unset !important; width: auto; transition: 0.3s all ease-in-out; } @media only screen and (max-width: 767px) { .header-search-style-overlay .show-search a.close-search { top: 15px; right: 15px; } .header-search-style-overlay .show-search form.pc-searchform input.search-input { font-size: 28px; padding-top: 10px; padding-bottom: 10px; } } .header-search-style-overlay .show-search a.close-search:hover { opacity: 0.85; } body.pchds-overlay.search-open { overflow: hidden; } body.pchds-overlay.search-open .show-search, .penci_nav_row .show-search.active { display: block !important; } .penci_search_box_widget input[type="text"] { margin: 0; } .penci_search_box_widget .penci-search-form form { border: 0; padding: 0; } .penci_search_box_widget .search-style-text-button.penci-search-form form button:after { display: none; } /* new css*/ .pcnav-lgroup { position: absolute; top: 0; bottom: 0; right: 0; left: auto; display: flex; flex-wrap: wrap; align-items: end; align-content: end; flex-direction: column; justify-content: center; opacity: 0; z-index: 9; padding: 0 12px; } .pcnav-lgroup .hidden-item { visibility: hidden; width: 1px; } .pcalign-right .pcnav-lgroup { right: auto; left: 0; align-items: start; align-content: start; } .pciconp-right.pcalign-left.style-15 .pcnav-lgroup { right: 36px; } .pciconp-left.pcalign-right.style-15 .pcnav-lgroup { left: 36px; } .pcnav-lgroup.loaded { opacity: 1; } .pcnav-lgroup ul { list-style: none; margin: 0; padding: 0; white-space: normal; } .pcnav-lgroup ul ul { position: absolute; top: 100%; right: 0; width: 190px; background-color: rgba(255, 255, 255, 0.9); border: 1px solid var(--pcborder-cl); margin: 4px 0 0; padding: 10px 15px; z-index: 9; opacity: 0; visibility: hidden; text-align: right; } .pcalign-right .pcnav-lgroup ul ul { right: auto; left: 0; text-align: left; } .pcnav-lgroup ul li:hover > ul { opacity: 1; visibility: visible; display: block !important; } .pcnav-lgroup ul li { display: inline-block; margin: 0; padding: 0; position: relative; line-height: unset; list-style: none; } .pcnav-lgroup ul li.pcaj-next { margin-left: 4px; } .pcnav-lgroup ul.pcflx > li:last-child > a { padding-right: 0 !important; } .pcnav-lgroup ul.pcflx > li:first-child > a { padding-left: 0 !important; } .pcalign-right .pcnav-lgroup ul li.pcaj-next { margin-right: 0; } .pcnav-lgroup ul.pcflx-nav { padding-left: 15px; } .pcnav-lgroup ul li.pcaj-nav-item a { padding-left: 0; padding-right: 0; vertical-align: middle; font-size: 13px; } .pcnav-lgroup ul li.pcaj-nav-item a i { line-height: inherit; vertical-align: middle; } .pcnav-lgroup ul li.pcaj-nav-item a.disable { pointer-events: none; opacity: 0.4 !important; cursor: default; } .pcnav-lgroup ul li.pc-more-items > a:after { font-family: "FontAwesome"; content: "\f107"; display: inline-block; margin-left: 3px; font-size: 13px; opacity: inherit; } .pcnav-lgroup ul li { color: var(--pcheading-cl); } .pcnav-lgroup ul li a { display: inline-block; padding: 0 10px; color: inherit; opacity: 0.6; transition: all 0.3s; text-decoration: none; font-size: 14px; } .pcnav-lgroup ul li i { color: inherit; } .pcnav-lgroup ul li > a.clactive, .pcnav-lgroup ul li:hover > a { opacity: 1; color: var(--pcaccent-cl); } .pcnav-lgroup ul ul li a { line-height: 1.3; display: block; padding: 3px 0; } .pcnav-lgroup ul ul li a:hover { color: var(--pcaccent-cl); } .pcnav-lgroup ul ul li { display: block; padding: 2px 0; } .pcnav-lgroup ul ul li:last-child { border: 0; } .loading-posts.pctb-ajax-ldp { position: relative; } .loading-posts.pctb-ajax-ldp:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; background: #fff; opacity: 0.65; display: block; } .penci-biggrid .penci-pagination { order: 9999999; } .penci-homepage-title.style-4 .pcnav-lgroup { background-color: var(--pcbg-cl); } .penci-homepage-title.style-4 .pcnav-lgroup, .penci-homepage-title.style-5 .pcnav-lgroup, .penci-homepage-title.style-6 .pcnav-lgroup, .penci-homepage-title.style-7 .pcnav-lgroup, .penci-homepage-title.style-9 .pcnav-lgroup, .penci-homepage-title.style-10 .pcnav-lgroup, .penci-homepage-title.style-11 .pcnav-lgroup, .penci-homepage-title.style-12 .pcnav-lgroup, .penci-homepage-title.style-13 .pcnav-lgroup, .penci-homepage-title.style-14 .pcnav-lgroup, .penci-homepage-title.style-16 .pcnav-lgroup, .penci-homepage-title.style-17 .pcnav-lgroup { padding: 0; } /* Ajax Loading Effects*/ .pcftaj-ld { position: relative; overflow: hidden; } .pcftaj-ld .penci-loader-effect { display: block; } .pcftaj-ld:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; background: var(--pcbg-cl); opacity: 0.65; display: block; } .penci-loader-effect { width: 40px; height: 40px; margin: 0 auto; margin-top: -20px; margin-left: -20px; display: none; position: absolute; top: 50%; left: 50%; z-index: 300; } @media (max-width: 767px) { .penci-loader-effect { top: 135px; } } .penci-loading-animation:before, .penci-loading-animation:after { content: ""; position: absolute; } .penci-loading-animation-1 .penci-loading-animation, .penci-loading-animation-1 .penci-loading-animation:before, .penci-loading-animation-1 .penci-loading-animation:after, .penci-loading-animation-5 .penci-loading-animation, .penci-loading-animation-6 .penci-loading-animation:before, .penci-loading-animation-7 .penci-loading-animation, .penci-loading-animation-8 .penci-loading-animation, .penci-loading-animation-9 .penci-loading-circle-inner:before { background-color: var(--pcaccent-cl); } .penci-load-thecube { transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); } .penci-load-thecube .penci-load-cube { position: relative; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); } .penci-load-thecube .penci-load-cube { float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .penci-load-thecube .penci-load-cube:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: penci-load-fold-thecube 1.44s infinite linear both; -webkit-animation: penci-load-fold-thecube 1.44s infinite linear both; -moz-animation: penci-load-fold-thecube 1.44s infinite linear both; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; } .penci-load-thecube .penci-load-c2 { transform: scale(1.1) rotateZ(90deg); -webkit-transform: scale(1.1) rotateZ(90deg); -moz-transform: scale(1.1) rotateZ(90deg); } .penci-load-thecube .penci-load-c3 { transform: scale(1.1) rotateZ(180deg); -ms-transform: scale(1.1) rotateZ(180deg); -webkit-transform: scale(1.1) rotateZ(180deg); -moz-transform: scale(1.1) rotateZ(180deg); } .penci-load-thecube .penci-load-c4 { transform: scale(1.1) rotateZ(270deg); -webkit-transform: scale(1.1) rotateZ(270deg); -moz-transform: scale(1.1) rotateZ(270deg); } .penci-load-thecube .penci-load-c2:before { animation-delay: 0.175s; -webkit-animation-delay: 0.175s; -moz-animation-delay: 0.175s; } .penci-load-thecube .penci-load-c3:before { animation-delay: 0.36s; -webkit-animation-delay: 0.36s; -moz-animation-delay: 0.36s; } .penci-load-thecube .penci-load-c4:before { animation-delay: 0.535s; -webkit-animation-delay: 0.535s; -moz-animation-delay: 0.535s; } @keyframes penci-load-fold-thecube { 0%, 10% { transform: perspective(77px) rotateX(-180deg); opacity: 0; } 25%, 75% { transform: perspective(77px) rotateX(0deg); opacity: 1; } 90%, 100% { transform: perspective(77px) rotateY(180deg); opacity: 0; } } @-webkit-keyframes penci-load-fold-thecube { 0%, 10% { -webkit-transform: perspective(77px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(77px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(77px) rotateY(180deg); opacity: 0; } } .penci-three-bounce { text-align: center; position: relative; } .penci-three-bounce .one, .penci-three-bounce .two, .penci-three-bounce .three { display: inline-block; width: 15px; height: 15px; border-radius: 100%; background-color: var(--pcaccent-cl); -webkit-animation: pencibouncedelay 1s infinite ease-in-out both; animation: pencibouncedelay 1s infinite ease-in-out both; } .penci-three-bounce .one { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .penci-three-bounce .two { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; margin: 0 5px; } @-webkit-keyframes pencibouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes pencibouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } .penci-loading-animation-1 { width: 50px; height: 40px; text-align: center; font-size: 10px; margin-left: -25px; margin-top: -20px; } .penci-loading-animation-1 > div { background-color: var(--pcaccent-cl); height: 100%; width: 6px; margin: 0 1px; display: inline-block; -webkit-animation: pencistretchdelay 1s infinite ease-in-out; animation: pencistretchdelay 1s infinite ease-in-out; } .penci-loading-animation-1 .rect2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .penci-loading-animation-1 .rect3 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .penci-loading-animation-1 .rect4 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } @-webkit-keyframes pencistretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes pencistretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } body { --pc-loader-2: var(--pcaccent-cl); } .penci-loading-animation-2 { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .penci-loading-animation-2 .penci-loading-animation { margin: 26px auto; width: 1em; height: 1em; border-radius: 50%; position: relative; -webkit-animation: loader-2 0.85s infinite linear; animation: loader-2 0.85s infinite linear; } @-webkit-keyframes loader-2 { 0%, 100% { box-shadow: 0 -3em 0 0.2em var(--pc-loader-2), 2em -2em 0 0 var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 -1em var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 0 var(--pc-loader-2); } 12.5% { box-shadow: 0 -3em 0 0 var(--pc-loader-2), 2em -2em 0 0.2em var(--pc-loader-2), 3em 0 0 0 var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 -1em var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 25% { box-shadow: 0 -3em 0 -0.5em var(--pc-loader-2), 2em -2em 0 0 var(--pc-loader-2), 3em 0 0 0.2em var(--pc-loader-2), 2em 2em 0 0 var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 -1em var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 37.5% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 0 var(--pc-loader-2), 2em 2em 0 0.2em var(--pc-loader-2), 0 3em 0 0 var(--pc-loader-2), -2em 2em 0 -1em var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 50% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 0 var(--pc-loader-2), 0 3em 0 0.2em var(--pc-loader-2), -2em 2em 0 0 var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 62.5% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 0 var(--pc-loader-2), -2em 2em 0 0.2em var(--pc-loader-2), -3em 0 0 0 var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 75% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 0 var(--pc-loader-2), -3em 0 0 0.2em var(--pc-loader-2), -2em -2em 0 0 var(--pc-loader-2); } 87.5% { box-shadow: 0 -3em 0 0 var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 0 var(--pc-loader-2), -3em 0 0 0 var(--pc-loader-2), -2em -2em 0 0.2em var(--pc-loader-2); } } @keyframes loader-2 { 0%, 100% { box-shadow: 0 -3em 0 0.2em var(--pc-loader-2), 2em -2em 0 0 var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 -1em var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 0 var(--pc-loader-2); } 12.5% { box-shadow: 0 -3em 0 0 var(--pc-loader-2), 2em -2em 0 0.2em var(--pc-loader-2), 3em 0 0 0 var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 -1em var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 25% { box-shadow: 0 -3em 0 -0.5em var(--pc-loader-2), 2em -2em 0 0 var(--pc-loader-2), 3em 0 0 0.2em var(--pc-loader-2), 2em 2em 0 0 var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 -1em var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 37.5% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 0 var(--pc-loader-2), 2em 2em 0 0.2em var(--pc-loader-2), 0 3em 0 0 var(--pc-loader-2), -2em 2em 0 -1em var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 50% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 0 var(--pc-loader-2), 0 3em 0 0.2em var(--pc-loader-2), -2em 2em 0 0 var(--pc-loader-2), -3em 0 0 -1em var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 62.5% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 0 var(--pc-loader-2), -2em 2em 0 0.2em var(--pc-loader-2), -3em 0 0 0 var(--pc-loader-2), -2em -2em 0 -1em var(--pc-loader-2); } 75% { box-shadow: 0 -3em 0 -1em var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 0 var(--pc-loader-2), -3em 0 0 0.2em var(--pc-loader-2), -2em -2em 0 0 var(--pc-loader-2); } 87.5% { box-shadow: 0 -3em 0 0 var(--pc-loader-2), 2em -2em 0 -1em var(--pc-loader-2), 3em 0 0 -1em var(--pc-loader-2), 2em 2em 0 -1em var(--pc-loader-2), 0 3em 0 -1em var(--pc-loader-2), -2em 2em 0 0 var(--pc-loader-2), -3em 0 0 0 var(--pc-loader-2), -2em -2em 0 0.2em var(--pc-loader-2); } } .penci-loading-animation-3 { -webkit-transform: scale(0.55); -ms-transform: scale(0.55); transform: scale(0.55); } .penci-loading-animation-3 .penci-loading-animation { margin: 26px auto; width: 16px; height: 16px; border-radius: 50%; position: relative; -webkit-animation: loader-3 0.7s infinite ease; animation: loader-3 0.7s infinite ease; } @-webkit-keyframes loader-3 { 0%, 100% { box-shadow: 0 -2.6em 0 0 #3f51b5, 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.5), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.7); } 12.5% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.7), 1.8em -1.8em 0 0 #3f51b5, 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.5); } 25% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.5), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.7), 2.5em 0 0 0 #3f51b5, 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 37.5% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.5), 2.5em 0 0 0 rgba(63, 81, 181, 0.7), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 50% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.5), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.7), 0 2.5em 0 0 #3f51b5, -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 62.5% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.5), 0 2.5em 0 0 rgba(63, 81, 181, 0.7), -1.8em 1.8em 0 0 #3f51b5, -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 75% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.5), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.7), -2.6em 0 0 0 #3f51b5, -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 87.5% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.5), -2.6em 0 0 0 rgba(63, 81, 181, 0.7), -1.8em -1.8em 0 0 #3f51b5; } } @keyframes loader-3 { 0%, 100% { box-shadow: 0 -2.6em 0 0 #3f51b5, 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.5), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.7); } 12.5% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.7), 1.8em -1.8em 0 0 #3f51b5, 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.5); } 25% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.5), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.7), 2.5em 0 0 0 #3f51b5, 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 37.5% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.5), 2.5em 0 0 0 rgba(63, 81, 181, 0.7), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 50% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.5), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.7), 0 2.5em 0 0 #3f51b5, -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.2), -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 62.5% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.5), 0 2.5em 0 0 rgba(63, 81, 181, 0.7), -1.8em 1.8em 0 0 #3f51b5, -2.6em 0 0 0 rgba(63, 81, 181, 0.2), -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 75% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.5), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.7), -2.6em 0 0 0 #3f51b5, -1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2); } 87.5% { box-shadow: 0 -2.6em 0 0 rgba(63, 81, 181, 0.2), 1.8em -1.8em 0 0 rgba(63, 81, 181, 0.2), 2.5em 0 0 0 rgba(63, 81, 181, 0.2), 1.75em 1.75em 0 0 rgba(63, 81, 181, 0.2), 0 2.5em 0 0 rgba(63, 81, 181, 0.2), -1.8em 1.8em 0 0 rgba(63, 81, 181, 0.5), -2.6em 0 0 0 rgba(63, 81, 181, 0.7), -1.8em -1.8em 0 0 #3f51b5; } } .penci-loading-animation-4 { width: auto; height: auto; margin-top: 0; margin-left: 0; } .penci-loading-animation-4 .penci-loading-animation { font-size: 30px; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 0 auto; margin-top: -0.5em; margin-left: -0.5em; position: relative; -webkit-animation: loader-4 1s infinite ease; animation: loader-4 1s infinite ease; } @-webkit-keyframes loader-4 { 0% { -webkit-transform: rotate(0); transform: rotate(0); box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), 0 -0.83em 0 -0.42em var(--pcaccent-cl), 0 -0.83em 0 -0.44em var(--pcaccent-cl), 0 -0.83em 0 -0.46em var(--pcaccent-cl), 0 -0.83em 0 -0.477em var(--pcaccent-cl); } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), 0 -0.83em 0 -0.42em var(--pcaccent-cl), 0 -0.83em 0 -0.44em var(--pcaccent-cl), 0 -0.83em 0 -0.46em var(--pcaccent-cl), 0 -0.83em 0 -0.477em var(--pcaccent-cl); } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), -0.087em -0.825em 0 -0.42em var(--pcaccent-cl), -0.173em -0.812em 0 -0.44em var(--pcaccent-cl), -0.256em -0.789em 0 -0.46em var(--pcaccent-cl), -0.297em -0.775em 0 -0.477em var(--pcaccent-cl); } 20% { box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), -0.338em -0.758em 0 -0.42em var(--pcaccent-cl), -0.555em -0.617em 0 -0.44em var(--pcaccent-cl), -0.671em -0.488em 0 -0.46em var(--pcaccent-cl), -0.749em -0.34em 0 -0.477em var(--pcaccent-cl); } 48% { box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), -0.377em -0.74em 0 -0.42em var(--pcaccent-cl), -0.645em -0.522em 0 -0.44em var(--pcaccent-cl), -0.775em -0.297em 0 -0.46em var(--pcaccent-cl), -0.82em -0.09em 0 -0.477em var(--pcaccent-cl); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), 0 -0.83em 0 -0.42em var(--pcaccent-cl), 0 -0.83em 0 -0.44em var(--pcaccent-cl), 0 -0.83em 0 -0.46em var(--pcaccent-cl), 0 -0.83em 0 -0.477em var(--pcaccent-cl); } } @keyframes loader-4 { 0% { -webkit-transform: rotate(0); transform: rotate(0); box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), 0 -0.83em 0 -0.42em var(--pcaccent-cl), 0 -0.83em 0 -0.44em var(--pcaccent-cl), 0 -0.83em 0 -0.46em var(--pcaccent-cl), 0 -0.83em 0 -0.477em var(--pcaccent-cl); } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), 0 -0.83em 0 -0.42em var(--pcaccent-cl), 0 -0.83em 0 -0.44em var(--pcaccent-cl), 0 -0.83em 0 -0.46em var(--pcaccent-cl), 0 -0.83em 0 -0.477em var(--pcaccent-cl); } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), -0.087em -0.825em 0 -0.42em var(--pcaccent-cl), -0.173em -0.812em 0 -0.44em var(--pcaccent-cl), -0.256em -0.789em 0 -0.46em var(--pcaccent-cl), -0.297em -0.775em 0 -0.477em var(--pcaccent-cl); } 20% { box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), -0.338em -0.758em 0 -0.42em var(--pcaccent-cl), -0.555em -0.617em 0 -0.44em var(--pcaccent-cl), -0.671em -0.488em 0 -0.46em var(--pcaccent-cl), -0.749em -0.34em 0 -0.477em var(--pcaccent-cl); } 48% { box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), -0.377em -0.74em 0 -0.42em var(--pcaccent-cl), -0.645em -0.522em 0 -0.44em var(--pcaccent-cl), -0.775em -0.297em 0 -0.46em var(--pcaccent-cl), -0.82em -0.09em 0 -0.477em var(--pcaccent-cl); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em var(--pcaccent-cl), 0 -0.83em 0 -0.42em var(--pcaccent-cl), 0 -0.83em 0 -0.44em var(--pcaccent-cl), 0 -0.83em 0 -0.46em var(--pcaccent-cl), 0 -0.83em 0 -0.477em var(--pcaccent-cl); } } .penci-loading-animation-5 { width: 58px; height: 20px; position: absolute; margin-top: -10px; margin-left: -29px; } .penci-loading-animation-7 .penci-loading-animation { width: 33%; height: 33%; float: left; -webkit-animation: loader-7 1.1s infinite ease-in-out; animation: loader-7 1.1s infinite ease-in-out; } .penci-loading-animation-7 .penci-loading-animation-inner-1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .penci-loading-animation-7 .penci-loading-animation-inner-2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .penci-loading-animation-7 .penci-loading-animation-inner-3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .penci-loading-animation-7 .penci-loading-animation-inner-4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .penci-loading-animation-7 .penci-loading-animation-inner-5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .penci-loading-animation-7 .penci-loading-animation-inner-6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .penci-loading-animation-7 .penci-loading-animation-inner-7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .penci-loading-animation-7 .penci-loading-animation-inner-8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .penci-loading-animation-7 .penci-loading-animation-inner-9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes loader-7 { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes loader-7 { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } .penci-loading-animation-8 .penci-loading-animation { width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: loader-8 1.6s ease-in-out -1.8s infinite both; animation: loader-8 1.6s ease-in-out -1.8s infinite both; } .penci-loading-animation-8 .penci-loading-animation-inner-2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes loader-8 { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5); transform: translateX(30px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes loader-8 { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5); transform: translateX(30px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg); transform: translateX(30px) translateY(30px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg); transform: translateX(30px) translateY(30px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .penci-loading-circle { margin: 0 auto; width: 40px; height: 40px; position: relative; } .penci-loading-circle .penci-loading-circle-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .penci-loading-circle .penci-loading-circle-inner:before { content: ""; display: block; margin: 0 auto; width: 15%; height: 15%; border-radius: 100%; -webkit-animation: penciLoadingCircleBounceDelay 0.7s infinite ease-in-out both; animation: penciLoadingCircleBounceDelay 0.7s infinite ease-in-out both; } .penci-loading-circle .penci-loading-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .penci-loading-circle .penci-loading-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .penci-loading-circle .penci-loading-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .penci-loading-circle .penci-loading-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .penci-loading-circle .penci-loading-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .penci-loading-circle .penci-loading-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .penci-loading-circle .penci-loading-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .penci-loading-circle .penci-loading-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .penci-loading-circle .penci-loading-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .penci-loading-circle .penci-loading-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .penci-loading-circle .penci-loading-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .penci-loading-circle .penci-loading-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .penci-loading-circle .penci-loading-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .penci-loading-circle .penci-loading-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .penci-loading-circle .penci-loading-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .penci-loading-circle .penci-loading-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .penci-loading-circle .penci-loading-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .penci-loading-circle .penci-loading-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .penci-loading-circle .penci-loading-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .penci-loading-circle .penci-loading-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .penci-loading-circle .penci-loading-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .penci-loading-circle .penci-loading-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes penciLoadingCircleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes penciLoadingCircleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes PenciSlideInUp { from { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes PenciSlideInUp { from { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .penci-ajrs-animate { opacity: 0; -webkit-animation: PenciSlideInUp 0.3s forwards 1; animation: PenciSlideInUp 0.3s forwards 1; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .penci-smalllist-wrapper .penci-pagination { margin-top: 20px; margin-bottom: 0; } .pcajx-nopost { padding: 5px; border: 1px solid var(--pcborder-cl); text-align: center; border-radius: 5px; font-weight: bold; text-transform: uppercase; font-size: 12px; background: #f1f1f1; } .featured-area.text-align-right .penci-slide-overlay .penci-mag-featured-content, .featured-area.text-align-right .penci-featured-content-right .feat-text-right, .featured-area.text-align-right .penci-featured-content .feat-text { text-align: right; } .featured-area.text-align-left .penci-slide-overlay .penci-mag-featured-content, .featured-area.text-align-left .penci-featured-content-right .feat-text-right, .featured-area.text-align-left .penci-featured-content .feat-text { text-align: left; } .featured-area.text-align-right .penci-featured-content .feat-text, .featured-area.text-align-left .penci-featured-content .feat-text { padding-left: 20px; padding-right: 20px; } .featured-style-29.text-align-right .penci-featured-content .feat-text, .featured-style-29.text-align-left .penci-featured-content .feat-text, .featured-style-38.text-align-right .penci-featured-content .feat-text, .featured-style-38.text-align-left .penci-featured-content .feat-text, .featured-area.text-align-left .penci-slider4-overlay .penci-featured-content .feat-text, .featured-area.text-align-right .penci-slider4-overlay .penci-featured-content .feat-text { padding-left: 0; padding-right: 0; } .featured-area.text-align-center .penci-slide-overlay .penci-mag-featured-content, .featured-area.text-align-center .penci-featured-content-right .feat-text-right { text-align: center; } .featured-area.text-align-left.featured-style-29 .penci-featured-content .feat-text h3:before { left: 0; margin-left: 0; } .featured-area.vertical-align-top .penci-featured-content-right .feat-text-right, .featured-area.vertical-align-top .penci-slide-overlay .penci-mag-featured-content, .featured-area.vertical-align-top .penci-featured-content { top: 0; transform: none; margin-top: 20px; } .featured-area.vertical-align-middle .penci-slide-overlay .penci-mag-featured-content { top: 50%; transform: translateY(-50%); bottom: auto; } .featured-area.vertical-align-bottom .penci-featured-content-right .feat-text-right, .featured-area.vertical-align-bottom .penci-slide-overlay .penci-mag-featured-content, .featured-area.vertical-align-bottom .penci-featured-content { top: auto; bottom: 0; transform: none; margin-bottom: 20px; } .featured-area.text-align-right.featured-style-29 .penci-featured-content .feat-text h3:before { left: auto; right: 0; margin-left: 0; } .featured-area.horizontal-align-left .penci-featured-content, .featured-area.horizontal-align-right .penci-featured-content { display: flex; flex-wrap: wrap; } .featured-area.horizontal-align-left .penci-featured-content { justify-content: start; } .featured-area.horizontal-align-right .penci-featured-content { justify-content: end; } .featured-area.horizontal-align-left .penci-featured-content .feat-text, .featured-area.horizontal-align-right .penci-featured-content .feat-text { margin: 0; } .pc-cscomments.move-top h3.comment-reply-title { border-top: 0 !important; padding-top: 0 !important; } .pc-cscomments.move-top .post-title-box { border-top: 1px solid var(--pcborder-cl); padding-top: 30px; margin-top: 30px; } .pc-widget-user-lists ul li { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; } .pc-widget-user-lists .pc-uw-ava { padding-right: 15px; } .pc-widget-user-lists .pc-uw-ava img { width: 100%; height: auto; } .pc-widget-user-lists .name a { font-size: 16px; line-height: 1.3; } .pc-widget-user-lists .name a:hover { text-decoration: none; } .pc-widget-user-lists .count { display: block; margin-top: 5px; color: var(--pcmeta-cl); line-height: 1; } .penci_posts_tabs_widget .tabs { border-bottom: 1px solid var(--pcborder-cl); padding-bottom: 15px; margin-bottom: 20px; overflow: hidden; } .penci_posts_tabs_widget .tabs ul > li { border: 0; padding: 0; margin: 0; float: left; } .penci_posts_tabs_widget.el ul { padding-left: 0; margin-bottom: 0; } .penci_posts_tabs_widget.el ul li { list-style: none; } .penci_posts_tabs_widget .tabs ul { display: flex; } .penci_posts_tabs_widget .default-tabs .tabs ul { justify-content: space-between; } .penci_posts_tabs_widget .box-tabs .tabs ul > li { float: none; flex-grow: 1; flex-basis: 0; text-align: center; } .penci_posts_tabs_widget .box-tabs .tabs ul > li:not(:last-child) { margin-right: 0; } .penci_posts_tabs_widget .box-tabs .tabs { border-bottom: 0; padding-bottom: 0; } .penci_posts_tabs_widget .box-tabs .tabs ul > li a { display: block; border: 1px solid var(--pcborder-cl); border-right-width: 0; padding: 15px 2px; } .penci_posts_tabs_widget .box-tabs .tabs ul > li.active a { background: rgba(136, 136, 136, 0.1); } .penci_posts_tabs_widget .box-tabs .tabs ul > li:last-child a { border-right-width: 1px; } .penci_posts_tabs_widget .show-icon .tabs ul > li a:before { font-family: "FontAwesome"; display: inline-block; margin-right: 5px; } .penci_posts_tabs_widget .show-icon .tabs ul > li.li-tab-recent a:before { content: "\f0f6"; } .penci_posts_tabs_widget .show-icon .tabs ul > li.li-tab-popular a:before { content: "\f06d"; } .penci_posts_tabs_widget .show-icon .tabs ul > li.li-tab-comments a:before { content: "\f086"; } .penci_posts_tabs_widget .tabs ul > li a { text-transform: uppercase; font-weight: bold; text-decoration: none; } .penci_posts_tabs_widget .tabs ul > li:not(:last-child) { margin-right: 20px; } .penci_posts_tabs_widget .tabs > li, .penci_posts_tabs_widget .tabs-content > div { display: none; } .penci_posts_tabs_widget .tabs-content > div.active { display: block; } .penci_posts_tabs_widget .tabs > li.active { display: inline-block; } .penci_posts_tabs_widget .tabs ul > li.active a { color: var(--pcaccent-cl); } .penci_posts_tabs_widget .recent-comments li { display: flex; flex-direction: row; align-items: center; margin-bottom: 15px; padding-bottom: 15px; } .penci_posts_tabs_widget .recent-comments .avatar { flex: 0 0 50px; margin-right: 15px; } .penci_posts_tabs_widget .author-info { line-height: 1.5; display: block; color: var(--pcmeta-cl); } .pc-widget-advanced-tax.tax-style-1 ul li a { background-color: transparent !important; } .penci_snapchat_widget .pc-snapchat-badge { display: block; background-repeat: no-repeat; background-position: center; font-size: 0; line-height: 0; border: 3px solid var(--pcborder-cl); overflow: hidden; width: 170px; height: 170px; margin: 0 auto; border-radius: 20px; transition: all 0.25s; position: relative; background-color: transparent !important; } .penci_snapchat_widget.pcsnapal-left .pc-snapchat-badge { margin-right: auto; margin-left: 0; } .penci_snapchat_widget.pcsnapal-right .pc-snapchat-badge { margin-right: 0; margin-left: auto; } .penci_snapchat_widget .pc-snapchat-badge-over { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent !important; z-index: 3; } .penci_snapchat_widget .pc-snapchat-avatar { position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; right: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 20px; background-color: transparent; z-index: 1; } .penci_snapchat_widget .pc-snapchat-badge.is-circle, .penci_snapchat_widget .pc-snapchat-badge.is-circle .pc-snapchat-avatar { border-radius: 100%; } .penci_snapchat_widget .pc-snapchat-wrapper a:hover { color: var(--pcaccent-cl); text-decoration: none; } .penci_snapchat_widget .pc-snapchat-wrapper .pc-snapchat-name, .penci_snapchat_widget .pc-snapchat-wrapper .pc-snapchat-id { text-align: center; display: block; } .penci_snapchat_widget.pcsnapal-left .pc-snapchat-wrapper .pc-snapchat-name, .penci_snapchat_widget.pcsnapal-left .pc-snapchat-wrapper .pc-snapchat-id { text-align: left; } .penci_snapchat_widget.pcsnapal-right .pc-snapchat-wrapper .pc-snapchat-name, .penci_snapchat_widget.pcsnapal-right .pc-snapchat-wrapper .pc-snapchat-id { text-align: right; } .penci_snapchat_widget .pc-snapchat-wrapper .pc-snapchat-name { margin-top: 10px; font-size: 20px; font-weight: bold; } .penci_tiktok_widget .tiktok-feed-feed .tiktok-feed-list .tiktok-feed-item { padding: 6px !important; } .penci_tiktok_widget .tiktok-feed-feed .tiktok-feed-list .tiktok-feed-item .tiktok-feed-video-mask-content > span, .penci_tiktok_widget .tiktok-feed-feed .tiktok-feed-list .tiktok-feed-item .tiktok-feed-icon > span { font-weight: 400 !important; font-size: 13px !important; } .penci_tiktok_widget .tiktok-feed-feed .tiktok-feed-actions { margin-bottom: 0; margin-right: -5px; margin-left: -5px; } .penci_tiktok_widget .tiktok-feed-feed .tiktok-feed-actions .tiktok-feed-button { width: 100%; margin: 0; } .penci_tiktok_widget .tiktok-feed-feed .tiktok-feed-actions .tiktok-feed-button:hover { box-shadow: 0 8px 19px -4px #ff5374; } .pc-tiktok-avatar a { width: 70px; height: 70px; display: block; position: relative; float: left; margin-right: 15px; } .pc-tiktok-avatar img { border-radius: 50%; } .pc-tiktok-username { display: block; font-size: 1.35em; } .pc-tiktok-verified { background-color: #20d5ec; color: #fff; border-radius: 50%; font-size: 12px; padding: 4px; margin: 0 5px; } .pc-tiktok-desc { margin-top: 8px; } .pc-tiktok-counts { padding: 10px 0; } .pc-tiktok-counts li { display: inline-block; padding: 0 10px 0 0; } .pc-tiktok-counts .counts-number { font-weight: bold; } .pc-tiktok-counts span:last-child { opacity: 0.7; font-size: 90%; } .penci_comments_widget ul li { display: flex; } .penci_comments_widget ul li .post-widget-thumbnail { align-self: center; } .penci_comments_widget ul li .comment-body { padding-left: 15px; align-self: center; } .penci-tweets-lists .penci-tweet:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--pcborder-cl); } .penci-tweets-lists .tweet-intents-inner:before, .penci-tweets-lists .tweet-intents-inner:after, .penci-tweets-lists .tweet-intents span:after { display: none; } .penci-tweets-lists .tweet-intents-inner a:hover { text-decoration: none; opacity: 0.85; } .penci-tweets-lists .tweet-intents-inner > span:not(:last-child) { margin-right: 10px; } .penci-tweets-lists .tweet-date { line-height: 1; display: block; } .penci-tweets-lists .penci-tweet { position: relative; } .penci-tweets-lists .penci-tweet:before { font-family: "FontAwesome"; position: absolute; top: 0; font-size: 24px; content: "\f099"; right: 0; color: #2196f3; opacity: 0.6; } .penci-tweets-lists .tweet-intents-inner > span a { color: var(--pcmeta-cl); } .pc-widget-advanced-tax.tax-style-1.hlmark .category-item-count { display: inline-block; padding: 2px 3px; background-color: var(--pcaccent-cl); color: #fff; font-size: 11px; border-radius: 2px; } .pc-widget-advanced-tax.tax-style-2 ul { margin: 0; padding: 0; } .pc-widget-advanced-tax.tax-style-2 ul li { display: inline-block; } .elementor-widget-penci-advanced-categories .pc-widget-advanced-tax.tax-style-3 select { padding: 10px 15px; border: 1px solid var(--pcborder-cl); background: transparent; } .wpcf7 .ajax-loader { display: none; } .wpcf7 form.submitting .ajax-loader { display: inline-block; } .pc-widget-user-lists ul, .widget.pcel-acat .pc-widget-advanced-tax > ul { padding-left: 0; margin-bottom: 0; } .pc-widget-user-lists.el .name { margin-bottom: 5px; } .pc-widget-user-lists.el ul li:not(:last-child) { border-bottom: 1px solid var(--pcborder-cl); padding-bottom: 5px; margin-bottom: 5px; } .pc-widget-user-lists.el ul li:last-child { margin: 0; padding: 0; } .penci_comments_widget.el ul { padding-left: 0; margin-bottom: 0; } .penci_comments_widget.el ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .post-entry.blockquote-style-2 .tiktok-embed, .post-entry.blockquote-style-1 .tiktok-embed, .tiktok-embed { padding: 0; margin: 0; border: 0; } .post-entry.blockquote-style-2 .tiktok-embed:before, .post-entry.blockquote-style-2 .tiktok-embed:after, .post-entry.blockquote-style-1 .tiktok-embed:before, .post-entry.blockquote-style-1 .tiktok-embed:after, .tiktok-embed:before, .tiktok-embed:after { display: none; } .pc-wstories { --gap: 5px; overflow: hidden; } .pc-wstories-wrapper .pc-wstories-list { margin-left: calc(var(--gap) * -1); margin-right: calc(var(--gap) * -1); display: flex; flex-wrap: wrap; flex-direction: row; } .pc-wstories-wrapper .pc-wstories-list.slider { margin-left: 0; margin-right: 0; } .pc-wstories-wrapper .pc-wstories-list.one-row { flex-wrap: nowrap; overflow-x: auto; cursor: grab; } .pc-wstories-wrapper .pc-webstory-item { width: 8.3333333333%; padding-left: var(--gap); padding-right: var(--gap); cursor: pointer; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; } .pc-wstories-wrapper .slider .pc-webstory-item { width: 100%; } .pc-wstories-wrapper .grid .pc-webstory-item { margin-bottom: var(--gap); } .pc-wstories-wrapper .grid { margin-bottom: calc(var(--gap) * -1); } .pc-wstories-wrapper .pc-wstories-list.one-row .pc-webstory-item { width: 100px; flex: 0 0 100px; cursor: grab; } .pc-wstories-wrapper .pc-webstory-thumb-wrapper { border-radius: 50%; overflow: hidden; background-color: var(--pcaccent-cl); padding: 2px; cursor: pointer; } .pc-wstories-wrapper .pc-webstory-item.seen .pc-webstory-thumb-wrapper { background-color: gray; } .pc-wstories-wrapper .pc-webstory-thumb { border-radius: 50%; border: 2px solid var(--pcbg-cl); } .pc-wstories-wrapper .pc-webstory-thumb:before { padding-top: 100%; } .pc-wstories-wrapper .pc-webstory-item-title { display: block; } .pc-wstories-wrapper .pc-webstory-item-title h4 { text-align: center; font-size: 14px; margin: 5px 0 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .pc-wstories-popup-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999; opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; background-color: #000; } .pc-wstories-popup-content { opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; } .pc-wstories-popup-content iframe { width: 100vw; height: 100vh; } .pc-wstories-popup-wrapper.show, .pc-wstories-popup-wrapper.loading, .pc-wstories-popup-wrapper.show .pc-wstories-popup-content { opacity: 1; visibility: visible; } .pc-wstories-popup-wrapper.loading .penci-loader-effect { display: block; } .pc-wstories-popup-wrapper .pc-wstories-popup-toolbar { position: absolute; top: 30px; left: 30px; z-index: 99999999; } .pc-wstories-popup-wrapper .pc-ws-btn { cursor: pointer; color: #fff; font-size: 14px; display: inline-block; margin-right: 30px; } .pc-wstories-popup-wrapper .pc-story-info { cursor: initial; } .pc-wstories-popup-wrapper .pc-ws-btn.disable { pointer-events: none; opacity: 0.3; } body.pc-webstories-show { overflow: hidden; } .pc-wstories-wrapper .pc-wstories-list.slider { display: block; overflow: hidden; } .yt-video-place .fluid-width-video-wrapper, .yt-video-place iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; width: 100%; height: 100%; } .penci-search-form form.penci-ajax-search input, .penci-search-form form.penci-ajax-search button { border: 0; } /* Ajax Search Form */ .penci-search-form form.penci-ajax-search { display: flex; align-self: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 0; } .penci-search-form form.penci-ajax-search .pc-eajxsearch button { height: 40px; } .penci-search-form form.penci-ajax-search input { font-family: inherit; border: 1px solid var(--pcborder-cl); } .penci-search-form form.penci-ajax-search button { font-size: 0; position: relative; padding-right: 20px; padding-left: 20px; border-left: 1px solid var(--pcborder-cl); background-color: var(--pcaccent-cl); color: white; } .search-style-text-button form.penci-ajax-search button { font-size: 13px; } .search-style-default form.penci-ajax-search .searchsubmit { display: block; background: transparent; margin: 0; border: 0; position: absolute; top: 0; bottom: 0; right: 0; color: inherit; } .search-style-default form.penci-ajax-search .searchsubmit:before { border-color: #f1f1f1; border-left-color: var(--pcmeta-cl); } .search-style-text-button form.search-loading button span { opacity: 0; } .search-style-text-button form.penci-ajax-search button:before { visibility: visible; } .search-style-text-button form.penci-ajax-search button:after { display: none; } @keyframes lds-dual-ring { 100% { transform: rotate(360deg); } } .header-search-style-overlay .show-search .penci-search-form form button:after, .header-search-style-default .pcajx-search-loading.show-search a.close-search i:after, .penci-search-form form.penci-ajax-search button:before { font-family: inherit !important; line-height: 0; position: absolute; z-index: 2; top: calc(50% - 7px); right: 50%; left: 50%; display: block; visibility: hidden; width: 14px; height: 14px; margin: 0 0 0 -9px; content: " " !important; animation: lds-dual-ring 0.5s linear infinite; vertical-align: middle; opacity: 1; border: 1px solid rgba(255, 255, 255, 0.5); border-left-color: var(--pcbg-cl); border-radius: 50%; } .penci-search-form form.penci-ajax-search button:after { font-family: "penciicon"; font-size: 16px; line-height: 16px; content: "\f108"; } .penci-search-form form.penci-ajax-search .pc-eajxsearch button:after { display: none; } .penci-search-form .search-loading.penci-ajax-search button > span, .penci-search-form .search-loading.penci-ajax-search button:after { visibility: hidden; } .header-search-style-overlay .show-search .penci-search-form .search-loading.penci-ajax-search button:after, .penci-search-form .search-loading.penci-ajax-search button:before { visibility: visible; } .header-search-style-overlay .show-search.active form.pc-searchform.penci-ajax-search .searchsubmit { display: block; position: absolute; top: 0; bottom: 0; right: 10px; height: 100%; } .header-search-style-overlay .show-search.active form.pc-searchform.penci-ajax-search button:before { top: calc(50% - 12px); width: 24px; height: 24px; margin: 0 0 0 -20px; } .search-results-wrapper { position: relative; top: 0; } .search-results-wrapper .penci-dropdown-results { position: absolute; z-index: 30; top: 0; right: 0; left: 0; border-bottom: 1px solid var(--pcajs_bcl); background-color: var(--pcajs_bgcl); opacity: 0; } .search-results-wrapper .penci-dropdown-results.penci-opened { opacity: 1; } .search-results-wrapper .autocomplete-suggestions { width: 100%; border: 0; background-color: var(--pcajs_bgcl); position: relative; max-height: 300px; box-shadow: none; } .search-results-wrapper .autocomplete-suggestions .autocomplete-suggestion { white-space: normal; color: var(--pctext-cl); } .search-results-wrapper .no-found-msg { font-size: var(--pcajs_nfz); line-height: 1.2; text-align: center; display: block; width: 100%; font-weight: bold; padding: 0 20px; } .header-search-style-overlay .show-search.active .search-results-wrapper .no-found-msg { color: rgba(255, 255, 255, 0.7); text-align: center; } .widget.penci_search_box_widget .search-results-wrapper .no-found-msg { color: var(--pctext-cl); } .widget.penci_search_box_widget .search-loading button span { color: transparent; } .widget.penci_search_box_widget .penci-opened .penci-search-results-wrapper, .search-results-wrapper .penci-dropdown-results.penci-opened { -moz-box-shadow: 0 2px 3px rgba(190, 190, 190, 0.4); -webkit-box-shadow: 0 2px 3px rgba(190, 190, 190, 0.4); box-shadow: 0 2px 3px rgba(190, 190, 190, 0.4); } .penci-scroll-content { overflow: hidden; overflow-y: visible; } .penci-ajax-search .inner-hbg-search-form { display: flex; flex: 1 1 100%; justify-content: space-between; } .search-results-wrapper .autocomplete-suggestions { display: flex; flex-wrap: wrap; left: 0; width: 100%; border-top: 0; padding: 10px 0; } .header-search-style-default .show-search a.close-search, .header-search-style-default .penci-search-form form button { transition: all 0.3s ease-in-out; } .header-search-style-default .pcajx-search-loading.show-search a.close-search i:before { visibility: hidden; } .header-search-style-default .penci-search-form form button { opacity: 0; } .header-search-style-default .pcajx-search-loading.show-search a.close-search i:after { visibility: visible; border-color: #f1f1f1; border-left-color: var(--pcmeta-cl); } .header-search-style-default .pcajx-search-loading.show-search .penci-search-form form button { opacity: 1; } .header-search-style-default .pcajx-search-loading.show-search .penci-search-form form button:before { border-color: var(--pcmeta-cl); border-left-color: var(--pctext-cl); } .header-search-style-default .search-results-wrapper .no-found-msg { text-align: left; } .penci-search-results .autocomplete-suggestion { line-height: 1; display: flex; flex: 1 1 100%; max-width: 100%; padding: 5px 20px; cursor: pointer; transition: all 0.3s ease; } @media only screen and (min-width: 1170px) { .header-search-style-default .penci-search-results .autocomplete-suggestion { flex: 1 1 25%; max-width: 25%; } } @media only screen and (min-width: 768px) and (max-width: 1169px) { .header-search-style-default .penci-search-results .autocomplete-suggestion { flex: 1 1 50%; max-width: 50%; } } .penci-search-results .autocomplete-suggestion .suggestion-thumb { flex: 0 0 auto; max-width: 70px; width: 70px; margin-right: 15px; padding: 5px 0; } .penci-search-results .autocomplete-suggestion .suggestion-thumb i { position: absolute; width: 24px; height: 24px; line-height: 24px; left: 50%; top: 50%; margin: -11px 0 0 -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size: 12px; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; border: 1px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); text-align: center; } .penci-search-results .autocomplete-suggestion .suggestion-content { display: flex; flex-wrap: wrap; flex-direction: column; align-self: center; } .penci-search-results .autocomplete-suggestion .suggestion-thumb .penci-image-holder:before { padding-top: 100%; } .penci-search-results .autocomplete-suggestion .penci-post-title { font-size: var(--pcajs_tfz); line-height: initial; margin: 0; color: var(--pcajs_tcl); } .penci-search-results .autocomplete-suggestion .penci-post-title a { color: var(--pcajs_tcl); } .penci-search-results .autocomplete-suggestion .penci-post-title a:hover, .penci-search-results .autocomplete-suggestion:hover .penci-post-title, .penci-search-results .autocomplete-suggestion.autocomplete-selected .penci-post-title { color: var(--pcajs_thcl); } .penci-search-results .autocomplete-suggestion .post-date { color: var(--pcajs_mcl); font-size: var(--pcajs_mfz); margin-top: 7px; } .penci-search-results .autocomplete-suggestion:hover .post-date, .penci-search-results .autocomplete-suggestion.autocomplete-selected .post-date { color: var(--pcajs_mhcl); } .penci-search-results .autocomplete-suggestion .price { color: var(--pcaccent-cl); font-weight: var(--pchead-wei); } .penci-search-results .autocomplete-suggestion .suggestion-sku { font-size: var(--pcajs_mfz); } .penci-search-results .autocomplete-suggestion del { font-size: 80%; } .penci-search-results .autocomplete-suggestion ins { text-decoration: none; } .penci-search-results .autocomplete-suggestion.suggestion-divider { flex-basis: 100% !important; width: 100%; cursor: default; background-color: var(--pcajs_bcl); } .autocomplete-suggestion.suggestion-divider h5 { margin-bottom: 0; text-transform: uppercase; } .view-all-results { font-weight: var(--pchead-wei); line-height: 40px; flex: 1 1 100%; height: 40px; margin-bottom: -1px; cursor: pointer; transition: all 0.25s ease; text-align: center; border-top: 1px solid var(--pcajs_bcl); font-size: 13px; } .view-all-results a { color: var(--pcajs_ncl); } .pcbds-overlay .view-all-results a { color: #fff; } .view-all-results a:hover, .pcbds-overlay .view-all-results a:hover { color: var(--pcaccent-cl); } .header-search-style-default .penci-search-form form { border: 0; } .header-search-style-default .search-results-wrapper .penci-dropdown-results { border: 0; top: 1px; } .header-search-style-default .search-results-wrapper .penci-search-form form input { width: unset; } .header-search-style-default .penci-search-form, .header-search-style-default .searchform, .header-search-style-default .penci-search-form form input, .header-search-style-default .penci-search-form form button { height: 100%; } .header-search-style-default .penci-search-form form input, .header-search-style-default .penci-search-form form button { width: unset; } .header-search-style-default .penci-search-form form.penci-ajax-search input { width: calc(100% - 60px); } .header-search-style-default .penci-search-form form button { background-color: transparent; color: var(--pcheading-cl); border: 0; } .header-search-style-default .penci-search-form form.penci-ajax-search button { visibility: hidden; } .autocomplete-suggestions::-webkit-scrollbar, .autocomplete-suggestions::-webkit-scrollbar { width: 2px; } .autocomplete-suggestions::-webkit-scrollbar-track, .autocomplete-suggestions::-webkit-scrollbar-track { background-color: var(--pcbg-cl); } .autocomplete-suggestions::-webkit-scrollbar-thumb, .autocomplete-suggestions::-webkit-scrollbar-thumb { background-color: var(--pcmeta-cl); } .pcsb-csf .post-box-meta-single { margin: 0; } .pcsb-csf .post-box-meta-single img { vertical-align: middle; } /* Smart Lists*/ .pcsml-el .pcsml-item { position: relative; } .pcsml-el .post-entry { margin-bottom: 0; } .pcsml-el .pcsml-ad .pcsml-placeholder-title:before { content: "Smart List Ad" !important; } .pcsml-el { margin-bottom: 0; } .pcsml-el .pcsml-ad { clear: both; text-align: center; } .pcsml-el .pcsml-ad > div { margin-top: 0; } .pcsml-el .pcsml-ad img { margin: 0; width: 100%; } .pcsml-el .pcsml-ad .adsbygoogle { margin-top: 0; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pcsml-desc { display: block; } .pcsml-el .pcsml-ad .pcsml-placeholder-title:before { content: "Smart List Ad"; } .pcsml-title-wrapper { width: 100%; } .pcsml-title-wrapper h1, .pcsml-title-wrapper h2, .pcsml-title-wrapper h3, .pcsml-title-wrapper h4, .pcsml-title-wrapper h5, .pcsml-title-wrapper h6 { margin: 0; } .pcsml-item-number span { display: block; background-color: var(--pcheading-cl); font-weight: 700; text-align: center; color: var(--pcbg-cl); } .pcsml-item-title { font-weight: 700; } .pcsml-figure img { display: inline-block; vertical-align: top; } .pcsml-caption { font-style: italic; font-size: 12px; line-height: 18px; margin-top: 5px; margin-bottom: 20px; } .pcsml_style_1 .pcsml-item-number, .pcsml_style_1 .pcsml-item-title { display: table-cell; } .pcsml_style_1 .pcsml-item-title { vertical-align: middle; } .pcsml_style_1 .pcsml-item { margin-bottom: 50px; } .pcsml_style_1 .pcsml-title-wrapper { margin-bottom: 20px; position: relative; } .pcsml_style_1 h1, .pcsml_style_1 h2, .pcsml_style_1 h3, .pcsml_style_1 h4, .pcsml_style_1 h5, .pcsml_style_1 h6 { margin: 2px 0 0; } .pcsml_style_1 .pcsml-item-number span { padding: 0 5px; font-size: 22px; line-height: 36px; min-width: 36px; } .pcsml_style_1 .pcsml-item-title { width: 100%; padding-left: 15px; font-size: 22px; line-height: 1.3; } .pcsml_style_2 .pcsml-info { overflow: hidden; } .pcsml_style_2 .pcsml-item-number, .pcsml_style_2 .pcsml-item-title { display: table-cell; } .pcsml_style_2 .pcsml-item-title { vertical-align: middle; } .pcsml_style_2 .pcsml-item { width: 100%; padding: 30px 0; border-bottom: 1px solid var(--pcborder-cl); } .pcsml_style_2 .pcsml-item:first-child { padding-top: 9px; } .pcsml_style_2 .pcsml-item:last-of-type { border-bottom: none; } .pcsml_style_2 .pcsml-item-number span { font-size: 18px; min-width: 32px; min-height: 32px; line-height: 32px; } .pcsml_style_2 .pcsml-item-title { font-size: 18px; line-height: 24px; padding-left: 14px; } .pcsml_style_2 .pcsml-figure { vertical-align: top; width: 170px; } .pcsml_style_2 .pcsml-caption { line-height: 14px; margin-bottom: 0; } .pcsml_style_2 .pcsml-desc { margin-top: 11px; } @media only screen and (min-width: 768px) { .pcsml_style_2 .pcsml-item { display: flex; } .pcsml_style_2 .pcsml-info, .pcsml_style_2 .pcsml-figure { display: table-cell; } .pcsml_style_2 .pcsml-info { flex: 1; } .pcsml_style_2 .pcsml-figure { padding-left: 20px; } } @media only screen and (max-width: 767px) { .pcsml_style_2 { text-align: center; } .pcsml_style_2 h1, .pcsml_style_2 h2, .pcsml_style_2 h3, .pcsml_style_2 h4, .pcsml_style_2 h5, .pcsml_style_2 h6, .pcsml_style_2 .pcsml-figure { display: inline-block; } } .pcsml_style_3 .pcsml-item { margin-bottom: 50px; } .pcsml_style_3 .pcsml-figure, .pcsml_style_3 .pcsml-figure { position: relative; } .pcsml_style_3 figcaption div:before { content: ""; position: absolute; bottom: 0; left: 0; display: block; height: 150%; width: 100%; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); z-index: -1; } .pcsml_style_3 figcaption div:empty { display: none; } .pcsml_style_3 .pcsml-caption { position: absolute; bottom: 0; left: 0; right: 0; text-align: right; color: var(--pcbg-cl); margin-bottom: 0; padding: 12px 16px; z-index: 1; } .pcsml_style_3 .pcsml-item-number { position: absolute; top: 0; left: 0; z-index: 1; } .pcsml_style_3 .pcsml-item-number span { background-color: rgba(0, 0, 0, 0.8); min-width: 44px; min-height: 44px; font-family: var(--pchead-font); font-size: 26px; line-height: 44px; } .pcsml_style_3 h1, .pcsml_style_3 h2, .pcsml_style_3 h3, .pcsml_style_3 h4, .pcsml_style_3 h5, .pcsml_style_3 h6 { margin: 0; } .pcsml_style_3 .pcsml-title-wrapper { margin-bottom: 17px; margin-top: 20px; } .pcsml_style_3 .pcsml-item-title { font-size: 22px; line-height: 26px; } .pcsml_style_3 .pcsml-desc { margin-top: 0; } .pcsml-pagination { text-align: center; margin-bottom: 26px; } .pcsml-button { font-family: var(--pchead-font); line-height: 40px; background-color: var(--pcheading-cl); color: #fff !important; padding: 11px 24px; font-size: 16px; font-style: normal; text-align: center; -webkit-transition: background-color 0.2s ease 0s; transition: background-color 0.2s ease 0s; cursor: pointer; margin: 0 10px; text-decoration: none !important; } .pcsml-button:hover { background-color: var(--pcaccent-cl); } .pcsml-button .penciicon-left-chevron { font-size: 12px; position: relative; top: 1px; padding-right: 16px; } .pcsml-button .penciicon-right-chevron { font-size: 12px; position: relative; top: 1px; padding-left: 16px; } .pcsm-disable { opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pcsm-disable:hover { background-color: var(--pcheading-cl); } .pcsml_style_4 .pcsml-item-number, .pcsml_style_4 .pcsml-item-title { display: table-cell; } .pcsml_style_4 .pcsml-item-title { vertical-align: middle; } .pcsml_style_4 .pcsml-ad > div, .pcsml_style_4 .pcsml-ad .adsbygoogle, .pcsml_style_4 .pcsml-ad .pcsml-placeholder-title { margin-bottom: 16px; } .pcsml_style_4 { position: relative; } .pcsml_style_4 h1, .pcsml_style_4 h2, .pcsml_style_4 h3, .pcsml_style_4 h4, .pcsml_style_4 h5, .pcsml_style_4 h6 { margin: 2px 0 0; } .pcsml_style_4 .pcsml-title-wrapper { margin-bottom: 21px; } .pcsml_style_4 .pcsml-item-number span { min-width: 37px; min-height: 37px; font-size: 22px; line-height: 37px; } .pcsml_style_4 .pcsml-item-title { margin-top: 5px; padding-left: 19px; font-size: 22px; line-height: 26px; } .pcsml_style_4 .pcsml-figure { text-align: center; display: table; margin-left: auto; margin-right: auto; } .pcsml_style_4 .pcsml-figure img { width: 100%; } .pcsml_style_4 .pcsml-desc { margin-top: 0; } .pcsml_style_4 .pcsml-pagination { margin-top: 26px; } @media only screen and (max-width: 767px) { .pcsml_style_4 { margin-top: 20px; } .pcsml_style_4 h1, .pcsml_style_4 h2, .pcsml_style_4 h3, .pcsml_style_4 h4, .pcsml_style_4 h5, .pcsml_style_4 h6 { text-align: center; margin: 0; } .pcsml_style_4 .pcsml-title-wrapper { margin-bottom: 10px; } .pcsml_style_4 .pcsml-item-number { display: inline-block; } .pcsml_style_4 .pcsml-item-title { display: inline-block; width: 100%; margin-top: 10px; padding-left: 0; } } .pcsml-pagination { text-align: center; margin-bottom: 26px; } .pcsml-button { font-family: var(--pchead-font); display: inline-block; line-height: 41px; padding: 0 20px; background-color: var(--pcheading-cl); color: var(--pcbg-cl); font-size: 16px; font-style: normal; text-align: center; -webkit-transition: background-color 0.2s ease 0s; transition: background-color 0.2s ease 0s; cursor: pointer; margin: 0 10px; } .pcsml-button:hover { color: var(--pcbg-cl); background-color: var(--pcaccent-cl); } .pcsml-button .penciicon-left-chevron { font-size: 14px; position: relative; top: 1px; padding-right: 11px; } .pcsml-button .penciicon-right-chevron { font-size: 14px; position: relative; top: 1px; padding-left: 11px; } .pcsm-disable { opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pcsm-disable:hover { background-color: var(--pcheading-cl); } .pcsml_style_5 { position: relative; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .pcsml_style_5 { margin-top: 20px; } } .pcsml_style_5 .pcsml-ad > div, .pcsml_style_5 .pcsml-ad .pcsml-placeholder-title { margin-bottom: 26px; } .pcsml_style_5 .pcsml-ad .adsbygoogle { margin-bottom: 21px; } .pcsml_style_5 .pcsml-item .pcsml-pagination { position: relative; display: inline-block; margin-bottom: 26px; } .pcsml_style_5 .pcsml-head { position: relative; } .pcsml_style_5 h1, .pcsml_style_5 h2, .pcsml_style_5 h3, .pcsml_style_5 h4, .pcsml_style_5 h5, .pcsml_style_5 h6 { margin-top: 0; margin-bottom: 18px; padding: 0 120px; min-height: 42px; text-align: center; line-height: 1; } .pcsml_style_5 .pcsml-item-title { display: inline-block; margin-top: 6px; margin-bottom: 8px; width: 100%; font-size: 22px; line-height: 28px; } .pcsml_style_5 .pcsml-desc { margin-top: 0; } .pcsml_style_5 .pcsml-figure img { margin-top: 26px; width: 100%; } .pcsml_style_5 .pcsml-figure { text-align: center; display: table; margin-left: auto; margin-right: auto; } .pcsml_style_5 .pcsml-caption { text-align: left; } .pcsml_style_5 .pcsml-pagination { display: inline-block; width: 100%; top: 0; margin-bottom: 0; } .pcsml_style_5 .pcsml-pagination .pcsml-button { margin: 0; } .pcsml_style_5 .pcsml-pagination .pcsm-back { float: left; } .pcsml_style_5 .pcsml-pagination .pcsm-next { float: right; } @media only screen and (min-width: 768px) and (max-width: 1018px) { .pcsml_style_5 .pcsml-item-title { margin-top: 10px; line-height: 24px; font-size: 19px; } } @media only screen and (max-width: 767px) { .pcsml_style_5 .pcsml-item .pcsml-pagination { margin-bottom: 0; } .pcsml_style_5 h1, .pcsml_style_5 h2, .pcsml_style_5 h3, .pcsml_style_5 h4, .pcsml_style_5 h5, .pcsml_style_5 h6 { margin-bottom: 0; padding: 0; min-height: 0; } .pcsml_style_5 .pcsml-item-title { margin-top: 10px; text-align: left; line-height: 30px; font-weight: 500; font-size: 26px; } } @media only screen and (min-width: 767px) { .pcsml_style_5 .pcsml-head .pcsml-pagination { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .pcsml-dropdown-wrap { text-align: center; border: 1px solid var(--pcborder-cl); margin-bottom: 30px; clear: both; } .pcsml-dropdown-wrap .pcsml-dropdown { height: 30px; padding: 0 35px 0 10px; margin: 10px 0; overflow: hidden; background-color: var(--pcbg-cl); border: none; box-shadow: none; -webkit-appearance: none; appearance: none; outline: none; font-family: var(--pchead-font); max-width: 100%; text-overflow: ellipsis; cursor: pointer; font-size: 16px; } .pcsml-dropdown-wrap .pcsml-dropdown option { font-size: 14px; } .pcsml-dropdown-wrap .pcsml-dropdown::-ms-expand { display: none; } .pcsml-dropdown-wrap .pcsml-container { display: inline-block; position: relative; width: 50%; } .pcsml-dropdown-wrap .pcsml-container:before { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 16px; z-index: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; pointer-events: none; transform: translateY(-40%); } .pcsml-dropdown-wrap .pcsml-button { font-family: var(--pchead-font); line-height: 40px; font-size: 16px; font-style: normal; text-align: center; -webkit-transition: background-color 0.2s ease 0s; transition: background-color 0.2s ease 0s; cursor: pointer; padding: 2px 18px; margin: 0; background-color: transparent; color: var(--pctext-cl) !important; } .pcsml-dropdown-wrap .pcsml-button i { font-size: 12px; position: relative; top: 1px; } .pcsml-dropdown-wrap .pcsml-button .penciicon-left-chevron { padding-right: 6px; } .pcsml-dropdown-wrap .pcsml-button .penciicon-right-chevron { padding-left: 6px; } .pcsml-dropdown-wrap .pcsml-button:hover { text-decoration: none !important; color: var(--pcaccent-cl); } .pcsml-dropdown-wrap .pcsm-disable { opacity: 0.5; cursor: default; -webkit-user-select: none; user-select: none; } .pcsml-dropdown-wrap .pcsm-disable:hover { color: var(--pcheading-cl); } .pcsml-dropdown-wrap .pcsm-next { text-align: right; width: 25%; display: inline-block; } .pcsml-dropdown-wrap .pcsm-back { text-align: left; width: 25%; display: inline-block; } @media only screen and (min-width: 768px) and (max-width: 1018px) { .pcsml-dropdown-wrap .pcsml-dropdown { max-width: 50%; } } @media only screen and (max-width: 767px) { .pcsml-dropdown-wrap .pcsml-dropdown option { text-align: left; } .pcsml-dropdown-wrap .pcsml-button { width: 15%; } .pcsml-dropdown-wrap .pcsml-container { width: 70%; } .pcsml-dropdown-wrap .pcsml-button i { display: inline; top: 0; } .pcsml-dropdown-wrap .pcsml-button span { display: none; } } .pcsml_style_6 .pcsml-ad > div { margin-bottom: 15px; } .pcsml_style_6 .pcsml-ad .adsbygoogle { margin-bottom: 15px; } .pcsml_style_6 .pcsml-ad .pcsml-placeholder-title { margin-bottom: 15px; } .pcsml_style_6 { position: relative; } .pcsml_style_6 .pcsml-title-wrapper { margin-bottom: 15px; } .pcsml_style_6 .pcsml-title-wrapper h1, .pcsml_style_6 .pcsml-title-wrapper h2, .pcsml_style_6 .pcsml-title-wrapper h3, .pcsml_style_6 .pcsml-title-wrapper h4, .pcsml_style_6 .pcsml-title-wrapper h5, .pcsml_style_6 .pcsml-title-wrapper h6 { margin: 5px 0 0; line-height: 30px; } .pcsml_style_6 .pcsml-item-title { font-size: 22px; line-height: 26px; } .pcsml_style_6 .pcsml-desc { margin-top: 0; margin-bottom: 25px; } .pcsml_style_6 .pcsml-desc .aligncenter { margin-top: 20px; } .pcsml-desc p:empty { display: none; } .post-entry .pcsml-desc > p:last-child, .post-entry .pcsml-desc > ul:last-child, .post-entry .pcsml-desc > ol:last-child { margin-bottom: 0; } .widget .penci-pagination { margin-top: 20px; margin-bottom: 0; } .widget .penci-pagination a { text-decoration: none; } .penci-pagination.penci-ajax-nav .pcajx-btn { align-items: center; display: flex; min-width: 35px; font-size: 12px; border: 1px solid var(--pcborder-cl); cursor: pointer; transition: 0.3s all ease-in-out; padding: 0 10px; } .penci-pagination.penci-ajax-nav .pcnav-title { padding: 0 5px; font-size: 12px; font-weight: var(--pchead-wei); font-family: var(--pchead-font); text-transform: uppercase; } .penci-pagination.penci-ajax-nav .pcajx-btn:not(.disable):hover { border-color: var(--pcaccent-cl); background-color: var(--pcaccent-cl); color: #fff; } .penci-pagination.penci-ajax-nav .pcajx-btn.disable { opacity: 0.5; } .penci-pagination.penci-ajax-nav .pcajx-btn.disable:hover { cursor: not-allowed; } .penci-pagination.penci-ajax-nav .pcajx-btn i { line-height: 30px; } .penci-custom-slides .penci-owl-carousel.pcdots-number .penci-owl-dots, .penci-owl-carousel.pcdots-number .penci-owl-dots { counter-reset: penci-dots-counter; } .penci-custom-slides .penci-owl-carousel.pcdots-number .penci-owl-dot span, .penci-owl-carousel.pcdots-number .penci-owl-dot span { width: auto; height: auto; background: none; border: none; font-family: var(--pchead-font); white-space: nowrap; line-height: 1; font-weight: var(--pchead-wei); color: #fff; margin-left: 10px; margin-right: 10px; font-size: 14px; } .penci-custom-slides .penci-owl-carousel.pcdots-number.line .penci-owl-dot span, .penci-owl-carousel.pcdots-number.line .penci-owl-dot span { margin-left: 0; margin-right: 0; } .penci-custom-slides .penci-owl-carousel.pcdots-number:not(.line) .penci-owl-dot span:before, .penci-owl-carousel.pcdots-number:not(.line) .penci-owl-dot span:before { counter-increment: penci-dots-counter; content: "0" counter(penci-dots-counter); } .penci-custom-slides .penci-owl-carousel.pcdots-number .penci-owl-dot span:after, .penci-owl-carousel.pcdots-number .penci-owl-dot span:after { content: ""; width: 15px; height: 2px; background-color: currentColor; transition: width 0.3s ease; vertical-align: middle; display: inline-block; margin: 0 0 0 5px; } .penci-custom-slides .penci-owl-carousel.pcdots-number .penci-owl-dot.active span:after, .penci-owl-carousel.pcdots-number .penci-owl-dot.active span:after { width: 30px; } .penci-custom-slides.penci-jarallax { width: auto; padding-top: 0; } .widget .penci-pagination.penci-ajax-nav { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .widget { position: relative; } .widget .pcwgajx-ld-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; visibility: hidden; } .widget.ajx-loading .pcwgajx-ld-wrapper { visibility: visible; } .widget.ajx-loading ul { opacity: 0.5; } .widget.ajx-loading .penci-loader-effect { display: block; } @-webkit-keyframes pcani-dash { 0% { stroke-dasharray: 0 1500; } 15% { stroke-dasharray: 1500 1500; } 85% { opacity: 1; } 90% { stroke-dasharray: 1500 1500; opacity: 0; } 100% { stroke-dasharray: 0 1500; opacity: 0; } } @keyframes pcani-dash { 0% { stroke-dasharray: 0 1500; } 15% { stroke-dasharray: 1500 1500; } 85% { opacity: 1; } 90% { stroke-dasharray: 1500 1500; opacity: 0; } 100% { stroke-dasharray: 0 1500; opacity: 0; } } @-webkit-keyframes pcani-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0; } } @keyframes pcani-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0; } } @-webkit-keyframes pcani-swirl-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } } @keyframes pcani-swirl-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } } @-webkit-keyframes pcani-blinds-in { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0); transform: rotateY(0); } } @keyframes pcani-blinds-in { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0); transform: rotateY(0); } } @-webkit-keyframes pcani-wave-up { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes pcani-wave-up { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes pcani-flip-in { 0% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @keyframes pcani-flip-in { 0% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @-webkit-keyframes pcani-flip-out { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } @keyframes pcani-flip-out { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } @-webkit-keyframes pcani-drop-in-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes pcani-drop-in-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes pcani-drop-in-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px); } } @keyframes pcani-drop-in-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px); } } @-webkit-keyframes pcani-slide-right-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes pcani-slide-right-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes pcani-slide-right-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes pcani-slide-right-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes pcani-slide-left-in { 0% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 60% { opacity: 1; -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes pcani-slide-left-in { 0% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 60% { opacity: 1; -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes pcani-slide-left-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(-110%); transform: translateX(-110%); } 100% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes pcani-slide-left-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(-110%); transform: translateX(-110%); } 100% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes pcani-slide-up-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 60% { opacity: 1; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes pcani-slide-up-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 60% { opacity: 1; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes pcani-slide-up-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(-120%); transform: translateY(-120%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes pcani-slide-up-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(-120%); transform: translateY(-120%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes pcani-slide-down-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes pcani-slide-down-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes pcani-slide-down-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes pcani-slide-down-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes pcani-bounce-in { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pcani-bounce-in { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @-webkit-keyframes pcani-bounce-out { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes pcani-bounce-out { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @-webkit-keyframes pcani-swing-in { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes pcani-swing-in { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes pcani-swing-out { 20% { -webkit-transform: rotate(0); transform: rotate(0); } 40% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 60% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } to { -webkit-transform: rotate(15deg); transform: rotate(15deg); } } @keyframes pcani-swing-out { 20% { -webkit-transform: rotate(0); transform: rotate(0); } 40% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 60% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } to { -webkit-transform: rotate(15deg); transform: rotate(15deg); } } @-webkit-keyframes pcani-rubber-band-in { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pcani-rubber-band-in { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @-webkit-keyframes pcani-rubber-band-out { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 40% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 75% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pcani-rubber-band-out { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 40% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 75% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @-webkit-keyframes jkit-ripple { 70% { -webkit-box-shadow: 0 0 0 15px currentColor; box-shadow: 0 0 0 15px currentColor; opacity: 0; } 100% { -webkit-box-shadow: 0 0 0 0 currentColor; box-shadow: 0 0 0 0 currentColor; opacity: 0; } } @keyframes jkit-ripple { 70% { -webkit-box-shadow: 0 0 0 15px currentColor; box-shadow: 0 0 0 15px currentColor; opacity: 0; } 100% { -webkit-box-shadow: 0 0 0 0 currentColor; box-shadow: 0 0 0 0 currentColor; opacity: 0; } } @-webkit-keyframes jkit-search-background { 0% { opacity: 0; -webkit-transform: scale(0.04) translateY(300%); transform: scale(0.04) translateY(300%); } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); -webkit-transition: ease-out; transition: ease-out; } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); } 60% { opacity: 1; -webkit-transform: scale(0.02) translateY(0); transform: scale(0.02) translateY(0); } 61% { opacity: 1; -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); } 99.9% { opacity: 1; height: 0; padding-bottom: 100%; border-radius: 100%; } 100% { opacity: 1; -webkit-transform: scale(2) translateY(0); transform: scale(2) translateY(0); height: 100%; padding-bottom: 0; border-radius: 0; } } @keyframes jkit-search-background { 0% { opacity: 0; -webkit-transform: scale(0.04) translateY(300%); transform: scale(0.04) translateY(300%); } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); -webkit-transition: ease-out; transition: ease-out; } 40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); } 60% { opacity: 1; -webkit-transform: scale(0.02) translateY(0); transform: scale(0.02) translateY(0); } 61% { opacity: 1; -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); } 99.9% { opacity: 1; height: 0; padding-bottom: 100%; border-radius: 100%; } 100% { opacity: 1; -webkit-transform: scale(2) translateY(0); transform: scale(2) translateY(0); height: 100%; padding-bottom: 0; border-radius: 0; } } .penci-animated-headline { --pcaccent-cl-dk: var(--pcheading-cl); position: relative; } .penci-animated-headline .pc-textlink { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .penci-animated-headline { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .penci-animated-headline a { text-decoration: none; color: var(--pcaccent-cl); } .penci-animated-headline .penci-animated-text { padding: 0; margin: 0; display: inline-block; } .penci-animated-headline .penci-animated-text .normal-text { z-index: 1; position: relative; vertical-align: bottom; font-size: 43px; font-weight: 500; line-height: 1.2; } .penci-animated-headline .penci-animated-text .normal-text.style-gradient { background: var(--pcaccent-cl-dk); background: -webkit-gradient(linear, left top, left bottom, from(var(--pcaccent-cl)), to(var(--pcaccent-cl-dk))); background: linear-gradient(180deg, var(--pcaccent-cl) 0, var(--pcaccent-cl-dk) 100%); -moz-text-fill-color: transparent; -o-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .penci-animated-headline .penci-animated-text .dynamic-wrapper { overflow: visible; text-align: inherit; display: inline-block; position: relative; vertical-align: bottom; } .penci-animated-headline .penci-animated-text .dynamic-wrapper.style-gradient .dynamic-text { background: var(--pcaccent-cl-dk); background: -webkit-gradient(linear, left top, left bottom, from(var(--pcaccent-cl)), to(var(--pcaccent-cl-dk))); background: linear-gradient(180deg, var(--pcaccent-cl) 0, var(--pcaccent-cl-dk) 100%); -moz-text-fill-color: transparent; -o-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .penci-animated-headline .penci-animated-text .dynamic-wrapper.style-gradient .dynamic-text .dynamic-text-letter { background: var(--pcaccent-cl-dk); background: -webkit-gradient(linear, left top, left bottom, from(var(--pcaccent-cl)), to(var(--pcaccent-cl-dk))); background: linear-gradient(180deg, var(--pcaccent-cl) 0, var(--pcaccent-cl-dk) 100%); -moz-text-fill-color: transparent; -o-text-fill-color: transparent; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; } .penci-animated-headline .penci-animated-text .dynamic-text { display: inline-block; position: relative; top: 0; left: 0; z-index: 1; font-size: 43px; font-weight: 500; line-height: 1.2; } .penci-animated-headline .penci-animated-text svg { position: absolute; left: 0; overflow: visible; } .penci-animated-headline .penci-animated-text svg path { fill: none; stroke-dasharray: 1500; -webkit-animation: pcani-dash 10s infinite; animation: pcani-dash 10s infinite; } .penci-animated-headline .penci-animated-text svg path.style-color { stroke: var(--pcaccent-cl); } .penci-animated-headline .penci-animated-text svg path:nth-of-type(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .penci-animated-headline .penci-animated-text svg linearGradient stop:nth-of-type(1) { stop-color: var(--pcaccent-cl); } .penci-animated-headline .penci-animated-text svg linearGradient stop:nth-of-type(2) { stop-color: var(--pcaccent-cl-dk); } .penci-animated-headline[data-shape="underline-2"] .penci-animated-text svg { top: auto; bottom: -50%; width: 100%; height: 100%; } .penci-animated-headline[data-shape="underline-1"] .penci-animated-text svg { top: auto; bottom: -50%; width: 100%; height: 100%; } .penci-animated-headline[data-shape="heart"] .penci-animated-text svg { top: -30px; bottom: -20px; width: calc(100% + 80px); height: calc(100% + 80px); left: -40px; right: -40px; } .penci-animated-headline[data-shape="click"] .penci-animated-text svg { top: auto; bottom: -10px; width: 50px; height: 50px; left: auto; right: -20px; } .penci-animated-headline[data-shape="sparkle"] .penci-animated-text svg { top: -10px; bottom: auto; width: 30px; height: 30px; left: auto; right: 0; } .penci-animated-headline[data-shape="check"] .penci-animated-text svg, .penci-animated-headline[data-shape="pan"] .penci-animated-text svg, .penci-animated-headline[data-shape="bolt"] .penci-animated-text svg, .penci-animated-headline[data-shape="check"] .penci-animated-text svg { top: -20px; bottom: -20px; width: 100%; height: calc(100% + 40px); left: 0; right: 0; } .penci-animated-headline[data-shape="line"] .penci-animated-text svg { top: 15px; bottom: 0; width: calc(100% + 40px); height: calc(100%); left: -10px; right: -40px; } .penci-animated-headline[data-shape="line-2"] .penci-animated-text svg { top: -5px; bottom: 0; width: calc(100% + 40px); height: calc(100% + 20px); left: -20px; right: -20px; } .penci-animated-headline[data-shape="line-1"] .penci-animated-text svg { top: -5px; bottom: 0; width: calc(100% + 40px); height: calc(100% + 20px); left: -20px; right: -20px; } .penci-animated-headline[data-shape="strikethrough"] .penci-animated-text svg { top: 50%; width: 100%; height: 100%; } .penci-animated-headline[data-shape="x"] .penci-animated-text svg, .penci-animated-headline[data-shape="diagonal"] .penci-animated-text svg, .penci-animated-headline[data-shape="double"] .penci-animated-text svg { top: 0; width: 100%; height: 100%; } .penci-animated-headline[data-shape="curly"] .penci-animated-text svg, .penci-animated-headline[data-shape="double-underline"] .penci-animated-text svg, .penci-animated-headline[data-shape="underline-zigzag"] .penci-animated-text svg, .penci-animated-headline[data-shape="underline"] .penci-animated-text svg { top: 90%; width: 100%; height: 100%; } .penci-animated-headline[data-shape="circle"] .penci-animated-text svg { top: 0; width: calc(100% + 20px); height: calc(100% + 20px); -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } .penci-animated-headline[data-style="rotating"] .penci-animated-text .dynamic-text:not(.show-text) { visibility: hidden; opacity: 0; display: none; } .penci-animated-headline[data-style="rotating"][data-rotate="typing"] .penci-animated-text .dynamic-wrapper:after { content: ""; position: absolute; left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: var(--pctext-cl); } .penci-animated-headline[data-style="rotating"][data-rotate="typing"] .penci-animated-text .dynamic-wrapper.cursor-blink:after { -webkit-animation: pcani-pulse 1s infinite; animation: pcani-pulse 1s infinite; } .penci-animated-headline[data-style="rotating"][data-rotate="typing"] .penci-animated-text .dynamic-wrapper.typing-delete { background: var(--pcaccent-cl); } .penci-animated-headline[data-style="rotating"][data-rotate="typing"] .penci-animated-text .dynamic-wrapper.typing-delete.style-gradient .dynamic-text { color: var(--pctext-cl); background: 0 0; background-clip: border-box; -webkit-background-clip: border-box; -moz-text-fill-color: unset; -o-text-fill-color: unset; -webkit-text-fill-color: unset; } .penci-animated-headline[data-style="rotating"][data-rotate="typing"] .penci-animated-text .dynamic-wrapper.typing-delete.style-gradient .dynamic-text .dynamic-text-letter { background: 0 0; background-clip: border-box; -webkit-background-clip: border-box; -webkit-background-clip: border-box; -moz-text-fill-color: unset; -o-text-fill-color: unset; -webkit-text-fill-color: unset; } .penci-animated-headline[data-style="rotating"][data-rotate="typing"] .penci-animated-text .dynamic-wrapper.typing-delete .dynamic-text .dynamic-text-letter { color: var(--pctext-cl); } .penci-animated-headline[data-style="rotating"][data-rotate="typing"] .penci-animated-text .dynamic-text-letter:not(.show-letter) { display: none; } .penci-animated-headline[data-style="rotating"][data-rotate="swirl"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="swirl"] .penci-animated-text .dynamic-text-letter { display: inline-block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="swirl"] .penci-animated-text .dynamic-text-letter.show-letter { -webkit-animation: pcani-swirl-in 0.4s forwards; animation: pcani-swirl-in 0.4s forwards; } .penci-animated-headline[data-style="rotating"][data-rotate="blinds"] { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } .penci-animated-headline[data-style="rotating"][data-rotate="blinds"] .penci-animated-text .dynamic-text-letter { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="blinds"] .penci-animated-text .dynamic-text-letter.show-letter { -webkit-animation: pcani-blinds-in 0.6s forwards; animation: pcani-blinds-in 0.6s forwards; } .penci-animated-headline[data-style="rotating"][data-rotate="wave"] { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } .penci-animated-headline[data-style="rotating"][data-rotate="wave"] .penci-animated-text .dynamic-text-letter { -webkit-transform: scale(0); transform: scale(0); display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="wave"] .penci-animated-text .dynamic-text-letter.show-letter { -webkit-animation: pcani-wave-up 0.3s forwards; animation: pcani-wave-up 0.3s forwards; } .penci-animated-headline[data-style="rotating"][data-rotate="flip"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="flip"] .penci-animated-text .dynamic-text { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); position: relative; } .penci-animated-headline[data-style="rotating"][data-rotate="flip"] .penci-animated-text .dynamic-text.show-text { position: relative; white-space: nowrap; -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-animation: pcani-flip-in 1.2s; animation: pcani-flip-in 1.2s; } .penci-animated-headline[data-style="rotating"][data-rotate="flip"] .penci-animated-text .dynamic-text:not(.show-text) { display: inline-block; position: absolute; visibility: visible; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: pcani-flip-out 1.2s; animation: pcani-flip-out 1.2s; } .penci-animated-headline[data-style="rotating"][data-rotate="drop-in"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; -webkit-perspective: 300px; perspective: 300px; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="drop-in"] .penci-animated-text .dynamic-text { position: relative; } .penci-animated-headline[data-style="rotating"][data-rotate="drop-in"] .penci-animated-text .dynamic-text.show-text { position: relative; white-space: nowrap; -webkit-animation: pcani-drop-in-in 0.6s; animation: pcani-drop-in-in 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="drop-in"] .penci-animated-text .dynamic-text:not(.show-text) { display: inline-block; position: absolute; visibility: visible; -webkit-animation: pcani-drop-in-out 0.6s; animation: pcani-drop-in-out 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-left"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-left"] .penci-animated-text .dynamic-text.show-text { position: relative; white-space: nowrap; -webkit-animation: pcani-slide-left-in 0.6s; animation: pcani-slide-left-in 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-left"] .penci-animated-text .dynamic-text:not(.show-text) { display: inline-block; position: absolute; visibility: visible; -webkit-animation: pcani-slide-left-out 0.6s; animation: pcani-slide-left-out 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-right"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-right"] .penci-animated-text .dynamic-text.show-text { position: relative; white-space: nowrap; -webkit-animation: pcani-slide-right-in 0.6s; animation: pcani-slide-right-in 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-right"] .penci-animated-text .dynamic-text:not(.show-text) { display: inline-block; position: absolute; visibility: visible; -webkit-animation: pcani-slide-right-out 0.6s; animation: pcani-slide-right-out 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-up"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-up"] .penci-animated-text .dynamic-text.show-text { position: relative; white-space: nowrap; -webkit-animation: pcani-slide-up-in 0.6s; animation: pcani-slide-up-in 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-up"] .penci-animated-text .dynamic-text:not(.show-text) { display: inline-block; position: absolute; visibility: visible; -webkit-animation: pcani-slide-up-out 0.6s; animation: pcani-slide-up-out 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-down"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-down"] .penci-animated-text .dynamic-text.show-text { position: relative; white-space: nowrap; -webkit-animation: pcani-slide-down-in 0.6s; animation: pcani-slide-down-in 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="slide-down"] .penci-animated-text .dynamic-text:not(.show-text) { display: inline-block; position: absolute; visibility: visible; -webkit-animation: pcani-slide-down-out 0.6s; animation: pcani-slide-down-out 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="bounce"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="bounce"] .penci-animated-text .dynamic-text.show-text { position: relative; white-space: nowrap; -webkit-animation: pcani-bounce-in 0.6s; animation: pcani-bounce-in 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="bounce"] .penci-animated-text .dynamic-text:not(.show-text) { display: inline-block; position: absolute; visibility: visible; -webkit-animation: pcani-bounce-out 0.6s; animation: pcani-bounce-out 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="swing"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="swing"] .penci-animated-text .dynamic-text.show-text { position: relative; white-space: nowrap; -webkit-animation: pcani-swing-in 0.6s; animation: pcani-swing-in 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="swing"] .penci-animated-text .dynamic-text:not(.show-text) { display: inline-block; position: absolute; visibility: visible; -webkit-animation: pcani-swing-out 0.6s; animation: pcani-swing-out 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="rubber-band"] .penci-animated-text .dynamic-wrapper { -webkit-transition: width 0.3s ease; transition: width 0.3s ease; overflow: hidden; } .penci-animated-headline[data-style="rotating"][data-rotate="rubber-band"] .penci-animated-text .dynamic-text.show-text { position: relative; white-space: nowrap; -webkit-animation: pcani-rubber-band-in 0.6s; animation: pcani-rubber-band-in 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="rubber-band"] .penci-animated-text .dynamic-text:not(.show-text) { display: inline-block; position: absolute; visibility: visible; -webkit-animation: pcani-rubber-band-out 0.6s; animation: pcani-rubber-band-out 0.6s; } .penci-animated-headline[data-style="rotating"][data-rotate="clip"] .penci-animated-text .dynamic-wrapper { overflow: hidden; text-align: left; } .penci-animated-headline[data-style="rotating"][data-rotate="clip"] .penci-animated-text .dynamic-wrapper:after { content: ""; position: absolute; left: auto; right: 0; top: 0; height: 100%; width: 2px; background-color: var(--pctext-cl); } .penci-animated-headline[data-style="rotating"][data-rotate="clip"] .penci-animated-text .dynamic-text.show-text { white-space: nowrap; } .penci-adblocker-popup-container { max-width: 550px; padding: 60px; background: var(--pcbg-cl); margin: 0 auto; text-align: center; } .penci-adblocker-popup-container .penci-adblocker-adblock-icon { font-size: 50px; color: red; } .penci-adblocker-popup-container h2 { margin: 15px 0; font-size: 24px; } .penci-adblocker-popup-container .penci-adblock-message { font-size: 16px; line-height: 1.4; } .penci-adblocker-popup-container .mfp-close { position: static; width: auto; font-size: 14px; padding: 0; margin: 15px auto 0; height: auto; line-height: unset; } .pcac_page_container { display: flex; flex-wrap: wrap; flex-direction: row; } .pcac_page_container.full { display: block; } .pcac_page_container .pcac_page_left { min-width: 270px; margin-right: 60px; } body.rtl .pcac_page_container .pcac_page_left { margin-right: 0; margin-left: 60px; } .pcac_page_container .pcac_author_info { border: 1px solid var(--pcborder-cl); padding: 30px; text-align: center; } .pcac_page_container .pcac_author_info .avatar { border-radius: 50%; } .pcac_page_container .pcac_author_content, .pcac_page_container .pcac_account_nav { margin-top: 15px; } .pcac_page_container .pcac_account_nav { border-top: 1px solid var(--pcborder-cl); padding-top: 15px; } .pcac_page_container .pcac_account_nav li { margin: 0 0 10px; } .pcac_page_container .pcac_account_nav li a { color: var(--pcheading-cl); } .pcac_page_container .pcac_account_nav li a:hover { color: var(--pcaccent-cl); } .pcac_page_container .pcac_account_nav li.active a { color: var(--pcaccent-cl); font-weight: bold; } .pcac_page_container .pcac_page_right { width: calc(100% - 360px); } .pcac_page_container .pcac_account_title { font-size: 22px; margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid var(--pcborder-cl); } .pcac_page_container .form-group { margin-bottom: 30px; } .pcac_page_container .form-group label { display: inline-block; margin: 0 0 15px; font-size: 14px; font-weight: bold; } .pcac_page_container .form-group .required { color: red; } .penci-sidebar-content .form-group input, .penci-sidebar-content .form-group select, .penci_post_list_filter select, .pcac_page_container .form-group select, .pcac_page_container .form-group input { display: block; border: 1px solid var(--pcborder-cl); padding: 0 10px; line-height: 40px; transition: 0.25s ease; box-shadow: none; outline: 0; background: #fff; } .penci_post_list_filter select { padding: 0 20px; } .penci_post_list_filter select, .penci-sidebar-content .form-group select, .pcac_page_container .form-group select { height: 40px; background: transparent; } .pcac_page_container .form-group input:not([type="submit"]):focus, .pcac_page_container .form-group select:focus, .pcac_page_container .form-group textarea:focus { border-color: #666; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); } .penci-sidebar-content .form-group input[type="submit"], .pcac_page_container .form-group input[type="submit"] { background: var(--pcaccent-cl); color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; border: 0; outline: 0; padding: 0 20px; width: auto; } .penci-sidebar-content .form-group input[type="submit"]:hover, .pcac_page_container .form-group input[type="submit"]:hover { opacity: 0.7; } .pcac_page_container.full .form-group input { width: 100%; } .pcac_page_container.full .title-field input { font-size: 18px; font-weight: bold; } .pcac_page_container .row { margin-right: -15px; margin-left: -15px; } .pcac_page_container .pccol_1, .pcac_page_container .pccol_2 { width: 50%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } body.rtl .pcac_page_container .pccol_1, body.rtl .pcac_page_container .pccol_2 { float: right; } .pcac_page_container .pccol_1 { width: 100%; } .pcac_page_container .pccol_1 h3 { border-bottom: 1px solid var(--pcborder-cl); padding-bottom: 30px; margin-bottom: 30px; } .pcac_page_container .pccol_1 input, .pcac_page_container .pccol_1 select, .pcac_page_container .pccol_2 input, .pcac_page_container .pccol_2 select { width: 100%; } .pcac_page_container .alert { padding-left: 15px; margin-bottom: 15px; line-height: 40px; font-size: 14px; text-align: center; font-weight: 500; } .pcac_page_container .alert-error { background: #ff0000; color: #fff; } .pcac_page_container .alert-success { background: #dcffb4; color: #595959; } .pcac_page_container .alert-compatibility { background: #fff5f6; position: absolute; top: 0; opacity: 0; visibility: hidden; width: auto; border-radius: 0; text-align: center; } .penci-sidebar-content .form-group:not(.submit-field):not(.format-field) { border: 1px solid var(--pcborder-cl); padding: 30px; margin-bottom: 30px; background-color: #f9f9f9; } .penci-sidebar-content .form-group.format-field .form-input-wrapper { border: 1px solid var(--pcborder-cl); padding: 30px; margin-bottom: 30px; background-color: #f9f9f9; } .penci-sidebar-content .form-group label { display: block; font-weight: bold; margin-bottom: 10px; } .penci-sidebar-content .form-group input, .penci-sidebar-content .form-group select { width: 100%; } .penci-post-tablist { list-style: none; } .penci-post-tablist li { display: inline-block; } .penci-post-tablist li a { display: inline-block; padding: 10px 15px; border: 1px solid var(--pcborder-cl); border-bottom: 0; color: var(--pcheading-cl); position: relative; top: 1px; font-weight: bold; font-size: 14px; } .penci-post-tablist li a.active { background-color: #f9f9f9; color: var(--pcaccent-cl); } .pcft-posteditor .format-field .form-input-wrapper input { display: none; } .pcft-posteditor .penci_upload_wrapper:not(.active) { display: none; } .penci_post_list_meta { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; border-bottom: 1px solid var(--pcborder-cl); padding-bottom: 30px; margin-bottom: 30px; align-items: center; } .pcac_page_container .penci-pagination { margin-top: 30px; } .frontend-submit-button { margin: 30px -25px -25px; } .frontend-submit-button .button { display: block; padding: 15px 20px; background: var(--pcaccent-cl); font-weight: bold; color: #fff; transition: 0.2s; } .frontend-submit-button .button:hover { opacity: 0.7; } @media only screen and (max-width: 767px) { .pcac_page_container .pcac_page_right, .pcac_page_container .pcac_page_left { width: 100%; } .pcac_page_container .pcac_page_left { margin-right: 0; margin-bottom: 30px; } } .pcac_page_container .upload_preview_container { margin: 0 0 30px; position: relative; max-width: 80px; } .pcac_page_container .upload_preview_container .remove { position: absolute; top: 0; left: 0; right: 0; z-index: 9; cursor: pointer; bottom: 0; display: flex; justify-content: center; align-items: center; } .pcac_page_container .upload_preview_container img { border-radius: 50%; max-height: 80px; width: auto; } .pcac_page_container .penci-upload-img-btn { display: inline-block; padding: 0 10px; line-height: 30px; background-color: var(--pcheading-cl); color: var(--pcbg-cl); cursor: pointer; transition: 0.3s all; } .pcac_page_container .penci-upload-img-btn:hover { opacity: 0.8; } .penci_post_status.Pending { color: #c09853; font-weight: bold; } .penci_post_status.Published { color: var(--pcaccent-cl); font-weight: bold; } body.rtl .penci_account_posts .pcsl-inner .pcsl-content { padding: 0 var(--pcsl-between); } .penci_account_posts .pcsl-inner .sl-date { display: inline-block; } .archive-box.pc-has-sorter { display: flex; justify-content: space-between; align-items: center; } .penci_gsr_wrapper .gsst_b { padding: 0 5px; } .penci_gsr_wrapper table.gsc-search-box td { vertical-align: middle; } .penci_gsr_wrapper .gsc-input { padding: 0; line-height: 31px; } .penci_gsr_wrapper .gsc-search-button-v2 { height: 42px; line-height: 42px; padding: 6px 27px; } .penci_gsr_wrapper .gsc-search-button-v2 svg { width: 15px; height: 15px; } .penci_gsr_wrapper .gsib_a { padding: 5px 15px 4px 15px; } .penci_gsr_wrapper .gscb_a { line-height: 36px; } .penci-patreon-badge-wrap { text-align: center; } .penci-patreon-badge-wrap .button { display: block; background: #ff424d; font-weight: bold; font-size: 14px; border-radius: 100px; padding: 12px 5px; margin-top: 20px; text-decoration: none; } .penci-patreon-badge-wrap .button:hover { background: #ff424d; text-decoration: none; color: #000; } .penci-patreon-badge-wrap svg { height: 5rem; width: 5rem; display: inline-block; margin: 10px auto; } .penci-patreon-badge-wrap svg [data-color="1"] { fill: #ff424d; } .penci-patreon-badge-wrap svg [data-color="2"] { fill: #241e12; } .widget .penci-buymeacoffee-badge-wrap { text-align: center; } .widget .penci-buymeacoffee-badge-wrap a.button { display: block; background: #ffdd00; font-weight: bold; font-size: 14px; color: #000; border-radius: 100px; padding: 12px 5px; margin-top: 20px; text-decoration: none; transition: 0.3s all ease-in-out; } .widget .penci-buymeacoffee-badge-wrap a.button:hover { background: #000; color: #ffdd00; text-decoration: none; } .widget .penci-buymeacoffee-badge-wrap svg { height: 6rem; width: 6rem; display: inline-block; margin: 10px auto; } .cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { font-size: 1.8em; } @font-face { font-family: "raty"; font-style: normal; font-weight: normal; src: url('https://zeitungfokus.com/wp-content/themes/myTheme/fonts/raty.eot'); src: url('https://zeitungfokus.com/wp-content/themes/myTheme/fonts/raty.eot?#iefix') format("embedded-opentype"); src: url('https://zeitungfokus.com/wp-content/themes/myTheme/fonts/raty.svg#raty') format("svg"); src: url('https://zeitungfokus.com/wp-content/themes/myTheme/fonts/raty.ttf') format("truetype"); src: url('https://zeitungfokus.com/wp-content/themes/myTheme/fonts/raty.woff') format("woff"); ;font-display: swap;} .cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "raty"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .cancel-on-png:before { content: "\e600"; } .cancel-off-png:before { content: "\e601"; } .star-on-png:before { content: "\f005"; } .star-off-png:before { content: "\f006"; } .star-half-png:before { content: "\f123"; } .thecomment .comment-text .penci-review-author span.date, .thecomment .comment-text .penci-review-author span.author, .thecomment .comment-text .penci-review-author span.author a { display: inline-block; margin: 0; text-transform: none; } .thecomment .comment-text .penci-review-author span.author { margin-right: 5px; font-size: 14px; } .thecomment .comment-text .penci-review-author span.author a { font-size: inherit; } .penci-review-summary .review_rated, .penci-review-summary .pccm_rating_title { display: inline-block; margin: 0; } .penci-review-summary .review_rated { font-size: 7px; color: #ffb900; margin-right: 5px; } .pcgl-thumb-slider:not(.slick-initialized) { margin-left: -5px; margin-right: -5px; } .pcgl-thumb-slider .pcgl-thumb-item { padding: 0 5px; cursor: pointer; width: 100px; } .pcgl-thumb-slider .swiper-wrapper { justify-content: center; } .pcgl-thumb-slider:not(.slick-initialized) { white-space: nowrap; overflow: hidden; } .pcgl-thumb-slider:not(.slick-initialized) .pcgl-thumb-item { /* display: inline-block; height: 100%; min-height: 1px; width: calc(100% / 7); margin: 10px 0 0; */ opacity: 0; transition: 0.3s all ease-in-out; } .pcgl-thumb-slider[data-cols="2"]:not(.slick-initialized) .pcgl-thumb-item { width: 50%; } .pcgl-thumb-slider[data-cols="4"]:not(.slick-initialized) .pcgl-thumb-item { width: 25%; } .pcgl-thumb-slider[data-cols="5"]:not(.slick-initialized) .pcgl-thumb-item { width: 20%; } .pcgl-thumb-slider[data-cols="6"]:not(.slick-initialized) .pcgl-thumb-item { width: calc(100% / 6); } .penci-slick-carousel.pcthumb-s-msl:not(.slick-initialized) figure:not(:first-child) { display: none; } .penci-slick-carousel.pcthumb-s-msl figure { margin: 0 auto; vertical-align: top; padding: 15px 15px 0; } .penci-image-gallery-thumbnail-slider { background: #111; overflow: hidden; } .elementor-widget-penci-image-gallery .penci-image-gallery-thumbnail-slider { padding: 0; } .pcgl-thumb-slider.swiper { padding: 10px; border-bottom: 1px solid #222; } .pcgl-thumb-slider .penci-image-holder { outline: solid 3px rgba(255, 255, 255, 0.5); outline-offset: -3px; min-height: 80px; } .pcgl-thumb-slider .swiper-slide-thumb-active .penci-image-holder { outline: solid 3px #fff; } .penci-slick-carousel-top-nav { color: #fff; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; padding: 15px 10px 0; align-items: center; } .pcslick-title-area h5 { color: #fff; margin: 0; } .pcslick-nav button { padding: 0 5px; margin: 0; font-size: 16px; background: transparent; vertical-align: middle; line-height: 1; } .pcslick-nav-area { display: flex; flex-direction: row-reverse; align-items: center; } .pcslick-nav { margin: 0 0 0 10px; line-height: 0; } .slider-num { font-size: 13px; font-weight: bold; } .elementor-widget-penci-image-gallery .penci-post-gallery-container.thumbnail-slider { margin-bottom: 0; } .grid-post-box-meta img.avatar, .penci-grid li .item .author-url .avatar, .penci-masonry .item-masonry a .author-url .avatar, .author-url .avatar { vertical-align: middle; border-radius: var(--pcava_bdr); display: inline-block; width: 22px; height: auto; margin: 0; } .grid-post-box-meta .author-a-name, .author-url .author-a-name { font-weight: inherit; margin-left: 5px; } #penci-header-bookmark a:hover { color: var(--pcaccent-cl); } .penci-font-changer { font-weight: bold; position: relative; } .penci-fchanger-pcontent { background: var(--pcbg-cl); border: 1px solid var(--pcborder-cl); border-radius: 2px; padding: 10px; position: relative; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1); } .penci-fcpopup-ct-wrapper { position: absolute; top: 100%; width: 160px; transform: translateX(-50%); left: 50%; display: none; z-index: 99999; padding: 10px 0 0; } .penci-fchanger-pcontent:after { content: ""; position: absolute; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent var(--pcbg-cl) transparent; top: -5px; left: 50%; right: 50%; margin-left: -2.5px; z-index: 5; } .penci-fchanger-pcontent:before { content: ""; position: absolute; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent var(--pcborder-cl) transparent; top: -7px; left: 50%; right: 50%; margin-left: -4px; z-index: 4; } .penci-fchanger-pcontent .penci-font-changer-reset { color: var(--pctext-cl); font-size: 12px; font-weight: normal; display: block; margin: 5px 0 0; cursor: pointer; } .standard-post-special_wrapper .penci-fchanger-pcontent:after { content: ""; position: absolute; border-style: solid; border-width: 5px 5px 0 5px; border-color: #fff transparent transparent transparent; top: auto; bottom: -5px; left: 50%; right: 50%; margin-left: -2.5px; } .standard-post-special_wrapper .penci-fchanger-pcontent:before { content: ""; position: absolute; border-style: solid; border-width: 7px 7px 0 7px; border-color: transparent transparent var(--pcborder-cl) transparent; top: auto; bottom: -7px; left: 50%; right: 50%; margin-left: -4px; z-index: 4; } .penci-font-changer-popup.active .penci-fcpopup-ct-wrapper { display: block; } .standard-post-special_wrapper .penci-fcpopup-ct-wrapper { top: auto; bottom: 100%; padding: 0 0 10px; } .penci-font-changer-popup { position: relative; display: inline-block; text-align: center; } .header-standard .post-box-meta-single .penci-font-changer span { cursor: pointer; color: inherit; margin: 0 5px; display: inline-block; opacity: 0.7; transition: all 0.3s ease-in-out; outline: 0; } .header-standard .post-box-meta-single .penci-font-changer span:focus { opacity: 1; } .header-standard .post-box-meta-single .penci-font-changer span:hover { color: var(--pcaccent-cl); } .header-standard .post-box-meta-single .penci-font-changer .pcf-changer-smaller { font-size: 12px; } .header-standard .post-box-meta-single .penci-font-changer .pcf-changer-larer { font-size: 16px; } .penci-header-wrap { position: relative; z-index: 999; } .penci-header-wrap .pcscrollbar { position: absolute; bottom: -1px; left: 0; right: 0; height: 5px; background-color: var(--pcaccent-cl); z-index: 999; width: 0; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .penci-header-wrap .pcscrollbar.active { opacity: 1; visibility: visible; } .penci-header-wrap .pcscrollbar span { display: none; } .slider-container { display: inline-block; vertical-align: middle; position: relative; top: 0; } .slider-container .back-bar { height: 10px; position: relative; } .slider-container .back-bar .selected-bar { position: absolute; height: 100%; } .slider-container .back-bar .pointer { position: absolute; width: 10px; height: 10px; background-color: var(--pcmeta-cl); cursor: col-resize; opacity: 1; z-index: 2; } .slider-container .back-bar .pointer.last-active { z-index: 3; } .slider-container .back-bar .pointer-label { position: absolute; top: -17px; font-size: 10px; white-space: nowrap; line-height: 1; } .penci-single-style-10 .slider-container .back-bar .pointer-label, .standard-post-special_wrapper .slider-container .back-bar .pointer-label { color: #fff; } .slider-container .back-bar .focused { z-index: 10; } .slider-container .clickable-dummy { cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 1; } .slider-container .scale { top: 2px; position: relative; } .slider-container .scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; } .slider-container .scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0; top: 5px; color: #999; line-height: 1; } .slider-container.slider-readonly .clickable-dummy, .slider-container.slider-readonly .pointer { cursor: auto; } .penci-fs-slider .back-bar { height: 5px; border-radius: 2px; background-color: #eeeeee; } .pcdark-mode.pcdm-enable .penci-fs-slider .back-bar { background-color: #333; } .penci-fs-slider .back-bar .selected-bar { background-color: var(--pcaccent-cl); } .penci-fs-slider .back-bar .pointer { width: 14px; height: 14px; top: -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; background-color: var(--pcaccent-cl); } .penci-fs-slider .scale ins, .penci-fs-slider .back-bar .pointer-label { color: var(--pctext-cl); } .penci-fs-slider .back-bar .focused { color: var(--pcheading-cl); } .penci-fs-slider .scale span { border-left: 1px solid var(--pcborder-cl); } .post-author.abio-style-5 { padding: 30px; margin-top: 30px; border: 1px solid var(--pcborder-cl); border-bottom: none !important; } .post-author.abio-style-5 .bio-social { margin: 30px -35px -30px; padding: 20px 30px; border-top: 1px solid var(--pcborder-cl); clear: both; } .post-author.abio-style-5 .author-content:after { content: ""; display: table; clear: both; } .post-author.abio-style-5 .bio-social > a { margin-left: 5px; margin-right: 5px; color: var(--pctext-cl); } .post-author.abio-style-5 .bio-social > a:hover { color: var(--pcaccent-cl); } .author-top-tabs { clear: both; margin: -30px -40px 30px; padding: 0; border-bottom: 1px solid var(--pcborder-cl); } .author-top-tabs ul { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .author-top-tabs ul li { width: 50%; } .author-top-tabs ul li a { display: block; padding: 20px 10px; text-align: center; position: relative; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .author-top-tabs ul li:first-child { border-right: 1px solid var(--pcborder-cl); } .author-top-tabs ul li a:before { position: absolute; top: 0; left: 0; right: 0; height: 5px; background: transparent; content: ""; z-index: 9; } .author-top-tabs ul li a.active:before { background: var(--pcaccent-cl); } .post-related-author { border: 0; padding: 0; } .author-tab-content { display: none; } .author-tab-content.active { display: block; } .author-tab-content .penci-ilrelated-posts { margin: 0; padding: 0; border: 0; } @media only screen and (max-width: 767px) { .post-author.abio-style-5 .author-img { max-width: 70px; display: block; margin-left: auto; margin-right: auto; float: none; } .post-author.abio-style-5 .author-content { text-align: center; margin: 15px auto 0; } .post-author.abio-style-5 .bio-social { text-align: center; } } .pccsi-svg, .pccsi-img { vertical-align: middle !important; line-height: 100%; display: inline-flex !important; align-items: center; justify-content: center; } .pccsi-img img, .elementor .pccsi-img img { max-width: 17px; height: auto; } .pccsi-svg svg path { transition: all 0.3s; } .pccsi-svg svg, .elementor .pccsi-svg svg { width: 12px; height: auto; } .header-social a:hover svg path, .main-nav-social a:hover svg path { fill: var(--pcaccent-cl); } .pcsoccl-brandtext i.pccsi-svg svg path, .penci-social-textcolored a i.pccsi-svg svg path { fill: var(--pcci, var(--pcaccent-cl)); } .header-style-header-1 .main-nav-social .penci-faicon.penciicon-x-twitter, .pcsoc-icon.pcsoci-twitter .penci-faicon.penciicon-x-twitter, .penci-builder-element .penci-faicon.penciicon-x-twitter, #header .inner-header-social .penci-faicon.penciicon-x-twitter, .pcnew-share.penci-icon-full .post-share-item .penci-faicon.penciicon-x-twitter, .show-txt.focus-icon .post-share-item .penci-faicon.penciicon-x-twitter, .penci-social-colored .penci-faicon.penciicon-x-twitter, .penci-social-colored .penci-faicon.penciicon-viber, .penci-social-colored .penci-faicon.penciicon-line, .penci-social-square .penci-faicon.penciicon-x-twitter, .penci-social-square .penci-faicon.penciicon-viber, .penci-social-square .penci-faicon.penciicon-line, .footer-socials .penci-faicon.penciicon-line, .footer-socials .penci-faicon.penciicon-viber, .footer-socials .penci-faicon.penciicon-x-twitter, .single-product-share .new-ver-share .penci-faicon.penciicon-line, .single-product-share .new-ver-share .penci-faicon.penciicon-viber, .single-product-share .new-ver-share .penci-faicon.penciicon-x-twitter { transform: translateY(0); } .widget-social.penci-social-colored .penci-faicon.penciicon-x-twitter, .single-post-share.tags-share-box-s1 .penci-faicon.penciicon-x-twitter, .single-post-share.tags-share-box-s1 .penci-faicon.penciicon-viber, .single-post-share.tags-share-box-s1 .penci-faicon.penciicon-line { transform: translateY(2px) } body:not(.penci-disable-desc-collapse) .penci-category-description { position: relative; max-height: 120px; overflow: hidden; } body:not(.penci-disable-desc-collapse) .penci-category-description.active { max-height: 99999px; } .penci-category-description .penci-category-description-button { position: absolute; bottom: 0; left: 0; right: 0; } .penci-category-description-button:before { content: ""; position: absolute; inset-inline: 0; bottom: 0; z-index: 10; height: 80px; background: linear-gradient(to bottom, transparent 0px, currentColor 40px); color: var(--pcbg-cl); z-index: 1; } .penci-category-description.active .penci-category-description-button:before { display: none; } .penci-category-description-button a { color: var(--pcheading-cl); display: inline-block; position: relative; z-index: 2; font-weight: bold; font-family: var(--pchead-font); font-size: 15px; line-height: 30px; } .penci-category-description.active .penci-category-description-inner { padding-bottom: 30px; } .penci-slick-featured-area.elsl-style-39 .penci-active-bg { opacity: 1 !important; } .penci-slick-featured-area.elsl-style-39 .item { position: relative; padding: 120px; } @media only screen and (max-width: 767px) { .penci-slick-featured-area.elsl-style-39 .item { padding: 5px; } } .penci-slick-featured-area.elsl-style-39 .item-inner-content { position: relative; z-index: 99; overflow: hidden; } .penci-slick-featured-area.elsl-style-39 .penci-featured-content:before { content: ''; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); position: absolute; z-index: 11; } .penci-slick-featured-area.elsl-style-39 .item-inner-content .penci-slider39-suboverlay { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; } .penci-slick-featured-area.elsl-style-39 .penci-featured-content .feat-text { z-index: 11; } .penci-slick-featured-area.elsl-style-39 .penci-featured-content { left: 0; right: 0; width: auto; position: relative; top: 0; bottom: 0; } .penci-slick-featured-area.elsl-style-39 .penci-slider39-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .penci-slick-featured-area.elsl-style-39 .penci-slider39-overlay:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; background: rgba(55, 55, 55, 0.8); z-index: 2; } .penci-slider39-thumb { max-width: 550px; transform: translateY(-40px); margin: 0 auto; } .penci-slider39-thumb .slick-thumb-item { padding: 0 10px; cursor: pointer; } .featured-area .slick-slider .slick-arrow { width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; padding: 0; background: #fff; color: var(--pcheading-cl); } .featured-area .slick-slider .slick-arrow:before { font-size: 12px; } .featured-area .slick-slider .slick-arrow.slick-next { right: 0; left: auto; } .featured-area .slick-slider:hover .slick-arrow.slick-next { right: 15px; left: auto; } @keyframes selectionSharerPopover-animation { from { opacity: 0; } to { opacity: 1; } } .penci-sharect { padding: 10px 6px; line-height: 0; transition: all 0.2s ease-in-out 0s; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 15px 1px; position: absolute; border-radius: 3px; } .penci-sharect .pcshare-item { display: inline-block; margin: 7px; cursor: pointer; transition: all 0.2s ease-in-out 0s; } .penci-sharect i { color: #fff; font-size: 18px; } .penci-sharect > div > div { vertical-align: top; margin: 0 10px !important; } .penci-sharect-arrow { position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgb(255, 255, 255); bottom: -6px; left: 50%; right: 50%; transform: translateX(-50%); width: 0px; height: 0px; } .entry-content p::selection { background-color: var(--pcheading-cl); color: #fff; } .penci-social-fixed-share.post-share { position: fixed; left: 20px; top: 50%; transform: translateY(-50%); z-index: 99; width: 40px; white-space: break-spaces; display: none; margin-bottom: 0; } .penci-social-fixed-share.post-share .post-share-item { font-size: 18px; } .penci-social-fixed-share.post-share.pos-right { left: auto; right: 20px; } .penci-social-fixed-share.share-style-1 .post-share-item { margin: 0 !important; } .penci-single-block.inview .penci-social-fixed-share.post-share { opacity: 1; display: block; } .penci-social-fixed-share.post-share .post-share-item:last-child { margin-bottom: 0 !important; } .penci-social-fixed-share.share-style-2 .post-share-item, .penci-social-fixed-share.share-style-3 .post-share-item { border-radius: 50%; } .penci-social-fixed-share.share-style-3 .post-share-item { background: var(--pcbg-cl); border: 1px solid var(--pcborder-cl); box-shadow: 1px 1px 1px 0px rgba(55, 55, 55, 0.1); transition: 0.3s all ease-in-out; line-height: 38px; } .penci-social-fixed-share.share-style-3 .post-share-item:hover { background: #f1f1f1; } /* categories stylist block */ .widget .categories-block ul li { padding: 0; margin: 0; overflow: hidden; } .categories-block .category-title { font-weight: bold; white-space: nowrap } .categories-block .category-count { border-radius: 100%; background-color: var(--pcaccent-cl); color: #fff; min-width: 34px; text-align: center; height: 34px; line-height: 34px; font-size: 12px; display: inline-block } .categories-block.categories-block-vertical li { text-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .categories-block.categories-block-vertical li a { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 210px; width: 100% } .categories-block.categories-block-horizontal a { gap: 10px } .categories-block.categories-block-horizontal .category-title { -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2 } .categories-block ul { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .categories-block ul.categories-layout-scroll { overflow: auto; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 30px } .categories-block ul.categories-layout-scroll li { min-width: 210px; text-align: center; } .categories-block ul.categories-layout-scroll li a { min-width: 210px; } .categories-block ul.categories-layout-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .categories-block ul.categories-layout-wrap.categories-wrap-1 li { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; background-color: rgba(0, 0, 0, 0.1); border: 0; } .categories-block ul.categories-layout-wrap.categories-wrap-2 li { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45% } .categories-block ul.categories-layout-wrap.categories-wrap-3 li { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30% } .categories-block li { background: rgba(0, 0, 0, 0.02); transition: 0.15s; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 5px } .categories-block li.has-bg { background-size: cover; background-repeat: no-repeat; background-position: center } .categories-block li.has-bg:after { content: ""; position: absolute; display: block; left: 0; right: 0; bottom: 0; height: 100%; transition: opacity 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.6); border-radius: 5px } .categories-block li.has-bg:hover:after { opacity: 0.7 } .categories-block li.has-bg .category-title { color: #fff; font-size: 16px } .categories-block li a { padding: 10px 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; z-index: 1; gap: 5px } .categories-block li a:hover { text-decoration: none !important } .categories-block .penci-image-holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: transform 1s, filter 2s ease-in-out; transform: scale(1.2); } .categories-block li:hover .penci-image-holder { transform: scale(1); } ul.pc-advanced-cat li { position: relative; } ul.pc-advanced-cat li .indicator { position: absolute; top: 0; right: 0; font-size: 14px; cursor: pointer; } ul.pc-advanced-cat.toggle-enable li .category-item-count { margin-right: 30px; } /* Popular posts */ .popularpost_list, .widget .popularpost_list { padding-left: 0; } .popularpost_item { display: block; position: relative; margin-bottom: 20px; padding-left: 60px } .popularpost_list.columns-format { display: flex; flex-wrap: wrap; margin-bottom: 0; } .popularpost_list.columns-format .popularpost_item { flex: 0 0 auto; width: calc(100% / 3); padding-right: 15px; } .popularpost_list.columns-format.col-2 .popularpost_item { width: 50%; } .popularpost_list.columns-format.col-4 .popularpost_item { width: 25%; } .popularpost_list.columns-format.col-5 .popularpost_item { width: 20%; } @media only screen and (max-width: 960px) { .popularpost_list.columns-format.t-col-1 .popularpost_item { width: 100%; padding-right: 0; } .popularpost_list.columns-format .popularpost_item, .popularpost_list.columns-format.t-col-2 .popularpost_item { width: 50%; } .popularpost_list.columns-format.t-col-3 .popularpost_item { width: calc(100% / 3); } } @media only screen and (max-width: 479px) { .popularpost_list.columns-format.m-col-1 .popularpost_item, .popularpost_list.columns-format .popularpost_item { width: 100%; padding-right: 0; } .popularpost_list.columns-format.m-col-2 .popularpost_item { width: 50%; } } .widget ul.popularpost_list.columns-format > li.popularpost_item:last-child { border-bottom: 1px solid var(--pcborder-cl); margin-bottom: 11px; padding-bottom: 12px; } .popularpost_item .pcpopular_new_post_title { font-size: 14px; margin: 0 0 5px } .popularpost_item .pcpopular_new_post_title a { color: var(--pcheading-cl); font-size: inherit; } .popularpost_item .pcpopular_new_post_title a:hover { text-decoration: none; color: var(--pcaccent-cl); } .popularpost_item .pcpopular_new_post_title a:before { content: attr(data-num); position: absolute; font-size: 18px; text-align: center; top: 0; left: 0; width: 24px; height: 24px; line-height: 24px; font-style: italic; background: #e6e6e6; padding: 10px; border-radius: 100%; box-sizing: content-box; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-family: var(--pchead-font); font-weight: var(--pchead-wei); } .popularpost_item:hover .pcpopular_new_post_title a:before { background: var(--pcaccent-cl); color: #fff } .popularpost_item.first { padding-left: 0; padding-bottom: 15px; border-bottom: 3px solid var(--pcborder-cl); } .popularpost_item.first .pcpopular_new_post_title a::before { transform: scale(1.15); } .popularpost_list.columns-format .popularpost_item.first .pcpopular_new_post_title a::before { transform: none; } .popularpost_item.first .pcpopular_new_post_title { font-size: 18px; font-weight: 700; margin: 15px auto 15px; line-height: 1.25; position: relative; } .popularpost_item.first .pcpopular_new_post_title, .popularpost_item.first .popularpost_meta { padding-left: 60px; } .popularpost_meta { font-size: 13px; color: var(--pcmeta-cl) } .widget ul li .popularpost_meta a { font-size: inherit; } .swiper-multi-items .swiper-slide, .post-related .swiper-slide { transition-timing-function: cubic-bezier(.76, .09, .215, 1) } /* Featured Slider 41 */ .slider-41-wrapper { display: flex; flex-direction: column; min-height: 310px; } .slider-41-wrapper ul { margin-bottom: 0 !important; } .slider-41-swiper { position: relative; flex-grow: 1; padding: 0; display: flex; margin-top: -1px; overflow: hidden; } .slider-41-wrapper + .section-wrap, .slider-41-wrapper + .section { z-index: 4; } .slider-41-wrapper .actueel-header { flex-grow: 1; padding: 0; display: flex; } .slider-41-item { padding-top: 120px; padding-bottom: 160px; display: flex; align-items: center; position: relative; flex-grow: 1; } .slider-41-wrapper .container { width: calc(var(--pcctain) - 120px); } .slider-41-item .thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 5px); border-radius: 5px; background: #000; } .slider-41-item .thumbnail .dark-overlay { background: rgba(0, 0, 0, 0.5); } .slider-41-item .row .flex-col:nth-child(1) { display: flex; flex-direction: column; gap: 2em; } .slider-41-item .small-title { color: #fff; } .slider-41-item h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; min-height: calc(2em * 1.15); color: #fff; font-size: 28px; font-weight: bolder; } .slider-41-item h3 a { color: inherit; font-weight: inherit; } .slider-41-item .row .flex-col:nth-child(1) .tags { padding-top: 0.3em; } .slider-41-item .tags .single-tag { color: #fff; } .slider-41-item .tags .single-tag.light-medium { background: #fff; } .slider-41-item .row .flex-col:nth-child(2) { display: flex; flex-direction: column; gap: 2.5em; } .slider-41-item .author-box { background: rgba(0, 0, 0, 0.75); padding: 15px; border-radius: 15px; max-width: 190px; } .slider-41-item .author-box h4 { color: #fff; } .slider-41-swiper .swiper-pagination { position: absolute; } .slider-41-swiper .fixed-items { position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding-top: 120px; padding-bottom: 120px; } .slider-41-swiper .fixed-items .container { display: flex; justify-content: flex-end; flex-direction: column; height: 100%; position: relative; } .slider-41-swiper .fixed-items .flex-col:nth-child(2) { display: flex; justify-content: flex-end; } .slider-41-swiper .fixed-items .btn { z-index: 1; transform: translateY(120px); } .slider-41-swiper .readmore { background: #000; color: #fff; border-radius: 50px; padding: 0 15px; line-height: 35px; font-size: 13px; display: inline-block; } .slider-41-swiper .featured-cat a { color: #fff; } @media screen and (max-width: 1024px) { .slider-41-item .row .flex-col:nth-child(2) { display: none; } .slider-41-item .row .flex-col:nth-child(1) { gap: 1.5em; } .slider-41-item h1 { -webkit-line-clamp: 3; line-clamp: 3; min-height: calc(3em * 1.15); } .slider-41-wrapper { min-height: 550px; } .slider-41-item { padding-top: 120px; padding-bottom: 180px; } } /* ------------------------- Swiper Slider -------------------------------------------------- */ .featured-style-41 .swiper-container { display: flex; flex-wrap: wrap; flex-direction: column; position: relative; flex-grow: 1; width: 100%; } .featured-style-41 .swiper-wrapper { flex-grow: 1; position: relative; width: 100%; -webkit-transform-style: preserve-3d; transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .featured-style-41 .swiper-slide { position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } /*--- Progress Bar ---*/ .featured-style-41 .swiper-container .swiper-pagination { position: relative; width: 100%; display: flex; bottom: unset; left: unset; gap: 0.5em; } .featured-style-41 .swiper-container .swiper-pagination-bullet { height: 1em; position: relative; border-radius: 0; margin: unset; width: 100%; background-color: transparent; display: flex; opacity: 1; flex-direction: column; justify-content: center; } .featured-style-41 .swiper-container .swiper-pagination-bullet::before { content: ""; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.7); opacity: .4; position: absolute; } .featured-style-41 .swiper-container .progress { height: 2px; position: absolute; width: 100%; background-color: rgba(255, 255, 255, 1); transform: scaleX(0); transform-origin: left top; opacity: 0; transition: opacity .3s ease-in-out; } .featured-style-41 .swiper-container .swiper-pagination-bullet-active .progress { opacity: 1; } .slider-41-item .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .slider-41-item img.overlay, .slider-41-item video.overlay { object-fit: cover; } .slider-41-item .penci-fslider-fmeta .featured-slider-excerpt { margin-top: 30px; } .slider-41-item .readmore-btn { padding-bottom: 60px; } .featured-style-41 .row { display: flex; flex-wrap: wrap; position: relative; } .featured-style-41 .row.split.split-70-30, .featured-style-41 .row.split.split-30-70 { justify-content: space-between; } .featured-style-41 .row.split.split-70-30 .flex-col:nth-child(1), .featured-style-41 .row.split.split-30-70 .flex-col:nth-child(2) { width: calc(70% - (60px * 0.5)); } .featured-style-41 .row.split.split-70-30 .flex-col:nth-child(2), .featured-style-41 .row.split.split-30-70 .flex-col:nth-child(1) { width: calc(30% - (60px * 0.5)); } @media only screen and (max-width: 1024px) { .featured-style-41 .row.split.split-70-30 .flex-col:nth-child(1), .featured-style-41 .row.split.split-70-30 .flex-col:nth-child(2), .featured-style-41 .row.split.split-30-70 .flex-col:nth-child(1), .featured-style-41 .row.split.split-30-70 .flex-col:nth-child(2) { width: calc(100vw - 60px); padding-left: 30px; padding-right: 30px; } } /* slider 43 */ .slider-40-wrapper { text-align: center; background-size: cover; margin-bottom: 0; height: 840px; position: relative; overflow: hidden; } .featured-style-40 .nav-slider { margin: 0; position: absolute; left: -60px; right: -60px; z-index: 1; } @media (max-width: 1020px) and (min-width: 767px) { .slider-40-wrapper { height: 720px; } } @media (max-width: 767px) { .slider-40-wrapper { height: 480px; } } .slider-40-wrapper .container-bg-slider-40 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5 } .slider-40-wrapper .container-bg-slider-40 .item-bg-slider-40 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden } .slider-40-wrapper .container-bg-slider-40 .item-bg-slider-40:first-child { z-index: 4 } .slider-40-wrapper .container-bg-slider-40 .item-bg-slider-40 .item-bg-slider-40-content { position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0 } .slider-40-wrapper .list-slider-creative { position: relative; width: 1000px; height: 565px } @media (max-width: 1020px) { .slider-40-wrapper .list-slider-creative { width: 700px; height: 400px; margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .slider-40-wrapper .list-slider-creative { width: 100%; height: 300px } } .slider-40-wrapper .list-slider-creative .item-slider-creative { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; overflow: hidden } .slider-40-wrapper .list-slider-creative .item-slider-creative:first-child { z-index: 3 } .slider-40-wrapper .list-slider-creative .item-slider-creative .img-container { background-size: cover; background-repeat: no-repeat; background-position: center center } .slider-40-wrapper .list-slider-creative .item-slider-creative .img-container:before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.3s ease-in-out; } .slider-40-wrapper .list-slider-creative .item-slider-creative .content-item-creative { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .slider-40-wrapper .container-slider-40 { width: 1000px; margin: 80px auto 0; position: relative; z-index: 10 } @media (max-width: 1020px) and (min-width: 767px) { .slider-40-wrapper .container-slider-40 { width: 100% } } @media (max-width: 767px) { .slider-40-wrapper .container-slider-40 { width: 100% } } .slider-40-wrapper .header-creative { position: relative } .slider-40-wrapper .see-all { position: absolute; right: 0; bottom: -2px } @media (max-width: 767px) { .slider-40-wrapper .see-all.visible-xs { position: inherit; right: 0; bottom: 0; margin-top: 35px } } .slider-40-wrapper .see-all:hover { color: #44c8e6 } .slider-40-wrapper .galery-slider-40 { position: relative } @media (max-width: 1020px) and (min-width: 767px) { .slider-40-wrapper .galery-slider-40 { margin-top: 27px } .featured-style-40 .nav-slider { left: 30px; right: 30px; } } @media (max-width: 767px) { .slider-40-wrapper .galery-slider-40 .slider-creative { margin-bottom: 0; padding: 0 60px } .featured-style-40 .nav-slider { left: 10px; right: 10px; } } .slider-40-wrapper .galery-slider-40 .slider-creative .nav-slider-slider-40 { top: 50%; transform: translateY(-50%); } .slider-40-wrapper .galery-slider-40 .slider-creative .nav-slider-slider-40 .nav-slider-button .icon-arrow-left { margin: 0 } @media (max-width: 1020px) and (min-width: 767px) { .slider-40-wrapper .galery-slider-40 .slider-creative .nav-slider-slider-40 { left: 10px; right: 10px } } @media (max-width: 767px) { .slider-40-wrapper .galery-slider-40 .container-thumb-creative { overflow-y: scroll; position: relative; width: 100%; bottom: -25px; left: 0 } } .slider-40-wrapper .nav-thumb-creative { width: 690px; padding: 10px 5px 0; background-color: #fff; margin: 0 auto; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; z-index: 99; } .slider-40-wrapper .nav-thumb-creative .swiper-slide { width: 25%; } .slider-40-wrapper .nav-thumb-creative:not(.penci-owl-loaded) .thumb-container { display: none; } .slider-40-wrapper .nav-thumb-creative:not(.penci-owl-loaded) .thumb-container:nth-child(1), .slider-40-wrapper .nav-thumb-creative:not(.penci-owl-loaded) .thumb-container:nth-child(2), .slider-40-wrapper .nav-thumb-creative:not(.penci-owl-loaded) .thumb-container:nth-child(3), .slider-40-wrapper .nav-thumb-creative:not(.penci-owl-loaded) .thumb-container:nth-child(4) { display: block; } @media (max-width: 1020px) and (min-width: 767px) { .slider-40-wrapper .nav-thumb-creative { padding: 10px; width: 100%; } } @media (max-width: 767px) { .slider-40-wrapper .nav-thumb-creative { left: 0; bottom: 0; position: inherit } } .slider-40-wrapper .nav-thumb-creative .thumb-container { position: relative; overflow: hidden; text-align: center; display: block; } .slider-40-wrapper .nav-thumb-creative .thumb-container .penci-image-holder { width: 100%; height: auto; position: relative; z-index: 3; -webkit-transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1 } .slider-40-wrapper .penci-image-holder:before { padding-top: 66.6667% !important; } .slider-40-wrapper .nav-thumb-creative .thumb-container:after { content: ""; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: var(--pcaccent-cl); position: absolute; left: 0; top: 0; -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; z-index: 5; } .slider-40-wrapper .nav-thumb-creative .thumb-container:hover:after { visibility: visible; opacity: 0.5; } @media (max-width: 1020px) and (min-width: 767px) { .slider-40-wrapper .nav-thumb-creative .thumb-container + .thumb-container { margin-left: 9px } } .slider-40-wrapper .nav-thumb-creative .swiper-slide.active .penci-image-holder { -webkit-transform: scale(.95, .93); -ms-transform: scale(.95, .93); -o-transform: scale(.95, .93); transform: scale(.95, .93) } .slider-40-wrapper .nav-thumb-creative .swiper-slide.active:hover .thumb-container:after, .slider-40-wrapper .nav-thumb-creative .swiper-slide.active .thumb-container:after { opacity: 1; visibility: visible; z-index: 0 } .slider-40-wrapper .nav-thumb-creative .thumb-container:hover .thumb-container:after { z-index: 4; -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; opacity: .6; visibility: visible } .slider-40-wrapper .bg-img-slider-40-background, .slider-40-wrapper .bg-img-slider-40-behind { overflow: hidden; height: 100%; width: 100%; position: absolute; left: 0; right: 0; background-size: cover; background-position: center; } .slider-40-wrapper .nav-slider-button { height: 34px; width: 34px; border-radius: 50%; float: left; text-align: center; transition: all 0.3s ease-in-out; line-height: 34px; padding: 0; background: #fff; color: #010101; opacity: 0.8; } .slider-40-wrapper .nav-slider-button:hover { opacity: 1; } .slider-40-wrapper .nav-slider-button i { font-size: 12px; color: inherit; line-height: inherit; } .slider-40-wrapper .next-button { right: 0; float: right; } .slider-40-wrapper .nav-thumb-creative .swiper-slide-inner { padding-left: 5px; padding-right: 5px; } .slider-40-wrapper .nav-thumb-creative:not(.penci-owl-loaded) .swiper-slide:nth-child(4) { margin-right: 0; } .penci-43-slider-item { width: 100%; background-size: cover; display: flex; flex-wrap: wrap; align-content: center; position: relative; z-index: 5; overflow: hidden } @media (max-width: 1020px) and (min-width: 767px) { .penci-43-slider-item { height: 400px; } } .penci-43-slider-item .img-container { width: 100%; position: absolute; height: 100%; left: 0; top: 0; overflow: hidden } .penci-43-slider-item .img-container .img-responsive { margin: 0 auto } .penci-43-slider-item .img-container:before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(0, 0, 0, .15) } .penci-43-slider-item .img-container img { -webkit-transition: transform 2s ease-in-out; -o-transition: transform 2s ease-in-out; transition: transform 2s ease-in-out } .penci-43-slider-item > div { width: 700px; margin: 0 auto; position: relative; z-index: 4 } .penci-43-slider-item div .featured-cat a { color: #fff; } .penci-43-slider-item .featured-slider-excerpt { margin-top: 15px; } .penci-43-slider-item .featured-slider-excerpt p { margin-bottom: 0; } @media (max-width: 1020px) and (min-width: 767px) { .penci-43-slider-item div { width: 550px } } @media (max-width: 767px) { .penci-43-slider-item > div:last-child { width: 100%; padding: 10px; } .penci-43-slider-item div .number-tv { display: block; margin-bottom: 14px } } @media (max-width: 767px) and (max-width: 767px) { .penci-43-slider-item div .number-tv { margin-bottom: 3px } } .penci-43-slider-item .title-part { font-size: 42px; margin: 0; font-weight: var(--pchead-wei); line-height: 1.2; color: #fff; } .penci-43-slider-item .penci-fslider-fmeta { margin-top: 6px; } .penci-43-slider-item .title-part a { color: inherit; font-size: inherit; } .penci-43-slider-item .title-part a:hover { text-decoration: none; } @media only screen and (max-width: 1170px) { .penci-43-slider-item .title-part { font-size: 36px; } } @media only screen and (max-width: 960px) { .penci-43-slider-item .title-part { font-size: 30px; } .penci-43-slider-item .featured-slider-excerpt { display: none; } } @media only screen and (max-width: 767px) { .penci-43-slider-item .title-part { font-size: 24px; } } @media only screen and (max-width: 479px) { .penci-43-slider-item .title-part { font-size: 20px; } } /* Style 41 */ .featured-area.featured-style-39 .penci-slider38-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 3; } .featured-area.featured-style-39 .penci-image-holder { max-height: 450px; } .featured-area.featured-style-39 .penci-featured-content .feat-text { max-width: calc(100% - 390px); margin: 0; text-align: center; } @media only screen and (max-width: 767px) { .featured-area.featured-style-39 .penci-featured-content .feat-text { max-width: 100%; } } .featured-area.featured-style-39 .penci-featured-content { z-index: 4; } .featured-area.featured-style-39 .penci-slider39-thumb { position: absolute; bottom: 0; top: 40px; right: 0; z-index: 99; padding: 30px; width: 370px; height: 100%; background-color: rgba(0, 0, 0, 0.7); overflow: hidden; } @media only screen and (max-width: 1170px) { .featured-area.featured-style-39 .penci-featured-content .feat-text { max-width: calc(100% - 320px); } .featured-area.featured-style-39 .penci-slider39-thumb { width: 320px; } } @media only screen and (max-width: 767px) { .featured-area.featured-style-39 .penci-slider39-thumb { display: none; } } .featured-area.featured-style-39 .penci-slider39-thumb .owl-thumb-item h3 { font-size: 16px; color: #fff; margin: 0; line-height: 1.3; margin-left: 90px; opacity: .75; } .featured-area.featured-style-39 .penci-slider39-thumb .owl-thumb-item { cursor: pointer; } .featured-area.featured-style-39 .penci-slider39-thumb .swiper-slide-thumb-active.owl-thumb-item h3 { opacity: 1; } .featured-area.featured-style-39 .featured-slider-excerpt, .featured-area.featured-style-39 .featured-slider-excerpt p { text-align: center; } .featured-area.featured-style-39 .penci-slider39-thumb .owl-thumb-item .penci-image-holder { width: 70px; height: 70px; border: 1px solid rgba(255, 255, 255, 0.5); float: left; } .featured-area.featured-style-39 .penci-slider39-thumb .active .owl-thumb-item .penci-image-holder { border-color: var(--pcaccent-cl); } .featured-area.featured-style-42 .penci-image-holder { max-height: 620px; } .featured-area.featured-style-42 .penci-slider38-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 3; } .featured-area.featured-style-42 .penci-featured-content { z-index: 4; } .featured-area.featured-style-42 .penci-slider42-thumb { position: absolute; bottom: 0; left: 0; right: 0; z-index: 99999; padding: 0 10px; } .featured-area.featured-style-42 .penci-slider42-thumb .owl-thumb-item { padding: 20px; background: rgba(0, 0, 0, .3); display: flex; height: 95px; cursor: pointer; justify-content: center; align-content: center; flex-wrap: wrap; } .featured-area.featured-style-42 .penci-slider42-thumb .swiper-slide-thumb-active .owl-thumb-item { background: #fff; } .featured-area.featured-style-42 .penci-slider42-thumb .owl-thumb-item h3 { font-size: 13px; color: #fff; margin: 0; } .featured-area.featured-style-42 .penci-slider42-thumb .swiper-slide-thumb-active .owl-thumb-item h3 { color: var(--pcheading-cl); } @media only screen and (max-width: 767px) { .featured-area.featured-style-42 .penci-image-holder { height: 420px; } .featured-area.featured-style-42 .penci-slider42-thumb .owl-thumb-item { height: 60px; } .featured-area.featured-style-42 .penci-slider42-thumb .owl-thumb-item h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } } .featured-area.featured-style-42 .penci-featured-content { bottom: 75px; } .featured-area.featured-style-42 .penci-featured-content .feat-text { max-width: 100%; } .featured-area.featured-style-42 .penci-featured-content .feat-text .featured-slider-excerpt, .featured-area.featured-style-42 .penci-featured-content .feat-text .featured-slider-excerpt p { text-align: center; } .penci-owl-carousel-slider[data-direction="vertical"]:not(.penci-owl-loaded) > div:first-child { display: flex; flex-direction: column; } .penci-owl-carousel-slider[data-direction="vertical"]:not(.penci-owl-loaded) .swiper-slide { flex-shrink: 0; width: 100% !important; height: auto; margin-bottom: 30px; position: relative; transition-property: transform; float: none !important; } @media only screen and (max-width: 767px) { .featured-style-42 .penci-owl-featured-area { display: flex; flex-wrap: wrap; flex-direction: row; } .featured-style-42 .penci-owl-featured-area .penci-owl-carousel-slider { order: 1; } .featured-style-42 .penci-owl-featured-area .penci-slider42-thumb { order: 2; } } .swiper-mark-item { overflow: hidden; transition: all .4s ease; } .penci-swiper-mask { position: relative; z-index: 1; } .featured-style-45 .swiper-slide { overflow: hidden; color: #fff; min-height: 550px; transition: all .4s ease; } .featured-style-45 .slide-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: left; } .swiper-button-disabled { cursor: not-allowed !important; opacity: 0.5 !important; } .post-image.stick-video-enable { position: fixed; max-width: var(--pcajs_fvw); width: 100%; height: auto; z-index: 99999; margin: 0; overflow: visible; } @media only screen and (max-width: 767px) { .post-image.stick-video-enable { max-width: var(--pcajs_fvmw); } } .post-image.stick-video-enable.top-right { top: 40px; right: 40px; } .post-image.stick-video-enable.bottom-right { bottom: 40px; right: 40px; } .post-image.stick-video-enable.top-left { top: 40px; left: 40px; } .post-image.stick-video-enable.bottom-left { bottom: 40px; left: 40px; } .post-image.stick-video-enable .standard-post-special_wrapper { display: none; } .swiper-button-lock { display: none !important; } .swiper-fade .item { opacity: 0; visibility: hidden; } .swiper-fade .item.swiper-slide-visible { opacity: 1; visibility: visible; } .stick-video-enable-remove { width: 30px; height: 30px; border-radius: 50%; background: #000; color: #fff; line-height: 30px; text-align: center; font-size: 12px; position: absolute; top: -5px; right: -5px; z-index: 99999; cursor: pointer; transition: all 0.3s ease-in-out; } .stick-video-enable-remove:hover { background: var(--pcaccent-cl); color: #fff; } .stick-video-enable-remove i { line-height: inherit !important; } .swiper-cards .swiper-slide { opacity: 0.5; } .swiper-cards .swiper-slide.active { opacity: 1; } .featured-style-28 .swiper-slide { width: fit-content !important; } .penci-sponsored-label { display: inline-block; padding: 1px 5px; background-color: var(--pcaccent-cl); color: var(--pcbg-cl) !important; margin: 0 5px 0 0 !important; } .penci-sponsored-label:before { content: attr(data-text); } .penci-sponsored-logo img { display: inline-block; max-height: 20px; width: auto; vertical-align: middle; margin-left: 5px; } /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/themes/myTheme/css/swiper-bundle.min.css */ /** * Swiper 11.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 22, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/themes/myTheme/css/font-awesome.4.7.0.swap.min.css */ /* = Font Awesome * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face{font-family:'FontAwesome';src:url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-display: swap; font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/themes/myTheme/css/penci-icon.css */ @font-face{font-family:"penciicon";font-display:swap;src:url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/penciicon.ttf?v=1.1') format("truetype"),url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/penciicon.woff?v=1.1') format("woff"),url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/penciicon.woff2?v=1.1') format("woff2"),url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/penciicon.eot?v=1.1#iefix') format("embedded-opentype"),url('https://zeitungfokus.com/wp-content/themes/myTheme/css/../fonts/penciicon.svg?v=1.1#penciicon') format("svg")}i[class^="penciicon-"],i[class*=" penciicon-"]{display:inline-block;font-family:penciicon!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.penciicon-left-quote:before{content:"\f101"}.penciicon-messenger:before{content:"\f102"}.penciicon-goodreads:before{content:"\f103"}.penciicon-viber:before{content:"\f104"}.penciicon-discord:before{content:"\f105"}.penciicon-tik-tok:before{content:"\f106"}.penciicon-line:before{content:"\f107"}.penciicon-magnifiying-glass:before{content:"\f108"}.penciicon-heart:before{content:"\f109"}.penciicon-shuffle:before{content:"\f10a"}.penciicon-shopping-bag:before{content:"\f10b"}.penciicon-shopping-cart:before{content:"\f10c"}.penciicon-share:before{content:"\f10d"}.penciicon-sharing:before{content:"\f10e"}.penciicon-user:before{content:"\f10f"}.penciicon-close-button:before{content:"\f110"}.penciicon-check-symbol:before{content:"\f111"}.penciicon-expand:before{content:"\f112"}.penciicon-avatar:before{content:"\f113"}.penciicon-search:before{content:"\f114"}.penciicon-ruler:before{content:"\f115"}.penciicon-moon:before{content:"\f116"}.penciicon-sun:before{content:"\f117"}.penciicon-shopping-cart-1:before{content:"\f118"}.penciicon-shopping-cart-2:before{content:"\f119"}.penciicon-right-chevron:before{content:"\f11a"}.penciicon-left-chevron:before{content:"\f11b"}.penciicon-down-chevron:before{content:"\f11c"}.penciicon-up-chevron:before{content:"\f11d"}.penciicon-exchange:before{content:"\f11e"}.penciicon-down-arrow:before{content:"\f11f"}.penciicon-left-arrow:before{content:"\f120"}.penciicon-exchange-1:before{content:"\f121"}.penciicon-right-chevron-1:before{content:"\f122"}.penciicon-down-chevron-1:before{content:"\f123"}.penciicon-left-chevron-1:before{content:"\f124"}.penciicon-up-chevron-1:before{content:"\f125"}.penciicon-undo:before{content:"\f126"}.penciicon-free-delivery:before{content:"\f127"}.penciicon-facebook:before{content:"\f128"}.penciicon-twitter:before{content:"\f129"}.penciicon-instagram:before{content:"\f12a"}.penciicon-pinterest:before{content:"\f12b"}.penciicon-linkedin:before{content:"\f12c"}.penciicon-flickr:before{content:"\f12d"}.penciicon-behance:before{content:"\f12e"}.penciicon-tumblr:before{content:"\f12f"}.penciicon-youtube:before{content:"\f130"}.penciicon-email:before{content:"\f131"}.penciicon-vk:before{content:"\f132"}.penciicon-vine:before{content:"\f133"}.penciicon-soundcloud:before{content:"\f134"}.penciicon-snapchat:before{content:"\f135"}.penciicon-spotify:before{content:"\f136"}.penciicon-github:before{content:"\f137"}.penciicon-stack-overflow:before{content:"\f138"}.penciicon-twitch:before{content:"\f139"}.penciicon-steam:before{content:"\f13a"}.penciicon-vimeo:before{content:"\f13b"}.penciicon-xing:before{content:"\f13c"}.penciicon-whatsapp:before{content:"\f13d"}.penciicon-telegram:before{content:"\f13e"}.penciicon-reddit:before{content:"\f13f"}.penciicon-odnoklassniki:before{content:"\f140"}.penciicon-500px-monogram:before{content:"\f141"}.penciicon-stumbleupon:before{content:"\f142"}.penciicon-wechat:before{content:"\f143"}.penciicon-sina-weibo:before{content:"\f144"}.penciicon-line-1:before{content:"\f145"}.penciicon-viber-1:before{content:"\f146"}.penciicon-discord-1:before{content:"\f147"}.penciicon-rss:before{content:"\f148"}.penciicon-slack:before{content:"\f149"}.penciicon-slack-1:before{content:"\f14a"}.penciicon-tripadvisor:before{content:"\f14b"}.penciicon-tik-tok-1:before{content:"\f14c"}.penciicon-letter-d:before{content:"\f14d"}.penciicon-d:before{content:"\f14e"}.penciicon-blogger:before{content:"\f14f"}.penciicon-blogger-1:before{content:"\f150"}.penciicon-delicious:before{content:"\f151"}.penciicon-deviantart:before{content:"\f152"}.penciicon-digg:before{content:"\f153"}.penciicon-dribbble:before{content:"\f154"}.penciicon-ebay:before{content:"\f155"}.penciicon-ebay-1:before{content:"\f156"}.penciicon-evernote:before{content:"\f157"}.penciicon-evernote-1:before{content:"\f158"}.penciicon-flipboard:before{content:"\f159"}.penciicon-forrst:before{content:"\f15a"}.penciicon-forrst-1:before{content:"\f15b"}.penciicon-grooveshark:before{content:"\f15c"}.penciicon-grooveshark-1:before{content:"\f15d"}.penciicon-lastfm:before{content:"\f15e"}.penciicon-myspace:before{content:"\f15f"}.penciicon-myspace-logo:before{content:"\f160"}.penciicon-brand:before{content:"\f161"}.penciicon-skype:before{content:"\f162"}.penciicon-windows:before{content:"\f163"}.penciicon-yahoo-logo:before{content:"\f164"}.penciicon-yahoo:before{content:"\f165"}.penciicon-y:before{content:"\f166"}.penciicon-right-quotation-sign:before{content:"\f167"}.penciicon-deviantart-1:before{content:"\f168"}.penciicon-transfer:before{content:"\f169"}.penciicon-right-and-left:before{content:"\f16a"}.penciicon-exchange-2:before{content:"\f16b"}.penciicon-shopping-cart-3:before{content:"\f16c"}.penciicon-shop:before{content:"\f16d"}.penciicon-home:before{content:"\f16e"}.penciicon-user-1:before{content:"\f16f"}.penciicon-gallery:before{content:"\f170"}.penciicon-megaphone:before{content:"\f171"}.penciicon-news:before{content:"\f172"}.penciicon-newspaper:before{content:"\f173"}.penciicon-add:before{content:"\f174"}.penciicon-calculation-operations-minus-sign:before{content:"\f175"}.penciicon-x-twitter:before{content:"\f176"}.penci-faicon.penciicon-line,.penci-faicon.penciicon-viber,.penci-faicon.penciicon-x-twitter{transform:translateY(2px);font-display: swap;} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/themes/myTheme/style.css */ /* Theme Name: myTheme Theme URI: https://pencidesign.net/ Description: A Multipurpose, Newspaper, Blog & WooCommerce WordPress Theme Author: PenciDesign Author URI: https://pencidesign.net/ Version: 8.4.8 Requires PHP: 7.1 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, green, white, light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, post-formats, translation-ready Text Domain: myTheme Domain Path: /languages */ /* * Silence is gold */ /* The main css file is located in "themes/myTheme/main.css" */ /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/themes/myTheme/css/social-counter.css */ .penci-socialCT-wrap .penci-socialCT-item.penci-social-member a { background-color: #e2725c; } .penci-socialCT-wrap .penci-socialCT-item.penci-social-foursquare a { background-color: #0d9ed1; } .penci-socialCT-wrap .penci-socialCT-item.penci-social-px500 a { background-color: #00aeef; } .penci-socialCT-wrap .penci-socialCT-item.penci-social-mixcloud a { background-color: #589fc3; } .penci-socialCT-wrap .penci-socialCT-item.penci-social-goodreads a { background-color: #a06e0a; } .penci-socialCT-wrap .penci-socialCT-item.penci-social-posts a { background-color: #1abc9c; } .penci-socialCT-wrap .penci-socialCT-item.penci-social-comments a { background-color: #9b59b6; } .penci-socialCT-wrap:not(.columns-1) { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .penci-socialCT-wrap:not(.columns-1) .penci-socialCT-item { flex: 0 0 auto; padding-left: 5px; padding-right: 5px; } .penci-socialCT-wrap.columns-2 .penci-socialCT-item { width: 50%; } .penci-socialCT-wrap.columns-3 .penci-socialCT-item { width: 33.3333333333%; } .penci-socialCT-wrap.columns-4 .penci-socialCT-item { width: 25%; } .penci-socialCT-wrap.columns-5 .penci-socialCT-item { width: 20%; } .penci-socialCT-wrap.columns-6 .penci-socialCT-item { width: 16.6666666667%; } .penci-socialCT-wrap.penci-socialCT-s7 .penci-socialCT-item { overflow: visible; } .penci-socialCT-wrap.penci-socialCT-s7 .penci-socialCT-item a { background: transparent !important; border: 1px solid var(--pcborder-cl); color: var(--pcheading-cl); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } .penci-socialCT-wrap.penci-socialCT-s7 .penci-socialCT-item a:hover { background: rgba(55, 55, 55, 0.05) !important; } .penci-socialCT-wrap.penci-socialCT-s7 .penci-social-number { margin-right: 5px; font-weight: bold; } .penci-socialCT-wrap.penci-socialCT-s7 .penci-social-info-text { color: var(--pctext-cl); } .penci-socialCT-wrap.penci-socialCT-s8 .penci-socialCT-item span, .penci-socialCT-wrap.penci-socialCT-s9 .penci-socialCT-item span { display: block; text-align: center; } .penci-socialCT-wrap.penci-socialCT-s8 .penci-socialCT-item span i, .penci-socialCT-wrap.penci-socialCT-s9 .penci-socialCT-item span i { display: block; margin-right: 0; font-size: 28px; line-height: 1.2; } .penci-socialCT-wrap.penci-socialCT-s8 .penci-socialCT-item .penci-social-number, .penci-socialCT-wrap.penci-socialCT-s9 .penci-socialCT-item .penci-social-number { font-weight: bold; font-size: 18px; margin-top: 5px; margin-bottom: 5px; } .penci-socialCT-wrap.penci-socialCT-s8 .penci-socialCT-item .penci-social-info-text, .penci-socialCT-wrap.penci-socialCT-s9 .penci-socialCT-item .penci-social-info-text { font-size: 11px; opacity: 0.5; } .penci-socialCT-wrap.penci-socialCT-s8 .penci-socialCT-item a, .penci-socialCT-wrap.penci-socialCT-s9 .penci-socialCT-item a { justify-content: center; text-decoration: none; padding-top: 10px; padding-bottom: 10px; } .penci-socialCT-wrap.penci-socialCT-s8 { margin-left: 0; margin-right: 0; } .penci-socialCT-wrap.penci-socialCT-s8 .penci-socialCT-item { padding-left: 0; padding-right: 0; margin-bottom: -1px; margin-right: -1px; } .penci-socialCT-wrap.penci-socialCT-s8 .penci-socialCT-item .penci-social-info-text { color: var(--pctext-cl); } .penci-socialCT-wrap.penci-socialCT-s8 .penci-socialCT-item a { background: transparent !important; border: 1px solid var(--pcborder-cl); color: var(--pcheading-cl); } .penci-socialCT-wrap.penci-socialCT-s8 .penci-socialCT-item a:hover { background-color: rgba(55, 55, 55, 0.05) !important; } .penci-socialCT-wrap.penci-socialCT-s9 { margin-left: -2px; margin-right: -2px; } .penci-socialCT-wrap.penci-socialCT-s9 .penci-socialCT-item { padding-left: 2px; padding-right: 2px; margin-bottom: 4px; } .penci-social-textcolored .penci-social-member i { color: #e2725c; } .penci-social-textcolored .penci-social-foursquare i { color: #0d9ed1; } .penci-social-textcolored .penci-social-px500 i { color: #00aeef; } .penci-social-textcolored .penci-social-mixcloud i { color: #589fc3; } .penci-social-textcolored .penci-social-goodreads i { color: #a06e0a; } .penci-social-textcolored .penci-social-posts i { color: #1abc9c; } .penci-social-textcolored .penci-social-comments i { color: #9b59b6; } /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/aa24bf58/elementor/assets/lib/eicons/css/elementor-icons.min.css */ /*! elementor-icons - v5.29.0 - 15-02-2024 */ @font-face{font-family:eicons;src:url(https://zeitungfokus.com/wp-content/aa24bf58/elementor/assets/lib/eicons/css/../fonts/eicons.eot?5.29.0);src:url(https://zeitungfokus.com/wp-content/aa24bf58/elementor/assets/lib/eicons/css/../fonts/eicons.eot?5.29.0#iefix) format("embedded-opentype"),url(https://zeitungfokus.com/wp-content/aa24bf58/elementor/assets/lib/eicons/css/../fonts/eicons.woff2?5.29.0) format("woff2"),url(https://zeitungfokus.com/wp-content/aa24bf58/elementor/assets/lib/eicons/css/../fonts/eicons.woff?5.29.0) format("woff"),url(https://zeitungfokus.com/wp-content/aa24bf58/elementor/assets/lib/eicons/css/../fonts/eicons.ttf?5.29.0) format("truetype"),url(https://zeitungfokus.com/wp-content/aa24bf58/elementor/assets/lib/eicons/css/../fonts/eicons.svg?5.29.0#eicon) format("svg");font-weight:400;font-style:normal}[class*=" eicon-"],[class^=eicon]{display:inline-block;font-family:eicons;font-size:inherit;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:a 2s infinite linear}.eicon-editor-link:before{content:"\e800"}.eicon-editor-unlink:before{content:"\e801"}.eicon-editor-external-link:before{content:"\e802"}.eicon-editor-close:before{content:"\e803"}.eicon-editor-list-ol:before{content:"\e804"}.eicon-editor-list-ul:before{content:"\e805"}.eicon-editor-bold:before{content:"\e806"}.eicon-editor-italic:before{content:"\e807"}.eicon-editor-underline:before{content:"\e808"}.eicon-editor-paragraph:before{content:"\e809"}.eicon-editor-h1:before{content:"\e80a"}.eicon-editor-h2:before{content:"\e80b"}.eicon-editor-h3:before{content:"\e80c"}.eicon-editor-h4:before{content:"\e80d"}.eicon-editor-h5:before{content:"\e80e"}.eicon-editor-h6:before{content:"\e80f"}.eicon-editor-quote:before{content:"\e810"}.eicon-editor-code:before{content:"\e811"}.eicon-elementor:before{content:"\e812"}.eicon-elementor-circle:before{content:"\e813"}.eicon-pojome:before{content:"\e814"}.eicon-plus:before{content:"\e815"}.eicon-menu-bar:before{content:"\e816"}.eicon-apps:before{content:"\e817"}.eicon-accordion:before{content:"\e818"}.eicon-alert:before{content:"\e819"}.eicon-animation-text:before{content:"\e81a"}.eicon-animation:before{content:"\e81b"}.eicon-banner:before{content:"\e81c"}.eicon-blockquote:before{content:"\e81d"}.eicon-button:before{content:"\e81e"}.eicon-call-to-action:before{content:"\e81f"}.eicon-captcha:before{content:"\e820"}.eicon-carousel:before{content:"\e821"}.eicon-checkbox:before{content:"\e822"}.eicon-columns:before{content:"\e823"}.eicon-countdown:before{content:"\e824"}.eicon-counter:before{content:"\e825"}.eicon-date:before{content:"\e826"}.eicon-divider-shape:before{content:"\e827"}.eicon-divider:before{content:"\e828"}.eicon-download-button:before{content:"\e829"}.eicon-dual-button:before{content:"\e82a"}.eicon-email-field:before{content:"\e82b"}.eicon-facebook-comments:before{content:"\e82c"}.eicon-facebook-like-box:before{content:"\e82d"}.eicon-form-horizontal:before{content:"\e82e"}.eicon-form-vertical:before{content:"\e82f"}.eicon-gallery-grid:before{content:"\e830"}.eicon-gallery-group:before{content:"\e831"}.eicon-gallery-justified:before{content:"\e832"}.eicon-gallery-masonry:before{content:"\e833"}.eicon-icon-box:before{content:"\e834"}.eicon-image-before-after:before{content:"\e835"}.eicon-image-box:before{content:"\e836"}.eicon-image-hotspot:before{content:"\e837"}.eicon-image-rollover:before{content:"\e838"}.eicon-info-box:before{content:"\e839"}.eicon-inner-section:before{content:"\e83a"}.eicon-mailchimp:before{content:"\e83b"}.eicon-menu-card:before{content:"\e83c"}.eicon-navigation-horizontal:before{content:"\e83d"}.eicon-nav-menu:before{content:"\e83e"}.eicon-navigation-vertical:before{content:"\e83f"}.eicon-number-field:before{content:"\e840"}.eicon-parallax:before{content:"\e841"}.eicon-php7:before{content:"\e842"}.eicon-post-list:before{content:"\e843"}.eicon-post-slider:before{content:"\e844"}.eicon-post:before{content:"\e845"}.eicon-posts-carousel:before{content:"\e846"}.eicon-posts-grid:before{content:"\e847"}.eicon-posts-group:before{content:"\e848"}.eicon-posts-justified:before{content:"\e849"}.eicon-posts-masonry:before{content:"\e84a"}.eicon-posts-ticker:before{content:"\e84b"}.eicon-price-list:before{content:"\e84c"}.eicon-price-table:before{content:"\e84d"}.eicon-radio:before{content:"\e84e"}.eicon-rtl:before{content:"\e84f"}.eicon-scroll:before{content:"\e850"}.eicon-search:before{content:"\e851"}.eicon-select:before{content:"\e852"}.eicon-share:before{content:"\e853"}.eicon-sidebar:before{content:"\e854"}.eicon-skill-bar:before{content:"\e855"}.eicon-slider-3d:before{content:"\e856"}.eicon-slider-album:before{content:"\e857"}.eicon-slider-device:before{content:"\e858"}.eicon-slider-full-screen:before{content:"\e859"}.eicon-slider-push:before{content:"\e85a"}.eicon-slider-vertical:before{content:"\e85b"}.eicon-slider-video:before{content:"\e85c"}.eicon-slides:before{content:"\e85d"}.eicon-social-icons:before{content:"\e85e"}.eicon-spacer:before{content:"\e85f"}.eicon-table:before{content:"\e860"}.eicon-tabs:before{content:"\e861"}.eicon-tel-field:before{content:"\e862"}.eicon-text-area:before{content:"\e863"}.eicon-text-field:before{content:"\e864"}.eicon-thumbnails-down:before{content:"\e865"}.eicon-thumbnails-half:before{content:"\e866"}.eicon-thumbnails-right:before{content:"\e867"}.eicon-time-line:before{content:"\e868"}.eicon-toggle:before{content:"\e869"}.eicon-url:before{content:"\e86a"}.eicon-t-letter:before{content:"\e86b"}.eicon-wordpress:before{content:"\e86c"}.eicon-text:before{content:"\e86d"}.eicon-anchor:before{content:"\e86e"}.eicon-bullet-list:before{content:"\e86f"}.eicon-code:before{content:"\e870"}.eicon-favorite:before{content:"\e871"}.eicon-google-maps:before{content:"\e872"}.eicon-image:before{content:"\e873"}.eicon-photo-library:before{content:"\e874"}.eicon-woocommerce:before{content:"\e875"}.eicon-youtube:before{content:"\e876"}.eicon-flip-box:before{content:"\e877"}.eicon-settings:before{content:"\e878"}.eicon-headphones:before{content:"\e879"}.eicon-testimonial:before{content:"\e87a"}.eicon-counter-circle:before{content:"\e87b"}.eicon-person:before{content:"\e87c"}.eicon-chevron-right:before{content:"\e87d"}.eicon-chevron-left:before{content:"\e87e"}.eicon-close:before{content:"\e87f"}.eicon-file-download:before{content:"\e880"}.eicon-save:before{content:"\e881"}.eicon-zoom-in:before{content:"\e882"}.eicon-shortcode:before{content:"\e883"}.eicon-nerd:before{content:"\e884"}.eicon-device-desktop:before{content:"\e885"}.eicon-device-tablet:before{content:"\e886"}.eicon-device-mobile:before{content:"\e887"}.eicon-document-file:before{content:"\e888"}.eicon-folder-o:before{content:"\e889"}.eicon-hypster:before{content:"\e88a"}.eicon-h-align-left:before{content:"\e88b"}.eicon-h-align-right:before{content:"\e88c"}.eicon-h-align-center:before{content:"\e88d"}.eicon-h-align-stretch:before{content:"\e88e"}.eicon-v-align-top:before{content:"\e88f"}.eicon-v-align-bottom:before{content:"\e890"}.eicon-v-align-middle:before{content:"\e891"}.eicon-v-align-stretch:before{content:"\e892"}.eicon-pro-icon:before{content:"\e893"}.eicon-mail:before{content:"\e894"}.eicon-lock-user:before{content:"\e895"}.eicon-testimonial-carousel:before{content:"\e896"}.eicon-media-carousel:before{content:"\e897"}.eicon-section:before{content:"\e898"}.eicon-column:before{content:"\e899"}.eicon-edit:before{content:"\e89a"}.eicon-clone:before{content:"\e89b"}.eicon-trash:before{content:"\e89c"}.eicon-play:before{content:"\e89d"}.eicon-angle-right:before{content:"\e89e"}.eicon-angle-left:before{content:"\e89f"}.eicon-animated-headline:before{content:"\e8a0"}.eicon-menu-toggle:before{content:"\e8a1"}.eicon-fb-embed:before{content:"\e8a2"}.eicon-fb-feed:before{content:"\e8a3"}.eicon-twitter-embed:before{content:"\e8a4"}.eicon-twitter-feed:before{content:"\e8a5"}.eicon-sync:before{content:"\e8a6"}.eicon-import-export:before{content:"\e8a7"}.eicon-check-circle:before{content:"\e8a8"}.eicon-library-save:before{content:"\e8a9"}.eicon-library-download:before{content:"\e8aa"}.eicon-insert:before{content:"\e8ab"}.eicon-preview-medium:before{content:"\e8ac"}.eicon-sort-down:before{content:"\e8ad"}.eicon-sort-up:before{content:"\e8ae"}.eicon-heading:before{content:"\e8af"}.eicon-logo:before{content:"\e8b0"}.eicon-meta-data:before{content:"\e8b1"}.eicon-post-content:before{content:"\e8b2"}.eicon-post-excerpt:before{content:"\e8b3"}.eicon-post-navigation:before{content:"\e8b4"}.eicon-yoast:before{content:"\e8b5"}.eicon-nerd-chuckle:before{content:"\e8b6"}.eicon-nerd-wink:before{content:"\e8b7"}.eicon-comments:before{content:"\e8b8"}.eicon-download-circle-o:before{content:"\e8b9"}.eicon-library-upload:before{content:"\e8ba"}.eicon-save-o:before{content:"\e8bb"}.eicon-upload-circle-o:before{content:"\e8bc"}.eicon-ellipsis-h:before{content:"\e8bd"}.eicon-ellipsis-v:before{content:"\e8be"}.eicon-arrow-left:before{content:"\e8bf"}.eicon-arrow-right:before{content:"\e8c0"}.eicon-arrow-up:before{content:"\e8c1"}.eicon-arrow-down:before{content:"\e8c2"}.eicon-play-o:before{content:"\e8c3"}.eicon-archive-posts:before{content:"\e8c4"}.eicon-archive-title:before{content:"\e8c5"}.eicon-featured-image:before{content:"\e8c6"}.eicon-post-info:before{content:"\e8c7"}.eicon-post-title:before{content:"\e8c8"}.eicon-site-logo:before{content:"\e8c9"}.eicon-site-search:before{content:"\e8ca"}.eicon-site-title:before{content:"\e8cb"}.eicon-plus-square:before{content:"\e8cc"}.eicon-minus-square:before{content:"\e8cd"}.eicon-cloud-check:before{content:"\e8ce"}.eicon-drag-n-drop:before{content:"\e8cf"}.eicon-welcome:before{content:"\e8d0"}.eicon-handle:before{content:"\e8d1"}.eicon-cart:before{content:"\e8d2"}.eicon-product-add-to-cart:before{content:"\e8d3"}.eicon-product-breadcrumbs:before{content:"\e8d4"}.eicon-product-categories:before{content:"\e8d5"}.eicon-product-description:before{content:"\e8d6"}.eicon-product-images:before{content:"\e8d7"}.eicon-product-info:before{content:"\e8d8"}.eicon-product-meta:before{content:"\e8d9"}.eicon-product-pages:before{content:"\e8da"}.eicon-product-price:before{content:"\e8db"}.eicon-product-rating:before{content:"\e8dc"}.eicon-product-related:before{content:"\e8dd"}.eicon-product-stock:before{content:"\e8de"}.eicon-product-tabs:before{content:"\e8df"}.eicon-product-title:before{content:"\e8e0"}.eicon-product-upsell:before{content:"\e8e1"}.eicon-products:before{content:"\e8e2"}.eicon-bag-light:before{content:"\e8e3"}.eicon-bag-medium:before{content:"\e8e4"}.eicon-bag-solid:before{content:"\e8e5"}.eicon-basket-light:before{content:"\e8e6"}.eicon-basket-medium:before{content:"\e8e7"}.eicon-basket-solid:before{content:"\e8e8"}.eicon-cart-light:before{content:"\e8e9"}.eicon-cart-medium:before{content:"\e8ea"}.eicon-cart-solid:before{content:"\e8eb"}.eicon-exchange:before{content:"\e8ec"}.eicon-preview-thin:before{content:"\e8ed"}.eicon-device-laptop:before{content:"\e8ee"}.eicon-collapse:before{content:"\e8ef"}.eicon-expand:before{content:"\e8f0"}.eicon-navigator:before{content:"\e8f1"}.eicon-plug:before{content:"\e8f2"}.eicon-dashboard:before{content:"\e8f3"}.eicon-typography:before{content:"\e8f4"}.eicon-info-circle-o:before{content:"\e8f5"}.eicon-integration:before{content:"\e8f6"}.eicon-plus-circle-o:before{content:"\e8f7"}.eicon-rating:before{content:"\e8f8"}.eicon-review:before{content:"\e8f9"}.eicon-tools:before{content:"\e8fa"}.eicon-loading:before{content:"\e8fb"}.eicon-sitemap:before{content:"\e8fc"}.eicon-click:before{content:"\e8fd"}.eicon-clock:before{content:"\e8fe"}.eicon-library-open:before{content:"\e8ff"}.eicon-warning:before{content:"\e900"}.eicon-flow:before{content:"\e901"}.eicon-cursor-move:before{content:"\e902"}.eicon-arrow-circle-left:before{content:"\e903"}.eicon-flash:before{content:"\e904"}.eicon-redo:before{content:"\e905"}.eicon-ban:before{content:"\e906"}.eicon-barcode:before{content:"\e907"}.eicon-calendar:before{content:"\e908"}.eicon-caret-left:before{content:"\e909"}.eicon-caret-right:before{content:"\e90a"}.eicon-caret-up:before{content:"\e90b"}.eicon-chain-broken:before{content:"\e90c"}.eicon-check-circle-o:before{content:"\e90d"}.eicon-check:before{content:"\e90e"}.eicon-chevron-double-left:before{content:"\e90f"}.eicon-chevron-double-right:before{content:"\e910"}.eicon-undo:before{content:"\e911"}.eicon-filter:before{content:"\e912"}.eicon-circle-o:before{content:"\e913"}.eicon-circle:before{content:"\e914"}.eicon-clock-o:before{content:"\e915"}.eicon-cog:before{content:"\e916"}.eicon-cogs:before{content:"\e917"}.eicon-commenting-o:before{content:"\e918"}.eicon-copy:before{content:"\e919"}.eicon-database:before{content:"\e91a"}.eicon-dot-circle-o:before{content:"\e91b"}.eicon-envelope:before{content:"\e91c"}.eicon-external-link-square:before{content:"\e91d"}.eicon-eyedropper:before{content:"\e91e"}.eicon-folder:before{content:"\e91f"}.eicon-font:before{content:"\e920"}.eicon-adjust:before{content:"\e921"}.eicon-lightbox:before{content:"\e922"}.eicon-heart-o:before{content:"\e923"}.eicon-history:before{content:"\e924"}.eicon-image-bold:before{content:"\e925"}.eicon-info-circle:before{content:"\e926"}.eicon-link:before{content:"\e927"}.eicon-long-arrow-left:before{content:"\e928"}.eicon-long-arrow-right:before{content:"\e929"}.eicon-caret-down:before{content:"\e92a"}.eicon-paint-brush:before{content:"\e92b"}.eicon-pencil:before{content:"\e92c"}.eicon-plus-circle:before{content:"\e92d"}.eicon-zoom-in-bold:before{content:"\e92e"}.eicon-sort-amount-desc:before{content:"\e92f"}.eicon-sign-out:before{content:"\e930"}.eicon-spinner:before{content:"\e931"}.eicon-square:before{content:"\e932"}.eicon-star-o:before{content:"\e933"}.eicon-star:before{content:"\e934"}.eicon-text-align-justify:before{content:"\e935"}.eicon-text-align-center:before{content:"\e936"}.eicon-tags:before{content:"\e937"}.eicon-text-align-left:before{content:"\e938"}.eicon-text-align-right:before{content:"\e939"}.eicon-close-circle:before{content:"\e93a"}.eicon-trash-o:before{content:"\e93b"}.eicon-font-awesome:before{content:"\e93c"}.eicon-user-circle-o:before{content:"\e93d"}.eicon-video-camera:before{content:"\e93e"}.eicon-heart:before{content:"\e93f"}.eicon-wrench:before{content:"\e940"}.eicon-help:before{content:"\e941"}.eicon-help-o:before{content:"\e942"}.eicon-zoom-out-bold:before{content:"\e943"}.eicon-plus-square-o:before{content:"\e944"}.eicon-minus-square-o:before{content:"\e945"}.eicon-minus-circle:before{content:"\e946"}.eicon-minus-circle-o:before{content:"\e947"}.eicon-code-bold:before{content:"\e948"}.eicon-cloud-upload:before{content:"\e949"}.eicon-search-bold:before{content:"\e94a"}.eicon-map-pin:before{content:"\e94b"}.eicon-meetup:before{content:"\e94c"}.eicon-slideshow:before{content:"\e94d"}.eicon-t-letter-bold:before{content:"\e94e"}.eicon-preferences:before{content:"\e94f"}.eicon-table-of-contents:before{content:"\e950"}.eicon-tv:before{content:"\e951"}.eicon-upload:before{content:"\e952"}.eicon-instagram-comments:before{content:"\e953"}.eicon-instagram-nested-gallery:before{content:"\e954"}.eicon-instagram-post:before{content:"\e955"}.eicon-instagram-video:before{content:"\e956"}.eicon-instagram-gallery:before{content:"\e957"}.eicon-instagram-likes:before{content:"\e958"}.eicon-facebook:before{content:"\e959"}.eicon-twitter:before{content:"\e95a"}.eicon-pinterest:before{content:"\e95b"}.eicon-frame-expand:before{content:"\e95c"}.eicon-frame-minimize:before{content:"\e95d"}.eicon-archive:before{content:"\e95e"}.eicon-colors-typography:before{content:"\e95f"}.eicon-custom:before{content:"\e960"}.eicon-footer:before{content:"\e961"}.eicon-header:before{content:"\e962"}.eicon-layout-settings:before{content:"\e963"}.eicon-lightbox-expand:before{content:"\e964"}.eicon-error-404:before{content:"\e965"}.eicon-theme-style:before{content:"\e966"}.eicon-search-results:before{content:"\e967"}.eicon-single-post:before{content:"\e968"}.eicon-site-identity:before{content:"\e969"}.eicon-theme-builder:before{content:"\e96a"}.eicon-download-bold:before{content:"\e96b"}.eicon-share-arrow:before{content:"\e96c"}.eicon-global-settings:before{content:"\e96d"}.eicon-user-preferences:before{content:"\e96e"}.eicon-lock:before{content:"\e96f"}.eicon-export-kit:before{content:"\e970"}.eicon-import-kit:before{content:"\e971"}.eicon-lottie:before{content:"\e972"}.eicon-products-archive:before{content:"\e973"}.eicon-single-product:before{content:"\e974"}.eicon-disable-trash-o:before{content:"\e975"}.eicon-single-page:before{content:"\e976"}.eicon-wordpress-light:before{content:"\e977"}.eicon-cogs-check:before{content:"\e978"}.eicon-custom-css:before{content:"\e979"}.eicon-global-colors:before{content:"\e97a"}.eicon-globe:before{content:"\e97b"}.eicon-typography-1:before{content:"\e97c"}.eicon-background:before{content:"\e97d"}.eicon-device-responsive:before{content:"\e97e"}.eicon-device-wide:before{content:"\e97f"}.eicon-code-highlight:before{content:"\e980"}.eicon-video-playlist:before{content:"\e981"}.eicon-download-kit:before{content:"\e982"}.eicon-kit-details:before{content:"\e983"}.eicon-kit-parts:before{content:"\e984"}.eicon-kit-upload:before{content:"\e985"}.eicon-kit-plugins:before{content:"\e986"}.eicon-kit-upload-alt:before{content:"\e987"}.eicon-hotspot:before{content:"\e988"}.eicon-paypal-button:before{content:"\e989"}.eicon-shape:before{content:"\e98a"}.eicon-wordart:before{content:"\e98b"}.eicon-checkout:before{content:"\e98c"}.eicon-container:before{content:"\e98d"}.eicon-flip:before{content:"\e98e"}.eicon-info:before{content:"\e98f"}.eicon-my-account:before{content:"\e990"}.eicon-purchase-summary:before{content:"\e991"}.eicon-page-transition:before{content:"\e992"}.eicon-spotify:before{content:"\e993"}.eicon-stripe-button:before{content:"\e994"}.eicon-woo-settings:before{content:"\e995"}.eicon-woo-cart:before{content:"\e996"}.eicon-grow:before{content:"\e997"}.eicon-order-end:before{content:"\e998"}.eicon-nowrap:before{content:"\e999"}.eicon-order-start:before{content:"\e99a"}.eicon-progress-tracker:before{content:"\e99b"}.eicon-shrink:before{content:"\e99c"}.eicon-wrap:before{content:"\e99d"}.eicon-align-center-h:before{content:"\e99e"}.eicon-align-center-v:before{content:"\e99f"}.eicon-align-end-h:before{content:"\e9a0"}.eicon-align-end-v:before{content:"\e9a1"}.eicon-align-start-h:before{content:"\e9a2"}.eicon-align-start-v:before{content:"\e9a3"}.eicon-align-stretch-h:before{content:"\e9a4"}.eicon-align-stretch-v:before{content:"\e9a5"}.eicon-justify-center-h:before{content:"\e9a6"}.eicon-justify-center-v:before{content:"\e9a7"}.eicon-justify-end-h:before{content:"\e9a8"}.eicon-justify-end-v:before{content:"\e9a9"}.eicon-justify-space-around-h:before{content:"\e9aa"}.eicon-justify-space-around-v:before{content:"\e9ab"}.eicon-justify-space-between-h:before{content:"\e9ac"}.eicon-justify-space-between-v:before{content:"\e9ad"}.eicon-justify-space-evenly-h:before{content:"\e9ae"}.eicon-justify-space-evenly-v:before{content:"\e9af"}.eicon-justify-start-h:before{content:"\e9b0"}.eicon-justify-start-v:before{content:"\e9b1"}.eicon-woocommerce-cross-sells:before{content:"\e9b2"}.eicon-woocommerce-notices:before{content:"\e9b3"}.eicon-inner-container:before{content:"\e9b4"}.eicon-warning-full:before{content:"\e9b5"}.eicon-exit:before{content:"\e9b6"}.eicon-loop-builder:before{content:"\e9b7"}.eicon-notes:before{content:"\e9b8"}.eicon-read:before{content:"\e9b9"}.eicon-unread:before{content:"\e9ba"}.eicon-carousel-loop:before{content:"\e9bb"}.eicon-mega-menu:before{content:"\eb78"}.eicon-nested-carousel:before{content:"\e9bd"}.eicon-ai:before{content:"\e9be"}.eicon-taxonomy-filter:before{content:"\eb7d"}.eicon-container-grid:before{content:"\ef02"}.eicon-upgrade:before{content:"\e9c1"}.eicon-advanced:before{content:"\eb84"}.eicon-notification:before{content:"\e9c3"}.eicon-light-mode:before{content:"\e9c4"}.eicon-dark-mode:before{content:"\e9c5"}.eicon-upgrade-crown:before{content:"\e9c6"}.eicon-eye:before{content:"\e8ac"}.eicon-elementor-square:before{content:"\e813"} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/aa24bf58/elementor/assets/css/frontend-lite.min.css */ /*! elementor - v3.21.0 - 08-05-2024 */ .dialog-widget-content{background-color:var(--e-a-bg-default);position:absolute;border-radius:3px;box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);overflow:hidden}.dialog-message{line-height:1.5;box-sizing:border-box}.dialog-close-button{cursor:pointer;position:absolute;margin-block-start:15px;right:15px;color:var(--e-a-color-txt);font-size:15px;line-height:1;transition:var(--e-a-transition-hover)}.dialog-close-button:hover{color:var(--e-a-color-txt-hover)}.dialog-prevent-scroll{overflow:hidden;max-height:100vh}.dialog-type-lightbox{position:fixed;height:100%;width:100%;bottom:0;left:0;background-color:rgba(0,0,0,.8);z-index:9999;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elementor-editor-active .elementor-popup-modal{background-color:initial}.dialog-type-alert .dialog-widget-content,.dialog-type-confirm .dialog-widget-content{margin:auto;width:400px;padding:20px}.dialog-type-alert .dialog-header,.dialog-type-confirm .dialog-header{font-size:15px;font-weight:500}.dialog-type-alert .dialog-header:after,.dialog-type-confirm .dialog-header:after{content:"";display:block;border-block-end:var(--e-a-border);padding-block-end:10px;margin-block-end:10px;margin-inline-start:-20px;margin-inline-end:-20px}.dialog-type-alert .dialog-message,.dialog-type-confirm .dialog-message{min-height:50px}.dialog-type-alert .dialog-buttons-wrapper,.dialog-type-confirm .dialog-buttons-wrapper{padding-block-start:10px;display:flex;justify-content:flex-end;gap:15px}.dialog-type-alert .dialog-buttons-wrapper .dialog-button,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button{font-size:12px;font-weight:500;line-height:1.2;padding:8px 16px;outline:none;border:none;border-radius:var(--e-a-border-radius);background-color:var(--e-a-btn-bg);color:var(--e-a-btn-color-invert);transition:var(--e-a-transition-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover{border:none}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover{background-color:var(--e-a-btn-bg-hover);color:var(--e-a-btn-color-invert)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:active,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active{background-color:var(--e-a-btn-bg-active)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]),.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]){cursor:pointer}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled{background-color:var(--e-a-btn-bg-disabled);color:var(--e-a-btn-color-disabled)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon{display:none}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt{background:transparent;color:var(--e-a-color-txt)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover{background:var(--e-a-bg-hover);color:var(--e-a-color-txt-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled{background:transparent;color:var(--e-a-color-txt-disabled)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border{border:1px solid var(--e-a-color-txt-muted)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success{background-color:var(--e-a-btn-bg-success)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover{background-color:var(--e-a-btn-bg-success-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary{background-color:var(--e-a-btn-bg-primary);color:var(--e-a-btn-color)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover{background-color:var(--e-a-btn-bg-primary-hover);color:var(--e-a-btn-color)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt{background:transparent;color:var(--e-a-color-primary-bold)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover{background:var(--e-a-bg-primary)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro{background-color:var(--e-a-btn-bg-accent)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover{background-color:var(--e-a-btn-bg-accent-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active{background-color:var(--e-a-btn-bg-accent-active)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info{background-color:var(--e-a-btn-bg-info)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover{background-color:var(--e-a-btn-bg-info-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning{background-color:var(--e-a-btn-bg-warning)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover{background-color:var(--e-a-btn-bg-warning-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger{background-color:var(--e-a-btn-bg-danger)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover{background-color:var(--e-a-btn-bg-danger-hover)}.dialog-type-alert .dialog-buttons-wrapper .dialog-button i,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button i{margin-inline-end:5px}.dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover,.dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited{color:initial}.flatpickr-calendar{width:280px}.flatpickr-calendar .flatpickr-current-month span.cur-month{font-weight:300}.flatpickr-calendar .dayContainer{width:280px;min-width:280px;max-width:280px}.flatpickr-calendar .flatpickr-days{width:280px}.flatpickr-calendar .flatpickr-day{max-width:37px;height:37px;line-height:37px}.elementor-hidden{display:none}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{position:absolute;top:-10000em;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.elementor-clearfix:after{content:"";display:block;clear:both;width:0;height:0}.e-logo-wrapper{background:var(--e-a-bg-logo);display:inline-block;padding:.75em;border-radius:50%;line-height:1}.e-logo-wrapper i{color:var(--e-a-color-logo);font-size:1em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor hr{margin:0;background-color:transparent}.elementor img{height:auto;max-width:100%;border:none;border-radius:0;box-shadow:none}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{max-width:100%;width:100%;margin:0;line-height:1;border:none}.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;z-index:0;direction:ltr}.elementor .elementor-background-video-container{transition:opacity 1s;pointer-events:none}.elementor .elementor-background-video-container.elementor-loading{opacity:0}.elementor .elementor-background-video-embed{max-width:none}.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.elementor .elementor-background-video{max-width:none}.elementor .elementor-html5-video{-o-object-fit:cover;object-fit:cover}.elementor .elementor-background-overlay,.elementor .elementor-background-slideshow{height:100%;width:100%;top:0;left:0;position:absolute}.elementor .elementor-background-slideshow{z-index:0}.elementor .elementor-background-slideshow__slide__image{width:100%;height:100%;background-position:50%;background-size:cover}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1024px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order);align-self:var(--align-self)}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element:where(.e-con-full,.elementor-widget){flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);justify-content:var(--justify-content);align-items:var(--align-items);align-content:var(--align-content);gap:var(--gap)}.elementor-invisible{visibility:hidden}.elementor-align-center{text-align:center}.elementor-align-center .elementor-button{width:auto}.elementor-align-right{text-align:right}.elementor-align-right .elementor-button{width:auto}.elementor-align-left{text-align:left}.elementor-align-left .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}.elementor-custom-embed-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.elementor-custom-embed-play i{font-size:100px;color:#fff;text-shadow:1px 0 6px rgba(0,0,0,.3)}.elementor-custom-embed-play svg{height:100px;width:100px;fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3))}.elementor-custom-embed-play i,.elementor-custom-embed-play svg{opacity:.8;transition:all .5s}.elementor-custom-embed-play.elementor-playing i{font-family:eicons}.elementor-custom-embed-play.elementor-playing i:before{content:"\e8fb"}.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg{animation:eicon-spin 2s linear infinite}.elementor-tag{display:inline-flex}.elementor-ken-burns{transition-property:transform;transition-duration:10s;transition-timing-function:linear}.elementor-ken-burns--out{transform:scale(1.3)}.elementor-ken-burns--active{transition-duration:20s}.elementor-ken-burns--active.elementor-ken-burns--out{transform:scale(1)}.elementor-ken-burns--active.elementor-ken-burns--in{transform:scale(1.3)}@media (min-width:-1){.elementor-widescreen-align-center{text-align:center}.elementor-widescreen-align-center .elementor-button{width:auto}.elementor-widescreen-align-right{text-align:right}.elementor-widescreen-align-right .elementor-button{width:auto}.elementor-widescreen-align-left{text-align:left}.elementor-widescreen-align-left .elementor-button{width:auto}.elementor-widescreen-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-laptop-align-center{text-align:center}.elementor-laptop-align-center .elementor-button{width:auto}.elementor-laptop-align-right{text-align:right}.elementor-laptop-align-right .elementor-button{width:auto}.elementor-laptop-align-left{text-align:left}.elementor-laptop-align-left .elementor-button{width:auto}.elementor-laptop-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-tablet_extra-align-center{text-align:center}.elementor-tablet_extra-align-center .elementor-button{width:auto}.elementor-tablet_extra-align-right{text-align:right}.elementor-tablet_extra-align-right .elementor-button{width:auto}.elementor-tablet_extra-align-left{text-align:left}.elementor-tablet_extra-align-left .elementor-button{width:auto}.elementor-tablet_extra-align-justify .elementor-button{width:100%}}@media (max-width:1024px){.elementor-tablet-align-center{text-align:center}.elementor-tablet-align-center .elementor-button{width:auto}.elementor-tablet-align-right{text-align:right}.elementor-tablet-align-right .elementor-button{width:auto}.elementor-tablet-align-left{text-align:left}.elementor-tablet-align-left .elementor-button{width:auto}.elementor-tablet-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-mobile_extra-align-center{text-align:center}.elementor-mobile_extra-align-center .elementor-button{width:auto}.elementor-mobile_extra-align-right{text-align:right}.elementor-mobile_extra-align-right .elementor-button{width:auto}.elementor-mobile_extra-align-left{text-align:left}.elementor-mobile_extra-align-left .elementor-button{width:auto}.elementor-mobile_extra-align-justify .elementor-button{width:100%}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}.elementor-mobile-align-center .elementor-button{width:auto}.elementor-mobile-align-right{text-align:right}.elementor-mobile-align-right .elementor-button{width:auto}.elementor-mobile-align-left{text-align:left}.elementor-mobile-align-left .elementor-button{width:auto}.elementor-mobile-align-justify .elementor-button{width:100%}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:eicon-spin 2s linear infinite}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-right:auto;margin-left:auto;position:relative}@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}@media (min-width:768px){.elementor-section.elementor-section-height-full{height:100vh}.elementor-section.elementor-section-height-full>.elementor-container{height:100%}}.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-end}.elementor-row{width:100%;display:flex}@media (max-width:1024px){.elementor-row{flex-wrap:wrap}}.elementor-widget-wrap{position:relative;width:100%;flex-wrap:wrap;align-content:flex-start}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-bottom:20px}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-bottom:0}.elementor-column{position:relative;min-height:1px;display:flex}.elementor-column-wrap{width:100%;position:relative;display:flex}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-10,.elementor-column[data-col="10"]{width:10%}.elementor-column.elementor-col-11,.elementor-column[data-col="11"]{width:11.111%}.elementor-column.elementor-col-12,.elementor-column[data-col="12"]{width:12.5%}.elementor-column.elementor-col-14,.elementor-column[data-col="14"]{width:14.285%}.elementor-column.elementor-col-16,.elementor-column[data-col="16"]{width:16.666%}.elementor-column.elementor-col-20,.elementor-column[data-col="20"]{width:20%}.elementor-column.elementor-col-25,.elementor-column[data-col="25"]{width:25%}.elementor-column.elementor-col-30,.elementor-column[data-col="30"]{width:30%}.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}.elementor-column.elementor-col-40,.elementor-column[data-col="40"]{width:40%}.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}.elementor-column.elementor-col-60,.elementor-column[data-col="60"]{width:60%}.elementor-column.elementor-col-66,.elementor-column[data-col="66"]{width:66.666%}.elementor-column.elementor-col-70,.elementor-column[data-col="70"]{width:70%}.elementor-column.elementor-col-75,.elementor-column[data-col="75"]{width:75%}.elementor-column.elementor-col-80,.elementor-column[data-col="80"]{width:80%}.elementor-column.elementor-col-83,.elementor-column[data-col="83"]{width:83.333%}.elementor-column.elementor-col-90,.elementor-column[data-col="90"]{width:90%}.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (min-width:768px) and (max-width:1024px){.elementor-column.elementor-md-10{width:10%}.elementor-column.elementor-md-11{width:11.111%}.elementor-column.elementor-md-12{width:12.5%}.elementor-column.elementor-md-14{width:14.285%}.elementor-column.elementor-md-16{width:16.666%}.elementor-column.elementor-md-20{width:20%}.elementor-column.elementor-md-25{width:25%}.elementor-column.elementor-md-30{width:30%}.elementor-column.elementor-md-33{width:33.333%}.elementor-column.elementor-md-40{width:40%}.elementor-column.elementor-md-50{width:50%}.elementor-column.elementor-md-60{width:60%}.elementor-column.elementor-md-66{width:66.666%}.elementor-column.elementor-md-70{width:70%}.elementor-column.elementor-md-75{width:75%}.elementor-column.elementor-md-80{width:80%}.elementor-column.elementor-md-83{width:83.333%}.elementor-column.elementor-md-90{width:90%}.elementor-column.elementor-md-100{width:100%}}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9),.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:0}.elementor-reverse-tablet_extra>.elementor-container>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9),.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:0}.elementor-reverse-mobile_extra>.elementor-container>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}.elementor-column{width:100%}}ul.elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap}ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-grid{display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.elementor-grid .elementor-grid-item{min-width:0}.elementor-grid-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}@media (min-width:-1){.elementor-grid-widescreen-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-widescreen-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-widescreen-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-widescreen-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-widescreen-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-widescreen-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-widescreen-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-widescreen-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-widescreen-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-widescreen-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-widescreen-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-widescreen-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-widescreen-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-laptop-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-laptop-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-laptop-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-laptop-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-laptop-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-laptop-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-laptop-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-laptop-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-laptop-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-laptop-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-laptop-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-laptop-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-laptop-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-laptop-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-tablet_extra-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1024px){.elementor-grid-tablet-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-tablet-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-mobile_extra-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:767px){.elementor-grid-mobile-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-mobile-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}}@media (max-width:-1){#elementor-device-mode:after{content:"laptop";content:"tablet_extra"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);position:var(--position);width:var(--width);min-width:0;min-height:var(--min-height);height:var(--height);border-radius:var(--border-radius);z-index:var(--z-index);overflow:var(--overflow);transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-block-end:var(--margin-block-end);margin-inline-start:var(--margin-inline-start);padding-inline-start:var(--padding-inline-start);padding-inline-end:var(--padding-inline-end);--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{text-align:var(--text-align);padding-block-start:var(--padding-block-start);padding-block-end:var(--padding-block-end)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);align-content:var(--grid-align-content);grid-auto-flow:var(--grid-auto-flow);justify-items:var(--justify-items);align-items:var(--align-items)}.e-con-boxed.e-flex{flex-direction:column;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal}.e-con-boxed.e-grid{justify-items:legacy;grid-template-columns:1fr;grid-template-rows:1fr}.e-con-boxed{text-align:initial;gap:initial}.e-con.e-flex>.e-con-inner{flex-wrap:var(--flex-wrap);justify-content:var(--justify-content);align-items:var(--align-items);align-content:var(--align-content);flex-basis:auto;flex-grow:1;flex-shrink:1;align-self:auto}.e-con.e-grid>.e-con-inner{justify-items:var(--justify-items);align-items:var(--align-items)}.e-con>.e-con-inner{gap:var(--gap);width:100%;max-width:var(--content-width);margin:0 auto;padding-inline-start:0;padding-inline-end:0;height:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{content:var(--background-overlay);display:block;position:absolute;mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);transition:var(--overlay-transition,.3s);border-radius:var(--border-radius);border-style:var(--border-style);border-color:var(--border-color);border-block-start-width:var(--border-block-start-width);border-inline-end-width:var(--border-inline-end-width);border-block-end-width:var(--border-block-end-width);border-inline-start-width:var(--border-inline-start-width);top:calc(0px - var(--border-top-width));left:calc(0px - var(--border-left-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-radius:var(--border-radius);border-style:var(--border-style);border-color:var(--border-color);border-block-start-width:var(--border-block-start-width);border-inline-end-width:var(--border-inline-end-width);border-block-end-width:var(--border-block-end-width);border-inline-start-width:var(--border-inline-start-width);top:calc(0px - var(--border-top-width));left:calc(0px - var(--border-left-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-phone{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:wrap}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea{flex-basis:100%;max-width:100%}.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input{flex-grow:1}.elementor-field-group{flex-wrap:wrap;align-items:center}.elementor-field-group.elementor-field-type-submit{align-items:flex-end}.elementor-field-group .elementor-field-textual{width:100%;max-width:100%;border:1px solid #69727d;background-color:transparent;color:#1f2124;vertical-align:middle;flex-grow:1}.elementor-field-group .elementor-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}.elementor-field-group .elementor-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-select-wrapper{display:flex;position:relative;width:100%}.elementor-field-group .elementor-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;text-transform:inherit;letter-spacing:inherit;line-height:inherit;flex-basis:100%;padding-inline-end:20px}.elementor-field-group .elementor-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;position:absolute;top:50%;transform:translateY(-50%);right:10px;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.3)}.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before{content:""}.elementor-field-subgroup{display:flex;flex-wrap:wrap}.elementor-field-subgroup .elementor-field-option label{display:inline-block}.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-inline-end:10px}.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{flex-basis:100%}.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label{display:inline}.elementor-field-label{cursor:pointer}.elementor-mark-required .elementor-field-label:after{content:"*";color:red;padding-inline-start:.2em}.elementor-field-textual{line-height:1.4;font-size:15px;min-height:40px;padding:5px 14px;border-radius:3px}.elementor-field-textual.elementor-size-xs{font-size:13px;min-height:33px;padding:4px 12px;border-radius:2px}.elementor-field-textual.elementor-size-md{font-size:16px;min-height:47px;padding:6px 16px;border-radius:4px}.elementor-field-textual.elementor-size-lg{font-size:18px;min-height:59px;padding:7px 20px;border-radius:5px}.elementor-field-textual.elementor-size-xl{font-size:20px;min-height:72px;padding:8px 24px;border-radius:6px}.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}@media screen and (max-width:1024px){.elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}@media screen and (max-width:767px){.elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}.elementor-error .elementor-field{border-color:#d9534f}.elementor-error .help-inline{color:#d9534f;font-size:.9em}.elementor-message{margin:10px 0;font-size:1em;line-height:1}.elementor-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-weight:400;font-style:normal;vertical-align:middle;margin-inline-end:5px}.elementor-message.elementor-message-danger{color:#d9534f}.elementor-message.elementor-message-danger:before{content:"\e87f"}.elementor-message.form-message-success{color:#5cb85c}.elementor-form .elementor-button{padding-top:0;padding-bottom:0;border:none}.elementor-form .elementor-button>span{display:flex;justify-content:center}.elementor-form .elementor-button.elementor-size-xs{min-height:33px}.elementor-form .elementor-button.elementor-size-sm{min-height:40px}.elementor-form .elementor-button.elementor-size-md{min-height:47px}.elementor-form .elementor-button.elementor-size-lg{min-height:59px}.elementor-form .elementor-button.elementor-size-xl{min-height:72px}.elementor-element .elementor-widget-container{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-button{display:inline-block;line-height:1;background-color:#69727d;font-size:15px;padding:12px 24px;border-radius:3px;color:#fff;fill:#fff;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;justify-content:center}.elementor-button-icon{flex-grow:0;order:5}.elementor-button-icon svg{width:1em;height:auto}.elementor-button-icon .e-font-icon-svg{height:1em}.elementor-button-text{flex-grow:1;order:10;display:inline-block}.elementor-button.elementor-size-xs{font-size:13px;padding:10px 20px;border-radius:2px}.elementor-button.elementor-size-md{font-size:16px;padding:15px 30px;border-radius:4px}.elementor-button.elementor-size-lg{font-size:18px;padding:20px 40px;border-radius:5px}.elementor-button.elementor-size-xl{font-size:20px;padding:25px 50px;border-radius:6px}.elementor-button .elementor-align-icon-right{margin-left:5px;order:15}.elementor-button .elementor-align-icon-left{margin-right:5px;order:5}.elementor-button span{text-decoration:inherit}.elementor-element.elementor-button-info .elementor-button{background-color:#5bc0de}.elementor-element.elementor-button-success .elementor-button{background-color:#5cb85c}.elementor-element.elementor-button-warning .elementor-button{background-color:#f0ad4e}.elementor-element.elementor-button-danger .elementor-button{background-color:#d9534f}.elementor-widget-button .elementor-button .elementor-button-info{background-color:#5bc0de}.elementor-widget-button .elementor-button .elementor-button-success{background-color:#5cb85c}.elementor-widget-button .elementor-button .elementor-button-warning{background-color:#f0ad4e}.elementor-widget-button .elementor-button .elementor-button-danger{background-color:#d9534f}.elementor-tab-title a{color:inherit}.elementor-view-stacked .elementor-icon{padding:.5em;background-color:#69727d;color:#fff;fill:#fff}.elementor-view-framed .elementor-icon{padding:.5em;color:#69727d;border:3px solid #69727d;background-color:transparent}.elementor-icon{display:inline-block;line-height:1;transition:all .3s;color:#69727d;font-size:50px;text-align:center}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{width:1em;height:1em;position:relative;display:block}.elementor-icon i:before,.elementor-icon svg:before{position:absolute;left:50%;transform:translateX(-50%)}.elementor-icon i.fad{width:auto}.elementor-shape-circle .elementor-icon{border-radius:50%}.e-transform .elementor-widget-container{transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.e-con.e-transform{transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)}.elementor-element,.elementor-lightbox{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px}.elementor-element .swiper-container .swiper-slide figure,.elementor-element .swiper .swiper-slide figure,.elementor-lightbox .swiper-container .swiper-slide figure,.elementor-lightbox .swiper .swiper-slide figure{line-height:0}.elementor-element .swiper-container .elementor-lightbox-content-source,.elementor-element .swiper .elementor-lightbox-content-source,.elementor-lightbox .swiper-container .elementor-lightbox-content-source,.elementor-lightbox .swiper .elementor-lightbox-content-source{display:none}.elementor-element .swiper-container .elementor-swiper-button,.elementor-element .swiper-container~.elementor-swiper-button,.elementor-element .swiper .elementor-swiper-button,.elementor-element .swiper~.elementor-swiper-button,.elementor-lightbox .swiper-container .elementor-swiper-button,.elementor-lightbox .swiper-container~.elementor-swiper-button,.elementor-lightbox .swiper .elementor-swiper-button,.elementor-lightbox .swiper~.elementor-swiper-button{position:absolute;display:inline-flex;z-index:1;cursor:pointer;font-size:25px;color:hsla(0,0%,93.3%,.9);top:50%;transform:translateY(-50%)}.elementor-element .swiper-container .elementor-swiper-button svg,.elementor-element .swiper-container~.elementor-swiper-button svg,.elementor-element .swiper .elementor-swiper-button svg,.elementor-element .swiper~.elementor-swiper-button svg,.elementor-lightbox .swiper-container .elementor-swiper-button svg,.elementor-lightbox .swiper-container~.elementor-swiper-button svg,.elementor-lightbox .swiper .elementor-swiper-button svg,.elementor-lightbox .swiper~.elementor-swiper-button svg{fill:hsla(0,0%,93.3%,.9);height:1em;width:1em}.elementor-element .swiper-container .elementor-swiper-button-prev,.elementor-element .swiper-container~.elementor-swiper-button-prev,.elementor-element .swiper .elementor-swiper-button-prev,.elementor-element .swiper~.elementor-swiper-button-prev,.elementor-lightbox .swiper-container .elementor-swiper-button-prev,.elementor-lightbox .swiper-container~.elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev,.elementor-lightbox .swiper~.elementor-swiper-button-prev{left:10px}.elementor-element .swiper-container .elementor-swiper-button-next,.elementor-element .swiper-container~.elementor-swiper-button-next,.elementor-element .swiper .elementor-swiper-button-next,.elementor-element .swiper~.elementor-swiper-button-next,.elementor-lightbox .swiper-container .elementor-swiper-button-next,.elementor-lightbox .swiper-container~.elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next,.elementor-lightbox .swiper~.elementor-swiper-button-next{right:10px}.elementor-element .swiper-container .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper-container~.elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper-container .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper-container~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper~.elementor-swiper-button.swiper-button-disabled{opacity:.3}.elementor-element .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image{width:100%}.elementor-element .swiper-container .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper-container .swiper-pagination-custom,.elementor-element .swiper-container .swiper-pagination-fraction,.elementor-element .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper-container~.swiper-pagination-custom,.elementor-element .swiper-container~.swiper-pagination-fraction,.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper-container .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper-container .swiper-pagination-custom,.elementor-lightbox .swiper-container .swiper-pagination-fraction,.elementor-lightbox .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper-container~.swiper-pagination-custom,.elementor-lightbox .swiper-container~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction{bottom:5px}.elementor-element .swiper-container.swiper-cube .elementor-swiper-button,.elementor-element .swiper-container.swiper-cube~.elementor-swiper-button,.elementor-element .swiper.swiper-cube .elementor-swiper-button,.elementor-element .swiper.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper-container.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper-container.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube~.elementor-swiper-button{transform:translate3d(0,-50%,1px)}.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets{bottom:5px;left:0;width:100%}.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-progressbar,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.elementor-element.elementor-pagination-position-outside .swiper,.elementor-element.elementor-pagination-position-outside .swiper-container,.elementor-lightbox.elementor-pagination-position-outside .swiper,.elementor-lightbox.elementor-pagination-position-outside .swiper-container{padding-bottom:30px}.elementor-element.elementor-pagination-position-outside .swiper-container .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper-container~.elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper-container .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper-container~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button{top:calc(50% - 30px / 2)}.elementor-element .elementor-swiper,.elementor-lightbox .elementor-swiper{position:relative}.elementor-element .elementor-main-swiper,.elementor-lightbox .elementor-main-swiper{position:static}.elementor-element.elementor-arrows-position-outside .swiper,.elementor-element.elementor-arrows-position-outside .swiper-container,.elementor-lightbox.elementor-arrows-position-outside .swiper,.elementor-lightbox.elementor-arrows-position-outside .swiper-container{width:calc(100% - 60px)}.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{left:0}.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{right:0}.elementor-lightbox{--lightbox-ui-color:hsla(0,0%,93.3%,0.9);--lightbox-ui-color-hover:#fff;--lightbox-text-color:var(--lightbox-ui-color);--lightbox-header-icons-size:20px;--lightbox-navigation-icons-size:25px}.elementor-lightbox:not(.elementor-popup-modal) .dialog-header,.elementor-lightbox:not(.elementor-popup-modal) .dialog-message{text-align:center}.elementor-lightbox .dialog-header{display:none}.elementor-lightbox .dialog-widget-content{background:none;box-shadow:none;width:100%;height:100%}.elementor-lightbox .dialog-message{animation-duration:.3s;height:100%}.elementor-lightbox .dialog-message.dialog-lightbox-message{padding:0}.elementor-lightbox .dialog-lightbox-close-button{cursor:pointer;position:absolute;font-size:var(--lightbox-header-icons-size);right:.75em;margin-top:13px;padding:.25em;z-index:2;line-height:1;display:flex}.elementor-lightbox .dialog-lightbox-close-button svg{height:1em;width:1em}.elementor-lightbox .dialog-lightbox-close-button,.elementor-lightbox .elementor-swiper-button{color:var(--lightbox-ui-color);transition:all .3s;opacity:1}.elementor-lightbox .dialog-lightbox-close-button svg,.elementor-lightbox .elementor-swiper-button svg{fill:var(--lightbox-ui-color)}.elementor-lightbox .dialog-lightbox-close-button:hover,.elementor-lightbox .elementor-swiper-button:hover{color:var(--lightbox-ui-color-hover)}.elementor-lightbox .dialog-lightbox-close-button:hover svg,.elementor-lightbox .elementor-swiper-button:hover svg{fill:var(--lightbox-ui-color-hover)}.elementor-lightbox .swiper,.elementor-lightbox .swiper-container{height:100%}.elementor-lightbox .elementor-lightbox-item{display:flex;align-items:center;justify-content:center;position:relative;padding:70px;box-sizing:border-box;height:100%;margin:auto}@media (max-width:767px){.elementor-lightbox .elementor-lightbox-item{padding:70px 0}}.elementor-lightbox .elementor-lightbox-image{max-height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elementor-lightbox .elementor-lightbox-image,.elementor-lightbox .elementor-lightbox-image:hover{opacity:1;filter:none;border:none}.elementor-lightbox .elementor-lightbox-image{box-shadow:0 0 30px rgba(0,0,0,.3),0 0 8px -5px rgba(0,0,0,.3);border-radius:2px}.elementor-lightbox .elementor-video-container{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.elementor-lightbox .elementor-video-container .elementor-video-landscape,.elementor-lightbox .elementor-video-container .elementor-video-portrait,.elementor-lightbox .elementor-video-container .elementor-video-square{width:100%;height:100%;margin:auto}.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,.elementor-lightbox .elementor-video-container .elementor-video-square iframe{border:0;background-color:#000}.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,.elementor-lightbox .elementor-video-container .elementor-video-landscape video,.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,.elementor-lightbox .elementor-video-container .elementor-video-portrait video,.elementor-lightbox .elementor-video-container .elementor-video-square iframe,.elementor-lightbox .elementor-video-container .elementor-video-square video{aspect-ratio:var(--video-aspect-ratio,1.77777)}@supports not (aspect-ratio:1/1){.elementor-lightbox .elementor-video-container .elementor-video-landscape,.elementor-lightbox .elementor-video-container .elementor-video-portrait,.elementor-lightbox .elementor-video-container .elementor-video-square{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% / var(--video-aspect-ratio, 1.77777))}.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,.elementor-lightbox .elementor-video-container .elementor-video-landscape video,.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,.elementor-lightbox .elementor-video-container .elementor-video-portrait video,.elementor-lightbox .elementor-video-container .elementor-video-square iframe,.elementor-lightbox .elementor-video-container .elementor-video-square video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-lightbox .elementor-video-container .elementor-video-square iframe,.elementor-lightbox .elementor-video-container .elementor-video-square video{width:min(90vh,90vw);height:min(90vh,90vw)}.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe,.elementor-lightbox .elementor-video-container .elementor-video-landscape video{width:100%;max-height:90vh}.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe,.elementor-lightbox .elementor-video-container .elementor-video-portrait video{height:100%;max-width:90vw}@media (min-width:1025px){.elementor-lightbox .elementor-video-container .elementor-video-landscape{width:85vw;max-height:85vh}.elementor-lightbox .elementor-video-container .elementor-video-portrait{height:85vh;max-width:85vw}}@media (max-width:1024px){.elementor-lightbox .elementor-video-container .elementor-video-landscape{width:95vw;max-height:95vh}.elementor-lightbox .elementor-video-container .elementor-video-portrait{height:95vh;max-width:95vw}}.elementor-lightbox .swiper-container .elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev{left:0}.elementor-lightbox .swiper-container .elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next{right:0}.elementor-lightbox .swiper-container .swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-pagination-fraction{width:-moz-max-content;width:max-content;color:#fff}.elementor-lightbox .elementor-swiper-button:focus{outline-width:1px}.elementor-lightbox .elementor-swiper-button-next,.elementor-lightbox .elementor-swiper-button-prev{height:100%;display:flex;align-items:center;width:15%;justify-content:center;font-size:var(--lightbox-navigation-icons-size)}@media (max-width:767px){.elementor-lightbox .elementor-swiper-button:focus{outline:none}.elementor-lightbox .elementor-swiper-button-next,.elementor-lightbox .elementor-swiper-button-prev{width:20%}.elementor-lightbox .elementor-swiper-button-next i,.elementor-lightbox .elementor-swiper-button-prev i{padding:10px;background-color:rgba(0,0,0,.5)}.elementor-lightbox .elementor-swiper-button-prev{left:0;justify-content:flex-start}.elementor-lightbox .elementor-swiper-button-next{right:0;justify-content:flex-end}}.elementor-slideshow__counter{color:currentColor;font-size:.75em;width:-moz-max-content;width:max-content}.elementor-slideshow__footer,.elementor-slideshow__header{position:absolute;left:0;width:100%;padding:15px 20px;transition:.3s}.elementor-slideshow__footer{color:var(--lightbox-text-color)}.elementor-slideshow__header{color:var(--lightbox-ui-color);display:flex;flex-direction:row-reverse;font-size:var(--lightbox-header-icons-size);padding-inline-start:1em;padding-inline-end:2.6em;top:0;align-items:center;z-index:10}.elementor-slideshow__header>i,.elementor-slideshow__header>svg{cursor:pointer;padding:.25em;margin:0 .35em}.elementor-slideshow__header>i{font-size:inherit}.elementor-slideshow__header>i:hover{color:var(--lightbox-ui-color-hover)}.elementor-slideshow__header>svg{box-sizing:content-box;fill:var(--lightbox-ui-color);height:1em;width:1em}.elementor-slideshow__header>svg:hover{fill:var(--lightbox-ui-color-hover)}.elementor-slideshow__header .elementor-slideshow__counter{margin-inline-end:auto}.elementor-slideshow__header .elementor-icon-share{z-index:5}.elementor-slideshow__share-menu{background-color:transparent;width:0;height:0;position:absolute;overflow:hidden;transition:background-color .4s}.elementor-slideshow__share-menu .elementor-slideshow__share-links a{color:#0c0d0e}.elementor-slideshow__share-links{display:block;position:absolute;min-width:200px;right:2.8em;top:3em;background-color:#fff;border-radius:3px;padding:14px 20px;transform:scale(0);opacity:0;transform-origin:90% 10%;transition:all .25s .1s;box-shadow:0 4px 15px rgba(0,0,0,.3)}.elementor-slideshow__share-links a{text-align:start;color:#3f444b;font-size:12px;line-height:2.5;display:block;opacity:0;transition:opacity .5s .1s}.elementor-slideshow__share-links a:hover{color:#000}.elementor-slideshow__share-links a i,.elementor-slideshow__share-links a svg{margin-inline-end:.75em}.elementor-slideshow__share-links a i{font-size:1.25em}.elementor-slideshow__share-links a svg{height:1.25em;width:1.25em}.elementor-slideshow__share-links:before{content:"";display:block;position:absolute;top:1px;right:.5em;border:.45em solid transparent;border-bottom-color:#fff;transform:translateY(-100%) scaleX(.7)}.elementor-slideshow__footer{bottom:0;z-index:5;position:fixed}.elementor-slideshow__description,.elementor-slideshow__title{margin:0}.elementor-slideshow__title{font-size:16px;font-weight:700}.elementor-slideshow__description{font-size:14px}.elementor-slideshow--ui-hidden .elementor-slideshow__footer,.elementor-slideshow--ui-hidden .elementor-slideshow__header{opacity:0;pointer-events:none}.elementor-slideshow--ui-hidden .elementor-swiper-button-next,.elementor-slideshow--ui-hidden .elementor-swiper-button-prev{opacity:0}.elementor-slideshow--fullscreen-mode .elementor-video-container{width:100%}.elementor-slideshow--zoom-mode .elementor-slideshow__footer,.elementor-slideshow--zoom-mode .elementor-slideshow__header{background-color:rgba(0,0,0,.5)}.elementor-slideshow--zoom-mode .elementor-swiper-button-next,.elementor-slideshow--zoom-mode .elementor-swiper-button-prev{opacity:0;pointer-events:none}.elementor-slideshow--share-mode .elementor-slideshow__share-menu{top:0;left:0;width:100vw;height:100vh;opacity:1;cursor:default;background-color:rgba(0,0,0,.5)}.elementor-slideshow--share-mode .elementor-slideshow__share-links{transform:scale(1)}.elementor-slideshow--share-mode .elementor-slideshow__share-links,.elementor-slideshow--share-mode .elementor-slideshow__share-links a{opacity:1}.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-twitter{color:#1da1f2}.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-facebook{color:#3b5998}.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-pinterest{color:#bd081c}.elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-download-bold{color:#9da5ae}.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-twitter{fill:#1da1f2}.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-facebook{fill:#3b5998}.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-pinterest{fill:#bd081c}.elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-download-bold{fill:#9da5ae}.elementor-slideshow--share-mode .eicon-share-arrow{z-index:2}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}.animated.reverse{animation-direction:reverse;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.animated{animation:none}}.elementor-shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}.elementor-shape-top{top:-1px}.elementor-shape-top:not([data-negative=false]) svg{z-index:-1}.elementor-shape-bottom{bottom:-1px}.elementor-shape-bottom:not([data-negative=true]) svg{z-index:-1}.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top{transform:rotate(180deg)}.elementor-shape svg{display:block;width:calc(100% + 1.3px);position:relative;left:50%;transform:translateX(-50%)}.elementor-shape .elementor-shape-fill{fill:#fff;transform-origin:center;transform:rotateY(0deg)}#wp-admin-bar-elementor_edit_page>.ab-item:before{content:"\e813";font-family:eicons;top:3px;font-size:18px}#wp-admin-bar-elementor_edit_page .ab-submenu .ab-item{display:flex;width:200px}#wp-admin-bar-elementor_edit_page .elementor-edit-link-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}#wp-admin-bar-elementor_edit_page .elementor-edit-link-type{background:#3f444b;font-size:11px;line-height:9px;margin-top:6px;padding:4px 8px;border-radius:3px}#wp-admin-bar-elementor_inspector>.ab-item:before{content:"\f348";top:2px}#wpadminbar *{font-style:normal}.page-template-elementor_canvas.elementor-page:before{display:none}.elementor-post__thumbnail__link{transition:none}#left-area ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items{padding:0}.e--ua-appleWebkit.rtl{--flex-right:flex-start}.e--ua-appleWebkit .elementor-share-buttons--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid{width:auto;display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item{margin-left:0;margin-right:0}@media (max-width:1024px){.e--ua-appleWebkit .elementor-share-buttons-tablet--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-tablet--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid{width:auto;display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item{margin-left:0;margin-right:0}}@media (max-width:767px){.e--ua-appleWebkit .elementor-share-buttons-mobile--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-mobile--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid{width:auto;display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item{margin-left:0;margin-right:0}}@media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-laptop,.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1025px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}@media (min-width:-1){.elementor .elementor-hidden-widescreen{display:none}}.elementor-widget-text-path{font-size:20px;text-align:var(--alignment,start)}.elementor-widget-text-path svg{width:var(--width);max-width:100%;height:auto;overflow:visible;word-spacing:var(--word-spacing);transform:rotate(var(--rotate,0)) scaleX(var(--scale-x,1)) scaleY(var(--scale-y,1))}.elementor-widget-text-path svg path{vector-effect:non-scaling-stroke;fill:var(--path-fill,transparent);stroke:var(--stroke-color,transparent);stroke-width:var(--stroke-width,1px);transition:var(--stroke-transition) stroke,var(--stroke-transition) fill}.elementor-widget-text-path svg:hover path{--path-fill:var(--path-fill-hover);--stroke-color:var(--stroke-color-hover);--stroke-width:var(--stroke-width-hover)}.elementor-widget-text-path svg text{--fill:var(--text-color);fill:var(--fill);direction:var(--direction,ltr);transition:var(--transition) stroke,var(--transition) stroke-width,var(--transition) fill}.elementor-widget-text-path svg text:hover{--color:var(--text-color-hover,var(--text-color));--fill:var(--color);color:var(--color)}.elementor-widget-n-tabs{--n-tabs-color-accent-fallback:#61ce70;--n-tabs-color-secondary-fallback:#54595f;--n-tabs-default-padding-block:15px;--n-tabs-default-padding-inline:35px;--n-tabs-background-color:transparent;--n-tabs-display:flex;--n-tabs-direction:column;--n-tabs-gap:10px;--n-tabs-heading-display:flex;--n-tabs-heading-direction:row;--n-tabs-heading-grow:initial;--n-tabs-heading-justify-content:center;--n-tabs-heading-width:initial;--n-tabs-heading-overflow-x:initial;--n-tabs-heading-wrap:nowrap;--n-tabs-border-width:1px;--n-tabs-border-color:#d5d8dc;--n-tabs-content-display:flex;--n-tabs-title-color:var(--e-global-color-secondary,var(--n-tabs-color-secondary-fallback));--n-tabs-title-color-hover:#fff;--n-tabs-title-color-active:#fff;--n-tabs-title-background-color:#f1f2f3;--n-tabs-title-background-color-hover:var(--e-global-color-accent,var(--n-tabs-color-accent-fallback));--n-tabs-title-background-color-active:var(--e-global-color-accent,var(--n-tabs-color-accent-fallback));--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-font-size:1rem;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-title-justify-content:center;--n-tabs-title-align-items:center;--n-tabs-title-text-align:center;--n-tabs-title-direction:row;--n-tabs-title-gap:10px;--n-tabs-title-flex-grow:0;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-title-order:initial;--n-tabs-title-padding-top:var(--n-tabs-default-padding-block);--n-tabs-title-padding-bottom:var(--n-tabs-default-padding-block);--n-tabs-title-padding-left:var(--n-tabs-default-padding-inline);--n-tabs-title-padding-right:var(--n-tabs-default-padding-inline);--n-tabs-title-border-radius:initial;--n-tabs-title-transition:0.3s;--n-tabs-icon-color:var(--e-global-color-secondary,var(--n-tabs-color-secondary-fallback));--n-tabs-icon-color-hover:var(--n-tabs-title-color-hover);--n-tabs-icon-color-active:#fff;--n-tabs-icon-gap:5px;width:100%;max-width:100%;--n-tabs-title-padding-inline-start:var(--n-tabs-title-padding-left);--n-tabs-title-padding-inline-end:var(--n-tabs-title-padding-right);--n-tabs-title-padding-block-start:var(--n-tabs-title-padding-top);--n-tabs-title-padding-block-end:var(--n-tabs-title-padding-bottom)}body.rtl .elementor-widget-n-tabs{--n-tabs-title-padding-inline-start:var(--n-tabs-title-padding-right);--n-tabs-title-padding-inline-end:var(--n-tabs-title-padding-left)}.elementor-widget-n-tabs .e-n-tabs{display:var(--n-tabs-display);flex-direction:var(--n-tabs-direction);gap:var(--n-tabs-gap);text-align:start;min-width:0}.elementor-widget-n-tabs .e-n-tabs-heading{display:var(--n-tabs-heading-display);flex-basis:var(--n-tabs-heading-width);flex-direction:var(--n-tabs-heading-direction);flex-shrink:0;justify-content:var(--n-tabs-heading-justify-content);gap:var(--n-tabs-title-gap);overflow-x:var(--n-tabs-heading-overflow-x);flex-wrap:var(--n-tabs-heading-wrap);-ms-overflow-style:none;scrollbar-width:none}.elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar{display:none}.elementor-widget-n-tabs .e-n-tabs-heading.e-scroll{cursor:grabbing;cursor:-webkit-grabbing}.elementor-widget-n-tabs .e-n-tabs-heading.e-scroll-active{position:relative}.elementor-widget-n-tabs .e-n-tabs-heading.e-scroll-active:before{content:"";position:absolute;inset-block:0;inset-inline:-1000vw;z-index:2}.elementor-widget-n-tabs .e-n-tabs-content{display:var(--n-tabs-content-display);flex-grow:1;min-width:0}.elementor-widget-n-tabs .e-n-tabs-content>.e-con:not(.e-active){display:none}.elementor-widget-n-tabs .e-n-tabs:not(.e-activated)>.e-n-tabs-content>.e-con:first-child{display:flex}.elementor-widget-n-tabs .e-n-tab-title{all:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:var(--n-tabs-title-align-items-toggle,var(--n-tabs-title-align-items));flex-direction:var(--n-tabs-title-direction);justify-content:var(--n-tabs-title-justify-content-toggle,var(--n-tabs-title-justify-content));gap:var(--n-tabs-icon-gap);border-width:var(--n-tabs-border-width);position:relative;cursor:pointer;outline:none;flex-grow:var(--n-tabs-title-flex-grow);flex-basis:var(--n-tabs-title-flex-basis);flex-shrink:var(--n-tabs-title-flex-shrink);padding-block-start:var(--n-tabs-title-padding-block-start);padding-inline-end:var(--n-tabs-title-padding-inline-end);padding-block-end:var(--n-tabs-title-padding-block-end);padding-inline-start:var(--n-tabs-title-padding-inline-start);border-radius:var(--n-tabs-title-border-radius);height:var(--n-tabs-title-height);width:var(--n-tabs-title-width);white-space:var(--n-tabs-title-white-space);transition:background var(--n-tabs-title-transition),color var(--n-tabs-title-transition),border var(--n-tabs-title-transition),box-shadow var(--n-tabs-title-transition),text-shadow var(--n-tabs-title-transition),stroke var(--n-tabs-title-transition),stroke-width var(--n-tabs-title-transition),-webkit-text-stroke-width var(--n-tabs-title-transition),-webkit-text-stroke-color var(--n-tabs-title-transition),transform var(--n-tabs-title-transition)}.elementor-widget-n-tabs .e-n-tab-title:focus-visible{outline:5px auto -webkit-focus-ring-color}.elementor-widget-n-tabs .e-n-tab-title span i,.elementor-widget-n-tabs .e-n-tab-title span svg{transition:color var(--n-tabs-title-transition),fill var(--n-tabs-title-transition)}.elementor-widget-n-tabs .e-n-tab-title-text{display:flex;align-items:center;font-size:var(--n-tabs-title-font-size);text-align:var(--n-tabs-title-text-align)}.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon{display:flex;align-items:center;flex-direction:column;flex-shrink:0;order:var(--n-tabs-icon-order);overflow:hidden}.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon i{font-size:var(--n-tabs-icon-size,var(--n-tabs-title-font-size))}.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon svg{width:var(--n-tabs-icon-size,var(--n-tabs-title-font-size));height:var(--n-tabs-icon-size,var(--n-tabs-title-font-size))}.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon:empty{display:none}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false]{background-color:var(--n-tabs-title-background-color)}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false],.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] a{color:var(--n-tabs-title-color)}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon i{color:var(--n-tabs-icon-color)}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg{fill:var(--n-tabs-icon-color)}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon i:last-child,.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg:last-child{transform:translateY(-100vh);height:0;opacity:0}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true],.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a{color:var(--n-tabs-title-color-active)}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon i{color:var(--n-tabs-icon-color-active)}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg{fill:var(--n-tabs-icon-color-active)}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon i:first-child,.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg:first-child{transform:translateY(-100vh);height:0;opacity:0}.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:active,.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:focus,.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:hover{transform:none;animation:initial}.elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover,.elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover a{color:var(--n-tabs-title-color-hover)}.elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i{color:var(--n-tabs-icon-color-hover)}.elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg{fill:var(--n-tabs-icon-color-hover)}.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover a{color:var(--n-tabs-title-color-active)}.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i{color:var(--n-tabs-icon-color-active)}.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg{fill:var(--n-tabs-icon-color-active)}.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i:first-child,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg:first-child{transform:translateY(-100vh);height:0;opacity:0}.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:active,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:focus,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:hover{transform:none;animation:initial}.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i:last-child,.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg:last-child{transform:none;height:auto;opacity:1}.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover{background-color:var(--n-tabs-title-background-color-hover);background-image:none}.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true],.elementor .elementor-element.elementor-widget-n-tabs>.elementor-widget-container>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover{background-color:var(--n-tabs-title-background-color-active);background-image:none}@media (max-width:767px){.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile{--n-tabs-direction:column;--n-tabs-heading-display:contents;--n-tabs-content-display:contents}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs{gap:0}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-content>.e-con{order:var(--n-tabs-title-order)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title{order:var(--n-tabs-title-order);width:auto}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title:not(:first-child){margin-block-start:var(--n-tabs-title-gap)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true]{margin-block-end:var(--n-tabs-gap)}}@media (max-width:-1){.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra{--n-tabs-direction:column;--n-tabs-heading-display:contents;--n-tabs-content-display:contents}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tabs{gap:0}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tabs-content>.e-con{order:var(--n-tabs-title-order)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title{order:var(--n-tabs-title-order);width:auto}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title:not(:first-child){margin-block-start:var(--n-tabs-title-gap)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title[aria-selected=true]{margin-block-end:var(--n-tabs-gap)}}@media (max-width:1024px){.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet{--n-tabs-direction:column;--n-tabs-heading-display:contents;--n-tabs-content-display:contents}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tabs{gap:0}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tabs-content>.e-con{order:var(--n-tabs-title-order)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title{order:var(--n-tabs-title-order);width:auto}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title:not(:first-child){margin-block-start:var(--n-tabs-title-gap)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title[aria-selected=true]{margin-block-end:var(--n-tabs-gap)}}@media (max-width:-1){.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra{--n-tabs-direction:column;--n-tabs-heading-display:contents;--n-tabs-content-display:contents}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tabs{gap:0}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tabs-content>.e-con{order:var(--n-tabs-title-order)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title{order:var(--n-tabs-title-order);width:auto}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title:not(:first-child){margin-block-start:var(--n-tabs-title-gap)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title[aria-selected=true]{margin-block-end:var(--n-tabs-gap)}}@media (max-width:-1){.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop{--n-tabs-direction:column;--n-tabs-heading-display:contents;--n-tabs-content-display:contents}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tabs{gap:0}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tabs-content>.e-con{order:var(--n-tabs-title-order)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title{order:var(--n-tabs-title-order);width:auto}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title:not(:first-child){margin-block-start:var(--n-tabs-title-gap)}.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title[aria-selected=true]{margin-block-end:var(--n-tabs-gap)}}.elementor-widget-n-accordion{--n-accordion-title-font-size:20px;--n-accordion-title-flex-grow:initial;--n-accordion-title-justify-content:initial;--n-accordion-title-icon-order:-1;--n-accordion-border-width:1px;--n-accordion-border-color:#d5d8dc;--n-accordion-border-style:solid;--n-accordion-item-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-padding:10px;--n-accordion-border-radius:0px;--n-accordion-icon-size:15px;--n-accordion-title-normal-color:#1f2124;--n-accordion-title-hover-color:#1f2124;--n-accordion-title-active-color:#1f2124;--n-accordion-icon-normal-color:var(--n-accordion-title-normal-color);--n-accordion-icon-hover-color:var(--n-accordion-title-hover-color);--n-accordion-icon-active-color:var(--n-accordion-title-active-color);--n-accordion-icon-gap:0 10px;width:100%}.elementor-widget-n-accordion .e-n-accordion details>summary::-webkit-details-marker{display:none}.elementor-widget-n-accordion .e-n-accordion-item{display:flex;flex-direction:column;position:relative}.elementor-widget-n-accordion .e-n-accordion-item:not(:last-child){margin-block-end:var(--n-accordion-item-title-space-between)}.elementor-widget-n-accordion .e-n-accordion-item-title,:where(.elementor-widget-n-accordion .e-n-accordion-item>.e-con){border:var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color)}.elementor-widget-n-accordion .e-n-accordion-item-title{display:flex;flex-direction:row;list-style:none;padding:var(--n-accordion-padding);justify-content:var(--n-accordion-title-justify-content);border-radius:var(--n-accordion-border-radius);flex-grow:var(--n-menu-title-flex-grow);gap:var(--n-accordion-icon-gap);color:var(--n-accordion-title-normal-color);align-items:center;cursor:pointer}.elementor-widget-n-accordion .e-n-accordion-item-title-header{display:flex}.elementor-widget-n-accordion .e-n-accordion-item-title-header h1,.elementor-widget-n-accordion .e-n-accordion-item-title-header h2,.elementor-widget-n-accordion .e-n-accordion-item-title-header h3,.elementor-widget-n-accordion .e-n-accordion-item-title-header h4,.elementor-widget-n-accordion .e-n-accordion-item-title-header h5,.elementor-widget-n-accordion .e-n-accordion-item-title-header h6,.elementor-widget-n-accordion .e-n-accordion-item-title-header p{margin-block-start:0;margin-block-end:0}.elementor-widget-n-accordion .e-n-accordion-item-title-text{font-size:var(--n-accordion-title-font-size);align-items:center}.elementor-widget-n-accordion .e-n-accordion-item-title-icon{display:flex;flex-direction:row;align-items:center;order:var(--n-accordion-title-icon-order);position:relative;width:-moz-fit-content;width:fit-content}.elementor-widget-n-accordion .e-n-accordion-item-title-icon span{height:var(--n-accordion-icon-size);width:auto}.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-normal-color);font-size:var(--n-accordion-icon-size)}.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-normal-color);height:var(--n-accordion-icon-size)}.elementor-widget-n-accordion .e-n-accordion-item-title>span{cursor:pointer}.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title{margin-block-end:var(--n-accordion-item-title-distance-from-content);color:var(--n-accordion-title-active-color)}.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened{display:flex}.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed{display:none}.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-active-color)}.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-active-color)}.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title{color:var(--n-accordion-title-hover-color)}.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-hover-color)}.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-hover-color)}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened{display:none}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed{display:flex}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-normal-color)}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-normal-color)}.elementor-widget-n-accordion .e-n-accordion-item>span{cursor:pointer} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/aa24bf58/elementor/assets/lib/swiper/v8/css/swiper.min.css */ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/uploads/elementor/css/post-7.css */ .elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/uploads/elementor/css/global.css */ .elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image-box .elementor-image-box-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-star-rating .elementor-star-rating__title{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar{background-color:var( --e-global-color-primary );}.elementor-widget-progress .elementor-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-name{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial .elementor-testimonial-job{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title a{color:var( --e-global-color-primary );}.elementor-widget-tabs .elementor-tab-title.elementor-active, .elementor-widget-tabs .elementor-tab-title.elementor-active a{color:var( --e-global-color-accent );}.elementor-widget-tabs .elementor-tab-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tabs .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-alert .elementor-alert-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-alert .elementor-alert-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-path{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );} /*FILESTART /home/zeitungfok/web/zeitungfokus.com/public_html/wp-content/uploads/elementor/css/post-804.css */ .elementor-804 .elementor-element.elementor-element-ebe6827:not(.elementor-motion-effects-element-type-background), .elementor-804 .elementor-element.elementor-element-ebe6827 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zeitungfokus.com/wp-content/uploads/2022/01/bg.jpg");background-position:center center;background-size:cover;}.elementor-804 .elementor-element.elementor-element-ebe6827 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #2962FF 0%, #673AB7 100%);opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-804 .elementor-element.elementor-element-ebe6827{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 30px 30px 30px;}.elementor-804 .elementor-element.elementor-element-4b94a60 .penci-bgstyle-1 .penci-dflex{margin-left:calc(-0px/2);margin-right:calc(-0px/2);width:calc(100% + 0px);}.elementor-804 .elementor-element.elementor-element-4b94a60 .penci-bgstyle-2 .item-masonry, .elementor-804 .elementor-element.elementor-element-4b94a60 .penci-bgstyle-1 .penci-bgitem{padding-left:calc(0px/2);padding-right:calc(0px/2);margin-bottom:0px;}.elementor-804 .elementor-element.elementor-element-4b94a60 .penci-bgstyle-2 .penci-biggrid-data{margin-left:calc(-0px/2);margin-right:calc(-0px/2);}.elementor-804 .elementor-element.elementor-element-4b94a60 .penci-bgitem .penci-image-holder:before{padding-top:66%;}.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-thumb, .elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-bgoverlay, .elementor-804 .elementor-element.elementor-element-4b94a60 .penci-image-holder{border-radius:0px;-webkit-border-radius:0px;}.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner{margin-left:auto;margin-right:auto;max-width:80%;}.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-flex{align-items:flex-end;text-align:center;}.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-bgoverlay.active-overlay, .elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-bgoverlaytext.active-overlay{background-color:#000000;}.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-bgoverlay.active-overlay{opacity:calc( 30/100 );}.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-bgoverlaytext.active-overlay{opacity:calc( 30/100 );}.elementor-804 .elementor-element.elementor-element-4b94a60 .penci-bgmain:hover .pcbg-bgoverlay.active-overlay{opacity:calc( 60/100 );}.elementor-804 .elementor-element.elementor-element-4b94a60 .penci-bgmain:hover .pcbg-bgoverlaytext.active-overlay{opacity:calc( 60/100 );}.elementor-804 .elementor-element.elementor-element-4b94a60 .penci-bgrid-based-custom .pcbg-content-inner .pcbg-above, .elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-above span,.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-above span a, .elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-sub-title{font-size:10px;font-weight:bold;text-transform:uppercase;font-style:normal;}.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-title a{font-size:36px;}.elementor-804 .elementor-element.elementor-element-4b94a60 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-804 .elementor-element.elementor-element-399fac2 > .elementor-container{max-width:1400px;}.elementor-804 .elementor-element.elementor-element-ee18454 .pcsl-inner .pcsl-iteminer{align-items:center;}.elementor-804 .elementor-element.elementor-element-ee18454 .pcsl-inner .penci-image-holder:before{padding-top:100%;}.elementor-804 .elementor-element.elementor-element-ee18454 .cat > a.penci-cat-name{font-size:10px;font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-ee18454 .pcsl-content .pcsl-title a{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-ee18454 .pcsl-content .pcsl-title a:hover{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-ee18454 .pcsl-content .pcsl-title{font-family:"Montserrat", Sans-serif;font-size:14px;}.elementor-804 .elementor-element.elementor-element-ee18454 .penci-border-arrow .inner-arrow{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-804 .elementor-element.elementor-element-ee18454 .penci-border-arrow .inner-arrow a{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-ee18454 .home-pupular-posts-title, .elementor-804 .elementor-element.elementor-element-ee18454 .home-pupular-posts-title a{color:#FFFFFF;}body:not(.pcdm-enable) .elementor-804 .elementor-element.elementor-element-ee18454 .penci-border-arrow .inner-arrow,.elementor-804 .elementor-element.elementor-element-ee18454 .style-4.penci-border-arrow .inner-arrow > span:after,.elementor-804 .elementor-element.elementor-element-ee18454 .style-4.penci-border-arrow .inner-arrow > span:before,.elementor-804 .elementor-element.elementor-element-ee18454 .style-4.penci-border-arrow .inner-arrow:before,.elementor-804 .elementor-element.elementor-element-ee18454 .style-4.penci-border-arrow .inner-arrow:after,.elementor-804 .elementor-element.elementor-element-ee18454 .style-5.penci-border-arrow,.elementor-804 .elementor-element.elementor-element-ee18454 .style-7.penci-border-arrow,.elementor-804 .elementor-element.elementor-element-ee18454 .style-9.penci-border-arrow{border-color:#FFFFFF4D;}body:not(.pcdm-enable) .elementor-804 .elementor-element.elementor-element-ee18454 .penci-border-arrow:before{border-top-color:#FFFFFF4D;}body:not(.pcdm-enable) .elementor-804 .elementor-element.elementor-element-ee18454 .style-16.penci-border-arrow:after{background-color:#FFFFFF4D;}body:not(.pcdm-enable) .elementor-804 .elementor-element.elementor-element-ee18454 .penci-home-popular-posts{border-top-color:#FFFFFF4D;}.elementor-804 .elementor-element.elementor-element-ee18454 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-a131d62 > .elementor-container{max-width:1400px;}.elementor-804 .elementor-element.elementor-element-a131d62{padding:60px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-7ab28d7 .penci-fancy-heading{margin-left:auto;margin-right:auto;}.elementor-804 .elementor-element.elementor-element-7ab28d7 .penci-heading-title, .elementor-804 .elementor-element.elementor-element-7ab28d7 .penci-heading-title span, .elementor-804 .elementor-element.elementor-element-7ab28d7 .penci-heading-title a{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-7ab28d7 .penci-heading-title{font-size:42px;}.elementor-804 .elementor-element.elementor-element-f30b098 > .elementor-container{max-width:1420px;}.elementor-804 .elementor-element.elementor-element-f30b098{padding:5px 0px 10px 0px;}.elementor-804 .elementor-element.elementor-element-bca02cf .penci-bgstyle-1 .penci-dflex{margin-left:calc(-0px/2);margin-right:calc(-0px/2);width:calc(100% + 0px);}.elementor-804 .elementor-element.elementor-element-bca02cf .penci-bgstyle-2 .item-masonry, .elementor-804 .elementor-element.elementor-element-bca02cf .penci-bgstyle-1 .penci-bgitem{padding-left:calc(0px/2);padding-right:calc(0px/2);margin-bottom:0px;}.elementor-804 .elementor-element.elementor-element-bca02cf .penci-bgstyle-2 .penci-biggrid-data{margin-left:calc(-0px/2);margin-right:calc(-0px/2);}.elementor-804 .elementor-element.elementor-element-bca02cf .penci-bgitem .penci-image-holder:before{padding-top:148%;}.elementor-804 .elementor-element.elementor-element-bca02cf .pcbg-bgoverlay.active-overlay, .elementor-804 .elementor-element.elementor-element-bca02cf .pcbg-bgoverlaytext.active-overlay{background-color:transparent;background-image:linear-gradient(180deg, #02010100 0%, #000000 100%);}.elementor-804 .elementor-element.elementor-element-bca02cf .pcbg-content-inner .pcbg-title a:hover{color:#FFFFFFD9;}.elementor-804 .elementor-element.elementor-element-bca02cf .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-bca02cf .pcbg-content-inner .pcbg-title a{font-size:18px;}.elementor-804 .elementor-element.elementor-element-bca02cf .pcbg-content-inner .pcbg-meta,.elementor-804 .elementor-element.elementor-element-bca02cf .pcbg-content-inner .pcbg-meta span, .elementor-804 .elementor-element.elementor-element-bca02cf .pcbg-content-inner .pcbg-meta a{font-size:12px;}.elementor-804 .elementor-element.elementor-element-bca02cf > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-804 .elementor-element.elementor-element-0c55965 .penci-bgstyle-1 .penci-dflex{margin-left:calc(-0px/2);margin-right:calc(-0px/2);width:calc(100% + 0px);}.elementor-804 .elementor-element.elementor-element-0c55965 .penci-bgstyle-2 .item-masonry, .elementor-804 .elementor-element.elementor-element-0c55965 .penci-bgstyle-1 .penci-bgitem{padding-left:calc(0px/2);padding-right:calc(0px/2);margin-bottom:0px;}.elementor-804 .elementor-element.elementor-element-0c55965 .penci-bgstyle-2 .penci-biggrid-data{margin-left:calc(-0px/2);margin-right:calc(-0px/2);}.elementor-804 .elementor-element.elementor-element-0c55965 .penci-bgitem .penci-image-holder:before{padding-top:100%;}.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner{padding:15px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-0c55965 .penci-bgrid-based-custom .pcbg-content-inner .pcbg-above{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-above span{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-above span a{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-sub-title{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-0c55965 .penci-bgrid-based-custom .pcbg-content-inner .pcbg-above, .elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-above span,.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-above span a, .elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-sub-title{font-size:10px;font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-title a,.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-title{color:#111111;}.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-title a:hover{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-title a{font-size:18px;}.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-meta,.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-meta span, .elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-meta a{font-size:12px;}.elementor-804 .elementor-element.elementor-element-0c55965 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-fe57aa4 .penci-bgstyle-1 .penci-dflex{margin-left:calc(-0px/2);margin-right:calc(-0px/2);width:calc(100% + 0px);}.elementor-804 .elementor-element.elementor-element-fe57aa4 .penci-bgstyle-2 .item-masonry, .elementor-804 .elementor-element.elementor-element-fe57aa4 .penci-bgstyle-1 .penci-bgitem{padding-left:calc(0px/2);padding-right:calc(0px/2);margin-bottom:0px;}.elementor-804 .elementor-element.elementor-element-fe57aa4 .penci-bgstyle-2 .penci-biggrid-data{margin-left:calc(-0px/2);margin-right:calc(-0px/2);}.elementor-804 .elementor-element.elementor-element-fe57aa4 .penci-bgitem .penci-image-holder:before{padding-top:148%;}.elementor-804 .elementor-element.elementor-element-fe57aa4 .pcbg-bgoverlay.active-overlay, .elementor-804 .elementor-element.elementor-element-fe57aa4 .pcbg-bgoverlaytext.active-overlay{background-color:transparent;background-image:linear-gradient(180deg, #02010100 0%, #000000 100%);}.elementor-804 .elementor-element.elementor-element-fe57aa4 .pcbg-content-inner .pcbg-title a:hover{color:#FFFFFFD9;}.elementor-804 .elementor-element.elementor-element-fe57aa4 .pcbg-content-inner .pcbg-meta,.elementor-804 .elementor-element.elementor-element-fe57aa4 .pcbg-content-inner .pcbg-meta span, .elementor-804 .elementor-element.elementor-element-fe57aa4 .pcbg-content-inner .pcbg-meta a{font-size:12px;}.elementor-804 .elementor-element.elementor-element-fe57aa4 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-804 .elementor-element.elementor-element-80164bb .penci-bgstyle-1 .penci-dflex{margin-left:calc(-0px/2);margin-right:calc(-0px/2);width:calc(100% + 0px);}.elementor-804 .elementor-element.elementor-element-80164bb .penci-bgstyle-2 .item-masonry, .elementor-804 .elementor-element.elementor-element-80164bb .penci-bgstyle-1 .penci-bgitem{padding-left:calc(0px/2);padding-right:calc(0px/2);margin-bottom:0px;}.elementor-804 .elementor-element.elementor-element-80164bb .penci-bgstyle-2 .penci-biggrid-data{margin-left:calc(-0px/2);margin-right:calc(-0px/2);}.elementor-804 .elementor-element.elementor-element-80164bb .penci-bgitem .penci-image-holder:before{padding-top:100%;}.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner{padding:15px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-80164bb .penci-bgrid-based-custom .pcbg-content-inner .pcbg-above{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-above span{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-above span a{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-sub-title{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-80164bb .penci-bgrid-based-custom .pcbg-content-inner .pcbg-above, .elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-above span,.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-above span a, .elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-sub-title{font-size:10px;font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-title a,.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-title{color:#111111;}.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-title a:hover{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-title a{font-size:18px;}.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-meta,.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-meta span, .elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-meta a{font-size:12px;}.elementor-804 .elementor-element.elementor-element-80164bb > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-fbf89b0 .penci-bgstyle-1 .penci-dflex{margin-left:calc(-0px/2);margin-right:calc(-0px/2);width:calc(100% + 0px);}.elementor-804 .elementor-element.elementor-element-fbf89b0 .penci-bgstyle-2 .item-masonry, .elementor-804 .elementor-element.elementor-element-fbf89b0 .penci-bgstyle-1 .penci-bgitem{padding-left:calc(0px/2);padding-right:calc(0px/2);margin-bottom:0px;}.elementor-804 .elementor-element.elementor-element-fbf89b0 .penci-bgstyle-2 .penci-biggrid-data{margin-left:calc(-0px/2);margin-right:calc(-0px/2);}.elementor-804 .elementor-element.elementor-element-fbf89b0 .penci-bgitem .penci-image-holder:before{padding-top:148%;}.elementor-804 .elementor-element.elementor-element-fbf89b0 .pcbg-bgoverlay.active-overlay, .elementor-804 .elementor-element.elementor-element-fbf89b0 .pcbg-bgoverlaytext.active-overlay{background-color:transparent;background-image:linear-gradient(180deg, #02010100 0%, #000000 100%);}.elementor-804 .elementor-element.elementor-element-fbf89b0 .pcbg-content-inner .pcbg-title a:hover{color:#FFFFFFD9;}.elementor-804 .elementor-element.elementor-element-fbf89b0 .pcbg-content-inner .pcbg-meta,.elementor-804 .elementor-element.elementor-element-fbf89b0 .pcbg-content-inner .pcbg-meta span, .elementor-804 .elementor-element.elementor-element-fbf89b0 .pcbg-content-inner .pcbg-meta a{font-size:12px;}.elementor-804 .elementor-element.elementor-element-fbf89b0 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-804 .elementor-element.elementor-element-5c2490a > .elementor-container{max-width:1400px;}.elementor-804 .elementor-element.elementor-element-5c2490a{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-9fe74bc{--divider-border-style:solid;--divider-color:#DEDEDE;--divider-border-width:1px;}.elementor-804 .elementor-element.elementor-element-9fe74bc .elementor-divider-separator{width:100%;}.elementor-804 .elementor-element.elementor-element-9fe74bc .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-804 .elementor-element.elementor-element-9fe74bc > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-6c34600 > .elementor-container{max-width:1400px;}.elementor-804 .elementor-element.elementor-element-6c34600{margin-top:0px;margin-bottom:0px;padding:30px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-d2dbd5d .penci-fancy-heading{margin-left:auto;margin-right:auto;}.elementor-804 .elementor-element.elementor-element-d2dbd5d .penci-heading-title, .elementor-804 .elementor-element.elementor-element-d2dbd5d .penci-heading-title span, .elementor-804 .elementor-element.elementor-element-d2dbd5d .penci-heading-title a{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-d2dbd5d .penci-heading-title{font-size:42px;}.elementor-804 .elementor-element.elementor-element-6d2e142 > .elementor-container{max-width:1420px;}.elementor-804 .elementor-element.elementor-element-6d2e142{padding:10px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-43e2021 .penci-bgstyle-1 .penci-dflex{margin-left:calc(-20px/2);margin-right:calc(-20px/2);width:calc(100% + 20px);}.elementor-804 .elementor-element.elementor-element-43e2021 .penci-bgstyle-2 .item-masonry, .elementor-804 .elementor-element.elementor-element-43e2021 .penci-bgstyle-1 .penci-bgitem{padding-left:calc(20px/2);padding-right:calc(20px/2);margin-bottom:20px;}.elementor-804 .elementor-element.elementor-element-43e2021 .penci-bgstyle-2 .penci-biggrid-data{margin-left:calc(-20px/2);margin-right:calc(-20px/2);}.elementor-804 .elementor-element.elementor-element-43e2021 .penci-bgitem .penci-image-holder:before{padding-top:100%;}.elementor-804 .elementor-element.elementor-element-43e2021 .penci-bgrid-based-custom .pcbg-content-inner .pcbg-above, .elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-above span,.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-above span a, .elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-sub-title{font-size:10px;font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-title a:hover{color:#FFFFFFD9;}.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-title a{font-size:27px;}.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-meta,.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-meta span, .elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-meta a{font-size:12px;}.elementor-804 .elementor-element.elementor-element-43e2021 > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-804 .elementor-element.elementor-element-9f84c8b{--divider-border-style:solid;--divider-color:#DEDEDE;--divider-border-width:1px;}.elementor-804 .elementor-element.elementor-element-9f84c8b .elementor-divider-separator{width:100%;}.elementor-804 .elementor-element.elementor-element-9f84c8b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-804 .elementor-element.elementor-element-9f84c8b > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-9346833 .penci-bgstyle-1 .penci-dflex{margin-left:calc(-20px/2);margin-right:calc(-20px/2);width:calc(100% + 20px);}.elementor-804 .elementor-element.elementor-element-9346833 .penci-bgstyle-2 .item-masonry, .elementor-804 .elementor-element.elementor-element-9346833 .penci-bgstyle-1 .penci-bgitem{padding-left:calc(20px/2);padding-right:calc(20px/2);margin-bottom:20px;}.elementor-804 .elementor-element.elementor-element-9346833 .penci-bgstyle-2 .penci-biggrid-data{margin-left:calc(-20px/2);margin-right:calc(-20px/2);}.elementor-804 .elementor-element.elementor-element-9346833 .penci-bgitem .penci-image-holder:before{padding-top:100%;}.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner{padding:15px 0px 10px 0px;margin:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-9346833 .penci-bgrid-based-custom .pcbg-content-inner .pcbg-above{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-above span{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-above span a{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-sub-title{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-9346833 .penci-bgrid-based-custom .pcbg-content-inner .pcbg-above, .elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-above span,.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-above span a, .elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-sub-title{font-size:10px;font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-title a,.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-title{color:#111111;}.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-title a:hover{color:#673AB7;}.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-title a{font-size:18px;}.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-meta,.elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-meta span, .elementor-804 .elementor-element.elementor-element-9346833 .pcbg-content-inner .pcbg-meta a{font-size:12px;}.elementor-804 .elementor-element.elementor-element-9346833 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-883317d > .elementor-container{max-width:1400px;}.elementor-804 .elementor-element.elementor-element-883317d:not(.elementor-motion-effects-element-type-background), .elementor-804 .elementor-element.elementor-element-883317d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(60deg, #2962FF 0%, #673AB7 100%);}.elementor-804 .elementor-element.elementor-element-883317d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-804 .elementor-element.elementor-element-883317d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-804 .elementor-element.elementor-element-1f3d5b0 .penci-fancy-heading{margin-left:auto;margin-right:auto;}.elementor-804 .elementor-element.elementor-element-1f3d5b0 .penci-heading-title, .elementor-804 .elementor-element.elementor-element-1f3d5b0 .penci-heading-title span, .elementor-804 .elementor-element.elementor-element-1f3d5b0 .penci-heading-title a{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-1f3d5b0 .penci-heading-title{font-size:42px;}.elementor-804 .elementor-element.elementor-element-3a913d5 .penci-smalllist{--pcsl-hgap:40px;}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-inner .pcsl-iteminer{align-items:center;}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-inner .pcsl-thumb{width:360px;}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-imgpos-left .pcsl-content, .elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-imgpos-right .pcsl-content{width:calc( 100% - 360px );}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-imgpos-left.pcsl-hdate .pcsl-content, .elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-imgpos-right.pcsl-hdate .pcsl-content{width:calc( 100% - var(--pcsl-dwidth) - 360px );}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-inner .penci-image-holder:before{padding-top:100%;}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-itemin{padding:0px 0px 0px 0px;border-width:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-3a913d5 .cat > a.penci-cat-name{font-size:10px;font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-content .pcsl-title a{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-content .pcsl-title{font-size:24px;}.elementor-804 .elementor-element.elementor-element-3a913d5 .grid-post-box-meta span{color:#CCCCCC;}.elementor-804 .elementor-element.elementor-element-3a913d5 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-2f0fbd7{--divider-border-style:solid;--divider-color:#FFFFFF38;--divider-border-width:1px;}.elementor-804 .elementor-element.elementor-element-2f0fbd7 .elementor-divider-separator{width:100%;}.elementor-804 .elementor-element.elementor-element-2f0fbd7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-804 .elementor-element.elementor-element-2f0fbd7 > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-468b8e1 .penci-smalllist{--pcsl-hgap:30px;}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-inner .pcsl-iteminer{align-items:center;}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-inner .pcsl-thumb{width:50%;}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-imgpos-left .pcsl-content, .elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-imgpos-right .pcsl-content{width:calc( 100% - 50% );}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-imgpos-left.pcsl-hdate .pcsl-content, .elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-imgpos-right.pcsl-hdate .pcsl-content{width:calc( 100% - var(--pcsl-dwidth) - 50% );}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-inner .penci-image-holder:before{padding-top:100%;}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-itemin{padding:0px 0px 0px 0px;border-width:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-468b8e1 .cat > a.penci-cat-name{font-size:10px;font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-content .pcsl-title a{color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-content .pcsl-title{font-size:18px;}.elementor-804 .elementor-element.elementor-element-468b8e1 .grid-post-box-meta span{color:#CCCCCC;}.elementor-804 .elementor-element.elementor-element-9131076 > .elementor-container{max-width:1400px;}.elementor-804 .elementor-element.elementor-element-9131076{padding:60px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-ca05fbf .penci-fancy-heading{margin-left:auto;margin-right:auto;}.elementor-804 .elementor-element.elementor-element-ca05fbf .penci-heading-title, .elementor-804 .elementor-element.elementor-element-ca05fbf .penci-heading-title span, .elementor-804 .elementor-element.elementor-element-ca05fbf .penci-heading-title a{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-ca05fbf .penci-heading-title{font-size:42px;}.elementor-804 .elementor-element.elementor-element-a457518 > .elementor-container{max-width:1400px;}.elementor-804 .elementor-element.elementor-element-a457518 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-804 .elementor-element.elementor-element-a457518{margin-top:20px;margin-bottom:0px;}.elementor-804 .elementor-element.elementor-element-6edd692 .penci-bgstyle-1 .penci-dflex{margin-left:calc(-20px/2);margin-right:calc(-20px/2);width:calc(100% + 20px);}.elementor-804 .elementor-element.elementor-element-6edd692 .penci-bgstyle-2 .item-masonry, .elementor-804 .elementor-element.elementor-element-6edd692 .penci-bgstyle-1 .penci-bgitem{padding-left:calc(20px/2);padding-right:calc(20px/2);margin-bottom:20px;}.elementor-804 .elementor-element.elementor-element-6edd692 .penci-bgstyle-2 .penci-biggrid-data{margin-left:calc(-20px/2);margin-right:calc(-20px/2);}.elementor-804 .elementor-element.elementor-element-6edd692 .penci-bgitem .penci-image-holder:before{padding-top:64%;}.elementor-804 .elementor-element.elementor-element-6edd692 .penci-bgrid-based-custom .pcbg-content-inner .pcbg-above, .elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-above span,.elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-above span a, .elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-sub-title{font-size:10px;font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-title a:hover{color:#FFFFFFD9;}.elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-title a{font-size:27px;}.elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-meta,.elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-meta span, .elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-meta a{font-size:12px;}.elementor-804 .elementor-element.elementor-element-6edd692 > .elementor-widget-container{margin:0px 0px -40px 0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-6124cec .penci-smalllist{--pcsl-bgap:20px;}.elementor-804 .elementor-element.elementor-element-6124cec .pcsl-itemin{padding:0px 0px 20px 0px;border:1px solid #DEDEDE;border-width:0px 0px 1px 0px;}.elementor-804 .elementor-element.elementor-element-6124cec .pcsl-col-1 .pcsl-item:last-child .pcsl-itemin{padding-bottom:0;border-bottom:none;}.elementor-804 .elementor-element.elementor-element-6124cec .cat > a.penci-cat-name{font-size:10px;font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-6124cec .pcsl-content .pcsl-title a:hover{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-6124cec .pcsl-content .pcsl-title{font-size:24px;}.elementor-804 .elementor-element.elementor-element-6124cec > .elementor-widget-container{padding:0px 0px 0px 40px;}.elementor-804 .elementor-element.elementor-element-30aeacb > .elementor-container{max-width:1400px;}.elementor-804 .elementor-element.elementor-element-30aeacb{padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-769a74a > .elementor-container{max-width:1400px;}.elementor-804 .elementor-element.elementor-element-769a74a:not(.elementor-motion-effects-element-type-background), .elementor-804 .elementor-element.elementor-element-769a74a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-804 .elementor-element.elementor-element-769a74a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:60px;margin-bottom:0px;padding:50px 0px 70px 0px;}.elementor-804 .elementor-element.elementor-element-769a74a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-804 .elementor-element.elementor-element-e18d914 > .elementor-element-populated{padding:0px 30px 0px 0px;}.elementor-804 .elementor-element.elementor-element-83d36e7 .penci-fancy-heading{margin-left:auto;margin-right:auto;}.elementor-804 .elementor-element.elementor-element-83d36e7 .penci-heading-title, .elementor-804 .elementor-element.elementor-element-83d36e7 .penci-heading-title span, .elementor-804 .elementor-element.elementor-element-83d36e7 .penci-heading-title a{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-83d36e7 .penci-heading-title{font-size:42px;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid > li, .elementor-804 .elementor-element.elementor-element-ace3bd1 .grid-featured, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li.typography-style, .elementor-804 .elementor-element.elementor-element-ace3bd1 .grid-mixed, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid .list-post.list-boxed-post, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-masonry .item-masonry, .elementor-804 .elementor-element.elementor-element-ace3bd1 article.standard-article, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li.list-post, .elementor-804 .elementor-element.elementor-element-ace3bd1 .grid-overlay{margin-bottom:30px;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li.list-post{padding-bottom:30px;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-latest-posts-mixed-3 .penci-grid li.penci-slistp, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-latest-posts-mixed-4 .penci-grid li.penci-slistp{padding-bottom:0px;margin-bottom:0px;padding-top:30px;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-latest-posts-mixed-3 .penci-grid li.penci-slistp ~ .penci-slistp, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-latest-posts-mixed-4 .penci-grid li.penci-slistp ~ .penci-slistp{margin-top:30px;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-latest-posts-mixed-3 .penci-grid li.list-post.penci-slistp:last-child, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-latest-posts-mixed-4 .penci-grid li.list-post.penci-slistp:last-child{margin-bottom:30px;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-image-holder:before{padding-top:66.6667%;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li.list-post.penci-slistp .item > .thumbnail, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-latest-posts-sc .penci-grid li.list-post .item > .thumbnail{width:420px;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-latest-posts-sc .penci-grid li.penci-item-listp .item .content-list-right{width:calc( 100% - 420px );}.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard h2 a:hover,.elementor-804 .elementor-element.elementor-element-ace3bd1 .entry-title a:hover{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .overlay-header-box .overlay-title a:hover{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li .item h2 a:hover,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-masonry .item-masonry h2 a:hover{color:#2962FF;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .entry-title,.elementor-804 .elementor-element.elementor-element-ace3bd1 .entry-title a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard .entry-title,.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard .entry-title a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .overlay-header-box .entry-title,.elementor-804 .elementor-element.elementor-element-ace3bd1 .overlay-header-box .entry-title a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard h2, .elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard h2 a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li .item h2 a, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li .item h2 a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-masonry .item-masonry h2 a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-masonry .item-masonry h2 a{font-size:27px;font-weight:bold;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .post-entry.standard-post-entry, .elementor-804 .elementor-element.elementor-element-ace3bd1 .post-entry.standard-post-entry p,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid .entry-content,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid .entry-content p,.elementor-804 .elementor-element.elementor-element-ace3bd1 .entry-content,.elementor-804 .elementor-element.elementor-element-ace3bd1 .entry-content p{color:#666666;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .cat > a.penci-cat-name{font-weight:bold;text-transform:uppercase;}.elementor-804 .elementor-element.elementor-element-ace3bd1 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-804 .elementor-element.elementor-element-6f3effa > .elementor-element-populated{padding:0px 0px 0px 30px;}@media(max-width:1024px) and (min-width:768px){.elementor-804 .elementor-element.elementor-element-44a615a{width:50%;}.elementor-804 .elementor-element.elementor-element-1020c5e{width:50%;}.elementor-804 .elementor-element.elementor-element-833bb50{width:33%;}.elementor-804 .elementor-element.elementor-element-6352c88{width:33%;}.elementor-804 .elementor-element.elementor-element-6204e7d{width:33%;}.elementor-804 .elementor-element.elementor-element-ab75190{width:100%;}.elementor-804 .elementor-element.elementor-element-a3bd698{width:100%;}.elementor-804 .elementor-element.elementor-element-e17e138{width:100%;}.elementor-804 .elementor-element.elementor-element-ad75638{width:100%;}.elementor-804 .elementor-element.elementor-element-e18d914{width:100%;}.elementor-804 .elementor-element.elementor-element-6f3effa{width:100%;}}@media(max-width:1024px){.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-title a{font-size:20px;}.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-0c55965 .pcbg-content-inner .pcbg-title a{font-size:16px;}.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-80164bb .pcbg-content-inner .pcbg-title a{font-size:16px;}.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-title a{font-size:21px;}.elementor-804 .elementor-element.elementor-element-3a913d5 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-content .pcsl-title{font-size:16px;}.elementor-804 .elementor-element.elementor-element-468b8e1 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-804 .elementor-element.elementor-element-e17e138 > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-804 .elementor-element.elementor-element-ad75638 > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-804 .elementor-element.elementor-element-6124cec .pcsl-content .pcsl-title{font-size:18px;}.elementor-804 .elementor-element.elementor-element-6124cec > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-e18d914 > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .entry-title,.elementor-804 .elementor-element.elementor-element-ace3bd1 .entry-title a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard .entry-title,.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard .entry-title a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .overlay-header-box .entry-title,.elementor-804 .elementor-element.elementor-element-ace3bd1 .overlay-header-box .entry-title a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard h2, .elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard h2 a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li .item h2 a, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li .item h2 a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-masonry .item-masonry h2 a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-masonry .item-masonry h2 a{font-size:21px;}.elementor-804 .elementor-element.elementor-element-6f3effa > .elementor-element-populated{padding:40px 10px 0px 10px;}}@media(max-width:767px){.elementor-804 .elementor-element.elementor-element-ebe6827{padding:10px 10px 10px 10px;}.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-title a{font-size:18px;}.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-meta,.elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-meta span, .elementor-804 .elementor-element.elementor-element-4b94a60 .pcbg-content-inner .pcbg-meta a{font-size:12px;}.elementor-804 .elementor-element.elementor-element-ee18454 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-804 .elementor-element.elementor-element-7ab28d7 .penci-heading-title{font-size:32px;}.elementor-804 .elementor-element.elementor-element-d2dbd5d .penci-heading-title{font-size:32px;}.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-43e2021 .pcbg-content-inner .pcbg-title a{font-size:21px;}.elementor-804 .elementor-element.elementor-element-1f3d5b0 .penci-heading-title{font-size:32px;}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-inner .pcsl-thumb{width:160px;}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-imgpos-left .pcsl-content, .elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-imgpos-right .pcsl-content{width:calc( 100% - 160px );}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-imgpos-left.pcsl-hdate .pcsl-content, .elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-imgpos-right.pcsl-hdate .pcsl-content{width:calc( 100% - var(--pcsl-dwidth) - 160px );}.elementor-804 .elementor-element.elementor-element-3a913d5 .pcsl-content .pcsl-title{font-size:14px;}.elementor-804 .elementor-element.elementor-element-3a913d5 .grid-post-box-meta{font-size:12px;}.elementor-804 .elementor-element.elementor-element-3a913d5 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-804 .elementor-element.elementor-element-468b8e1 .penci-smalllist{--pcsl-hgap:0px;}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-inner .pcsl-thumb{width:160px;}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-imgpos-left .pcsl-content, .elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-imgpos-right .pcsl-content{width:calc( 100% - 160px );}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-imgpos-left.pcsl-hdate .pcsl-content, .elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-imgpos-right.pcsl-hdate .pcsl-content{width:calc( 100% - var(--pcsl-dwidth) - 160px );}.elementor-804 .elementor-element.elementor-element-468b8e1 .pcsl-content .pcsl-title{font-size:15px;}.elementor-804 .elementor-element.elementor-element-468b8e1 .grid-post-box-meta{font-size:12px;}.elementor-804 .elementor-element.elementor-element-468b8e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-804 .elementor-element.elementor-element-ca05fbf .penci-heading-title{font-size:32px;}.elementor-804 .elementor-element.elementor-element-e17e138 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-title,.elementor-804 .elementor-element.elementor-element-6edd692 .pcbg-content-inner .pcbg-title a{font-size:18px;}.elementor-804 .elementor-element.elementor-element-6edd692 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-804 .elementor-element.elementor-element-6124cec .pcsl-content .pcsl-title{font-size:16px;}.elementor-804 .elementor-element.elementor-element-6124cec > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-83d36e7 .penci-heading-title{font-size:32px;}.elementor-804 .elementor-element.elementor-element-ace3bd1 .entry-title,.elementor-804 .elementor-element.elementor-element-ace3bd1 .entry-title a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard .entry-title,.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard .entry-title a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .overlay-header-box .entry-title,.elementor-804 .elementor-element.elementor-element-ace3bd1 .overlay-header-box .entry-title a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard h2, .elementor-804 .elementor-element.elementor-element-ace3bd1 .header-standard h2 a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li .item h2 a, .elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-grid li .item h2 a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-masonry .item-masonry h2 a,.elementor-804 .elementor-element.elementor-element-ace3bd1 .penci-masonry .item-masonry h2 a{font-size:21px;}} /*FILESTART */ /* 10Web Booster optimized this CSS file */ body{ --pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #6eb48c; --pcbody-font: 'PT Serif', serif; --pchead-font: 'Raleway', sans-serif; --pchead-wei: bold; --pcava_bdr:10px;--pcajs_fvw:470px;--pcajs_fvmw:220px; } .single.penci-body-single-style-5 #header, .single.penci-body-single-style-6 #header, .single.penci-body-single-style-10 #header, .single.penci-body-single-style-5 .pc-wrapbuilder-header, .single.penci-body-single-style-6 .pc-wrapbuilder-header, .single.penci-body-single-style-10 .pc-wrapbuilder-header { --pchd-mg: 40px; } .fluid-width-video-wrapper > div { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; } .yt-video-place { position: relative; text-align: center; } .yt-video-place.embed-responsive .start-video { display: block; top: 0; left: 0; bottom: 0; right: 0; position: absolute; transform: none; } .yt-video-place.embed-responsive .start-video img { margin: 0; padding: 0; top: 50%; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 68px; height: auto; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80) } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .penci-hide-tagupdated{ display: none !important; } .featured-area .penci-image-holder, .featured-area .penci-slider4-overlay, .featured-area .penci-slide-overlay .overlay-link, .featured-style-29 .featured-slider-overlay, .penci-slider38-overlay{ border-radius: ; -webkit-border-radius: ; } .penci-featured-content-right:before{ border-top-right-radius: ; border-bottom-right-radius: ; } .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{ border-bottom-left-radius: ; border-bottom-right-radius: ; } .container-single .post-image{ border-radius: ; -webkit-border-radius: ; } .penci-mega-thumbnail .penci-image-holder{ border-radius: ; -webkit-border-radius: ; } #logo a { max-width:250px; width: 100%; } @media only screen and (max-width: 960px) and (min-width: 768px){ #logo img{ max-width: 100%; } } body{ --pcaccent-cl: #2962ff; } .penci-menuhbg-toggle:hover .lines-button:after, .penci-menuhbg-toggle:hover .penci-lines:before, .penci-menuhbg-toggle:hover .penci-lines:after,.tags-share-box.tags-share-box-s2 .post-share-plike,.penci-video_playlist .penci-playlist-title,.pencisc-column-2.penci-video_playlist .penci-video-nav .playlist-panel-item, .pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item,.penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb, .pencisc-button, .post-entry .pencisc-button, .penci-dropcap-box, .penci-dropcap-circle, .penci-login-register input[type="submit"]:hover, .penci-ld .penci-ldin:before, .penci-ldspinner > div{ background: #2962ff; } a, .post-entry .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li.active a, .post-entry .penci-portfolio-filter ul li.active a, .penci-countdown .countdown-amount, .archive-box h1, .post-entry a, .container.penci-breadcrumb span a:hover,.container.penci-breadcrumb a:hover, .post-entry blockquote:before, .post-entry blockquote cite, .post-entry blockquote .author, .wpb_text_column blockquote:before, .wpb_text_column blockquote cite, .wpb_text_column blockquote .author, .penci-pagination a:hover, ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover, .penci-recipe-heading a.penci-recipe-print,.penci-review-metas .penci-review-btnbuy, .main-nav-social a:hover, .widget-social .remove-circle a:hover i, .penci-recipe-index .cat > a.penci-cat-name, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a:hover, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a:hover, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content a, #bbpress-forums li.bbp-body ul.topic p.bbp-topic-meta a, #bbpress-forums .bbp-breadcrumb a:hover, #bbpress-forums .bbp-forum-freshness a:hover, #bbpress-forums .bbp-topic-freshness a:hover, #buddypress ul.item-list li div.item-title a, #buddypress ul.item-list li h4 a, #buddypress .activity-header a:first-child, #buddypress .comment-meta a:first-child, #buddypress .acomment-meta a:first-child, div.bbp-template-notice a:hover, .penci-menu-hbg .menu li a .indicator:hover, .penci-menu-hbg .menu li a:hover, #sidebar-nav .menu li a:hover, .penci-rlt-popup .rltpopup-meta .rltpopup-title:hover, .penci-video_playlist .penci-video-playlist-item .penci-video-title:hover, .penci_list_shortcode li:before, .penci-dropcap-box-outline, .penci-dropcap-circle-outline, .penci-dropcap-regular, .penci-dropcap-bold{ color: #2962ff; } .penci-home-popular-post ul.slick-dots li button:hover, .penci-home-popular-post ul.slick-dots li.slick-active button, .post-entry blockquote .author span:after, .error-image:after, .error-404 .go-back-home a:after, .penci-header-signup-form, .woocommerce span.onsale, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce div.product .entry-summary div[itemprop="description"]:before, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span:after, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span:after, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .pcheader-icon.shoping-cart-icon > a > span, #penci-demobar .buy-button, #penci-demobar .buy-button:hover, .penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover, .penci-review-process span, .penci-review-score-total, #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before, .penci-go-to-top-floating, .post-entry.blockquote-style-2 blockquote:before, #bbpress-forums #bbp-search-form .button, #bbpress-forums #bbp-search-form .button:hover, .wrapper-boxed .bbp-pagination-links span.current, #bbpress-forums #bbp_reply_submit:hover, #bbpress-forums #bbp_topic_submit:hover,#main .bbp-login-form .bbp-submit-wrapper button[type="submit"]:hover, #buddypress .dir-search input[type=submit], #buddypress .groups-members-search input[type=submit], #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress input[type=submit]:hover, #buddypress div.pagination .pagination-links .current, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li a:hover, #buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, #buddypress table.profile-settings thead tr, #buddypress table.profile-fields thead tr, #buddypress table.wp-profile-fields thead tr, #buddypress table.messages-notices thead tr, #buddypress table.forum thead tr, #buddypress input[type=submit] { background-color: #2962ff; } .penci-pagination ul.page-numbers li span.current, #comments_pagination span { color: #fff; background: #2962ff; border-color: #2962ff; } .footer-instagram h4.footer-instagram-title > span:before, .woocommerce nav.woocommerce-pagination ul li span.current, .penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover, .penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover, .home-featured-cat-content.style-14 .magcat-padding:before, .wrapper-boxed .bbp-pagination-links span.current, #buddypress .dir-search input[type=submit], #buddypress .groups-members-search input[type=submit], #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress input[type=submit]:hover, #buddypress div.pagination .pagination-links .current, #buddypress input[type=submit], form.pc-searchform.penci-hbg-search-form input.search-input:hover, form.pc-searchform.penci-hbg-search-form input.search-input:focus, .penci-dropcap-box-outline, .penci-dropcap-circle-outline { border-color: #2962ff; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color: #2962ff; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover, .penci-related-carousel .penci-owl-dot.active span, .penci-owl-carousel-slider .penci-owl-dot.active span{ border-color: #2962ff; background-color: #2962ff; } .woocommerce .woocommerce-message:before, .woocommerce form.checkout table.shop_table .order-total .amount, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before, .woocommerce div.product .woocommerce-tabs #tab-description blockquote:before, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote cite, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author, .woocommerce div.product .woocommerce-tabs #tab-description blockquote cite, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author, .woocommerce div.product .product_meta > span a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount, .woocommerce table.shop_table td.product-name a:hover, .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span, .woocommerce-cart .cart-collaterals .cart_totals table td .amount, .woocommerce .woocommerce-info:before, .woocommerce div.product span.price, .penci-container-inside.penci-breadcrumb span a:hover,.penci-container-inside.penci-breadcrumb a:hover { color: #2962ff; } .standard-content .penci-more-link.penci-more-link-button a.more-link, .penci-readmore-btn.penci-btn-make-button a, .penci-featured-cat-seemore.penci-btn-make-button a{ background-color: #2962ff; color: #fff; } .penci-vernav-toggle:before{ border-top-color: #2962ff; color: #fff; } #penci-login-popup:before{ opacity: ; } @media only screen and (max-width: 767px){ .main-nav-social{ display: none; } } .penci-header-signup-form { padding-top: px; padding-bottom: px; } .penci-slide-overlay .overlay-link, .penci-slider38-overlay, .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before, .slider-40-wrapper .list-slider-creative .item-slider-creative .img-container:before { opacity: ; } .penci-item-mag:hover .penci-slide-overlay .overlay-link, .featured-style-38 .item:hover .penci-slider38-overlay, .penci-flat-overlay .penci-item-mag:hover .penci-slide-overlay .penci-mag-featured-content:before { opacity: ; } .penci-featured-content .featured-slider-overlay { opacity: ; } .slider-40-wrapper .list-slider-creative .item-slider-creative:hover .img-container:before { opacity:; } .featured-style-29 .featured-slider-overlay { opacity: ; } .penci-grid li.typography-style .overlay-typography { opacity: ; } .penci-grid li.typography-style:hover .overlay-typography { opacity: ; } #footer-copyright * { font-style: normal; } .home-featured-cat-content .mag-photo .mag-overlay-photo { opacity: ; } .home-featured-cat-content .mag-photo:hover .mag-overlay-photo { opacity: ; } .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after { opacity: ; } .penci_header.penci-header-builder.main-builder-header{}.penci-header-image-logo,.penci-header-text-logo{}.pc-logo-desktop.penci-header-image-logo img{}@media only screen and (max-width: 767px){.penci_navbar_mobile .penci-header-image-logo img{}}.penci_builder_sticky_header_desktop .penci-header-image-logo img{}.penci_navbar_mobile .penci-header-text-logo{}.penci_navbar_mobile .penci-header-image-logo img{}.penci_navbar_mobile .sticky-enable .penci-header-image-logo img{}.pb-logo-sidebar-mobile{}.pc-builder-element.pb-logo-sidebar-mobile img{}.pc-logo-sticky{}.pc-builder-element.pc-logo-sticky.pc-logo img{}.pc-builder-element.pc-main-menu{}.pc-builder-element.pc-second-menu{}.pc-builder-element.pc-third-menu{}.penci-builder.penci-builder-button.button-1{}.penci-builder.penci-builder-button.button-1:hover{}.penci-builder.penci-builder-button.button-2{}.penci-builder.penci-builder-button.button-2:hover{}.penci-builder.penci-builder-button.button-3{}.penci-builder.penci-builder-button.button-3:hover{}.penci-builder.penci-builder-button.button-mobile-1{}.penci-builder.penci-builder-button.button-mobile-1:hover{}.penci-builder.penci-builder-button.button-2{}.penci-builder.penci-builder-button.button-2:hover{}.penci-builder-mobile-sidebar-nav.penci-menu-hbg{border-width:0;}.pc-builder-menu.pc-dropdown-menu{}.pc-builder-element.pc-logo.pb-logo-mobile{}.pc-header-element.penci-topbar-social .pclogin-item a{}.pc-header-element.penci-topbar-social-mobile .pclogin-item a{}body.penci-header-preview-layout .wrapper-boxed{min-height:1500px}.penci_header_overlap .penci-desktop-topblock,.penci-desktop-topblock{border-width:0;}.penci_header_overlap .penci-desktop-topbar,.penci-desktop-topbar{border-width:0;}.penci_header_overlap .penci-desktop-midbar,.penci-desktop-midbar{border-width:0;}.penci_header_overlap .penci-desktop-bottombar,.penci-desktop-bottombar{border-width:0;}.penci_header_overlap .penci-desktop-bottomblock,.penci-desktop-bottomblock{border-width:0;}.penci_header_overlap .penci-sticky-top,.penci-sticky-top{border-width:0;}.penci_header_overlap .penci-sticky-mid,.penci-sticky-mid{border-width:0;}.penci_header_overlap .penci-sticky-bottom,.penci-sticky-bottom{border-width:0;}.penci_header_overlap .penci-mobile-topbar,.penci-mobile-topbar{border-width:0;}.penci_header_overlap .penci-mobile-midbar,.penci-mobile-midbar{border-width:0;}.penci_header_overlap .penci-mobile-bottombar,.penci-mobile-bottombar{border-width:0;} .wrapper-boxed, .wrapper-boxed.enable-boxed{background-position:center !important;background-size:cover !important;background-repeat:repeat !important; } body { --pcdm_btnbg: rgba(0, 0, 0, .1); --pcdm_btnd: #666; --pcdm_btndbg: #fff; --pcdm_btnn: var(--pctext-cl); --pcdm_btnnbg: var(--pcbg-cl); } body.pcdm-enable { --pcbg-cl: #000000; --pcbg-l-cl: #1a1a1a; --pcbg-d-cl: #000000; --pctext-cl: #fff; --pcborder-cl: #313131; --pcborders-cl: #3c3c3c; --pcheading-cl: rgba(255,255,255,0.9); --pcmeta-cl: #999999; --pcl-cl: #fff; --pclh-cl: #2962ff; --pcaccent-cl: #2962ff; background-color: var(--pcbg-cl); color: var(--pctext-cl); } body.pcdark-df.pcdm-enable.pclight-mode { --pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #2962ff; } @media only screen and (min-width: 961px){ } /*FILESTART */ /* 10Web Booster optimized this CSS file */ .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } /*FILESTART */ /* 10Web Booster optimized this CSS file */ /*! elementor - v3.21.0 - 08-05-2024 */ .elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:"";border-block-end:0;flex-grow:1;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)} /*FILESTART */ /*FILESTART */ /* 10Web Booster optimized this CSS file */ #card-content{background:#212121;padding:20px;font-family:'PT Sans',sans-serif;} .widget_follow_subscribe .widget-detail{padding:36px 30px 40px} #card-content p{color:#fff;font-size:15px;text-align:center;font-weight:700} .follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px} .follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center} .follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none} .follow-subscribe-social ul li:last-child{margin:0} .follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out} .follow-subscribe-social ul li a:hover{color:#fff} form.subscribe{margin-top:-7px} form.subscribe input{display:block;width:100%} .subscribe-email{height:45px;border:1px solid #ffffff;margin:0 0 10px;font-size:.928571em;text-align:center;color:#ffffff; width: 100%;} .subscribe-email:focus{outline:0} form.subscribe .placeholder{color:#cacaca} form.subscribe input:-ms-input-placeholder{color:#cacaca} form.subscribe input::-webkit-input-placeholder{color:#cacaca} form.subscribe input:-moz-placeholder{color:#fafafa} form.subscribe input::-moz-placeholder{color:#fafafa} .subscribe-btn{justify-content: center !important; display: flex;width: 100%;height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#2962ff;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out} .subscribe-btn:hover{background-color:#000} .subscribe-btn:focus{outline:0} .creadit a{color: #A7A6A6; float: right; font-size: 8px;} .popup_p { color: #2962ff; text-align: center; padding: 25px; font-size: 25px; line-height: 41px; } .reg_form { position: relative; width: 100%; padding: var(--inner-pad); display: flex; flex-direction: column; background: var(--c-contrast-0); border: 6px solid var(--c-contrast-50); display: none; } .error { color: #e91e63 !important; margin: 0 !important; margin-top: 10px !important; margin-bottom: 10px !important; } .card-content { display: none; } .show { display: block; }