/* Theme Name: soledad Theme URI: http://pencidesign.com/ Description: A Multi-Concept Blog/Magazine WordPress Theme Author: PenciDesign Author URI: http://pencidesign.com/ Version: 5.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 FontsAwesome 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 -----------------------------------------------------*/ /* = Import font -----------------------------------------------------*/ /* = Font Awesome * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @import "fonts/fontawesome-free-6.4.2/all.min.css"; .container.penci-breadcrumb i, #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-size:10px!important; } /* = 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} /* = Iconmoon -----------------------------------------------------*/ @font-face{font-family:'icomoon';font-style:normal;font-weight:normal;src:url("fonts/icomoon.eot?u8vp53");src:url("fonts/icomoon.eot?u8vp53#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?u8vp53") format("truetype"),url("fonts/icomoon.woff?u8vp53") format("woff"),url("fonts/icomoon.svg?u8vp53#icomoon") format("svg")}[class^="penci-icon-"],[class*=" penci-icon-"]{text-transform:none;font-family:'icomoon' !important;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.penci-icon-instagram:before{content:"\e900"}.penci-icon-arrow-bottom:before{content:"\e901"}.penci-icon-arrow-left:before{content:"\e902"}.penci-icon-arrow-right:before{content:"\e903"}.penci-icon-arrow-top:before{content:"\e904"}.penci-icon-article:before{content:"\e905"}.penci-icon-bookmark:before{content:"\e906"}.penci-icon-check:before{content:"\e907"}.penci-icon-close:before{content:"\e908"}.penci-icon-comment:before{content:"\e909"}.penci-icon-double-user:before{content:"\e90a"}.penci-icon-download:before{content:"\e90b"}.penci-icon-eye:before{content:"\e90c"}.penci-icon-facebook:before{content:"\e90e"}.penci-icon-googleplus:before{content:"\e90f"}.penci-icon-grid:before{content:"\e910"}.penci-icon-lock:before{content:"\e911"}.penci-icon-menu:before{content:"\e912"}.penci-icon-pics:before{content:"\e913"}.penci-icon-plus:before{content:"\e914"}.penci-icon-quote-top:before{content:"\e915"}.penci-icon-quotebottom:before{content:"\e916"}.penci-icon-refresh:before{content:"\e917"}.penci-icon-rss:before{content:"\e918"}.penci-icon-settings:before{content:"\e919"}.penci-icon-share:before{content:"\e91a"}.penci-icon-stats:before{content:"\e91b"}.penci-icon-tag:before{content:"\e91c"}.penci-icon-time:before{content:"\e91d"}.penci-icon-tumblr:before{content:"\e91e"}.penci-icon-twitter:before{content:"\e91f"}.penci-icon-user:before{content:"\e920"}.penci-icon-vimeo:before{content:"\e921"}.penci-icon-zoom:before{content:"\e922"} /* = 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;background:url(owl.video.play.png) no-repeat;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} /* = 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; } /* = General -----------------------------------------------------*/ html, body { -webkit-font-smoothing: antialiased; } body { font-family: 'PT Serif', serif; color: #313131; background-color: #FFF; font-size: 14px; } textarea { font-family: 'PT Serif', serif; min-height: 100px; background: none; } p { font-size: 14px; line-height: 28px; } 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; } .penci-page-container-smaller { max-width: 900px; margin-left: auto; margin-right: auto; display: block; } #main { width: 100%; } .container.penci_sidebar #main { width: 70.94%; padding-right: 50px; float: left; } .container.penci_sidebar.left-sidebar #main { float: right; padding: 0 0 0 60px; } .penci-sidebar-content { width: 29.06%; float: right; } .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); } /* = 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; } 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; } 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; } #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; } .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: 24px; 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; } /* 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 .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; } /* Scroll header 6 */ .is-sticky #navigation.header-6 { height: 60px; } .is-sticky #navigation.header-6 #logo img { max-height: 58px; padding: 8px 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-6 .show-search { height: 58px; } .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-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 { 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; } /* 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; } #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-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; } #navigation.header-6.menu-item-padding, #navigation.header-9.menu-item-padding, #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 -----------------------------------------------------*/ #sidebar-nav { position: fixed; top: 0; height: 100%; z-index: 100000; 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); } .open-sidebar-nav #sidebar-nav { left: 270px; } #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; } .header-social.sidebar-nav-social a i:hover { color: #6eb48c; } #sidebar-nav .menu { margin: 0; list-style: none; } #sidebar-nav .menu li { display: block; border-bottom: 1px solid #DEDEDE; } #sidebar-nav .menu > li:last-child, #sidebar-nav .menu ul > li:last-child { border-bottom: none; } #sidebar-nav .menu li a { font-size: 14px; font-weight: normal; letter-spacing: 0; text-transform: uppercase; color: #313131; margin: 0; position: relative; padding: 12px 0 12px 0; display: block; line-height: 1.3em; } #sidebar-nav .menu li.menu-item-has-children a { padding-right: 17px; } #sidebar-nav .menu li a:hover { color: #6eb48c; } #sidebar-nav .menu li a > i { display: none; } #sidebar-nav ul.sub-menu { border-top: 1px solid #DEDEDE; display: none; padding: 10px 0 10px 12px; } #sidebar-nav ul.sub-menu ul.sub-menu { border: none; padding: 5px 0 5px 12px; } #sidebar-nav ul.sub-menu ul.sub-menu { padding-right: 0; } #sidebar-nav ul.sub-menu li { overflow: hidden; border: none; } #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; } #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: #313131; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #sidebar-nav .menu .sub-menu li a .indicator { padding: 8px 0 8px 5px; } #sidebar-nav .menu li a .indicator:hover, #sidebar-nav .menu .sub-menu li a .indicator:hover { color: #6eb48c; } #sidebar-nav ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu { display: block; padding: 0; } #sidebar-nav ul.menu > li.megamenu > ul.sub-menu > li > a { display: none; } .fa-angle-double-up:before { content: "\f102"; } #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: 100000; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .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; } /* = 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.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; } #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: 12px; 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; } #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; } .show-search { position: absolute; left: 0; width: 100%; top: 0; height: 58px; background: #fff; text-align: left; z-index: 3; 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; } /* = Main Navigation -----------------------------------------------------*/ .main-nav-social { display: inline-block; text-align: left; margin: 0 13px 0 0; float: right; line-height: 58px; } #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; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0 0 0 30px; } .is-sticky #navigation.header-6 .main-nav-social { line-height: 58px; } #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; } .header-header-1.has-bottom-line, .header-header-4.has-bottom-line, .header-header-7.has-bottom-line { border-bottom: 1px solid #ECECEC; } #header .inner-header { width: 100%; background-size: cover; position: relative; background-position: center center; background-repeat: no-repeat; } #header .inner-header .container { padding: 40px 0; text-align: center; position: relative; overflow: hidden; } #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 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; } .featured-area.featured-style-2, .featured-area.featured-style-6{ margin-top: -50px; } .featured-area.featured-video{ background: #fafafa url('images/loading.gif') no-repeat center center; } .dark-layout-enabled .featured-area.featured-video{ background-color: #2d2d2d; background-image: url('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; } .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-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-owl-carousel .owl-dot { display: inline-block; margin: 0 3px; vertical-align: top; } .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; } /*= 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; } .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; } .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-child:after { content: 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 { 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 { float: left; display: inline-block; width: 32.6%; position: relative; } .featured-style-6 .wrapper-item .penci-item-1 { 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; } .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; } /* 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; } /* 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-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 .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-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-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 { 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; } .featured-style-29 .penci-featured-slider-button a:hover { background: #fff; color: #010101; } .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; } /* = Penci Image Holder -----------------------------------------------------*/ .penci-image-holder { position: relative; width: 100%; background: #f5f5f5 url('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: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-container { position: absolute; display: block; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 40px; } .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; } .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} } .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 Featured Video Background -----------------------------------------------------*/ #penci-featured-video-bg { height: 600px; } .penci-video-overlay-background, .overlay-video-click{ 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-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: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .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.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } p.penci-sub-heading-video { font-size: 16px; line-height: 1.3em; margin: 15px 0 0; font-style: italic; color: #fff; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } .featured-area.loaded-wait .penci-video-custom-img, .featured-area.loaded-wait h2.penci-heading-video, .featured-area.loaded-wait 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('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; } ul.homepage-featured-boxes { list-style: none; margin-left: -15px; margin-right: -15px; } 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 { height: 247px; 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: absolute; 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:before { 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:before { 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:before { 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 */ 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:before { content: none; } 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; } 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; } /* Featured boxes 4 columns */ ul.homepage-featured-boxes.boxes-4-columns li { width: 25%; } ul.homepage-featured-boxes.boxes-4-columns li .penci-fea-in { height: 190px; } /* = Homepage title -----------------------------------------------------*/ .penci-homepage-title { position: relative; margin-bottom: 30px; text-align: center; clear: both; background: #fff; margin-top: 5px; } .penci-border-arrow { position: relative; line-height: 1.3; margin-left: 5px; margin-right: 5px; margin-top: 5px; } .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: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-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-post-box-meta .penci-box-meta span, .penci-post-box-meta .penci-box-meta a { color: #888888; } .penci-post-box-meta .penci-box-meta i.fa { margin-right: 10px; } .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"; } /* = 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; 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%; } .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: ""; } .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-readmore-btn a, .penci-featured-cat-seemore a { transition: 0.25s; -webkit-transition: 0.25s; -moz-transition: 0.25s; 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; } /* = 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%; } /* = 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-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; } .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_sidebar .grid-mixed .thumbnail.thumb-left, .penci_sidebar .grid-mixed .mixed-detail { display: block !important; width: 100%; } .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_sidebar .grid-mixed .thumbnail.thumb-right { display: none !important; } /* = 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 { 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; } .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; } .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; } .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, .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, .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; } .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; } .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, .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; } .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: 30px; } .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 */ 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-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-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 span { font-size: inherit; color: inherit; padding: 0 18px; line-height: 1; display: inline-block; background: #fff; } /* = 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 Header ***/ .post-box-meta-single { text-align: center; margin: 6px 0 0; font-size: 14px; } .post-box-meta-single span { color: #888888; } .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: 99998; } .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-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 ***/ .post-entry { margin-bottom: 33px; line-height: 28px; } .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: 85px; } .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{ margin-bottom: 17px; } .post-entry p, .wpb_text_column 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 { color: #313131; letter-spacing: 0; line-height: 1.3em; } .post-entry h1, .wpb_text_column h1{ font-size: 24px; } .post-entry h2, .wpb_text_column h2{ font-size: 22px; } .post-entry h3, .wpb_text_column h3 { font-size: 20px; } .post-entry h4, .wpb_text_column h4 { font-size: 18px; } .post-entry h5, .wpb_text_column h5 { font-size: 16px; } .post-entry h6, .wpb_text_column h6 { font-size: 14px; } .post-entry hr, .wpb_text_column 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 { 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 { font-size: 16px; color: #888; font-style: italic; line-height: 1.7; text-align: left; } .post-entry blockquote p, .wpb_text_column blockquote p { margin: 0; } .post-entry blockquote, .wpb_text_column blockquote { position: relative; padding: 0 0 0 46px; border: none !important; overflow: hidden; } .post-entry blockquote:before, .wpb_text_column 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 { 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 { position: relative; display: inline-block; padding: 0 10px 0 0; } .post-entry blockquote .author span:after, .wpb_text_column 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; } /* 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 { padding-left: 50px; margin-bottom: 20px; } .post-entry ul ul { margin: 2px 0; padding-left: 22px; } .post-entry ol ol { margin: 2px 0; padding-left: 32px; } .post-entry ul li { margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } .post-entry ol li { margin-bottom: 2px; list-style: decimal; } .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; } .post-entry th { font-weight: bold; font-size: 14px; background: #f5f5f5; } .post-entry tr:hover { background: #ffffff; } .post-entry em strong { font-style: italic; } /*** 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; } .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; } .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 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; } /*** 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-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; } /* = 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-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 { line-height: 28px; margin-left: 2px; } .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); } } @-ms-keyframes pencirotate { from { -ms-transform: rotate(360deg); } to { -ms-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 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-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 { 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; } .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: #fff; } /* 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-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 { margin-left: 0; margin-right: 0; 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: 1000px; 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; } .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; } /** Widget List **/ .widget ul { list-style: none; } .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; } .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%; } .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(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 ***/ .widget .about-widget { text-align: center; } .widget .about-widget.pc_alignleft { text-align: left; } .widget .about-widget.pc_alignright { text-align: right; } .about-widget img { max-width: 100% !important; height: auto; margin-bottom: 20px; } .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: right; color: #777; font-size: 14px; margin-top: 10px; margin-bottom: 15px; font-weight: bold; letter-spacing: 1px; } #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; } /** Widget items **/ .widget ul.side-newsfeed:before, .widget ul.side-newsfeed:after { display: table; content: ''; clear: both; line-height: 0; } .widget ul.side-newsfeed li { list-style-type: none; margin-bottom: 20px; padding-bottom: 20px; margin-left: 0; position: relative; } .widget ul.penci-feed-2columns li { width: 47%; float: left; padding-bottom: 0; margin-bottom: 20px; border-bottom: none; } .widget ul.penci-feed-2columns.display-order-numbers li { margin-bottom: 30px; } .widget ul.penci-2columns-feed > li:nth-child(2n+1) { clear: both; margin-right: 6%; } .widget ul.penci-2columns-featured > li:nth-child(2n) { clear: both; margin-right: 6%; } .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; } .widget ul.side-newsfeed li .side-item { overflow: hidden; position: relative; } .widget ul.side-newsfeed li .side-item .side-image { float: left; margin-right: 20px; position: relative; } .widget ul.side-newsfeed li .side-item .side-image.thumbnail-right { float: right; margin-right: 0; margin-left: 20px; } .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; } .widget ul.side-newsfeed li .side-item .side-image a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .widget ul.side-newsfeed li .side-item .side-image a:hover { opacity: 0.8; } .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%; } .widget ul.side-newsfeed li .side-item .side-image img { width: 120px; height: auto; } .widget ul.penci-feed-2columns li .side-item .side-image .small-fix-size { width: 100%; } .widget ul.side-newsfeed li .side-item .side-item-text { overflow: hidden; } .widget ul.penci-feed-2columns li .side-item .side-item-text { display: block; } .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; } .widget ul.penci-feed-2columns li .side-item .side-item-text h4 a { font-size: 14px; margin-bottom: 2px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover { color: #6eb48c; text-decoration: none; } .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; } .widget ul.side-newsfeed li.featured-news { width: 100% !important; margin-right: 0; } .widget ul.side-newsfeed li.featured-news.all-featured-news { border-bottom: none; margin-bottom: 0; padding-bottom: 26px; } .widget ul.side-newsfeed li.featured-news .side-image { float: none !important; margin: 0 0 12px 0 !important; } .widget ul.side-newsfeed li.featured-news .side-image img { width: 100% !important; } .widget ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a { font-size: 18px; margin-bottom: 6px; } .widget .penci-feed-excerpt { margin-top: 16px; } .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; } .widget ul.side-newsfeed li.featured-news2.all-featured-news .side-item .side-item-text { padding-left: 10px; } .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; } .widget ul.side-newsfeed li .order-border-number.right-side { left: auto; right: 5px; } .widget ul.side-newsfeed li.featured-news .order-border-number.right-side { left: 15px; right: auto; } .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; } .widget ul.side-newsfeed li.featured-news .order-border-number { width: 40px; height: 40px; line-height: 38px; } .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; } .widget .penci-widget-slider .penci-widget-slide-detail h4 a { color: #fff; font-size: 18px; text-decoration: none; letter-spacing: 0; } .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; } /* = Quote widget -----------------------------------------------------*/ .quote-widget { position: relative; display: block; } .quote-widget > i.fa { color: #999999; position: absolute; top: 0; left: 0; font-size: 22px; } .quote-widget > p { padding-left: 40px; } .footer-widget-wrapper .quote-widget > i.fa { 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: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; } .mc4wp-form > form > p, .mc4wp-form .mc4wp-form-fields > p{ margin-bottom: 20px; } .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; } /** Facebook Like Box Widget **/ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !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; } .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; } /* = 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"] { 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 .widget .mc4wp-form input[type="email"]:focus, .footer-subscribe .widget .mc4wp-form input[type="email"]: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; } .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: 10; 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; } .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; } .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); } /* = Comments -----------------------------------------------------*/ .post-comments { } .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; } .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; letter-spacing: 1px; 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; } .captchaSizeDivLarge { clear: both; } label#captcha_code_label { display: inline-block; } .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; } #respond input, .wpcf7 input, .widget_wysija input { padding: 12px 20px; max-width: 500px; border: 1px solid #DEDEDE; margin-bottom: 28px; font-size: 12px; width: 100%; font-weight: normal; font-family: 'PT Serif', serif; max-height: 50px; background: none; } #respond input:focus, .wpcf7 input:focus { outline: none; } .jetpack_subscription_widget #subscribe-email input { width: 100% !important; padding: 12px 20px !important; margin-top: 10px; } #respond textarea, .wpcf7 textarea { padding: 15px 20px; border: 1px solid #DEDEDE; width: 100%; height: 120px; font-size: 12px; color: #313131; margin-bottom: 28px; line-height: 20px; font-weight: 500; outline: none; vertical-align: top; font-family: 'PT Serif', serif; } #respond textarea:focus, .wpcf7 textarea:focus { outline: none; } #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; } #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: 12px; 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; } .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: 450px; outline: none; } .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; } /* = 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 -----------------------------------------------------*/ .container.penci-breadcrumb { line-height: 1.4; margin-bottom: 30px; margin-top: -30px; } .container.penci-breadcrumb span, .container.penci-breadcrumb span a { font-size: 13px; color: #888888; font-family: 'Raleway', sans-serif; font-weight: 500; } .container.penci-breadcrumb span a:hover { color: #6eb48c; } .container.penci-breadcrumb i { color: #888888; font-size: 13px; margin: 0 15px 0 19px; } .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: #fff; 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 { font-size: 12px; line-height: 20px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 4px solid #dedede; padding: 5px 10px; } /** 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 { position: relative; } .penci-post-gallery-container.single-slider 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; } .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 { 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-post-gallery-container.masonry .item-gallery-masonry.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), .masonry.column-3 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(3n+2), .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+2){ -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) .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+3){ -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) { -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; } .penci-header-signup-form.penci-header-signup-form-below { padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } .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 ----------------------------------------------------*/ .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; } .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:hover .portfolio-desc h3, .inner-item-portfolio:hover .portfolio-desc span { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .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; } .tags-share-box.hide-tags.page-share.no-border-bottom-portfolio { border-bottom: none; } /* = Penci Recipe ----------------------------------------------------*/ .wrapper-penci-recipe{ margin-bottom: 25px; margin-top: 20px; } .penci-recipe { border: 1px solid #dedede; padding: 18px 25px 6px; } .penci-recipe-heading { border-bottom: 1px solid #dedede; margin: 0 -25px 25px -25px; padding: 0 25px 20px; overflow: hidden; } .post-entry .penci-recipe-heading h2 { font-size: 20px; float: left; color: #313131; margin-bottom: 8px; } .penci-recipe-heading a.penci-recipe-print { float: right; 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-recipe-heading a.penci-recipe-print i { margin-right: 4px; font-size: 13px; } .penci-recipe-heading a.penci-recipe-print:hover { background: #6eb48c; color: #fff; border-color: #6eb48c; text-decoration: none; } .penci-recipe-heading .penci-recipe-meta { clear: both; color: #888; font-size: 12px; line-height: 1.5; } .penci-recipe-heading .penci-recipe-meta span { margin-right: 15px; } .penci-recipe-heading .penci-recipe-meta span.servings { margin-right: 0; } .penci-recipe-heading .penci-recipe-meta span time { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; color: inherit; } .penci-recipe-heading .penci-recipe-meta span i { font-size: 14px; margin-right: 4px; color: #aaa; } .post-entry .penci-recipe-title { font-size: 14px; color: #888; margin-bottom: 18px; text-transform: uppercase; letter-spacing: 1px; } .penci-recipe-ingredients { border-bottom: 1px solid #dedede; margin: 0 -25px 25px -25px; padding: 0 20px 30px; } .penci-recipe-ingredients ul { margin: 0; padding-left: 18px; } .penci-recipe-ingredients ul li { padding-bottom: 6px; line-height: 1.6; list-style: none; position: relative; } .penci-recipe-ingredients ul li:before { content: ""; position: absolute; width: 5px; height: 5px; border: 1px solid #b3b3b3; display: inline-block; top: 8px; left: -18px; transform: rotate(-13deg); -webkit-transform: rotate(-13deg); background: none !important; } .penci-recipe-ingredients ul li:last-child, .penci-recipe-ingredients.penci-recipe-ingre-visual ul li:last-child{ margin: 0; padding: 0; } .penci-recipe-ingredients.penci-recipe-ingre-visual ul { margin-bottom: 12px; padding-left: 15px; } .penci-recipe-ingredients.penci-recipe-ingre-visual ul li { padding-bottom: 0; margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } .penci-recipe-ingredients.penci-recipe-ingre-visual ul li:before { content: none; } .penci-recipe-notes { border-top: 1px solid #dedede; margin: 10px -25px 0; padding: 25px 25px 10px; } .post-entry .penci-recipe-notes p { margin: 0; } .penci-recipe-notes .penci-recipe-title { margin-bottom: 8px; } .wrapper-penci-recipe .penci-recipe-method ul, .wrapper-penci-recipe .penci-recipe-method ol { padding-left: 15px; } /* = Penci Recipe Index ----------------------------------------------------*/ .penci-recipe-index-wrap h4.recipe-index-heading { font-size: 18px; text-transform: uppercase; letter-spacing: 1px; position: relative; margin-bottom: 25px; line-height: 1.3; color: #777; overflow: hidden; text-align: center; } .penci-recipe-index-wrap h4.recipe-index-heading > span { position: relative; display: inline-block; vertical-align: top; padding-right: 15px; padding-left: 15px; color: inherit; background: none; font-family: inherit; font-size: inherit; } .penci-recipe-index-wrap h4.recipe-index-heading > span:before, .penci-recipe-index-wrap h4.recipe-index-heading > span:after { content: ""; width: 2000px; left: 100%; position: absolute; top: 50%; border-top: 1px solid; opacity: 0.4; } .penci-recipe-index-wrap h4.recipe-index-heading > span:before { left: auto; right: 100%; } .penci-recipe-index-wrap h4.recipe-index-heading a { color: inherit; background: none; font-family: inherit; font-size: inherit; text-decoration: none; } .penci-recipe-index-wrap ul.penci-recipe-index { padding: 0; margin-left: -10px; margin-right: -10px; width: 100%; width: calc( 100% + 20px ); display: inline-block; vertical-align: top; margin-bottom: 10px; } .penci-recipe-index-wrap ul.penci-recipe-index:before, .penci-recipe-index-wrap ul.penci-recipe-index:after { clear: both; content: ""; } .penci-recipe-index-wrap ul.penci-recipe-index li { width: 33.333333%; float: left; padding: 0 10px; margin-bottom: 30px; list-style: none; line-height: normal; text-align: center; } .penci-recipe-index-wrap ul.penci-recipe-index.column-2 li { width: 50%; } .penci-recipe-index-wrap ul.penci-recipe-index.column-4 li { width: 25%; } .penci-recipe-index-wrap ul.penci-recipe-index.column-2 li:nth-child(2n+1), .penci-recipe-index-wrap ul.penci-recipe-index.column-3 li:nth-child(3n+1), .penci-recipe-index-wrap ul.penci-recipe-index.column-4 li:nth-child(4n+1){ clear: both; } .penci-recipe-index-wrap ul.penci-recipe-index li article { margin: 0; } .penci-index-post-img { margin-bottom: 17px; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .penci-index-post-img:hover { opacity: 0.85; } .penci-index-post-img .penci-holder-size-square:before { padding-top: 100%; } .penci-index-post-img .penci-holder-size-vertical:before { padding-top: 135.4%; } .penci-recipe-index .cat { display: block; clear: both; margin-bottom: 4px; } .penci-recipe-index .cat > a.penci-cat-name { font-size: 12px; } .penci-recipe-index-wrap h2.penci-recipe-index-title { margin: 0 0 0 0; line-height: 1; } .penci-recipe-index-wrap .penci-recipe-index-title a { font-size: 16px; text-decoration: none; color: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; line-height: 1.3; letter-spacing: 0; font-family: inherit; vertical-align: top; display: inline-block; } .penci-recipe-index-wrap .penci-recipe-index-title a:hover { opacity: 0.7; } .penci-recipe-index .date { font-size: 13px; color: #888888; margin-top: 3px; display: block; } .penci-recipe-index-wrap .penci-index-more-link { line-height: 1; text-align: center; margin-top: -10px; margin-bottom: 40px; } .penci-recipe-index-wrap .penci-index-more-link a{ display: inline-block; background: #313131; padding: 0 25px; height: 32px; line-height: 32px; text-decoration: none; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; text-transform: uppercase; font-family: 'Raleway', sans-serif; letter-spacing: 1px; font-weight: bold; font-size: 13px; } .penci-recipe-index-wrap .penci-index-more-link a:hover { opacity: 0.8; } .penci-recipe-index-wrap .penci-index-more-link a i { margin-left: 4px; } /* = Penci Review ----------------------------------------------------*/ .wrapper-penci-review{ margin-bottom: 25px; margin-top: 20px; border: 1px solid #dedede; } .penci-review-container { padding: 25px; } .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-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-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%; } .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; } .forum-archive .penci-content-post { padding: 20px; background: #ffffff; } .forum-archive .penci-entry-title { font-size: 30px; line-height: 1.2; color: #111111; margin-top: 9px; margin-bottom: 6px; } .forum-archive .penci-entry-title.penci-title-center { text-align: center; } .forum-archive .penci-entry-title.penci-title-right { text-align: right; } #sidebar .bbp-login-form label { width: 120px; } #bbpress-forums { font-size: 15px; } #bbpress-forums ul.bbp-forums { border: none; } #bbpress-forums ul.bbp-forums .forum-titles li:before { display: none; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: none; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbpress-forums li ul.forum { background: none; } #bbpress-forums li.bbp-header { background: none #313131; color: #fff; border-top: 0; padding: 7px 15px; } #bbpress-forums li.bbp-header ul.forum-titles li, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-header .bbp-reply-content { font-size: 14px; } #bbpress-forums li.bbp-body { margin-top: 20px; } #bbpress-forums li.bbp-body div.odd, #bbpress-forums li.bbp-body ul.odd { background: none; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top-color: #ECECEC; padding: 20px 0 27px; background: transparent; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a { font-size: 14px; color: #111111; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a.bbp-forum-title, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a.bbp-forum-title { font-size: 16px; font-weight: 700; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a:hover, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a:hover { text-decoration: none; color: #6eb48c; } #bbpress-forums li.bbp-body .bbp-forums-list li { color: #fff; display: block; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content, #bbpress-forums li.bbp-body ul.topic p.bbp-topic-meta { font-style: italic; color: #c3c3c3; line-height: 1.6; font-size: 12px; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content a, #bbpress-forums li.bbp-body ul.topic p.bbp-topic-meta a { font-size: 12px; color: #6eb48c; font-weight: 400; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness a, #bbpress-forums li.bbp-body ul.topic li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-voice-count, #bbpress-forums li.bbp-body ul.topic li.bbp-forum-reply-count, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-freshness > a, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-freshness, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-reply-count { font-size: 12px; color: #111111; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness p.bbp-topic-meta, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-freshness p.bbp-topic-meta { margin: -6px 0; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness p.bbp-topic-meta a, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-freshness p.bbp-topic-meta a { font-weight: 500; font-size: 12px; } #bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness p.bbp-topic-meta a:hover, #bbpress-forums li.bbp-body ul.topic li.bbp-topic-freshness p.bbp-topic-meta a:hover { text-decoration: none; } #bbpress-forums li.bbp-footer { border-top-color: #ECECEC; } #bbpress-forums li:before { display: none; } #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title { width: 45%; } #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count { width: 15%; } #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { float: right; text-align: right; } #bbpress-forums .forum-titles li.bbp-forum-freshness, #bbpress-forums .forum-titles li.bbp-topic-freshness { padding-right: 0; } #bbpress-forums div.bbp-search-form { position: relative; float: none; width: 100%; padding-bottom: 21px; } #bbpress-forums #bbp-search-form #bbp_search { width: 95%; height: 40px; color: #313131; border: 1px solid #dedede; padding: 10px 43px 10px 15px; font-weight: normal; font-size: 13px; -webkit-appearance: textfield; background: transparent; } #buddypress #pass-strength-result{ color: #000; } #bbpress-forums #bbp-search-form .button { position: absolute; top: 0; right: 0; display: block; height: 40px; line-height: 40px; font-size: 13px; padding: 0 20px; text-transform: uppercase; color: #fff; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #6eb48c; font-family: 'Raleway', sans-serif; font-weight: bold; } #bbpress-forums #bbp-search-form .button:hover { background: #6eb48c; color: #fff; } #bbpress-forums div.even, #bbpress-forums ul.even{ background: transparent; } #bbpress-forums .bbp-breadcrumb p { font-size: 12px; line-height: 1.4; color: #888888; margin-bottom: 0; margin-top: 0; margin-left: 2px; } #bbpress-forums .bbp-breadcrumb a, #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-current { font-size: 12px; color: #888888; } #bbpress-forums .bbp-breadcrumb a:hover { color: #6eb48c; text-decoration: none; } #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-sep { font-size: 12px; margin: 0 5px 0 5px; } #bbpress-forums .subscription-toggle { display: none; } #bbpress-forums div.bbp-template-notice.info { border: 1px solid #ECECEC; background-color: transparent; border-radius: 0; padding-top: 2px; } #bbpress-forums div.bbp-template-notice.info img { width: 20px !important; display: inline; vertical-align: middle; margin-bottom: 0 !important; margin-left: 5px; margin-right: 5px; } #bbpress-forums .bbp-pagination-count { margin-top: 2px; color: #111111; font-weight: normal; font-size: 13px; } #bbpress-forums .bbp-topic-started-by, #bbpress-forums .bbp-topic-started-in { color: #c3c3c3; font-size: 12px; } #bbpress-forums .bbp-topic-started-by a, #bbpress-forums .bbp-topic-started-in a { font-size: 12px; } #bbpress-forums .bbp-topic-started-by img, #bbpress-forums .bbp-topic-started-in img { position: absolute; top: 2px; left: 0; margin: 0; } #bbpress-forums p.bbp-topic-meta span { white-space: initial; } #bbpress-forums li.bbp-topic-title .bbp-topic-permalink, #bbpress-forums li.bbp-topic-title .bbp-topic-meta { padding-left: 50px; } #bbpress-forums div.bbp-topic-tags { float: left; } #bbpress-forums .bbp-topic-freshness-author { margin-top: 8px; display: inline-block; } #bbpress-forums .bbp-forum-freshness a, #bbpress-forums .bbp-topic-freshness a { color: #111111; font-size: 12px; font-weight: 600; } #bbpress-forums .bbp-forum-freshness a:hover, #bbpress-forums .bbp-topic-freshness a:hover { color: #6eb48c; } #bbpress-forums .bbp-body .bbp-forum-freshness img, #bbpress-forums .bbp-body .bbp-topic-freshness img { position: absolute; right: 0; top: 3px; margin: 0; } #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-topic-reply-count { width: 9%; } #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-topic-freshness { width: 33%; padding-right: 50px; padding-left: 10px; } #bbpress-forums li.bbp-body .bbp-forum-freshness > a, #bbpress-forums li.bbp-body .bbp-topic-freshness > a { font-size: 10px; color: #c3c3c3; font-weight: normal; line-height: 12px; display: inline-block; } #bbpress-forums .bbp-body .bbp-forum-freshness p, #bbpress-forums .bbp-body .bbp-topic-freshness p { margin: 0; line-height: 17px; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { border: none; width: 40px; } div.bbp-submit-wrapper { float: left; } #bbpress-forums fieldset.bbp-form { border: 0; padding: 0; margin-left: 0; margin-right: 0; } #bbpress-forums fieldset.bbp-form legend { font-size: 22px; padding: 0; margin-bottom: 20px; color: #111111; } .bbp-pagination-links a, .bbp-pagination-links span.current { 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; color: #313131; } #favorite-toggle, #subscription-toggle { color: #777; } #favorite-toggle a, #subscription-toggle a { color: #fff; opacity: 1; } .wrapper-boxed .bbp-pagination-links a:hover, .wrapper-boxed .bbp-pagination-links span.current { color: #313131; border-color: #999999; text-decoration: none; background: none; opacity: 1; } .wrapper-boxed .bbp-pagination-links span.current { color: #fff; background: #6eb48c; border-color: #6eb48c; } #bbpress-forums #bbp_topic_title, #bbpress-forums #bbp_topic_tags { border: 1px solid #DEDEDE; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; font-size: 12px; padding: 11px 20px; margin-bottom: 20px; letter-spacing: 0; font-family: 'PT Serif', serif; 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; } #bbpress-forums #bbp_reply_submit, #bbpress-forums #bbp_topic_submit { display: block; 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: 450px; font-family: 'Raleway', sans-serif; font-weight: bold; } #bbpress-forums #bbp_reply_submit:hover, #bbpress-forums #bbp_topic_submit:hover { background: #6eb48c; color: #fff; } /* = Buddypress -----------------------------------------------------*/ #buddypress .standard-form textarea { border: 1px solid #ECECEC; border-radius: 0; color: #999; font-size: 100%; font-weight: normal; padding: 6px; background-color: transparent; } #buddypress .standard-form input[type=text], #buddypress .standard-form input[type=color], #buddypress .standard-form input[type=date], #buddypress .standard-form input[type=datetime], #buddypress .standard-form input[type=datetime-local], #buddypress .standard-form input[type=email], #buddypress .standard-form input[type=month], #buddypress .standard-form input[type=number], #buddypress .standard-form input[type=range], #buddypress .standard-form input[type=search], #buddypress .standard-form input[type=password], #buddypress .standard-form input[type=tel], #buddypress .standard-form input[type=time], #buddypress .standard-form input[type=url], #buddypress .standard-form input[type=week] { border: 1px solid #ECECEC; border-radius: 0; color: #999; font-size: 100%; font-weight: normal; padding: 6px; width: 100%; max-width: 300px; background-color: transparent; padding-left: 15px; padding-right: 15px; } #buddypress .standard-form select, #buddypress .standard-form input[type=password] { border: 1px solid #ECECEC; border-radius: 0; color: #999; font-size: 100%; font-weight: normal; padding: 6px; background-color: transparent !important; } #buddypress .dir-search input[type=search], #buddypress .dir-search input[type=text], #buddypress .groups-members-search input[type=search], #buddypress .groups-members-search input[type=text] { width: 95%; height: 40px; border: 1px solid #ECECEC; padding: 10px 43px 10px 15px; font-weight: normal; font-size: 12px; -webkit-appearance: textfield; background: transparent; } #buddypress div.dir-search input[type=text] { padding-left: 15px; } #buddypress .dir-search input[type=submit], #buddypress .groups-members-search input[type=submit] { position: absolute; top: 0; right: 0; border: 1px solid #000000; border-radius: 0; background: #000000; color: #ffffff; line-height: 38px; height: 40px; padding: 0 15px 0; text-align: center; transition: all 0.25s; font-size: 14px; text-transform: uppercase; cursor: pointer; border-color: #6eb48c; background: #6eb48c; color: #ffffff; } #buddypress button, #buddypress a.button { border: 1px solid #ECECEC; color: #999; font-size: 12px; padding: 6px 10px; } #buddypress input[type=button], #buddypress input[type=reset] { border: 1px solid #ECECEC; color: #999; font-size: 12px; padding: 6px 10px; } #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link { border: 1px solid #ECECEC; color: #999; font-size: 12px; padding: 6px 10px; } a.bp-title-button { border: 1px solid #ECECEC; color: #999; font-size: 12px; padding: 6px 10px; } #buddypress button:hover { background-color: #6eb48c; border-color: #6eb48c; color: #fff; } #buddypress a.button:hover, #buddypress a.button:focus { background-color: #6eb48c; border-color: #6eb48c; color: #fff; } #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover { background-color: #6eb48c; border-color: #6eb48c; color: #fff; } #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a { background-color: #6eb48c; border-color: #6eb48c; color: #fff; } #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover { background-color: #6eb48c; border-color: #6eb48c; color: #fff; } #buddypress input[type=submit] { border: 0px; padding: 12px 20px; background-color: #6eb48c; color: #fff; font-size: 14px; line-height: 1; text-transform: uppercase; border: none !important; } #buddypress input[type=submit]:hover { color: #fff; background-color: #6eb48c; border-color: #6eb48c; } #buddypress select { padding: 3px 10px; color: #999; background-color: transparent; border: 1px solid #ECECEC; -webkit-box-shadow: none; box-shadow: none; transition: all .15s; outline: none; } #buddypress div.dir-search { position: relative; float: none; width: 100%; margin-top: 0; padding-bottom: 21px; } #buddypress div#item-header { margin-bottom: 10px; } #buddypress div#item-header div#item-actions h3 { font-size: 14px; color: #999; } #buddypress div#item-header img.avatar { margin: 0 30px 19px 0; width: 150px; height: 150px; } #buddypress div#item-header div#item-meta { font-size: 90%; margin: 10px 0 5px 0; } #buddypress ul.item-list, #buddypress .profile[role=main] { border-top: 1px solid #ECECEC; padding-top: 10px; } #buddypress ul.item-list li { border-bottom: 1px solid #ECECEC; padding: 20px 0 22px; margin-bottom: 10px; } #buddypress .activity-list li.mini .activity-avatar img.avatar, #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic { height: 66px; margin-left: 0px; width: 66px; } #buddypress a.bp-primary-action span, #buddypress #reply-title small a span { background: transparent !important; color: inherit; font-size: 100%; margin-left: 0; padding: 0; } #buddypress a.bp-primary-action span:before, #buddypress #reply-title small a span:before { content: "("; } #buddypress a.bp-primary-action span:after, #buddypress #reply-title small a span:after { content: ")"; } /*section*/ .activity-inner { color: #444; } #buddypress ul.item-list li div.action { top: 25px; } #buddypress ul.item-list li div.item-title span { font-size: 90%; } #buddypress ul.item-list li div.item-desc, #buddypress ul.item-list li div.meta { color: #999; font-size: 90%; } #buddypress ul.item-list li div.item-title { font-weight: normal; font-size: 100%; } #buddypress ul.item-list li h4 { font-weight: normal; font-size: 100%; } #buddypress ul.item-list li div.item-title a, #buddypress ul.item-list li h4 a { color: #6eb48c; font-weight: 600; } #buddypress div.pagination { padding-bottom: 20px; } #buddypress div.pagination .pagination-links { margin-right: 0; } #buddypress div.pagination .pag-count { font-size: 100%; margin-left: 0; border: solid 1px #ECECEC; padding: 5px 15px; color: #888; display: inline-block; line-height: 1.5; } #buddypress div.pagination .pagination-links span, #buddypress div.pagination .pagination-links 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; background: none; transition: all 0.3s; -webkit-transition: all 0.3s; } #buddypress div.pagination .pagination-links a:hover { color: #313131; border-color: #999999; text-decoration: none; font-weight: inherit; } #buddypress div.pagination .pagination-links .current { color: #fff; background: #6eb48c; border-color: #6eb48c; text-decoration: none; } #buddypress div.item-list-tabs { background: #f5f5f5; } #buddypress div.item-list-tabs:not(#subnav) ul li a, #buddypress div.item-list-tabs:not(#subnav) ul li > span { padding: 8px 15px; font-size: 14px; color: #999; border-right: solid 1px #ececec; border-bottom: 0; } #buddypress div.item-list-tabs:not(#subnav) ul li.selected a, #buddypress div.item-list-tabs:not(#subnav) ul li.current a, #buddypress div.item-list-tabs:not(#subnav) ul li a:hover { background-color: transparent; color: #444; opacity: 1; font-weight: normal; } #buddypress div.item-list-tabs ul li a span { background: transparent !important; border: none !important; color: inherit; display: inline; vertical-align: top; font-size: 100%; margin-left: 0; padding: 0; } #buddypress div.item-list-tabs ul li a span:before { content: "("; } #buddypress div.item-list-tabs ul li a span:after { content: ")"; } #buddypress #activity-all a:before, #buddypress #groups-all a:before, #buddypress #members-all a:before, #buddypress #activity-friends a:before, #buddypress #user-friends:before, #buddypress #members-personal a:before, #buddypress #activity-groups a:before, #buddypress #user-groups:before, #buddypress #groups-personal a:before, #buddypress #members:before, #buddypress #activity-favorites a:before, #buddypress #user-activity:before, #buddypress #user-xprofile:before, #buddypress #user-notifications:before, #buddypress #user-messages:before, #buddypress .send-message:before, #buddypress #user-settings:before, #buddypress #admin:before, #buddypress .generic-button .friendship-button.add:before, #buddypress #home:before, #buddypress #invite:before { content: "\f0ac"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; } #buddypress #activity-friends a:before, #buddypress #user-friends:before, #buddypress #members-personal a:before { content: "\f007"; } #buddypress #activity-groups a:before, #buddypress #user-groups:before, #buddypress #groups-personal a:before, #buddypress #members:before { content: "\f0c0"; } #buddypress #activity-favorites a:before { content: "\f005"; } #buddypress #user-activity:before { content: "\f1d8"; } #buddypress #user-xprofile:before { content: "\f114"; } #buddypress #user-notifications:before { content: "\f0a2"; } #buddypress #user-messages:before, #buddypress .send-message:before { content: "\f003"; } #buddypress #user-settings:before, #buddypress #admin:before { content: "\f013"; } #buddypress #activity-mentions a:before, #buddypress .activity-button.mention:before { font-family: Arial, Helvetica, sans-serif; content: "@"; font-weight: bold; margin-right: 5px; } #buddypress #home:before { content: "\f015"; } #buddypress #invite:before { content: "\f046"; } #buddypress .generic-button .friendship-button.add:before { content: "\f067"; } #buddypress div.item-list-tabs#subnav { margin: 40px 0 10px; } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li > span { padding: 8px 15px; color: #999; font-size: 14px; } #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li a:hover { background-color: #6eb48c; color: #fff; opacity: 1; font-weight: normal; } @media (max-width: 480px) { #buddypress div.pagination { clear: both; float: none; } #buddypress div.pagination .pag-count { clear: both; float: none; } #buddypress div.pagination .pagination-links { float: none; margin: 10px 0; clear: both; } } /*tabs*/ @media (max-width: 991px) { #buddypress div.item-list-tabs:not(#subnav) ul { margin-right: -1px; } #buddypress div.item-list-tabs:not(#subnav) ul li { width: 33.33333%; } } @media (max-width: 767px) { #buddypress div.item-list-tabs:not(#subnav) ul li { width: 50%; } } @media (max-width: 360px) { #buddypress div.item-list-tabs:not(#subnav) ul li { width: 100%; } } /*activity*/ .activity-greeting { color: #999; } #buddypress ul.item-list li.activity img.avatar, #buddypress .activity-list .activity-avatar img, #buddypress form#whats-new-form #whats-new-avatar img { width: 50px; height: auto; } #buddypress #item-body #subnav + form#whats-new-form { margin-top: 30px; } #buddypress form#whats-new-form textarea { min-height: 100px; width: 100%; font-size: 1em; border-color: #dedede; background: none; } #buddypress #whats-new-options { overflow: visible; min-height: 55px; height: auto !important; } #whats-new-post-in-box { color: #999; } #buddypress #activity-stream { margin-top: 20px; } #buddypress .activity-list .activity-content { margin: 0 0 0 64px; } #buddypress .activity-header a:first-child, #buddypress .comment-meta a:first-child, #buddypress .acomment-meta a:first-child { color: #6eb48c; font-weight: bold; } #buddypress .activity-list .activity-content .activity-header { color: #999; } #buddypress .activity-list .activity-content .activity-header img.avatar { width: 22px; margin: 0 5px 0px 0 !important; } #buddypress .activity-list .activity-content .comment-header { color: #999; } #buddypress #activity-stream p { margin-top: 0; } #buddypress div.activity-meta a { padding: 5px 10px; display: inline-block; margin-bottom: 8px; line-height: 1; text-transform: none; } #buddypress div.activity-meta a.delete-activity:hover { background: #f93636; border-color: #f93636; } #buddypress div.activity-meta a.acomment-reply:before, #buddypress div.activity-meta a.fav:before, #buddypress div.activity-meta a.unfav:before, #buddypress div.activity-meta a.delete-activity:before { content: "\f086"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px; } #buddypress div.activity-meta a.fav:before { content: "\f004"; } #buddypress div.activity-meta a.unfav:before { content: "\f08a"; } #buddypress div.activity-meta a.delete-activity:before { content: "\f014"; } #buddypress div.activity-comments ul li { padding: 20px 0 0; } #buddypress div.activity-comments div.acomment-meta, #buddypress div.activity-comments div.acomment-content { font-size: 100%; } #buddypress div.activity-comments div.acomment-avatar img { height: 30px; width: 30px; } #buddypress .activity-list li.load-more, #buddypress .activity-list li.load-newest { background: none; font-size: 100%; margin: 30px 0; padding: 0; text-transform: none; border-bottom: none; } #buddypress .activity-list li.load-more a, #buddypress .activity-list li.load-newest a { display: block; padding: 9px 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: transparent !important; color: #999; text-decoration: none; text-transform: uppercase; } #buddypress .activity-list li.load-more:hover a, #buddypress .activity-list li.load-newest:hover a { opacity: 0.85; } #buddypress .activity-list li.load-more.loading a:after, #buddypress .activity-list li.load-newest.loading a:after { content: "..."; } /*single activity*/ body.activity-permalink #buddypress div.activity-comments { border-top: solid 3px #ECECEC; margin-top: 20px; padding-top: 20px; } body.activity-permalink #buddypress div.activity-comments > ul { padding: 0 10px 0 0px; } body.activity-permalink #buddypress div.activity-comments ul li { padding: 20px 0 0 0; } body.activity-permalink #buddypress div.activity-comments ul li > ul { margin-left: 60px; } body.activity-permalink #buddypress .activity-list li.mini .activity-avatar img { width: 150px; height: auto; } body.activity-permalink #buddypress div.activity-comments div.acomment-avatar img { height: 50px; width: 50px; margin-right: 20px; } body.activity-permalink #buddypress div.activity-comments div.acomment-content { font-size: 100%; margin-left: 70px; } body.activity-permalink #buddypress .acomment-options { margin-left: 70px; } /*comment*/ #buddypress div.activity-comments form div.ac-reply-content { color: #888; margin-left: 65px; } #buddypress div.activity-comments form .ac-textarea { border: 1px solid #ECECEC; padding: 5px 5px 0; } #buddypress div.profile h4 { font-size: 21px; font-weight: bold; margin-bottom: 20px; } #buddypress table.notifications, #buddypress table.notifications-settings, #buddypress table.profile-settings, #buddypress table.profile-fields, #buddypress table.wp-profile-fields, #buddypress table.messages-notices, #buddypress table.forum { margin-bottom: 30px; } #buddypress table.notifications tr td.label, #buddypress table.notifications-settings tr td.label, #buddypress table.profile-fields tr td.label, #buddypress table.wp-profile-fields tr td.label, #buddypress table.messages-notices tr td.label, #buddypress table.forum tr td.label { display: table-cell; color: inherit; text-align: left; font-weight: normal; font-size: inherit; text-transform: uppercase; border-radius: 0; background: transparent; } #buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, #buddypress table.profile-settings thead tr, #buddypress table.profile-fields thead tr, #buddypress table.wp-profile-fields thead tr, #buddypress table.messages-notices thead tr, #buddypress table.forum thead tr { background: #6eb48c; } #buddypress table.notifications tr.alt td, #buddypress table.notifications-settings tr.alt td, #buddypress table.profile-settings tr.alt td, #buddypress table.profile-fields tr.alt td, #buddypress table.wp-profile-fields tr.alt td, #buddypress table.messages-notices tr.alt td, #buddypress table.forum tr.alt td { background: transparent; } #buddypress input[type="submit"].pending, #buddypress input[type="button"].pending, #buddypress input[type="reset"].pending, #buddypress input[type="submit"].disabled, #buddypress input[type="button"].disabled, #buddypress input[type="reset"].disabled, #buddypress input[type="submit"][disabled=disabled] { border-color: inherit; color: #fff; } #buddypress button.pending, #buddypress button.disabled { border-color: inherit; color: #fff; } #buddypress div.pending a, #buddypress a.disabled { border-color: inherit; color: #fff; } #buddypress #profile-edit-form ul.button-nav { padding-left: 0; } #buddypress table.profile-fields { margin-bottom: 30px; border-top: 1px solid #e9e9e9; } #buddypress table.profile-fields:last-child { margin-bottom: 30px; border-top: 1px solid #e9e9e9; } /*profile*/ /*group*/ @media (min-width: 768px) { #buddypress div#item-header div#item-header-content { float: none; } } @media only screen and (max-width: 480px) { #buddypress div.dir-search { float: none; } #buddypress div.dir-search input[type="text"] { margin-bottom: 0; width: 100%; } } .groups #item-header-content span.highlight { background-color: #eaeaea; padding: 10px 10px; font-size: 100%; line-height: 1; color: #999; display: inline-block; margin-bottom: 10px; } .groups #item-header-content span.activity { display: block; } #buddypress div#invite-list { background-color: transparent; padding: 0; height: auto; max-height: 400px; } #buddypress form.standard-form .left-menu #invite-list ul { padding: 0; } #buddypress form.standard-form .left-menu #invite-list ul li { margin: 0 0 5px 1%; } #buddypress .invite div.submit input { float: right; margin-right: 0; } #buddypress #members-dir-list ul.item-list li { padding: 10px 0 19px; } #buddypress div.profile h2 { margin-bottom: 10px; } #buddypress .field-visibility-settings-toggle { margin-top: 15px; } #buddypress .standard-form button { line-height: 1.3; padding: 3px 10px; } #buddypress .standard-form select { padding: 2px 6px; } #buddypress .standard-form #basic-details-section input[type=password], #buddypress .standard-form #blog-details-section input#signup_blog_url{ width: 100%; } /* = Woocommerce ----------------------------------------------------*/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 23.076%; margin: 0 2.565% 60px 0; position: relative; } .woocommerce ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page ul.products > li.product:nth-child( 4n+4 ) { margin-right: 0; } .woocommerce ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page ul.products > li.product:nth-child( 4n+1 ) { clear: both; } .woocommerce .penci_sidebar ul.products li.product, .woocommerce-page .penci_sidebar ul.products li.product { width: 30.769%; margin-right: 3.8465%; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 4n+4 ) { margin-right: 3.8465%; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 4n+1 ) { clear: none; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+3 ) { margin-right: 0; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+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, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { 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), .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(4n+2){ 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 #313131; 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 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: #313131; } .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; } .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(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 .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; } 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; } /*----------------------------------------------- Responsive Design ------------------------------------------------*/ /*--------- 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: 1169px) { .penci-video-overlay-background { display: block; } .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; } .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%; } } @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 li .penci-fea-in { height: 185px; } ul.homepage-featured-boxes.boxes-4-columns li .penci-fea-in { height: 160px; } 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:nth-of-type(3n+1) { clear: none; } .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; } .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 14px; } .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%; } .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-6 { 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 !important; padding: 10px 0 !important; } #navigation.header-6 .show-search { 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; } 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-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; } 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, .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 { padding: 0 10px; } ul.homepage-featured-boxes li .penci-fea-in { height: 158px; } ul.homepage-featured-boxes.boxes-4-columns li{ width: 50%; } ul.homepage-featured-boxes.boxes-4-columns li:nth-child(3), ul.homepage-featured-boxes.boxes-4-columns li:nth-child(4) { margin-top: 20px; } 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-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 li.product, .woocommerce-page ul.products li.product { width: 30.769%; margin-right: 3.8465%; } .woocommerce ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page ul.products > li.product:nth-child( 4n+1 ) { clear: none; } .woocommerce ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page ul.products > li.product:nth-child( 3n+1 ) { clear: both; } .woocommerce ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page ul.products > li.product:nth-child( 4n+4 ) { margin-right: 3.8465%; } .woocommerce ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page ul.products > li.product:nth-child( 3n+3 ) { margin-right: 0; } } /*--------- Max width 767px ---------*/ @media only screen and (max-width: 767px) { .container, .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; } /* 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 { 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-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{ font-size: 18px; } .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; } ul.homepage-featured-boxes li { width: 100% !important; margin-bottom: 20px; } ul.homepage-featured-boxes.boxes-4-columns li .penci-fea-in { height: 247px; } .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; } .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; } .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; } .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; } 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; } .post-entry .penci-recipe-heading h2{ display: block; float: none; font-size: 18px; } .penci-recipe-heading a.penci-recipe-print{ float: none; display: inline-block; height: 26px; line-height: 24px; } .penci-recipe-heading .penci-recipe-meta { margin-top: 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; } .penci-recipe-index-wrap ul.penci-recipe-index li, .penci-recipe-index-wrap ul.penci-recipe-index.column-4 li, .penci-recipe-index-wrap ul.penci-recipe-index.column-3 li{ width: 50%; } .penci-recipe-index-wrap ul.penci-recipe-index.column-2 li:nth-child(2n+1), .penci-recipe-index-wrap ul.penci-recipe-index.column-3 li:nth-child(3n+1), .penci-recipe-index-wrap ul.penci-recipe-index.column-4 li:nth-child(4n+1) { clear: none; } .penci-recipe-index-wrap ul.penci-recipe-index.column-2 li:nth-child(2n+1), .penci-recipe-index-wrap ul.penci-recipe-index.column-3 li:nth-child(2n+1), .penci-recipe-index-wrap ul.penci-recipe-index.column-4 li:nth-child(2n+1) { clear: both; } .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 .penci_sidebar ul.products li.product, .woocommerce-page .penci_sidebar ul.products li.product { width: 48%; margin-right: 4%; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+1 ) { clear: none; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page .penci_sidebar ul.products > 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 .penci_sidebar ul.products > li.product:nth-child( 2n+2 ), .woocommerce-page .penci_sidebar ul.products > 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 .penci_sidebar ul.products > li.product:nth-child( 2n+1 ), .woocommerce-page .penci_sidebar ul.products > 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, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 480px; } .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) { .wrapper-boxed > .container, #widget-area > .container, #footer-section > .container { padding-left: 20px; padding-right: 20px; } #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 { 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 { width: 360px; } .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; } .standard-post-image .audio-iframe, .standard-content-special { left:10px; right: 10px; bottom: 10px; } ul.homepage-featured-boxes li .penci-fea-in { height: 200px !important; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { top: 10px; left: 10px; bottom: 10px; right: 10px; } .footer-widget-wrapper .quote-widget > p { padding-left: 35px; } .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 15px; } .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; } .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; } /* 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-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-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.fa { 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; } a img.alignleft, a img.alignright, a img.alignnone { margin: 0 0 30px 0; float: none; } .video-align-left, .video-align-right { margin-left: 0; margin-right: 0; float: none; } .post-entry ul { padding-left: 25px; } .post-entry ol { padding-left: 43px; } .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; } .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: 12px; } .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-header-box .overlay-title a { font-size: 16px; } .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-recipe-heading .penci-recipe-meta > span { display: block; margin-bottom: 4px; } .penci-recipe-heading .penci-recipe-meta > span:last-child { margin-bottom: 0; } .post-entry .penci-recipe-title { font-size: 13px; } .post-entry .penci-recipe-heading h2 { font-size: 18px; } .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%; } .penci-recipe-index-wrap ul.penci-recipe-index.column-2 li, .penci-recipe-index-wrap ul.penci-recipe-index.column-4 li, .penci-recipe-index-wrap ul.penci-recipe-index.column-3 li{ width: 100%; float: none; } .penci-recipe-index-wrap ul.penci-recipe-index.column-2 li:nth-child(2n+1), .penci-recipe-index-wrap ul.penci-recipe-index.column-3 li:nth-child(2n+1), .penci-recipe-index-wrap ul.penci-recipe-index.column-4 li:nth-child(2n+1) { clear: both; } .penci-recipe-index-wrap ul.penci-recipe-index li article { max-width: 300px; margin-left: auto; margin-right: auto; } .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 { z-index: 9999999; } #close-sidebar-nav i { display: inline-block; } }