/*! Theme Name: soledad CSGO2ASIA Theme URI: http://pencidesign.com/ Description: A Multi-Concept Blog/Magazine WordPress Theme Author: PenciDesign Author URI: http://pencidesign.com/ Version: 7.5.1.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: soledad Domain Path: /languages */ /*--------------------------------------------------- [TABLE OF CONTENTS] 1 - Import CSS Lib 2 - Magnific Popup library 3 - Slick carousel library & flexslider library 4 - Reset 5 - General 6 - Top bar & Navigation & Mega menu & Mobile Navigation 7 - Top Search 8 - Header 9 - Header social & slogan text 10 - Featured Slider & Penci Slider & Penci Magazine Slider 11 - Homepage title 12 - Standard style 13 - Classic style 14 - Gird style 15 - Masonry style 16 - Standard Masonry Style 17 - List style 18 - List Boxed style 1 & style 2 19 - Typography style 20 - Magazine style 21 - Post & Single post + Post Header + Slick Gallery + Post Entry + Gird post share + Post tags & share box + Post author + Post Pagination + Post related 22 - Page Under Construction 23 - Page navigation 24 - Footer + Footer Socials + Footer Footer Logo & copyright + Footer go to top 25 - Widgets 26 - Comments 27 - Archives 28 - Breadcrumb 29 - Page Header 30 - Wordpress style of core 31 - Page 404 32 - Responsive Design ----------------------------------------------------*/ /* --------------------------------------------------- [COLORS USED] Background: #ffffff (white) Color: #313131 (light black) Link: #6eb48c Accent color: #6eb48c ------------------------------------------------------ [FONTS USED] Body font: PT Serif, serif Heading font: Raleway, sans-serif Navigation font: Raleway, sans-serif -----------------------------------------------------*/ /* = Magnific Popup -----------------------------------------------------*/ .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}.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:-.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}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;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}.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:.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:.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:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;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} /* = 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:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.penci-owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.penci-owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.penci-owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}.penci-owl-carousel .owl-nav .owl-prev,.penci-owl-carousel .owl-nav .owl-next,.penci-owl-carousel .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.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-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.penci-owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.penci-owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.penci-owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.penci-owl-carousel.owl-rtl{direction:rtl}.penci-owl-carousel.owl-rtl .owl-item{float:right}.penci-owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.penci-owl-carousel .owl-item img{transform-style:preserve-3d}.penci-owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.penci-owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.penci-owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.penci-owl-carousel .owl-video-playing .owl-video-tn,.penci-owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.penci-owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.penci-owl-carousel .owl-video-frame{position:relative;z-index:1} /* = 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:.75s;animation-duration:.75s}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-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(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.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(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.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(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}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(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.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.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.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.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.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(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.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(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.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.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.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.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,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:.7}}@-moz-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.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:.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"; } /* = General -----------------------------------------------------*/ html, body { -webkit-font-smoothing: antialiased; } body { font-family: 'PT Serif', serif; color: #313131; background-color: #FFF; font-size: 14px; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } textarea { font-family: 'PT Serif', serif; min-height: 100px; background: none; } p { font-size: 14px; line-height: 28px; } .elementor-text-editor p { font-size: inherit; line-height: inherit; } a { text-decoration: none; color: #6eb48c; 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: 'Raleway', sans-serif; font-style: normal; letter-spacing: 1px; font-weight: bold; } .container { width: 1170px; margin: 0 auto; } .container.container-1400 { max-width: 1400px; 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; } 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%; 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; } /** 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: 1230px; 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: 1430px; } .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 { height: 32px; background: #313131; } .penci-top-bar.topbar-fullwidth { padding: 0 20px; } .penci-top-bar.topbar-fullwidth .container{ width: 100%; } .penci-headline { display: block; } .headline-title { height: 32px; line-height: 32px; padding: 0 15px; font-size: 12px; color: #fff; background: #6eb48c; float: left; text-transform: uppercase; font-family: 'Raleway', sans-serif; z-index: 10; position: relative; display: inline-block; font-weight: bold; } .penci-headline-posts { margin: 0 15px 0 49px; } .penci-owl-carousel.penci-headline-posts .owl-stage-outer { height: 32px !important; } .penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-prev, .penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-next, .penci-headline-posts .slick-prev, .penci-headline-posts .slick-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 .owl-nav .owl-next, .penci-headline-posts .slick-next { left: -32px; } .penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-prev:hover, .penci-owl-carousel-slider.penci-headline-posts .owl-nav .owl-next:hover, .penci-headline-posts .slick-prev:hover, .penci-headline-posts .slick-next:hover { color: #fff; } .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; } a.penci-topbar-post-title { color: #fff; font-size: 12px; font-family: 'Raleway', sans-serif; text-decoration: none; text-transform: uppercase; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; letter-spacing: 1px; display: inline-block; white-space: nowrap; line-height: 32px; font-weight: bold; } a.penci-topbar-post-title:hover { color: #6eb48c; } .loaded .penci-headline-posts .slick-prev, .loaded .penci-headline-posts .slick-next, .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: #6eb48c; } .penci-headline .animated.slideOutUp, .penci-headline .animated.slideInUp { -webkit-animation-duration : 0.3s; animation-duration : 0.3s; } /* = 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: 25px; } 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: 'Raleway', sans-serif; font-weight: 600; } .penci-topbar-menu img{ vertical-align: middle; } ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover { color: #6eb48c; } ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu { display: none; position: absolute; left: 0; top: 32px; 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: 5; } 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; } 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; } /* = 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; } #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: 1230px; } .penci-body-boxed.penci-two-sidebar .wrapper-boxed.enable-boxed .is-sticky #navigation{ max-width: 1430px; } .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-5 .menu, #navigation.header-4 #top-search, #navigation.header-5 #top-search{ float: none; vertical-align: top; } #navigation.header-4 #top-search, #navigation.header-5 #top-search { 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 .menu li a { font-family: 'Raleway', sans-serif; font-size: 12px; letter-spacing: 1px; color: #313131; line-height: 58px; text-transform: uppercase; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; position: relative; font-weight: bold; text-decoration: none; } #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: #6eb48c; } #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: #6eb48c; } #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; } @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 .penci-menuhbg-toggle, #navigation.header-6 .show-search { height: 80px; } #navigation.header-6 #top-search { margin-left: 40px; } #navigation.header-6 #top-search > a, #navigation.header-6 .show-search a.close-search { height: 80px; line-height: 80px; } #navigation.header-6 .show-search #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 .show-search #searchform input.search-input{ height: 80px; padding: 26px 35px 26px 20px; } #navigation.header-10 .show-search #searchform input.search-input { height: 80px; padding: 26px 35px 26px 0; } #navigation.header-10 .show-search, #navigation.header-11 .show-search{ height: 80px; } #navigation.header-11 #top-search > a, #navigation.header-11 .show-search a.close-search, #navigation.header-11 .penci-menuhbg-toggle, #navigation.header-10 #top-search > a, #navigation.header-10 .show-search a.close-search, #navigation.header-10 .penci-menuhbg-toggle { height: 80px; line-height: 80px; } #navigation.header-11 .show-search a.close-search, #navigation.header-10 .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-10 #top-search > a, .is-sticky #navigation.header-10 .show-search a.close-search, .is-sticky #navigation.header-11 #top-search > a, .is-sticky #navigation.header-11 .show-search a.close-search, .is-sticky #navigation.header-6 #top-search > a, .is-sticky #navigation.header-6 .show-search a.close-search { height: 58px; line-height: 58px; } .is-sticky #navigation.header-11 .show-search #searchform input.search-input{ padding: 15px 35px 15px 15px; height: 58px; } .is-sticky #navigation.header-10 .show-search #searchform input.search-input, .is-sticky #navigation.header-6 .show-search #searchform input.search-input { height: 58px; padding: 15px 35px 15px 0; } /* Primary menu dropdown */ #navigation .menu .sub-menu, #navigation .menu .children { visibility: hidden; opacity: 0; position: absolute; left: 0; z-index: 9999; -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: 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 a, #navigation .menu ul ul 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 li, #navigation ul.menu ul 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 ul.menu li:hover > ul, #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); } #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; } 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: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 a.cat-active { border-top-color: #ECECEC; border-bottom-color: #ECECEC; background: #fff; color: #6eb48c; 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; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-row.row-active { display: inline-block; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 20%; padding: 0 10px; float: left; margin-bottom: 15px; } #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; } .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: #6eb48c; text-transform: uppercase; position: absolute; display: inline-block; padding: 0 6px; color: #fff; top: 0; left: 0; letter-spacing: 1px; 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; } #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: 1170px; 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; } .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:before, #navigation.menu-style-2 .menu ul ul:before { width: 0; height: 4px; top: -4px; position: absolute; background: #6eb48c; left: 0; -webkit-transition: width 400ms cubic-bezier(0.870, 0.020, 0.230, 1); -webkit-transition: width 400ms cubic-bezier(0.870, 0.020, 0.230, 1.005); -moz-transition: width 400ms cubic-bezier(0.870, 0.020, 0.230, 1.005); -o-transition: width 500ms cubic-bezier(0.870, 0.020, 0.230, 1.005); transition: width 500ms cubic-bezier(0.870, 0.020, 0.230, 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 a, #navigation.menu-style-2 .menu ul ul 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 a:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -.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 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) { #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; } } /* = 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: #6eb48c; 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: #6eb48c; } .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: #6eb48c; border-color: #6eb48c; 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-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, .penci-social-facebook .penci-social-content, .penci-social-colored a i.fa-facebook, .penci-social-colored a i.fa-facebook-f{ background: #0d47a1 !important; } .tags-share-box.tags-share-box-s2 .post-share-twitter, .penci-social-twitter .penci-social-content, .penci-social-colored a i.fa-twitter{ background: #40c4ff !important; } .penci-social-colored a i.fa-google-plus{ background: #eb4026 !important; } .penci-social-instagram .penci-social-content, .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, .penci-social-pinterest .penci-social-content, .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.fa-linkedin-in{ background: #0077b5 !important; } .penci-social-flickr .penci-social-content, .penci-social-colored a i.fa-flickr{ background: #ff0084 !important; } .penci-social-behance .penci-social-content, .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.fa-tumblr{ background: #34465d !important; } .penci-social-youtube .penci-social-content, .penci-social-colored a i.fa-youtube-play, .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.fa-envelope{ background: #0084ff !important; } .penci-social-vk .penci-social-content, .penci-social-colored a i.fa-vk{ background: #4c75a3 !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.fa-vine{ background: #00B98A !important; } .penci-social-soundcloud .penci-social-content, .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.fa-snapchat{ background: #F6F600 !important; } .penci-social-spotify .penci-social-content, .penci-social-colored a i.fa-spotify{ background: #22C95C !important; } .penci-social-github .penci-social-content, .penci-social-colored a i.fa-github{ background: #302F2F !important; } .penci-social-stack .penci-social-content, .penci-social-colored a i.fa-stack-overflow{ background: #F7A000 !important; } .penci-social-twitch .penci-social-content, .penci-social-colored a i.fa-twitch{ background: #613FA0 !important; } .penci-social-vimeo .penci-social-content, .penci-social-colored a i.fa-vimeo, .penci-social-colored a i.fa-vimeo-v{ background: #00A8E8 !important; } .penci-social-steam .penci-social-content, .penci-social-colored a i.fa-steam{ background: #BCBAB8 !important; } .penci-social-xing .penci-social-content, .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.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.fa-telegram{ background: #289FD9 !important; } .tags-share-box.tags-share-box-s2 .post-share-reddit, .penci-social-reddit .penci-social-content, .penci-social-colored a i.fa-reddit-alien{ background: #F74300 !important; } .penci-social-odnoklassniki .penci-social-content, .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.fa-stumbleupon{ background: #EB4823 !important; } .penci-social-weixin .penci-social-content, .penci-social-colored a i.fa-weixin{ background: #0FC91C !important; } .penci-social-weibo .penci-social-content, .penci-social-colored a i.fa-weibo{ background: #DF152C !important; } .penci-social-rss .penci-social-content, .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{ background: #01b901 !important; } .penci-social-viber .penci-social-content, .penci-social-colored a i.penci-icon-viber, .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.fa-discord{ background: #7289da !important; } .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{ background: #8a5724 !important; } .penci-social-colored a i.fa-tripadvisor{ background: #34e0a1 !important; } .penci-social-colored a i.fa-tiktok, .penci-social-colored a i.penci-icon-tiktok{ background: #fe2c55 !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: #6eb48c; } .penci-social-delicious .penci-social-content { background: #6eb48c !important; } .penci-social-dribbble .penci-social-content { background: #ea4c89 !important; } .penci-social-textcolored a i.fa-facebook, .penci-social-textcolored a i.fa-facebook-f{ color: #0d47a1 !important; } .penci-social-textcolored a i.fa-twitter{ color: #40c4ff !important; } .penci-social-textcolored a i.fa-google-plus{ color: #eb4026 !important; } .penci-social-textcolored a i.fa-instagram{ color: #4D7A9E !important; } .penci-social-textcolored a i.fa-pinterest{ color: #bd081c !important; } .penci-social-textcolored a i.fa-linkedin, .penci-social-textcolored a i.fa-linkedin-in{ color: #0077b5 !important; } .penci-social-textcolored a i.fa-flickr{ color: #ff0084 !important; } .penci-social-textcolored a i.fa-behance{ color: #053eff !important; } .penci-social-textcolored a i.fa-tumblr{ color: #34465d !important; } .penci-social-textcolored a i.fa-youtube-play, .penci-social-textcolored a i.fa-youtube{ color: #ff0000 !important; } .penci-social-textcolored a i.fa-envelope-o, .penci-social-textcolored a i.fa-envelope{ color: #0084ff !important; } .penci-social-textcolored a i.fa-vk{ color: #4c75a3 !important; } .penci-social-textcolored a i.fa-heart, .penci-social-textcolored a i.fa-heart-o{ color: #000000 !important; } .penci-social-textcolored a i.fa-vine{ color: #00B98A !important; } .penci-social-textcolored a i.fa-soundcloud{ color: #F76201 !important; } .penci-social-textcolored a i.fa-snapchat-ghost, .penci-social-textcolored a i.fa-snapchat{ color: #F6F600 !important; } .penci-social-textcolored a i.fa-spotify{ color: #22C95C !important; } .penci-social-textcolored a i.fa-github{ color: #302F2F !important; } .penci-social-textcolored a i.fa-stack-overflow{ color: #F7A000 !important; } .penci-social-textcolored a i.fa-twitch{ color: #613FA0 !important; } .penci-social-textcolored a i.fa-vimeo, .penci-social-textcolored a i.fa-vimeo-v{ color: #00A8E8 !important; } .penci-social-textcolored a i.fa-steam{ color: #BCBAB8 !important; } .penci-social-textcolored a i.fa-xing{ color: #007C7C !important; } .penci-social-textcolored a i.fa-whatsapp{ color: #00E676 !important; } .penci-social-textcolored a i.fa-telegram{ color: #289FD9 !important; } .penci-social-textcolored a i.fa-reddit-alien{ color: #F74300 !important; } .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.fa-stumbleupon{ color: #EB4823 !important; } .penci-social-textcolored a i.fa-weixin{ color: #0FC91C !important; } .penci-social-textcolored a i.fa-weibo{ color: #DF152C !important; } .penci-social-textcolored a i.fa-rss{ color: #F0941A !important; } .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.penci-icon-goodreads{ color: #8a5724 !important; } .penci-social-textcolored a i.fa-tripadvisor{ color: #34e0a1 !important; } .penci-social-textcolored a i.fa-tiktok, .penci-social-textcolored a i.penci-icon-tiktok{ color: #fe2c55 !important; } .penci-social-textcolored a i.penci-icon-line, .penci-social-textcolored a i.fa-line{ color: #01b901 !important; } .penci-social-textcolored a i.penci-icon-viber, .penci-social-textcolored a i.fa-viber{ color: #7d51a0 !important; } .penci-social-textcolored a i.penci-icon-discord, .penci-social-textcolored a i.fa-discord{ color: #7289da !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: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: 'Raleway',sans-serif; font-weight: bold; } .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: #6eb48c; } .penci-menu-hbg .menu li a > i, #sidebar-nav .menu li a > i { display: none; } .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: #6eb48c; } .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, .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.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; } .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: #6eb48c; } .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 .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .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-weight: bold; font-size: 18px; margin-top:15px; line-height: 1.3; font-family: 'Raleway',sans-serif; font-weight: bold; } .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; } #top-search { float: right; width: 20px; text-align: center; } #top-search.shoping-cart-icon { margin-right: 15px; } #top-search.shoping-cart-icon.clear-right, #navigation.header-4 #top-search.shoping-cart-icon, #navigation.header-5 #top-search.shoping-cart-icon, #navigation.header-6 #top-search.shoping-cart-icon { margin-right: 0; } #top-search > 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; } #top-search > a:hover { } #top-search > a > i { width: 20px; } #top-search.shoping-cart-icon > a { position: relative; } #top-search.shoping-cart-icon > a > i { font-size: 17px; } #top-search.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: #6eb48c; color: #fff; text-align: center; white-space: nowrap; line-height: 14px; font-size: 8px; font-family: 'PT Serif', serif; 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 #top-search.shoping-cart-icon > a > span { top: 23px; } .is-sticky #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 12px; } #top-search .fa-shopping-bag:before { content: "\f07a"; font-family: FontAwesome; } .penci-fawesome-ver5 #top-search .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 #searchform input.search-input { padding: 15px 35px 15px 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; 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: 1px; font-size: 13px; } .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; } .penci-header-trans .show-search #searchform input.search-input { padding-left: 15px; } .penci-header-trans .show-search a.close-search { right: 15px; } /* = 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: #6eb48c; } #navigation.header-6 .main-nav-social { line-height: 80px; margin: 0 0 0 30px; } .main-nav-social a i, #top-search a i, .button-menu-mobile i{ line-height: inherit; } .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, #navigation.header-5 #top-search, #navigation.header-6 #top-search { margin-left: 15px; } /* = Header -----------------------------------------------------*/ #header { margin-bottom: 60px; 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{ 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; } .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; } #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: 'PT Serif', serif; padding: 0 15px; letter-spacing: 1px; 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: #313131; 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 { float: left; display: inline-block; vertical-align: top; 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; } .header-social a:hover i{ color: #6eb48c; } /* = Featured Slider -----------------------------------------------------*/ .featured-area { margin-top: -56px; margin-bottom: 60px; 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: -50px; } .penci-vernav-enable #header + .featured-area{ margin-top: -60px; } .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: -30px; } .penci-vernav-enable #header + .featured-area.featured-style-28, .penci-vernav-enable #header + .featured-area.featured-style-38{ margin-top: -56px; } .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: -50px; } .penci-vernav-enable #header + .penci-header-signup-form { margin-top: -60px; } .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('/wp-content/themes/soledad/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('/wp-content/themes/soledad/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 .owl-lazy{ opacity: 1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none } .penci-owl-carousel .owl-nav .owl-prev, .penci-owl-carousel .owl-nav .owl-next { width: 34px; height: 34px; display: inline-block; vertical-align: top; background: #fff; color: #010101; font-size: 18px; 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-owl-carousel .owl-nav .owl-prev i, .penci-owl-carousel .owl-nav .owl-next i { line-height: inherit; } .penci-nav-visible .owl-nav .owl-prev, .penci-nav-visible .owl-nav .owl-next { opacity: 0.5; } .penci-owl-carousel .owl-nav.disabled { display: none; } .penci-owl-carousel .owl-nav.disabled .owl-prev, .penci-owl-carousel .owl-nav.disabled .owl-next { display: none !important; } .penci-owl-carousel .owl-nav .owl-next { left: auto; right: 20px; } .penci-owl-carousel:hover .owl-nav .owl-prev, .penci-owl-carousel:hover .owl-nav .owl-next { opacity: 0.8; } .penci-owl-carousel .owl-nav .owl-prev:hover, .penci-owl-carousel .owl-nav .owl-next:hover { opacity: 1; } .penci-custom-slides .penci-owl-carousel .owl-dots, .penci-owl-carousel .owl-dots { position: absolute; bottom: 15px; z-index: 10; width: 100%; text-align: center; left: 0; } .penci-owl-carousel .owl-dots.disabled{ display: none !important; } .penci-custom-slides .penci-owl-carousel .owl-dot, .penci-owl-carousel .owl-dot { display: inline-block; margin: 0 3px; vertical-align: top; background: none; border: none; } .penci-owl-carousel .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; } .penci-owl-carousel .owl-dot.active span { background: #fff; } .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; } .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; opacity: 0; } .penci-owl-carousel.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; animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .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; animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .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; animation-delay: 1s; -webkit-animation-delay: 1s; } .penci-featured-content .feat-text .feat-meta span { color: #fff; font-size: 13px; } .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-featured-content .feat-text .feat-meta span a { color: #fff; font-size: inherit; text-decoration: none !important; } .penci-featured-content .feat-text .feat-meta > span:after { content: ""; display: inline-block; margin: 0 11px 0 15px; width: 0; height: 10px; border-left: 1px solid; opacity: 0.35; color: inherit; } .penci-featured-content .feat-text .feat-meta > span:last-of-type:after { content: none; display: none; } .penci-owl-carousel.owl-loaded .active .feat-text .featured-cat, .penci-owl-carousel.owl-loaded .active .feat-text h3, .penci-owl-carousel.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 .owl-item .item { width: 900px; } .featured-style-2 .penci-owl-carousel.owl-loaded .active .penci-featured-content .feat-text, .featured-style-2 .penci-owl-carousel.owl-loaded .active .feat-text .featured-cat, .featured-style-2 .penci-owl-carousel.owl-loaded .active .feat-text h3, .featured-style-2 .penci-owl-carousel.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.owl-loaded .center .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.owl-loaded .center .feat-text .featured-cat, .featured-style-2 .penci-owl-carousel.owl-loaded .center .feat-text h3, .featured-style-2 .penci-owl-carousel.owl-loaded .center .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, transparent 26%, #000 65%); background: -webkit-gradient(linear, left top, right top, color-stop(26%, #000), color-stop(65%,transparent)); background: -webkit-linear-gradient(left, transparent 26%, #000 65%); background: -o-linear-gradient(left, transparent 26%, #000 65%); background: -ms-linear-gradient(left, transparent 26%, #000 65%); background: linear-gradient(to right, transparent 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(top, transparent 60%, #000 100%); background: -webkit-linear-gradient(top, transparent 60%, #000 100%); background: -o-linear-gradient(top, transparent 60%, #000 100%); background: -ms-linear-gradient(top, transparent 60%, #000 100%); background: linear-gradient(to bottom, transparent 60%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); -webkit-transition: opacity .4s ease 0s; -moz-transition: opacity .4s ease 0s; -o-transition: opacity .4s ease 0s; transition: opacity .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-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: 6px; } .penci-mag-featured-content .feat-meta > span:after { content: ""; display: inline-block; margin: 0 11px 0 15px; 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 .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; } .overlay-icon-format i.fa-image:before, .overlay-icon-format i.fa-picture-o:before { content: "\e913"; font-family: 'icomoon'; } .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: 1170px; 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-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-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: 'Raleway', sans-serif; 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; letter-spacing: 2px; font-weight: bold; text-decoration: none !important; } .featured-style-29 .penci-featured-slider-button a:hover, .featured-style-35 .penci-featured-slider-button a:hover, .featured-style-38 .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.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.owl-loaded .active .penci-featured-slider-button, .featured-style-29 .penci-owl-carousel.owl-loaded .active .penci-featured-content .featured-cat, .featured-style-29 .penci-owl-carousel.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: 0.5s; -webkit-animation-delay: 0.5s; -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.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-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 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -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.owl-loaded .active .featured-cat, .featured-style-35 .penci-owl-carousel.owl-loaded .active .feat-text-right h3, .featured-style-35 .penci-owl-carousel.owl-loaded .active .featured-content-excerpt, .featured-style-35 .penci-owl-carousel.owl-loaded .active .penci-featured-slider-button, .featured-style-37 .penci-owl-carousel.owl-loaded .active .featured-cat, .featured-style-37 .penci-owl-carousel.owl-loaded .active .feat-text h3, .featured-style-37 .penci-owl-carousel.owl-loaded .active .feat-text .feat-meta{ -webkit-animation-name: pencifadeInUpSmall; -moz-animation-name: pencifadeInUpSmall; -o-animation-name: pencifadeInUpSmall; animation-name: pencifadeInUpSmall; } .featured-style-35 .feat-text-right h3 { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; } .featured-style-35 .feat-text-right .featured-content-excerpt { animation-delay: 1.3s; -webkit-animation-delay: 1.3s; } .featured-style-37 .penci-item-1 .feat-text h3{ animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .featured-style-37 .penci-item-1 .feat-meta { animation-delay: 1s; -webkit-animation-delay: 1s; } .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 11px 0 15px; 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 .feat-text-right .penci-featured-slider-button { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } .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 { opacity: 0; visibility: hidden; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; } .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 .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-featured-loaded .penci-featured-items-right{ opacity: 1; visibility: visible; } .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 .owl-item .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 url('/wp-content/themes/soledad/images/no-image.jpg'); 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; } .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-holder-load:not([style*='background-image']){ 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; background-position: center center !important; animation: pencipreload 0.85s infinite linear forwards; -webkit-animation: pencipreload 0.85s infinite linear forwards; } .penci-lazy[src*="penci-holder"] { width: 100%; height: auto; } .holder-square.penci-lazy[src*="penci-holder"] { height: 0; padding-bottom: 100%; } .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: 1170px; } .pencislider-container .pencislider-content .pencislider-title { font-family: 'Raleway', sans-serif; font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; letter-spacing: 1px; } .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: 'Raleway', sans-serif; letter-spacing: 1px; cursor: pointer; font-size: 14px; line-height: 1.3; border: none; position: relative; font-weight: bold; } .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; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .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; } /* Animation */ .pencislider-container .pencislider-caption { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } .pencislider-container .pencislider-content .penci-button { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; animation-delay: 0.9s; } /* 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 .4s ease 0s; -moz-transition: opacity .4s ease 0s; -o-transition: opacity .4s ease 0s; transition: opacity .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; } /* = 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: 'Raleway', sans-serif; font-weight: bold; font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; letter-spacing: 1px; -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: 1170px; margin-left: auto; margin-right: auto; } .penci-magazine-slider.penci-loading { background: #fafafa url('/wp-content/themes/soledad/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: #6eb48c; } .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; letter-spacing: 1px; } .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 11px 0 15px; 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: #6eb48c; 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 .4s ease 0s; -moz-transition: opacity .4s ease 0s; -o-transition: opacity .4s ease 0s; transition: opacity .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; letter-spacing: 1px; 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 { margin-bottom: 30px; display: table; margin-top: -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: 'PT Serif', serif; 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 .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .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: #6eb48c; } 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 .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .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: 'Raleway', sans-serif; letter-spacing: 1px; } .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; } /* = 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: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; letter-spacing: 1px; position: relative; z-index: 1; } /* = 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; } .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: -36px; } .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: #6eb48c; } .format-post-box .post-format-icon i.fa-quote-left:before { content: '“'; font-family: 'Playfair Display SC', serif; font-size: 72px; font-weight: 900; } .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: #6eb48c; } .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: #6eb48c; font-family: 'Raleway', sans-serif; font-weight: bold; text-transform: uppercase; } .author-quote span:before, .author-quote span:after { position: absolute; content: ""; width: 60px; height: 1px; top: 50%; left: 100%; background: #6eb48c; } .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: #6eb48c; 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; letter-spacing: 1px; text-transform: uppercase; } .container-single-magazine .single-post-title { letter-spacing: 1px; } .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: #6eb48c; } .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: 'Raleway', sans-serif; letter-spacing: 1px; color: #6eb48c; text-transform: uppercase; font-size: 12px; display: inline-block; margin-top: 5px; font-weight: bold; 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 #6eb48c; 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: #6eb48c; 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 #DEDEDE; border-bottom: 1px solid #DEDEDE; 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: #6eb48c; } .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: #6eb48c; } .penci-post-share-box .dt-share { position: absolute; display: inline-block; font-size: 9px; font-family: 'Raleway', sans-serif; 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; } .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{ width: 14px; } /* = 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%; } .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); } .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; } .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: #6eb48c; display: block; margin-bottom: 8px; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { font-size: 18px; color: #313131; text-transform: uppercase; letter-spacing: 1px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .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: 27px; 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: #6eb48c; 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: #6eb48c; padding: 10px 15px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; 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; } .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: #6eb48c; line-height: 1.2; margin: 0 18px 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: 11px; position: absolute; top: 50%; margin-top: -3px; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .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:last-child { margin-bottom: 40px; padding-bottom: 0; border-bottom: none; } .penci-grid li.list-post .item > .thumbnail { margin: 0; width: 48.052%; float: left; max-width: 370px; } .penci-latest-posts-sc .penci-grid li.list-post .item > .thumbnail { max-width: 1000px; } .penci-grid li.list-post .item .content-list-right { margin: 0; padding-left: 400px; } .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: #6eb48c; 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; } /* = Mixed style -----------------------------------------------------*/ .grid-mixed { display: table; width: 100%; vertical-align: top; border: 1px solid #DEDEDE; 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 11px 0 15px; 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: #6eb48c; } .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; } /* = 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: #6eb48c; 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: #6eb48c; } .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 17px 0 19px; 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: #6eb48c; } .overlay-post-box-meta .overlay-share i { color: inherit; margin-right: 10px; } /* = 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: #6eb48c; } /* = 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: 'Raleway', sans-serif; font-weight: bold; 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; } .elementor-row .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; } /* 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 #ececec; } .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; } .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: #6eb48c; display: block; } .home-featured-cat-content .magcat-detail h3 a { color: #313131; display: block; font-size: 14px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "Raleway", sans-serif; font-weight: bold; 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: #6eb48c; 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: 48.052%; float: left; max-width: 370px; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { margin: 0; padding-left: 400px; } .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: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .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: 14px; 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: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .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; 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 #6eb48c; 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 { 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{ opacity: 0.8; } /* = 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; } .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; letter-spacing: 1px; } .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; padding-right: 0; } .penci-single-style-7:not( .penci-single-pheader-noimg ).right-sidebar #main article.post, .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 { 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; } .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%; } .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 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; } } .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: #6eb48c; } .post-box-meta-single > span:before { content: ""; width: 0; height: 10px; margin: 0 15px; display: inline-block; background: none !important; border-right: 1px solid; opacity: 0.7; } .post-box-meta-single > span:first-child:before { content: none; display: block; } /*** Post images gallery ***/ #wpadminbar { z-index: 9999; } .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-text-editor h1, .elementor-text-editor h2, .elementor-text-editor h3, .elementor-text-editor h4, .elementor-text-editor h5, .elementor-text-editor h6, .elementor-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; } .elementor-widget-text-editor{ font-family: 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: #313131; letter-spacing: 0; line-height: 1.3em; } .post-entry h1, .wpb_text_column h1, .elementor-text-editor h1, .woocommerce .page-description h1{ font-size: 24px; } .post-entry h2, .wpb_text_column h2, .elementor-text-editor h2, .woocommerce .page-description h2{ font-size: 22px; } .post-entry h3, .wpb_text_column h3, .elementor-text-editor h3, .woocommerce .page-description h3{ font-size: 20px; } .post-entry h4, .wpb_text_column h4, .elementor-text-editor h4, .woocommerce .page-description h4{ font-size: 18px; } .post-entry h5, .wpb_text_column h5, .elementor-text-editor h5, .woocommerce .page-description h5 { font-size: 16px; } .post-entry h6, .wpb_text_column h6, .elementor-text-editor h6, .woocommerce .page-description h6 { font-size: 14px; } .post-entry hr, .wpb_text_column hr, .elementor-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: 'PT Serif', serif; 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; letter-spacing: 1px; 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 46px; 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: #6eb48c; content: '“'; font-family: 'Playfair Display SC', serif; font-size: 64px; font-weight: 900; line-height: 1; font-style: normal; position: absolute; top: -4px; left: 0; } .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: #6eb48c; font-style: normal; font-family: "Raleway", sans-serif; font-weight: bold; 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: #6eb48c; 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: #6eb48c; } .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-text-editor ul, .elementor-text-editor ol, .woocommerce .page-description ul, .woocommerce .page-description ol { padding-left: 36px; margin-bottom: 20px; } .post-entry ol ol, .post-entry ul ul, .post-entry ul ol, .post-entry ol ul, .elementor-text-editor ol ol, .elementor-text-editor ul ul, .elementor-text-editor ul ol, .elementor-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 ul li, .elementor-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-text-editor ol li, .woocommerce .page-description ol li { margin-bottom: 2px; list-style: decimal; } .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 #f5f5f5; border-right: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; } .post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e9e9e9 solid; border-color: #e9e9e9; } .post-entry th { font-weight: bold; font-size: 14px; } .post-entry em strong { font-style: italic; } /* Single shortcodes */ .pencisc-button, .post-entry .pencisc-button { border: none; border-radius: 0; background: #6eb48c; color: #fff; line-height: 1.3; padding: 10px 20px; text-align: center; transition: all .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{ display: block; width: 100%; margin-left: 0; margin-right: 0; } .pencisc-button, .post-entry .pencisc-button.pencisc-small { padding: 7px 12px; font-size: 12px; } .pencisc-button, .post-entry .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-text-editor ul.penci_list_shortcode, .woocommerce .page-description ul.penci_list_shortcode{ padding-left: 19px; } .penci_list_shortcode li{ position: relative; list-style: none!important; padding-left: 20px; } .penci_list_shortcode li:before { color: #6eb48c; content: "\f00c"; width: 20px; 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; } .penci_list_shortcode.penci_list-starlist li:before { content: "\f005"; } .penci_list_shortcode.penci_list-pluslist li:before { content: "\f0fe"; } .penci_list_shortcode.penci_list-minuslist li:before { content: "\f146"; } .penci_list_shortcode.penci_list-editlist li:before { content: "\f044"; } .penci_list_shortcode.penci_list-asterisklist li:before { content: "\f069"; } .penci_list_shortcode.penci_list-thumbuplist li:before { content: "\f164"; } .penci_list_shortcode.penci_list-folderlist li:before { content: "\f07b"; } .penci_list_shortcode.penci_list-thumbdownlist li:before { content: "\f165"; } .penci_list_shortcode.penci_list-heartlist li:before { content: "\f004"; } .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: #6eb48c; 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 #6eb48c; color: #6eb48c; 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: #6eb48c; 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 #6eb48c; color: #6eb48c; -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: #6eb48c; 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: #6eb48c; font-weight: bold; font-size: 68px; line-height: 68px; margin: 0 13px 0 0; padding: 0; } /*** 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: #6eb48c; } .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; } .tags-share-box.hide-tags.page-share .list-posts-share{ vertical-align: middle; } .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: #6eb48c; color: #fff; border-color: #6eb48c; 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: "Raleway", sans-serif; font-weight: bold; margin-right: 5px; } .post-share .count-number-like { font-weight: bold; font-style: italic; font-size: 13px; color: #6eb48c; 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: #6eb48c; } .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; } .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: 'Raleway', sans-serif; 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; } @media only screen and (min-width: 959px){ .penci-body-single-style-7:not(.penci-body-title-bellow ) .tags-share-box.tags-share-box-top, .penci-body-single-style-3:not(.penci-body-title-bellow ) .tags-share-box.tags-share-box-top { margin-top: 20px; } } .tags-share-box.tags-share-box-2_3 { border: 1px solid #DEDEDE;; padding: 6px 20px; } .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: 20px; 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 .3s; border-radius: 2px; vertical-align: middle; } /*** Post author ***/ .post-author { margin: 0; overflow: hidden; padding: 38px 0 37px 0; border-top: 1px solid #E0E0E0; } body.author .post-author{ padding: 20px 20px; border: 1px solid #E0E0E0; margin-bottom: 40px; } .author-img { float: left; margin-right: 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; overflow: hidden; } .post-author .author-img img { margin: 0; } .post-author .author-content { margin-left: 120px; } .author-content h5 { font-size: 14px; letter-spacing: 1px; margin: 0 0 15px; color: #313131; display: block; font-family: 'Raleway', sans-serif; font-weight: bold; text-transform: uppercase; } .author-content h5 a { display: inline-block; margin: 0; color: #313131; } .author-content h5 a:hover { color: #6eb48c; } .author-content p { margin-bottom: 16px; } .author-content .author-social { font-size: 14px; color: #313131; margin-right: 10px; } .author-content .author-social:hover { color: #6eb48c; } /*** Post Pagination ***/ .post-pagination { overflow: hidden; margin: 0; padding: 12px 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: 'Raleway', sans-serif; font-weight: bold; padding: 0 25px 0 0; position: relative; letter-spacing: 1px; 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: #6eb48c; } .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; } /*** 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; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; 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: #6eb48c; 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 { margin: 0 10px; opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; text-align: center; } .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-related-grid-display .item-related:nth-child(3n+1) { clear: both; } .penci-related-grid-display .item-related span.date{ margin-top: 6px; } .penci-owl-carousel.owl-loaded .item-related { opacity: 1; } .penci-owl-carousel-slider .owl-dots{ position: static; height: 10px; clear: both; margin-top: 16px; text-align: center; } .penci-owl-carousel-slider .owl-dots.disabled, .penci-owl-carousel-slider .owl-nav.disabled{ display: none; } .penci-related-carousel .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 #DEDEDE; } .penci-owl-carousel-slider .owl-dot span{ border: 1px solid #d4d4d4; background: #fff; } .penci-owl-carousel-slider .owl-dot.active span, .penci-related-carousel .owl-dot.active span { background: #6eb48c; border-color: #6eb48c; } .item-related img { width: 100%; height: auto; } .item-related > 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 > a:hover { opacity: 0.85; } #navigation .penci-megamenu .penci-mega-post a i, .item-related > 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, .item-related > a i.fa-music:before { margin-right: 2px; } #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, .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; letter-spacing: 1px; color: #313131; line-height: 1.4; } .item-related h3 a:hover { color: #6eb48c; } .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: #6eb48c; border-color: #6eb48c; } /* = 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,.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 .6s cubic-bezier(0.19,1,.22,1); -moz-transition: all .6s cubic-bezier(0.19,1,.22,1); transition: all .6s cubic-bezier(0.19,1,.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 .3s ease-out; -moz-transition: all .3s ease-out; transition: all .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: #6eb48c; } .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; letter-spacing: 1px; 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: #6eb48c; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; line-height: 1; display: block; text-align: center; letter-spacing: 3px; } .penci-countdown .countdown-period { display: block; text-align: center; letter-spacing: 1px; font-size: 20px; text-transform: uppercase; color: #313131; margin: 26px 0 0 0; line-height: 1; font-family: 'Raleway', sans-serif; font-weight: bold; } /* = 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: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; 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: #6eb48c; } .penci-pagination .newer, .penci-pagination .older { display: inline-block; } .penci-pagination .newer:after { content: "/"; display: inline-block; margin: 0 16px 0 20px; font-family: 'Raleway', sans-serif; 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: #6eb48c; border-color: #6eb48c; 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 #ececec; 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: #6eb48c; } .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 -----------------------------------------------------*/ .footer-socials-section { padding: 30px 0 15px; border-bottom: 1px solid #4A4A4A; text-align: center; } 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:hover i { background: #6eb48c; color: #fff; border-color: #6eb48c; } ul.footer-socials li a span { text-transform: uppercase; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: bold; color: #999; display: inline-block; letter-spacing: 1px; 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: #6eb48c; } .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; } /* = 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 .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: #6eb48c; } #footer-copyright a:hover { text-decoration: underline; } /* = 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: #6eb48c; } .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: bold; font-family: 'Raleway', sans-serif; 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: 18px; 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: 6px; right: 6px; width: 36px; height: 36px; line-height: 34px; font-size: 26px; background-color: #6eb48c; color: #fff; z-index: 99999; 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 .4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s; -moz-transition: transform .4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s; -o-transition: transform .4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s; transition: transform .4s cubic-bezier(0.55, 0, 0.05, 1.1) 0s, opacity 0.3s; } .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: 'Raleway', sans-serif; font-weight: bold; } .penci-sidebar-content .widget { width: 100%; margin-right: 0; float: none; margin-bottom: 60px; clear: both; } .penci-sidebar-content img { max-width: 100%; height: auto; vertical-align: top; } .penci-sidebar-content .widget-title { color: #313131; margin-bottom: 30px; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; position: relative; text-align: center; line-height: 1.3; background: transparent; } /* 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; } .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; } /* 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 */ .penci-homepage-title.style-4, .penci-sidebar-content.style-4 .penci-border-arrow { overflow: hidden; } .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; } .penci-homepage-title.style-4.pcalign-left .inner-arrow, .penci-sidebar-content.style-4.pcalign-left .penci-border-arrow .inner-arrow { padding-left: 0; } .penci-homepage-title.style-4.pcalign-right .inner-arrow, .penci-sidebar-content.style-4.pcalign-right .penci-border-arrow .inner-arrow { padding-right: 0; } .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; } .penci-homepage-title.style-4 .inner-arrow:before, .penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before { left: auto; right: 100%; } /* 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: #6eb48c; } .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: 15px 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,.3); border-left: 15px solid transparent; box-shadow: 2px 2px 2px rgba(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; } /** Widget List **/ .widget ul { list-style: none; } .penci-block-popular-cat ul{ padding-left: 0; } .widget ul ul { padding-top: 11px; margin-top: 12px; border-top: 1px solid #DEDEDE; padding-left: 20px; } .widget ul li { margin-bottom: 11px; padding-bottom: 12px; border-bottom: 1px solid #DEDEDE; font-size: 14px; color: #888888; } .widget ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget ul li a { font-size: 14px; font-style: normal; line-height: 1.4; } .widget a { color: #313131; } .widget a:hover { color: #6eb48c; 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; height: 32px; vertical-align: middle; border-spacing: 0; clear: both; margin: 0; font-size: 14px; width: 100%; max-width: 360px; outline: none; } .widget.widget_categories ul li, .widget.widget_archive ul li { text-align: right; color: #888; display: table; width: 100%; font-style: italic; padding-right: 2px; } .widget.widget_categories ul li { text-align: left; } .widget.widget_archive ul li a{ float: left; } .widget.widget_categories ul li a { display: block !important; text-decoration: none; } .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; } .widget.widget_categories ul li span.category-item-count { float: right; font-style: italic; color: #888888; font-family: 'PT Serif', serif; font-weight: normal; } /*** Search widget ***/ #searchform input.search-input { border: 1px solid #e9e9e9; background: #fff url(/wp-content/themes/soledad/images/searchsubmit.png) no-repeat 95% 11px; padding: 12px 40px 12px 20px; color: #313131; letter-spacing: 1px; font-size: 12px; font-family: 'PT Serif', serif; font-weight: normal; } #searchform #s:focus { outline: none; } /** searchbar for widget ***/ .widget #searchform input.search-input, .penci-sidebar-content .widget #searchform input.search-input { width: 100%; max-width: 340px; } /*** 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; } .about-widget img.penci-lazy[src*="penci-holder"]{ padding-bottom: 0; } .about-widget .about-me-heading { color: #313131; font-size: 18px; font-family: 'PT Serif', serif; 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 #6eb48c; } .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 ***/ .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; } .widget .tagcloud a:hover { color: #ffffff; background: #6eb48c; border-color: #6eb48c; 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; } /** Widget items **/ .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; } .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{ 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: 6px; color: #313131; display: block; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: 'Raleway', sans-serif; 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: #6eb48c; 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: 'PT Serif', sans-serif; font-size: 13px; } .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: 3; 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: 'Montserrat', sans-serif; /* No change when change the fonts */ 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; } /** 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 .owl-nav .owl-prev, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .owl-nav .owl-next, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .owl-nav .owl-prev, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .owl-nav .owl-next{ width: 16px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: none; color: #fff; font-size: 30px; } .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .owl-nav .owl-prev, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .owl-nav .owl-prev{ left: 10px; } .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-1 .owl-nav .owl-next, .penci-owl-carousel.penci-widget-slider.penci-post-slider-style-2 .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 .4s ease 0s; -moz-transition: opacity .4s ease 0s; -o-transition: opacity .4s ease 0s; transition: opacity .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.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 i { text-decoration: none; color: #ffffff; background: #6eb48c; border-color: #6eb48c; } .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; } .widget-social.show-text a span { display: inline-block; color: #313131; text-transform: uppercase; font-size: 13px; margin-left: 10px; font-family: 'Raleway', sans-serif; font-weight: bold; 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: #6eb48c; } .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: #6eb48c; } .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-link { 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%; } /* = Footer box widget -----------------------------------------------------*/ .footer-widget-wrapper .widget { margin-bottom: 30px; } .footer-widget-wrapper .widget .widget-title { color: #313131; margin: 0 0 30px; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; 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; } .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: 'PT Serif', serif; } .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: #6eb48c; color: #fff; } /** WPForms widget & shortcode **/ div.wpforms-container .wpforms-form.wpforms-form .wpforms-field:not( :last-child ) { padding: 0 0 28px 0; clear: both; } div.wpforms-container .wpforms-form.wpforms-form .wpforms-field-label { color: #939393; font-size: 12px; display: block; font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; 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; max-width: 500px; border: 1px solid #DEDEDE; font-size: 12px; width: 100%; font-weight: normal; font-family: 'PT Serif', serif; max-height: 50px; height: auto; background: none; } div.wpforms-container .wpforms-form .wpforms-field-label-inline { display: inline-block; vertical-align: middle; font-size: inherit; font-weight: normal; line-height: 1.3; position: relative; top: -2px; } 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: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 14px; color: #313131; padding: 12px 20px; display: inline-block; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .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: #6eb48c; } /** Facebook Like Box Widget **/ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } .fb_iframe_widget span iframe[class*="fb_customer_chat"] { width: 288pt !important; } /* = 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 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; letter-spacing: 1px; padding: 0; text-align: center; } .footer-subscribe .widget .mc4wp-form input[type="submit"]:hover { background: #6eb48c; } /* = 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; letter-spacing: 1px; 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; letter-spacing: 1px; color: #313131; margin-bottom: 11px; font-family: "Raleway", sans-serif; font-weight: bold; } .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: 10px; } .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: "Raleway", sans-serif; font-weight: 500; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .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; } /* = 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: "Raleway", sans-serif; letter-spacing: 1px; 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: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .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; } .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; } #respond p.comment-form-author { margin-left: 0; } #respond p.comment-form-comment { clear: both; margin: 0; } .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#comment-form > 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#comment-form p.mc4wp-checkbox label, ​form#comment-form p​.comment-subscription-form label{ ​ font-family: inherit; font-size: inherit; text-transform: inherit; letter-spacing: inherit; font-weight: inherit; color: #777; ​} .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email { padding: 0 14px; } .woocommerce #review_form #respond p { margin: 0 14px 10px 14px; } .woocommerce #review_form #respond p.stars { margin-left: 0; margin-right: 0; } #respond label, .wpcf7 label { color: #939393; font-size: 12px; display: block; font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-bottom: 8px; } #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 { 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: 500px; border: 1px solid #DEDEDE; margin-bottom: 28px; font-size: 14px; width: 100%; font-weight: normal; font-family: 'PT Serif', serif; 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: 500; outline: none; vertical-align: top; font-family: 'PT Serif', serif; } .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: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 14px; color: #313131; padding: 12px 20px; display: inline-block; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .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: #6eb48c; } .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: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 14px; color: #313131; padding: 16px 20px; display: inline-block; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .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: 'PT Serif', serif; width: 100%; max-width: 500px; 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: 500px; outline: none; } .penci-button, .widget input[type="submit"]:hover, .widget button[type="submit"]:hover{ background: #6eb48c; 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); } /* = 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 { letter-spacing: 1px; color: #313131; font-family: "Raleway", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 24px; line-height: 1.2em; position: relative; z-index: 10; } .archive-box h1 { display: inline-block; color: #6eb48c; } .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.align-center { text-align: center; } /* = Breadcrumb -----------------------------------------------------*/ .penci-container-inside.penci-breadcrumb, .container.penci-breadcrumb { line-height: 1.4; margin-bottom: 30px; } .container.penci-breadcrumb { margin-top: -30px; } .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: -30px; } .page #sidebar-nav + .container.penci-breadcrumb { margin-top: 0; } .penci-container-inside.penci-breadcrumb span, .penci-container-inside.penci-breadcrumb span a, .container.penci-breadcrumb span, .container.penci-breadcrumb span a { font-size: 13px; color: #888888; font-family: 'Raleway', sans-serif; font-weight: 500; } .penci-container-inside.penci-breadcrumb span a:hover, .container.penci-breadcrumb span a:hover { color: #6eb48c; } .penci-container-inside.penci-breadcrumb i, .container.penci-breadcrumb i { color: #888888; font-size: 13px; margin: 0 15px 0 19px; } .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 20px 20px 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 22px 30px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 30px 22px 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:hover p.wp-caption-text, .post-image:hover .penci-featured-caption { transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0.7; } /*** 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; } /** 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: "Raleway", sans-serif; 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 { opacity: 1; } .penci-post-gallery-container.single-slider figure, .post-image .penci-owl-carousel figure { position: relative; } .penci-post-gallery-container.single-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; } .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: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .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: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .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: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; } .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+4) a{ -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .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: 12px; 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; } .penci-post-gallery-container.masonry .item-gallery-masonry:hover .caption { opacity: 0.7; } /* = 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: #6eb48c; 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; } .penci-tweets-widget-content .tweet-intents a { color: #6eb48c; font-size: 13px; font-style: italic; } .penci-tweets-widget-content .tweet-intents span:after { content: "/"; margin: 0 5px; font-size: 11px; color: #6eb48c; font-family: 'PT Serif', serif; } .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: #6eb48c; 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 .owl-dots { position: static; margin-top: 23px !important; } .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot { margin: 0 4px; } .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot span { width: 10px; height: 10px; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #d4d4d4; } .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot.active span, .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot:hover span { border-color: #6eb48c; background: #6eb48c; } .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 .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 .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: #6eb48c; bottom: 0; left: 50%; margin-left: -30px; } .error-404 .sub-heading-text-404 { font-size: 16px; font-weight: normal; margin: 0; color: #313131; } .error-404 form#searchform { margin: 31px 0 0; padding: 0 10px; } .error-404 form#searchform input.search-input { width: 100%; max-width: 270px; } .error-404 .go-back-home { margin-top: 50px; } .error-404 .go-back-home a { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-family: 'Raleway', sans-serif; font-weight: 500; 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: #6eb48c; content: ""; } /* Header Sign-Up form */ .penci-header-signup-form { display: block; padding: 20px 0; background: #6eb48c; 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; } /* = Portfolio ----------------------------------------------------*/ .penci-portfolio-thumbnail .penci-image-placeholder { position: relative; display: block; background-color: #eee; } .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: 'Raleway', sans-serif; } .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: #6eb48c; 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: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .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: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } .penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n+3) .inner-item-portfolio { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .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: .5s; transition: .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: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition: .3s cubic-bezier(.215, .61, .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: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition: .3s cubic-bezier(.215, .61, .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: bold; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; } .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; } } /* = Penci Review ----------------------------------------------------*/ .wrapper-penci-review{ margin-bottom: 25px; margin-top: 20px; border: 1px solid #dedede; } .penci-review-container { padding: 25px; } .penci-review-thumb{ float: left; width: 80px; margin-right: 20px; } .penci-review-thumb img { max-width: 100%; height: auto; } .penci-review-metas { display: block; overflow: hidden; } .penci-review-metas .penci-review-meta { margin-right: 15px; display: inline-block; color: #888; font-size: 13px; line-height: 1.5; } .penci-review-metas .penci-review-meta i { font-size: 14px; margin-right: 4px; color: #aaa; font-style: normal; } .penci-review-metas .penci-review-btnbuy { float: left; font-size: 12px; font-weight: 700; margin-top: 4px; border: 1px solid; padding: 0 12px; height: 28px; line-height: 26px; color: #6eb48c; -moz-transition: 0.25s; -webkit-transition: 0.25s; transition: 0.25s; } .penci-review-metas .penci-review-btnbuy:hover { background: #6eb48c; color: #fff; border-color: #6eb48c; text-decoration: none; } .penci-review-container.penci-review-count{ border-bottom: 1px solid #dedede; } .penci-review-container.penci-review-count h4{ font-size: 20px; margin: 0; } .penci-review-container.penci-review-count h4 span, .penci-review-container.penci-review-count h4 a { font-family: inherit; color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; text-decoration: none !important; } .penci-review-schemas, .penci-review-desc{ margin-top: 10px; } .post-entry .penci-review-desc p{ margin: 0; } .wrapper-penci-review .penci-review ul.penci-review-number { padding: 0; margin: 15px 0 0 0; } .wrapper-penci-review .penci-review ul.penci-review-number li { list-style: none; margin-bottom: 18px; } .wrapper-penci-review .penci-review ul.penci-review-number li:last-child { margin-bottom: 0; } .wrapper-penci-review .penci-review ul.penci-review-number li:before, .wrapper-penci-review .penci-review ul.penci-review-number li:after, ul.penci-review-number li .penci-review-text:before, ul.penci-review-number li .penci-review-text:after, .penci-review-row:before, .penci-review-row:after, .penci-review-point:before, .penci-review-point:after { content: ''; display: table; } .penci-review-text { font-weight: bold; } .penci-review-point { font-size: inherit; display: inline-block; } .penci-review-container.penci-review-point{ display: block; } .penci-review-score{ float: right; font-size: inherit; } .penci-review-process { display: block; height: 13px; background: #e6e6e6; width: 100%; margin-top: 5px; } .penci-review-process span { display: block; height: 13px; width: 0; background: #6eb48c; } .penci-review-row { display: inline-block; width: calc( 100% + 24px ); margin-left: -12px; margin-right: -12px; vertical-align: top; } .penci-review-stuff, .penci-review-average { float: left; display: inline-block; width: 66.666%; padding: 0 12px; } .penci-review-average { width: 33.333%; } .penci-review-average.full-w { width: 100%; margin: 0 !important; } .penci-review-stuff .penci-review-good { width: 50%; float: left; display: inline-block; padding: 0 12px; } .penci-review-stuff .penci-review-row.full-w .penci-review-good { width: 100%; } .penci-review-stuff .penci-review-good h5 { font-size: 15px; margin-bottom: 15px; } .penci-review .penci-review-good ul { padding: 0 0 0 0; margin: 0; } .penci-review .penci-review-good ul li { list-style: none; padding-left: 18px; margin-bottom: 7px; } .penci-review .penci-review-good ul li:last-child { margin-bottom: 0; } .penci-review .penci-review-good ul li:before { content: "\f058"; color: #22b162; position: absolute; left: 0; top: 5px; font-family: FontAwesome; font-size: 14px; line-height: 1; background: none !important; } .penci-fawesome-ver5 .penci-review .penci-review-good ul li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .penci-review .penci-review-bad ul li:before { content: "\f056"; color: #e03030; } .penci-review-score-total { background: #6eb48c; color: #fff; text-align: center; padding: 16px 10px; display: block; } .penci-review-score-total.only-score{ padding: 30px 10px; } .penci-review-score-num { font-size: 56px; font-family: 'Oswald', sans-serif; line-height: 1; font-weight: 400; } .penci-review-score-total span { font-size: 12px; } .penci-piechart { position: absolute; display: inline-block; vertical-align: top; right: 20px; top: 20px; text-align: center; width: 50px; height: 50px; z-index: 15; } .penci-piechart.penci-piechart-small { width: 34px; height: 34px; top: 7px; right: 7px; } .penci-chart-text { width: 50px; height: 50px; font-size: 16px; position: absolute; left: 0; top: 0; line-height: 50px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #fff; } .penci-piechart-small .penci-chart-text{ width: 34px; height: 34px; font-size: 12px; line-height: 34px; } /* = 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: 'Raleway', sans-serif; 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: 'PT Serif', serif; font-weight: normal; text-align: right; width: 25%; position: relative; } .widget_display_stats dd strong { font-weight: normal; } /* = Woocommerce ----------------------------------------------------*/ .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product { width: 23.076%; margin: 0 2.565% 60px 0; position: relative; } .woocommerce ul.products.columns-4 > li.product:nth-child( 4n+4 ), .woocommerce-page ul.products.columns-4 > li.product:nth-child( 4n+4 ) { margin-right: 0; } .woocommerce ul.products.columns-4 > li.product:nth-child( 4n+1 ), .woocommerce-page ul.products.columns-4 > li.product:nth-child( 4n+1 ) { clear: both; } .woocommerce .page-title { margin: 0 0 30px 0; padding-bottom: 0; text-align: left; position: relative; font-size: 24px; color: #313131; text-transform: uppercase; } .woocommerce .page-description { margin: -10px 0 22px; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0 0 30px; color: #888; } .woocommerce .woocommerce-ordering select { padding: 5px; outline: none; } .woocommerce span.onsale { min-width: 50px; min-height: 25px; height: 25px; line-height: 26px; left: 10px; top: 10px; background: #6eb48c; text-align: center; padding: 0 10px; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-family: 'Raleway', sans-serif; white-space: nowrap; } .woocommerce ul.products li.product .onsale { margin: 0; left: auto; right: 10px; top: 10px; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 18px; text-align: center; padding: 0; margin: 0 0 8px 0; color: #313131; letter-spacing: 0; } .woocommerce ul.products li.product a img { margin-bottom: 30px; } .woocommerce .products .star-rating { margin: 0; position: absolute; top: 16px; left: 10px; z-index: 5; } .woocommerce .star-rating span { color: #FFCA00; } .woocommerce ul.products li.product .price { margin: 0; text-align: center; } .woocommerce ul.products li.product .price del{ display: inline-block; font-size: 16px; color: #ccc; margin-right: 10px; opacity: 1; } .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price { font-size: 18px; color: #6eb48c; text-decoration: none; font-weight: normal; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 12px; color: #313131; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; text-align: center; margin: 0; padding: 10px 15px 9px; border: none; outline: none; min-width: 90px; } .woocommerce ul.products li.product .button { font-size: 14px; font-weight: bold; margin-top: 15px; display: block; font-family: 'Raleway', sans-serif; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; text-align: center; text-transform: uppercase; padding: 0; height: 40px; line-height: 40px; } .woocommerce a.added_to_cart { display: none !important; } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { top: auto; right: auto; margin-left: 5px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #6eb48c; color: #fff; } .woocommerce-pagination { margin-bottom: 60px; overflow: hidden; clear: both; text-align: center; } .woocommerce nav.woocommerce-pagination ul { list-style: none; display: inline-block; vertical-align: top; border: none; white-space: normal; margin: 0; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; border: none; } .woocommerce nav.woocommerce-pagination ul > li:last-child, .woocommerce .woocommerce-pagination ul.page-numbers li:last-child, .woocommerce-page .woocommerce-pagination ul.page-numbers li:last-child { margin-right: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0; width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; border: 1px solid #DEDEDE; color: #888; margin: 0; text-decoration: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { text-decoration: none; color: #313131; border-color: #999999; background: none; } .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; background: #6eb48c; border-color: #6eb48c; text-decoration: none; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 48.7197%; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-bottom: 40px; } .woocommerce .penci_sidebar #content div.product div.images, .woocommerce .penci_sidebar div.product div.images, .woocommerce-page .penci_sidebar #content div.product div.images, .woocommerce-page .penci_sidebar div.product div.images, .woocommerce .penci_sidebar #content div.product div.summary, .woocommerce .penci_sidebar div.product div.summary, .woocommerce-page .penci_sidebar #content div.product div.summary, .woocommerce-page .penci_sidebar div.product div.summary { width: 48.078%; } .woocommerce div.product div.images div.thumbnails, .woocommerce div.product div.images .flex-control-thumbs { padding-top: 30px; } .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a, .woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last, .woocommerce div.product div.images .flex-control-thumbs li { width: 21.0625%; margin-right: 5.25%; margin-bottom: 5.25%; } .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { width: 21.0625%; } .woocommerce #content div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first { clear: none; } .woocommerce #content div.product div.thumbnails a:nth-child(4n+4), .woocommerce div.product div.thumbnails a:nth-child(4n+4), .woocommerce-page #content div.product div.thumbnails a:nth-child(4n+4), .woocommerce-page div.product div.thumbnails a:nth-child(4n+4), .woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+4), .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(4n+5){ margin-right: 0; } .woocommerce #content div.product div.thumbnails a:nth-child(4n+1), .woocommerce div.product div.thumbnails a:nth-child(4n+1), .woocommerce-page #content div.product div.thumbnails a:nth-child(4n+1), .woocommerce-page div.product div.thumbnails a:nth-child(4n+1), .woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1){ clear: both; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child{ width: 100%; margin-right: 0; margin-bottom: 30px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { width: 7px; height: 7px; top: 11px; left: 11px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after{ top: 18px; left: 22px; } .woocommerce div.product .product_title { font-size: 30px; color: #313131; line-height: 1.2; margin-top: -4px; margin-bottom: 6px; } a.woocommerce-review-link{ font-size: 14px; color: #888; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 8px; } .woocommerce div.product p.price { margin-bottom: 12px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price, .woocommerce div.product span.price { font-weight: normal; text-decoration: none; font-size: 18px; color: #6eb48c; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { display: inline-block; font-size: 16px; color: #ccc; margin-right: 10px; opacity: 1; } .woocommerce div.product .entry-summary div[itemprop="description"] { position: relative; padding-top: 12px; margin-bottom: 24px; } .woocommerce div.product .entry-summary div[itemprop="description"]:before{ content: ""; width: 45px; height: 1px; position: absolute; top: 0; left: 0; background: #6eb48c; } .woocommerce div.product .woocommerce-tabs #tab-description #tab-description { display: block !important; } .woocommerce div.product div[itemprop="description"] .entry-summary p:last-child, .woocommerce div.product .woocommerce-tabs #tab-description > p:last-child { margin-bottom: 0; } .woocommerce div.product div[itemprop="description"] .entry-summary img, .woocommerce div.product .woocommerce-tabs #tab-description img { max-width: 100%; height: auto; } .woocommerce div.product div[itemprop="description"] a:hover, .woocommerce div.product .woocommerce-tabs #tab-description a:hover { text-decoration: underline; } .woocommerce div.product .entry-summary div[itemprop="description"] h1, .woocommerce div.product .entry-summary div[itemprop="description"] h2, .woocommerce div.product .entry-summary div[itemprop="description"] h3, .woocommerce div.product .entry-summary div[itemprop="description"] h4, .woocommerce div.product .entry-summary div[itemprop="description"] h5, .woocommerce div.product .entry-summary div[itemprop="description"] h6, .woocommerce div.product .entry-summary div[itemprop="description"] hr, .woocommerce div.product .woocommerce-tabs #tab-description h1, .woocommerce div.product .woocommerce-tabs #tab-description h2, .woocommerce div.product .woocommerce-tabs #tab-description h3, .woocommerce div.product .woocommerce-tabs #tab-description h4, .woocommerce div.product .woocommerce-tabs #tab-description h5, .woocommerce div.product .woocommerce-tabs #tab-description h6, .woocommerce div.product .woocommerce-tabs #tab-description hr, .woocommerce-product-details__short-description h1, .woocommerce-product-details__short-description h2, .woocommerce-product-details__short-description h3, .woocommerce-product-details__short-description h4, .woocommerce-product-details__short-description h5, .woocommerce-product-details__short-description h6, .woocommerce-product-details__short-description hr{ margin-bottom: 17px; } .woocommerce div.product div[itemprop="description"] p, .woocommerce div.product .woocommerce-tabs #tab-description p, .woocommerce-product-details__short-description p { margin-bottom: 17px; } .woocommerce div.product .entry-summary div[itemprop="description"] h1, .woocommerce div.product .entry-summary div[itemprop="description"] h2, .woocommerce div.product .entry-summary div[itemprop="description"] h3, .woocommerce div.product .entry-summary div[itemprop="description"] h4, .woocommerce div.product .entry-summary div[itemprop="description"] h5, .woocommerce div.product .entry-summary div[itemprop="description"] h6, .woocommerce div.product .woocommerce-tabs #tab-description h1, .woocommerce div.product .woocommerce-tabs #tab-description h2, .woocommerce div.product .woocommerce-tabs #tab-description h3, .woocommerce div.product .woocommerce-tabs #tab-description h4, .woocommerce div.product .woocommerce-tabs #tab-description h5, .woocommerce div.product .woocommerce-tabs #tab-description h6, .woocommerce-product-details__short-description h1, .woocommerce-product-details__short-description h2, .woocommerce-product-details__short-description h3, .woocommerce-product-details__short-description h4, .woocommerce-product-details__short-description h5, .woocommerce-product-details__short-description h6 { color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; } .woocommerce div.product .entry-summary div[itemprop="description"] h1, .woocommerce div.product .woocommerce-tabs #tab-description h1, .woocommerce-product-details__short-description h1{ font-size: 20px; } .woocommerce div.product .entry-summary div[itemprop="description"] h2, .woocommerce div.product .woocommerce-tabs #tab-description h2, .woocommerce-product-details__short-description h2{ font-size: 18px; } .woocommerce div.product .entry-summary div[itemprop="description"] h3, .woocommerce div.product .woocommerce-tabs #tab-description h3, .woocommerce-product-details__short-description h3{ font-size: 17px; } .woocommerce div.product .entry-summary div[itemprop="description"] h4, .woocommerce div.product .woocommerce-tabs #tab-description h4, .woocommerce-product-details__short-description h4{ font-size: 16px; } .woocommerce div.product .entry-summary div[itemprop="description"] h5, .woocommerce div.product .woocommerce-tabs #tab-description h5, .woocommerce-product-details__short-description h5 { font-size: 15px; } .woocommerce div.product .entry-summary div[itemprop="description"] h6, .woocommerce div.product .woocommerce-tabs #tab-description h6, .woocommerce-product-details__short-description h6{ font-size: 14px; } .woocommerce div.product .entry-summary div[itemprop="description"] hr, .woocommerce div.product .woocommerce-tabs #tab-description hr, .woocommerce-product-details__short-description hr{ border: 0; height: 0; border-bottom: 1px solid #dedede; clear: both; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote, .woocommerce div.product .woocommerce-tabs #tab-description blockquote, .woocommerce-product-details__short-description blockquote{ padding: 0; position: relative; margin: 0 0 20px 0; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote, .woocommerce div.product .woocommerce-tabs #tab-description blockquote, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote p, .woocommerce div.product .woocommerce-tabs #tab-description blockquote p, .woocommerce-product-details__short-description blockquote, .woocommerce-product-details__short-description blockquote p { font-size: 16px; color: #888; font-style: italic; line-height: 1.7; text-align: left; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote p, .woocommerce div.product .woocommerce-tabs #tab-description blockquote p, .woocommerce-product-details__short-description blockquote p{ margin: 0; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote, .woocommerce div.product .woocommerce-tabs #tab-description blockquote, .woocommerce-product-details__short-description blockquote { position: relative; padding: 0 0 0 46px; border: none !important; overflow: hidden; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before, .woocommerce div.product .woocommerce-tabs #tab-description blockquote:before, .woocommerce-product-details__short-description blockquote:before { color: #6eb48c; content: '“'; font-family: 'Playfair Display SC', serif; font-size: 64px; font-weight: 900; line-height: 1; font-style: normal; position: absolute; top: -4px; left: 0; } .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-product-details__short-description blockquote cite, .woocommerce-product-details__short-description blockquote .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: #6eb48c; font-style: normal; font-family: "Raleway", sans-serif; font-weight: bold; overflow: hidden; text-align: left; position: relative; z-index: 1; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span, .woocommerce-product-details__short-description blockquote .author span { position: relative; display: inline-block; padding: 0 10px 0 0; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span:after, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span:after, .woocommerce-product-details__short-description blockquote .author span:after { content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: #6eb48c; left: 100%; opacity: 0.8; } .woocommerce div.product .entry-summary div[itemprop="description"] ul, .woocommerce div.product .entry-summary div[itemprop="description"] ol, .woocommerce div.product .woocommerce-tabs #tab-description ul, .woocommerce div.product .woocommerce-tabs #tab-description ol, .woocommerce-product-details__short-description ul, .woocommerce-product-details__short-description ol { padding-left: 50px; margin-bottom: 20px; } .woocommerce div.product .entry-summary div[itemprop="description"] ul ul, .woocommerce div.product .woocommerce-tabs #tab-description ul ul, .woocommerce-product-details__short-description ul ul { margin: 2px 0; padding-left: 22px; } .woocommerce div.product .entry-summary div[itemprop="description"] ol ol, .woocommerce div.product .woocommerce-tabs #tab-description ol ol, .woocommerce-product-details__short-description ol ol { margin: 2px 0; padding-left: 32px; } .woocommerce div.product .entry-summary div[itemprop="description"] ul li, .woocommerce div.product .woocommerce-tabs #tab-description ul li, .woocommerce-product-details__short-description ul li { margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } .woocommerce div.product .entry-summary div[itemprop="description"] ol li, .woocommerce div.product .woocommerce-tabs #tab-description ol li, .woocommerce-product-details__short-description ol li { margin-bottom: 2px; list-style: decimal; } .woocommerce div.product .entry-summary div[itemprop="description"] table, .woocommerce div.product .woocommerce-tabs #tab-description table, .woocommerce-product-details__short-description table { width: 100%; margin-bottom: 22px; border-collapse: collapse; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; } .woocommerce div.product .entry-summary div[itemprop="description"] td, .woocommerce div.product .entry-summary div[itemprop="description"] th, .woocommerce div.product .woocommerce-tabs #tab-description td, .woocommerce div.product .woocommerce-tabs #tab-description th, .woocommerce-product-details__short-description td, th { padding: 12px; border-bottom: 1px #e9e9e9 solid; } .woocommerce div.product .entry-summary div[itemprop="description"] th, .woocommerce div.product .woocommerce-tabs #tab-description th, .woocommerce-product-details__short-description th { font-weight: bold; font-size: 14px; background: #f5f5f5; } .woocommerce div.product .entry-summary div[itemprop="description"] tr:hover, .woocommerce div.product .woocommerce-tabs #tab-description tr:hover, .woocommerce-product-details__short-description tr:hover { background: #ffffff; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { border: none; padding: 13px 15px; min-width: 150px; background: #313131; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-size: 13px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #6eb48c; color: #fff; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 30px; } .woocommerce div.product p.out-of-stock { font-size: 18px; } .woocommerce div.product form.cart div.quantity { margin-right: 20px; } .woocommerce .quantity .qty { padding: 3px 5px; width: 60px; line-height: 32px; outline: none; border: 1px solid #dedede; font-size: 18px; font-weight: bold; font-family: "Raleway", sans-serif; } .woocommerce div.product .product_meta { padding-top: 25px; border-top: 1px solid #DEDEDE; } .woocommerce div.product .product_meta > span { display: block; color: #888; font-size: 14px; margin-bottom: 8px; } .woocommerce div.product .product_meta > span a { color: #888; } .woocommerce div.product .product_meta > span a:hover { color: #6eb48c; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 12px 0; margin: 0 0 24px 0; text-align: center; border-bottom: 1px solid #DEDEDE; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before{ content: none; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin: 0; padding: 0 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 5px 0; font-family: 'Raleway', sans-serif; font-size: 14px; color: #313131; text-transform: uppercase; font-weight: bold; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #888888; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: none; border: none; color: #6eb48c; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 50px; } .woocommerce div.product .woocommerce-tabs .panel > h2:first-child, .woocommerce div.product .woocommerce-tabs .panel #reviews #comments h2, .woocommerce div.product .woocommerce-tabs .panel #respond h3.comment-reply-title, .woocommerce div.product .woocommerce-tabs .panel #respond .comment-reply-title { font-size: 18px; color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; margin-bottom: 17px; text-transform: uppercase; font-weight: bold; text-align: left; display: block; } .woocommerce div.product .woocommerce-tabs .panel #respond .comment-reply-title { margin-top: 24px; font-family: 'Raleway', sans-serif; } .woocommerce div.product form.comment-form .comment-form-rating { margin-bottom: 15px !important; } .woocommerce #review_form #respond p, .woocommerce #review_form #respond .comment-form-rating { margin-left: 0; margin-right: 0; } .woocommerce #review_form #respond p.comment-form-author { margin-right: 20px; } .woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; color: #313131; position: relative; z-index: 10; display: block; padding: 0; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #dedede; } .woocommerce div.product form.cart .variations td.label{ padding-bottom: 15px; } .woocommerce div.product form.cart .variations select { margin-bottom: 15px; } .woocommerce div.product p.stock { font-size: 100%; margin-bottom: 20px; } .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url { width: 100%; max-width: 374px; padding: 0; float: none; } .woocommerce #review_form #respond textarea, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author input, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email input, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url input{ margin: 0; } .woocommerce #review_form #respond p.form-submit { margin-bottom: 0; margin-top: 20px; text-align: left; } .woocommerce #review_form #respond p.form-submit input[type="submit"] { padding: 15px 15px; font-size: 14px; } .woocommerce .comment-form p.stars a { color: #FFCA00; } .woocommerce .comment-form p.stars a:hover { color: #FFCA00; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 0; background: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 80px; border: 1px solid #dedede; padding: 12px 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta { margin-bottom: 9px; color: #888888; font-size: 14px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 13px; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong { font-size: 14px; color: #313131; text-transform: uppercase; font-family: 'Raleway', sans-serif; } .woocommerce #reviews #comments ol.commentlist li .comment-text div[itemprop="description"] > p:last-child { margin: 0; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background: #fff; border: 1px solid #dedede; border-top: 3px solid #6eb48c; margin-bottom: 30px !important; padding-left: 56px; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { top: 1em; margin-top: 3px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 0 0 15px 0; margin: 0 0 15px; border-bottom: 1px solid #DEDEDE; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 0; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { margin-top: 20px; padding-top: 15px; font-size: 16px; } .woocommerce .widget_shopping_cart p.buttons, .woocommerce.widget_shopping_cart p.buttons { margin-top: 15px; } .woocommerce .widget_shopping_cart p.buttons a, .woocommerce.widget_shopping_cart p.buttons a, .woocommerce .widget_price_filter .price_slider_amount .button { color: #fff; background: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-size: 12px; } .woocommerce .widget_shopping_cart p.buttons a.checkout, .woocommerce.widget_shopping_cart p.buttons a.checkout { margin-left: 16px; } .woocommerce .widget_shopping_cart p.buttons a:hover, .woocommerce.widget_shopping_cart p.buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce div.product form.cart .button:hover { opacity: 0.8; background: #313131; color: #fff; text-decoration: none; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-size: 16px; font-weight: bold; margin-bottom: 10px; text-decoration: none; font-family: 'Raleway', sans-serif; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 90px; margin: 0 20px 0 0; float: left; } .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount { font-size: 18px; color: #6eb48c; text-decoration: none; } .woocommerce ul.cart_list li del .amount, .woocommerce ul.product_list_widget li del .amount { font-size: 16px; color: #ccc; margin-right: 5px; } .woocommerce ul.product_list_widget li ins, .woocommerce ul.product_list_widget li ins { text-decoration: none; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin-bottom: 10px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { font-size: 24px; width: 24px; height: 24px; background: none !important; color: #ff0000 !important; border: 1px solid #ccc; line-height: 20px; text-align: center; margin-top: 5px; margin-left: 5px; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 6px; margin-bottom: 20px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #DEDEDE; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #313131; width: 18px; height: 18px; top: -6px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #888; } .woocommerce .widget_price_filter .price_label { color: #888; font-size: 14px; } .woocommerce .woocommerce-product-search .screen-reader-text { display: none; } .woocommerce .woocommerce-product-search input[type="submit"] { display: none; } .woocommerce .woocommerce-product-search input[type="search"] { border: 1px solid #e9e9e9; background: #fff url(/wp-content/themes/soledad/images/searchsubmit.png) no-repeat 94% 15px; padding: 14px 43px 14px 20px; color: #313131; } .woocommerce table.shop_table { border: none; border-collapse: collapse; margin: 0 0 27px 0; } .woocommerce table.shop_table th { padding: 0 0 15px 0; font-weight: bold; text-transform: uppercase; color: #313131; background: none; font-size: 14px; font-family: 'Raleway', sans-serif; } .woocommerce table.shop_table td { padding: 30px 0; border-color: #dedede; border-bottom: none; } .woocommerce-cart table.cart img { width: 90px; } .woocommerce table.shop_table a.remove { width: 30px; height: 30px; border: 1px solid #dedede; color: #dedede !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none !important; line-height: 26px; font-size: 26px; text-decoration: none; } .woocommerce table.shop_table a.remove:hover { color: #ff0000 !important; } .woocommerce table.shop_table td.product-name a { font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: bold; color: #313131; text-decoration: none; } .woocommerce table.shop_table td.product-name a:hover { color: #6eb48c; } .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span{ font-size: 18px; color: #6eb48c; } .woocommerce table.shop_table .quantity .qty { line-height: 28px; } .woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid #e9e9e9; padding: 12px 20px 11px; font-family: 'PT Serif', serif; font-size: 12px; color: #313131; min-width: 150px; margin-right: 20px; } .woocommerce-cart table.cart input[type="submit"] { padding: 13px 20px 13px; font-size: 13px; background: #313131; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce-cart .woocommerce input.button[name="update_cart"]{ color: #ffffff; background: #313131; opacity: 1; padding: 13px 20px 13px; } .woocommerce-cart .woocommerce input.button[name="update_cart"]:hover, .woocommerce-cart table.cart input[type="submit"]:hover { background: #313131; color: #fff; opacity: 0.8; } .woocommerce .woocommerce-cart-form .cart .button[name="apply_coupon"], .woocommerce .woocommerce-cart-form .cart button.button:disabled, .woocommerce .woocommerce-cart-form .cart button.button:disabled[disabled] { padding: 13px 20px; line-height: 14px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { font-size: 16px; text-transform: uppercase; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: collapse; border: 1px solid #dedede; padding: 0 30px; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { background: none; padding: 15px 30px; } .woocommerce-cart .cart-collaterals .cart_totals table td .amount { font-size: 18px; color: #6eb48c; } .woocommerce-cart .cart-collaterals .cart_totals .form-row { padding: 0; margin-bottom: 15px; } .woocommerce-shipping-calculator p { margin-bottom: 10px; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form select { padding: 5px; max-width: 400px; width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="text"], .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="date"], .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="number"], .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="search"] { max-width: 400px; padding: 8px; } .woocommerce .woocommerce-info:before { color: #6eb48c; top: 1em; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"] { padding: 14px 20px; color: #fff; background: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"]:hover { background: #313131; color: #fff; opacity: 0.8; } .woocommerce-cart .wc-proceed-to-checkout a { display: inline-block !important; padding-left: 20px !important; padding-right: 20px !important; background: #313131 !important; color: #fff !important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce-cart .wc-proceed-to-checkout a:hover { opacity: 0.8; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0; border: 1px solid #dedede; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { border: 1px solid #dedede; padding: 14px 20px; color: #313131; } p.lost_password { margin-bottom: 0 !important; } .woocommerce form.checkout_coupon { } .woocommerce form.login .form-row { margin-bottom: 20px; } .woocommerce form .form-row input[type="submit"], .woocommerce .return-to-shop .button { background: #313131; color: #fff; padding: 15px 20px; } .woocommerce form .form-row input[type="submit"]:hover, .woocommerce .return-to-shop .button:hover { opacity: 0.8; background: #313131; color: #fff; } .woocommerce form.login .form-row input[type="submit"] { margin-right: 20px; } .woocommerce form.checkout .form-row { margin-bottom: 20px; padding: 0; } .woocommerce form .form-row { padding-left: 0; padding-right: 0; } .woocommerce form.checkout h3 { font-size: 16px; text-transform: uppercase; } .woocommerce form.checkout h3#order_review_heading { margin-top: 28px; } .woocommerce form.checkout table.shop_table { border: 1px solid #dedede; } .woocommerce form.checkout table.shop_table th, .woocommerce form.checkout table.shop_table td { padding: 15px 30px; } .woocommerce form.checkout table.shop_table .amount { font-size: 16px; } .woocommerce form.checkout table.shop_table .order-total .amount { color: #6eb48c; } .woocommerce-checkout #payment { background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .woocommerce-checkout #payment ul.payment_methods { padding: 30px; border: 1px solid #dedede; } .woocommerce-checkout #payment ul.payment_methods li { list-style: none !important; } .woocommerce-checkout #payment div.form-row.place-order { padding: 0; margin-top: 30px; margin-bottom: 0; } .woocommerce-checkout #payment div.payment_box { background: none; color: #888; padding: 0; } .woocommerce-checkout #payment div.payment_box:before { content: none; display: none; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: left; } .woocommerce form.lost_reset_password .form-row input[type="submit"], .woocommerce form.register .form-row input[type="submit"] { margin-top: 20px; } section.related.products { clear: both; } 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; } .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: -30px; 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-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 #6eb48c; 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{ padding-left: 330px; } .penci-vernav-enable.penci-vernav-poright .wrapper-boxed { 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; } #searchform.penci-hbg-search-form .inner-hbg-search-form { position: relative; } #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; } #searchform.penci-hbg-search-form input.search-input:hover, #searchform.penci-hbg-search-form input.search-input:focus{ border-color: #6eb48c; } #searchform.penci-hbg-search-form i { position: absolute; right: 18px; top: 50%; line-height: 1; font-size: 14px; color: #c7c7c7; margin-top: -7px; } #sidebar-nav #searchform.penci-hbg-search-form input.search-input:hover, #sidebar-nav #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; } @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 .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: 51px; } .post-entry .item-content p, .post-entry .mag-excerpt p { margin-bottom: 0; } /*----------------------------------------------- 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 .owl-item .item { 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; } } @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 #top-search, #navigation.header-5 #top-search, #navigation.header-6 #top-search { 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 .penci-mega-latest-posts.col-mn-5.mega-row-1 .penci-mega-post:nth-child(5), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-1 .penci-mega-post:nth-child(4), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(9), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(10), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(8), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(7), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(15), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(14), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(13), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(12), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(11), #navigation .penci-megamenu .penci-content-megamenu .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 .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(4n+1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(3n+1), #navigation .penci-megamenu .penci-content-megamenu .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; } .penci-grid li.list-post .item .content-list-right { padding-left: 400px; } .penci_sidebar .penci-grid li.list-post .item .content-list-right, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding-left: 321px; } /* 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; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount { font-size: 16px; } .woocommerce div.product .product_title { font-size: 24px; } } @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 .owl-item .item { width: 760px; } .penci-top-bar { text-align: center; } .penci-top-bar.no-social { display: none; } .penci-top-bar.no-social.topbar-menu{ display: block; } .penci-topbar-social { float: none; } .headline-title, .penci-headline-posts { display: none !important; } .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 #top-search > a, #navigation.header-9 .show-search a.close-search, #navigation.header-9 .main-nav-social, #navigation.header-10 #top-search > a, #navigation.header-10 .show-search a.close-search, #navigation.header-10 .main-nav-social, #navigation.header-11 #top-search > a, #navigation.header-11 .show-search a.close-search, #navigation.header-11 .main-nav-social { height: 58px; line-height: 58px; } #navigation.header-10 .show-search #searchform input.search-input, .is-sticky #navigation.header-11 .show-search #searchform input.search-input, #navigation.header-11 .show-search #searchform input.search-input{ padding: 15px 35px 15px 15px; height: 58px; } #navigation.header-6 #top-search > 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 #searchform input.search-input { height: 58px; padding: 15px 35px 15px 0; } #navigation.header-6 #top-search.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.owl-loaded .active .featured-cat, .featured-style-35 .penci-owl-carousel.owl-loaded .active .feat-text-right h3, .featured-style-35 .penci-owl-carousel.owl-loaded .active .featured-content-excerpt, .featured-style-35 .penci-owl-carousel.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 #top-search, #navigation.header-5 .container #top-search, #navigation.header-6 .container #top-search { 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; } .featured-carousel .featured-content .feat-text h3 a { font-size: 18px; letter-spacing: 1px; } .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; } .woocommerce div.product .product_title { font-size: 24px; } div.penci-topbar-menu > ul{ display: none !important; } .penci-top-bar.topbar-menu{ height: auto; padding-top: 10px; } 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: 10px; } ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a { line-height: 1.5; } ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu { top: auto; } ul.penci-topbar-menu li:hover > ul.sub-menu, div.penci-topbar-menu > ul li:hover > ul.sub-menu { display: none; } } /*--------- 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 li.list-post .item .content-list-right, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding-left: 378px; } .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; } .woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product, .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product { width: 30.769%; margin-right: 3.8465%; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first, .woocommerce ul.products.columns-4 > li.product:nth-child( 4n+1 ), .woocommerce-page ul.products.columns-4 > li.product:nth-child( 4n+1 ) { clear: none; } .woocommerce ul.products.columns-5 > li.product:nth-child( 3n+1 ), .woocommerce-page ul.products.columns-5 > li.product:nth-child( 3n+1 ), .woocommerce ul.products.columns-4 > li.product:nth-child( 3n+1 ), .woocommerce-page ul.products.columns-4 > li.product:nth-child( 3n+1 ) { clear: both; } .woocommerce ul.products.columns-5 > li.product:nth-child( 4n+4 ), .woocommerce-page ul.products.columns-5 > li.product:nth-child( 4n+4 ), .woocommerce ul.products.columns-4 > li.product:nth-child( 4n+4 ), .woocommerce-page ul.products.columns-4 > li.product:nth-child( 4n+4 ) { margin-right: 3.8465%; } .woocommerce ul.products.columns-5 > li.product:nth-child( 3n+3 ), .woocommerce-page ul.products.columns-5 > li.product:nth-child( 3n+3 ), .woocommerce ul.products.columns-4 > li.product:nth-child( 3n+3 ), .woocommerce-page ul.products.columns-4 > li.product:nth-child( 3n+3 ){ margin-right: 0; } } /*--------- Min width 768px ---------*/ @media only screen and (min-width: 768px) { .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, .container.two-sidebar .penci-grid li.pclist-layout .item .content-list-right{ padding-left: 30px; width: 51.948%; float: left; } .penci-latest-posts-sc .penci-grid li.list-post .item > .thumbnail, .penci-featured-cat-sc .penci-grid li.list-post .item > .thumbnail, .container.two-sidebar .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 .owl-item .item { 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: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } h2.penci-heading-video { font-size: 18px; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } p.penci-sub-heading-video { font-size: 12px; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .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; letter-spacing: 1px; } .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 .feat-text h3 a { letter-spacing: 1px; } .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; letter-spacing: 1px; } .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 { width: 100%; 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; } .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; } .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; letter-spacing: 1px; 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-text-editor h1 { font-size: 24px; } .elementor-text-editor h2 { font-size: 22px; } .elementor-text-editor h3 { font-size: 20px; } .elementor-text-editor h4 { font-size: 18px; } .elementor-text-editor h5 { font-size: 16px; } .elementor-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; letter-spacing: 1px; } .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; } .penci-review-stuff, .penci-review-average, .penci-review-stuff .penci-review-good { width: 100%; } .penci-review-score-total, .penci-review-stuff .penci-review-bad { margin-top: 20px; } .penci-review-container.penci-review-count h4 { font-size: 18px; } .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; } .woocommerce .penci_sidebar #content div.product div.images, .woocommerce .penci_sidebar div.product div.images, .woocommerce-page .penci_sidebar #content div.product div.images, .woocommerce-page .penci_sidebar div.product div.images, .woocommerce .penci_sidebar #content div.product div.summary, .woocommerce .penci_sidebar div.product div.summary, .woocommerce-page .penci_sidebar #content div.product div.summary, .woocommerce-page .penci_sidebar div.product div.summary, .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 100%; float: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block; margin-bottom: 10px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product, .woocommerce .penci_sidebar ul.products.columns-4 li.product, .woocommerce-page .penci_sidebar ul.products.columns-4 li.product { width: 48%; margin-right: 4%; } .woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+1 ), .woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+1 ) { clear: none; } .woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+3 ), .woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 3n+3 ) { margin-right: 4%; } .woocommerce ul.products li.product:nth-child(2n+2), .woocommerce-page ul.products li.product:nth-child(2n+2), .woocommerce ul.products.columns-4 li.product:nth-child(2n+2), .woocommerce-page ul.products.columns-4 li.product:nth-child(2n+2), .woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 2n+2 ), .woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 2n+2 ) { margin-right: 0; } .woocommerce ul.products li.product:nth-child(2n+1), .woocommerce-page ul.products li.product:nth-child(2n+1), .woocommerce ul.products.columns-4 li.product:nth-child(2n+1), .woocommerce-page ul.products.columns-4 li.product:nth-child(2n+1), .woocommerce .penci_sidebar ul.products.columns-4 > li.product:nth-child( 2n+1 ), .woocommerce-page .penci_sidebar ul.products.columns-4 > li.product:nth-child( 2n+1 ) { clear: both; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount, .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 { font-size: 16px; } .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions input { width: auto; } .woocommerce #reviews #comments ol.commentlist li img.avatar { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 0; } } /*--------- 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, #widget-area > .container, #footer-section > .container, .penci-two-sidebar .container.penci-breadcrumb { padding-left: 20px; padding-right: 20px; } .wrapper-boxed > .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 #top-search { margin-left: 5px; } #navigation.header-6 #logo img { max-width: 200px; } .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 .owl-item .item, .featured-style-38 .penci-owl-carousel .owl-item .item { 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 .owl-nav .owl-prev { left: 10px; } .penci-magazine-slider .penci-direction-nav a.penci-next, .penci-owl-carousel .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 .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_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: 56px; } .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; letter-spacing: 1px; } .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; letter-spacing: 1px; } .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%; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a, .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{ font-size: 16px; } .penci-review-thumb{ display: none; } /* 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 { display: block; margin-top: 5px; } .post-box-meta-single span:before { content: ""; display: none; } .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-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-text-editor ul, .woocommerce .page-description ul, .post-entry ol, .elementor-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; } .post-pagination .prev-post { margin-bottom: 15px; } .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 img { max-width: 280px; } .footer-instagram h4.footer-instagram-title span { padding: 0 20px; font-size: 14px; } .comments .children, .comments > .comment > .comment, .comments > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment > .comment { margin: 0 0 0 30px; } .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; } .home-featured-cat-content .magcat-detail .mag-meta { display: none; } .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; } .penci-review-metas .penci-review-meta { display: block; margin-bottom: 4px; } .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%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .penci_sidebar ul.products li.product, .woocommerce-page .penci_sidebar ul.products li.product { width: 100% !important; margin-right: 0 !important; } .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url { max-width: 300px; } .woocommerce table.shop_table th { font-size: 12px; } .woocommerce table.shop_table .quantity .qty { width: 46px; font-size: 14px; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 48%; margin-right: 0; margin-bottom: 20px; } .woocommerce table.shop_table a.remove { width: 20px; height: 20px; line-height: 18px; font-size: 20px; } .woocommerce table.shop_table td.product-name a { font-size: 14px; padding-left: 5px; } } @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; } } .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: 768px) { .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: 'Raleway', sans-serif; font-style: normal; letter-spacing: 1px; font-weight: bold; } .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: 'Raleway', sans-serif; font-weight: bold; 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: 960px) { .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: 1400px; display: flex; flex-wrap:wrap; } .penci-two-sidebar .container.penci-breadcrumb { width: 1400px; } .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: 1170px; } .vc-penci-w1400 { max-width: 1400px; } .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; } .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 { float: right; clear: both; } .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-title { font-size: 36px; color: #111; margin-top: 0; margin-bottom: 5px; } .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; width: 60px; clear: both; } .penci-separator-center { margin-left: auto; margin-right: auto; } .penci-separator-right { float: right; } .penci-separator-right .penci-heading-icon { margin-right: 0; } .penci-separator-left .penci-heading-icon { margin-left: 0; } .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; display: block; position: relative; top: 1px; width: 100%; } .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: #6eb48c; } /**** Shortcode info box *****/ .penci-animation-shrink { transition-duration: .3s; transition-property: transform } .penci-animation-shrink:active, .penci-animation-shrink:hover { transform: scale(0.9) } .penci-animation-grow { transition-duration: .3s; transition-property: transform } .penci-animation-grow:active,.penci-animation-grow:hover { transform: scale(1.1) } @keyframes penci-animation-pulse { 25% { transform: scale(1.1) } 75% { transform: scale(0.9) } } .penci-animation-pulse:active,.penci-animation-pulse:hover { 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-animation-pulse-grow:hover { animation-name: penci-animation-pulse-grow; animation-duration: .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-animation-pulse-shrink:hover { animation-name: penci-animation-pulse-shrink; animation-duration: .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-animation-push:hover { animation-name: penci-animation-push; animation-duration: .3s; animation-timing-function: linear; animation-iteration-count: 1 } @keyframes penci-animation-pop { 50% { transform: scale(1.2) } } .penci-animation-pop:active,.penci-animation-pop:hover { animation-name: penci-animation-pop; animation-duration: .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: .5em; background-color: #818a91; color: #fff; fill: #fff; } .penci-view-framed .penci-icon { padding: .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; } .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: 0; left: 0; transition: all 0.7s; } .penci-info-box .penci-ibox-icon--image { width: 90px; height: 90px; overflow: hidden; position: relative; } .penci-info-box .penci-ibox-icon--image img { width: 100%; height: auto; } .penci-info-box .penci-ibox-line { margin-top: 10px; margin-bottom: 0; width: 40px; height: 2px; background: #6eb48c; display: inline-block; vertical-align: top; } .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-info-box .penci-ibox-icon--image:hover .penci-ibox-img_active { opacity: 0; visibility: hidden; } .penci-info-box .penci-ibox-icon--image:hover .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; } .penci-ibox-top-right .penci-ibox-icon, .penci-ibox-top-center .penci-ibox-icon, .penci-ibox-top-left .penci-ibox-icon { margin-bottom: 20px; } .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-right .penci-ibox-inner { text-align: right; float: right; overflow: hidden; } .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; } .penci-ibox-float-right .penci-ibox-icon { margin-left: 20px; } .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; } .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; cursor: pointer; } .penci-shape-circle .penci-animation-custom-5:after, .penci-shape-circle .penci-animation-custom-4:after, .penci-shape-circle .penci-animation-custom-3:after, .penci-shape-circle .penci-animation-custom-2:after, .penci-shape-circle .penci-animation-custom-1:after{ -webkit-border-radius: 50%; border-radius: 50%; z-index: 1; } .penci-view-stacked .penci-animation-custom-5:after, .penci-view-stacked .penci-animation-custom-4:after, .penci-view-stacked .penci-animation-custom-3:after, .penci-view-stacked .penci-animation-custom-2:after, .penci-view-stacked .penci-animation-custom-1: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.2s, opacity 0.2s; opacity: 0; } .penci-view-stacked .penci-animation-custom-2:after{ transform: scale(1.3); } .penci-view-stacked .penci-animation-custom-1:after { transform: scale(0.8); } .penci-view-stacked .penci-animation-custom-2:hover, .penci-view-stacked .penci-animation-custom-1:hover{ background-color: #818a91; color: #fff; fill: #fff; } .penci-view-stacked .penci-animation-custom-2:hover:after, .penci-view-stacked .penci-animation-custom-1:hover: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:after, .penci-view-stacked .penci-animation-custom-4:after, .penci-view-stacked .penci-animation-custom-3:after { transform: scale(1); box-shadow: none; background: #818a91; opacity: 1; z-index: 0; } .penci-view-stacked .penci-animation-custom-5, .penci-view-stacked .penci-animation-custom-4, .penci-view-stacked .penci-animation-custom-3 { background-color: transparent !important; box-shadow:inset 0 0 0 3px #818a91; } .penci-view-stacked .penci-animation-custom-3:hover: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: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:hover, .penci-view-stacked .penci-animation-custom-4:hover{ color: #818a91; fill: #818a91; } .penci-view-stacked .penci-animation-custom-5 { transition: color 0.3s; } .penci-view-stacked .penci-animation-custom-5:hover: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:after, .penci-view-framed .penci-animation-custom-2:after, .penci-view-framed .penci-animation-custom-1: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:after{ background: #818a91; z-index: -1; transform: scale(1.3); } .penci-view-framed .penci-animation-custom-1:hover { color: #fff; } .penci-view-framed .penci-animation-custom-1:hover:after { transform: scale(1); opacity: 1; } .penci-view-framed .penci-animation-custom-2: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:hover { border-color: transparent !important; } .penci-view-framed .penci-animation-custom-3 { 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: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: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: 'Montserrat', sans-serif; -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: #6eb48c; } .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: 'Raleway', sans-serif; font-style: normal; font-weight: bold; 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: #6eb48c; 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{ 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: .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: "Raleway", sans-serif; background: #F5F5F5; border-radius: 0; color: #313131; transition: .3s; cursor: pointer; text-align: center; margin: 0; padding: 0; } .penci-user-logged-in .penci-user-action-links a:hover { color: #fff; background: #6eb48c; } .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-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: .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: #6eb48c; } .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 ***/ .penci-social-counter .penci-block_content { width: 100%; } .penci-socialCT-wrap .penci-socialCT-item { overflow: hidden; margin-bottom: 10px; } .penci-socialCT-wrap .penci-social-content { width: 100%; min-height: 40px; border: 0; padding: 5px 30px; position: relative; transition: all 0.3s; overflow: hidden; height: 100%; display: flex; flex-wrap: wrap; align-items: center; } .penci-socialCT-wrap .penci-socialCT-item{ display: block; } .penci-socialCT-wrap .penci-socialCT-item, .penci-socialCT-wrap .penci-socialCT-item a { color: #fff; } .penci-socialCT-wrap i { margin-right: 10px; } .penci-socialCT-wrap .penci-social-button span { margin-right: 5px; } .penci-socialCT-wrap .penci-socialCT-item:hover .penci-social-content { opacity: 0.85; } .penci-socialCT-wrap .penci-social-content i, .penci-socialCT-wrap .penci-social-content span { color: inherit; font-size: inherit; display: inline-block; vertical-align: top; line-height: 20px; } .penci-socialCT-s1 .penci-social-content > span { display: block; width: 100%; } .penci-socialCT-wrap.penci-socialCT-s2 i, .penci-socialCT-wrap.penci-socialCT-s2 .penci-social-name, .penci-socialCT-wrap.penci-socialCT-s1 i, .penci-socialCT-wrap.penci-socialCT-s1 .penci-social-name { font-size: 14px; text-transform: uppercase; } .penci-socialCT-wrap.penci-socialCT-s2 .penci-social-button, .penci-socialCT-wrap.penci-socialCT-s1 .penci-social-button { font-size: 12px; } .penci-socialCT-s1 .penci-social-name { margin-right: 15px; } .penci-socialCT-s2 .penci-social-button, .penci-socialCT-s1 .penci-social-button { float: right; text-transform: uppercase; } .penci-socialCT-s2 .penci-social-content, .penci-socialCT-s1 .penci-social-content { border-radius: 3px; overflow: hidden; } .penci-socialCT-s1 .penci-socialCT-item, .penci-socialCT-s1 .penci-socialCT-item a { width: 100%; } .penci-socialCT-s4 .penci-social-content, .penci-socialCT-s2 .penci-social-content { justify-content: center; } .penci-socialCT-wrap.penci-socialCT-s2 { margin-left: -5px; margin-right: -5px; margin-top: -10px; overflow: hidden; } .penci-socialCT-s2 .penci-socialCT-item { width: 50%; padding-left: 5px; padding-right: 5px; float: left; margin-top: 10px; margin-bottom: 0; } .penci-socialCT-wrap.penci-socialCT-s5, .penci-socialCT-wrap.penci-socialCT-s3 { margin: -10px -5px 0; overflow: hidden; } .penci-socialCT-s5 .penci-socialCT-item, .penci-socialCT-s3 .penci-socialCT-item { width: 50px; height: 40px; line-height: 36px; float: left; padding: 0 5px; margin-top: 10px; margin-bottom: 0; } .penci-socialCT-wrap.penci-socialCT-s5 .penci-social-content, .penci-socialCT-wrap.penci-socialCT-s3 .penci-social-content { padding: 0 5px; justify-content: center; align-items: center; width: 40px; height: 40px; } .penci-socialCT-wrap.penci-socialCT-s5 .penci-social-content { border-radius: 50%; overflow: hidden; } .penci-socialCT-wrap.penci-socialCT-s6 i, .penci-socialCT-wrap.penci-socialCT-s5 i, .penci-socialCT-wrap.penci-socialCT-s3 i { margin: 0; } .penci-socialCT-s4 .penci-social-content a, .penci-socialCT-s4 .penci-social-content i, .penci-socialCT-s4 .penci-social-content span { display: block; line-height: 1.3; text-align: center; margin: 0; } .penci-socialCT-s4 { margin-left: -2px; margin-right: -2px; margin-top: -4px; overflow: hidden; display: flex; flex-wrap: wrap; } .penci-socialCT-s4 .penci-socialCT-item { width: 33.33333%; float: left; min-height: 90px; padding-left: 2px; padding-right: 2px; margin-top: 4px; margin-bottom: 0; } .penci-socialCT-s4 .penci-social-content { padding: 10px; } .penci-socialCT-s4 .penci-social-content i { font-size: 18px; line-height: 1.33; padding-bottom: 6px; } .penci-socialCT-s4 .penci-social-content .penci-social-number { padding-bottom: 3px; } .penci-socialCT-s4 .penci-social-content .penci-social-info-text { font-size: 10px; } .penci-socialCT-wrap.penci-socialCT-s6{ display: flex; flex-wrap: wrap; margin: -30px -10px 0; } .penci-socialCT-s6 .penci-socialCT-item { width: 33.333%; text-align: center; margin-top: 30px; padding-left: 10px; padding-right: 10px; } .penci-socialCT-s6 .penci-social-content { height: 90px; width: 90px; min-height: 0; justify-content: center; align-items: center; border-radius: 50%; margin: 0 auto 12px; } .penci-socialCT-s6 .penci-socialCT-item i { font-size: 24px; } .penci-socialCT-s6 .penci-social-info-text, .penci-socialCT-s6 .penci-social-number { color: #111; font-size: 11px; font-weight: bold; text-transform: uppercase; } .penci-socialCT-s6 .penci-social-info-text { margin-left: 3px; } .pencisc-column-3 .penci-socialCT-wrap { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .pencisc-column-3 .penci-socialCT-s1 .penci-socialCT-item { width: 33.333%; padding-left: 5px; padding-right: 5px; float: left; } .pencisc-column-3 .penci-socialCT-s2 .penci-socialCT-item { width: 16.6666667%; } .pencisc-column-3 .penci-socialCT-s6 .penci-socialCT-item, .pencisc-column-3 .penci-socialCT-s4 .penci-socialCT-item { width: 12.5%; } .pencisc-column-2 .penci-socialCT-s1 .penci-socialCT-item { width: 50%; padding-left: 5px; padding-right: 5px; float: left; } .pencisc-column-2 .penci-socialCT-s2 .penci-socialCT-item { width: 25%; } .pencisc-column-2 .penci-socialCT-s6 .penci-socialCT-item, .pencisc-column-2 .penci-socialCT-s4 .penci-socialCT-item { width: 16.6666667%; } /**** Shortcode team members *****/ .penci-teammb-bsc { text-align: center; } .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-teammb-s1 .penci-team_member_name { margin-top: 0; } .penci-team_member_desc { margin-top: 15px; } .penci-team_member_socails { margin-top: 15px; overflow: hidden; } .penci-team_member_pos { color: #999; text-transform: uppercase; font-weight: bold; } .penci-teammb-s2 .penci-team_member_pos, .penci-teammb-s3 .penci-team_member_pos { margin-top: 15px; } .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.penci-social-item { margin-right: 5px; margin-left: 5px; } .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: 25px 20px 30px; } .penci-teammb-s3 .penci-team_member_desc { margin-top: 10px; } .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 { display: none; } .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.penci-social-item { margin-right: 10px; margin-left: 10px; font-size: 15px; } .penci-teammb-s4 .penci-social-wrap .penci-social-item:hover { color: #6eb48c; } .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: .6; transition: opacity .3s; } .penci-teammb-s4 .penci-teammb-item:hover .penci-team_item__info { transform: translateY(0); } .penci-teammb-s4 .penci-team_member_pos { margin-top: 10px; } /**** Shortcode testmonials *****/ .penci-testimonail { text-align: center; position: relative; } .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-family: 'Playfair Display', serif; font-size: 23px; font-weight: bold; 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-s1 .penci-testimonail .penci-testi-bq-icon:before { content: '“'; font-weight: bold; font-style: normal; display: block; text-align: center; border-radius: 50%; font-family: 'Playfair Display', serif; margin: 0; width: 48px; height: 48px; font-size: 48px; line-height: 48px; background-color: #6eb48c; color: #fff; padding-top: 6px; z-index: 2 } .penci-testi-rating { color: #ffb74d; font-size: 18px; margin-top: 30px; } .penci-testi-rating i:not( :last-child ) { margin-right: 3px; } .penci-testi-avatar { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin: 25px auto 0; background: #e6e9ec; } .penci-testi-avatar img { width: 100%; height: auto; display: block; } .penci-testi-name { font-size: 16px; margin-top: 18px; margin-bottom: 0; } .penci-testi-company { font-size: 12px; margin-top: 12px; text-transform: uppercase; } .penci-testi-s2 .penci-testimonail { text-align: left; } .penci-testi-s2 .penci-testimonail .penci-testi-blockquote { border: 1px solid #f5f5f5; background-color: #ffff; border-radius: 15px; padding: 30px 30px 56px; } .penci-testi-s2 .penci-testimonail .penci-testi-bq-icon:before { content: '“'; font-weight: bold; font-style: normal; display: block; text-align: center; border-radius: 50%; font-family: 'Playfair Display', serif; margin: 0; width: 48px; height: 48px; font-size: 102px; line-height: 48px; padding-top: 6px; z-index: 2; color: #6eb48c; } .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 { content: '“'; font-weight: bold; font-style: normal; display: block; text-align: center; border-radius: 50%; font-family: 'Playfair Display', serif; margin: 0 auto; width: 48px; height: 48px; font-size: 48px; line-height: 48px; padding-top: 6px; z-index: 2; border: 2px solid #6eb48c; color: #6eb48c; } .penci-testi-s3 .penci-testi-bq-icon { margin-bottom: 16px; display: block; } .penci-testi-s3 .penci-testimonail .penci-testi-blockquote { font-family: 'Playfair Display', serif; 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: #6eb48c; } /** 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: #6eb48c; 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: #6eb48c; 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 } .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 .3s ease; } .penci-video_playlist .penci-video-nav .penci-video-thumbnail:hover:after{ opacity: .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 .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: #6eb48c; } .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: #6eb48c; } .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: #6eb48c; color: #fff; } /** Shortcode weather **/ .penci-media-carousels .penci-image-holder { background-color: transparent; height: 200px; } .penci-media-carousels .penci-image-holder:before { padding-top: 0; } .penci-media-carousels .overlay-icon-format{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .penci-media-carousels .penci-media-content { text-align: center; } .penci-media-carousels .penci-media-title { font-size: 18px; font-weight: 600; margin-top: 20px; } .penci-media-carousels .penci-media-desc { margin-top: 18px; } .penci-weather-widget { overflow: hidden; color: #111; } .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: .8; } .penci-location-icon { position: absolute; top: 0; right: 10px; font-size: 22px; opacity: .6; z-index: 1; } .penci-location-icon:hover { cursor: pointer; opacity: .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: .6; line-height: 1; vertical-align: top; } .penci-weather-now .penci-weather-unit { font-size: 16px; position: relative; top: -4px; font-weight: 400; opacity: .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: .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: #6eb48c; opacity: .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: .5; } .penci-weather-days .penci-day-degrees { font-size: 20px; position: relative; left: 4px; line-height: 14px; opacity: .7; } .penci-weather-days .penci-circle { position: relative; right: 5px; } .penci-weather-days .penci-day { margin-top: 8px; font-size: 11px; opacity: .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: .5; } .penci-show-location { display: block !important; } .penci-show-location label { position: absolute; top: 0; left: 10px; font-size: 13px; opacity: .6; pointer-events: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .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; } /**** 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-s1.penci-pricing_featured { padding-top: 60px; padding-bottom: 60px; transform: translateY(-30px); position: relative; } .penci-pricing_featured .penci-pricing-ribbon{ position: absolute; height: 60px; width: 38px; background: #6eb48c; 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; } .penci-pricing-item.penci-pricing-s1{ border: 1px solid #6eb48c; } .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-header { margin-bottom: 20px } .penci-pricing-item .penci-pricing-title { font-size: 36px; font-weight: 700 } .penci-pricing-item .penci-pricing-subtitle { color: #888; line-height: 1.3 } .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-item .penci-pricing-featured { margin-top: 20px; margin-bottom: 30px } .penci-pricing-item .penci-pricing-featured ul { margin: 0; padding: 0 } .penci-pricing-item .penci-pricing-featured li { margin-left: 0; list-style: none; font-size: 15px; margin-bottom: 12px; 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; } @media (max-width: 768px) { .penci-pricing-s1.penci-pricing_featured { transform:translateY(0) } } /**** 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: .65s; -moz-animation-duration: .65s; -ms-animation-duration: .65s; -o-animation-duration: .65s; animation-duration: .65s; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .penci-slides-wrap .pencislider-title { font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0 0 15px 0; animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } .penci-slides-wrap .pencislider-caption { font-size: 16px; line-height: 1.4; margin: 0 0 25px 0; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; animation-delay: 1.1s; } .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: #6eb48c; border-color: #6eb48c; 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 { left: 0; margin-left: 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.penci-latest-posts-mixed .grid-header-box:after, .penci-latest-posts-center .list-post .header-list-style:after { left: 50%; margin-left: -30px; } .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 { left: auto; margin-left: 0; right: 0; margin-right: 0; } .penci-grid-excerpt-left .penci-grid li .item .item-content, .penci-grid-excerpt-left .penci-masonry .item-masonry .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 { 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 { text-align: right; } @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%; } } @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-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; } @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; } } @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; } } @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; } .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; } } @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%; } } @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; } } /* CSGO2ASIA Custom styling starts here*/ .upcomingmatches_widget{ width:100%; text-align: left; } .widget { font-family: 'Roboto Condensed'; } .ranking table { width: 100%; border-collapse: collapse; font-size: 75%; } .ranking tr { text-align: left; } .ranking tr:nth-child(even) { background: #f8f8f8; } .ranking td { padding: 8px; border-bottom: 1px solid #cccccc; } .ranking td a { text-decoration: none; color: #111111; } .ranking thead { background-color: #111111; } .ranking th { padding: 8px; color: #ffffff; text-transform: uppercase; } .widget-ranking{ width: 100% } .ranking-header{ display: flex; text-transform: uppercase; background-color: #f8f8f8; font-weight: bold; } .ranking-header-month { background-color: #A6DB00; padding: 8px; } .ranking-header-title { padding: 8px; } .ranking-new{ padding-top: 3px; padding-left: 8px; padding-right: 8px; padding-bottom: 3px; border-radius: 12px; background-color: #ffff00; font-size: 75%; font-weight: bold; } .ranking-table { background-color: #f8f8f8; } .widget-fixtures{ width: 100%; padding-left: 10px; padding-top: 10px; border: 1px solid #dedede; } .view-more { padding: 10px; margin-top: 10px; text-align: center; background-color: #81d742; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .view-more a { text-decoration: none; color: #fff !important; } .title { text-transform: uppercase; } .powered-by { font-size: 66%; } .row { margin-top: 10px; margin-bottom: 10px; } .fixture { display: flex; justify-content: space-between; border-bottom: 1px solid #cccccc; border-top: 1px solid #A6DB00; } .fixture-team { margin: 0 ; background-color: #f8f8f8; } .team-logo--small { width: 30px; margin-left: 4px; margin-right: 4px; } .team-logo--large { width: 45px; margin-left: 4px; margin-right: 4px; } .teams { width: 55%; display: flex; flex-flow: column; justify-content: center; } .team-name a { text-decoration: none; color: #22282e !important; } .team-logo { padding-top: 4px; padding-left: 4px; padding-bottom: 4px; } .team-position { text-align: left; padding-left: 12px; } .team-change { text-align: center; } .team-country img { width: 25px; } .team-country img, .team-country a { vertical-align: middle; } .marker { align-items: center; height: 50%; } .marker-black { border-left: 10px solid #22282e; } .marker-green { border-left: 10px solid #A6DB00; } .fixture-data { display: flex; padding: 3px; text-transform: uppercase; font-size: 75%; } .fixture-details { display: flex; flex-direction: column; justify-content: space-evenly; width: 45%; background-color: #eeeeee; }