/* Theme Name: Flowing Theme URI: http://flowing.pencidesign.com/ Description: A Multi-Concept Blog/Magazine WordPress Theme Author: PenciDesign Author URI: http://pencidesign.com/ Version: 1.3 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-menu, featured-images, post-formats, translation-ready Text Domain: flowing Domain Path: /languages */ /*--------------------------------------------------- [TABLE OF CONTENTS] 1 - Import Librarys + Gallery + Magnific Popup + Owl Carousel & Owl Carousel Theme 2 - WordPress Core 3 - General 4 - Header 5 - Body 6 - Mobile navigation 7 - Slider 8 - Popular Posts 9 - Post Layout 10 - Single 11 - Other Pages 12 - Widgets 13 - Footer Instagram Sidebar 14 - Main Footer 15 - Footer 16 - 404 Page 17 - Woocommerce 18 - Responsive /* --------------------------------------------------- [COLORS USED] Background: #ffffff (white) Color: #111 (light black) Link: #EB4455 Accent color: #EB4455 ------------------------------------------------------ [FONTS USED] Body font: 'Lora', serif Heading font: "Oswald", sans-serif Navigation font: "Oswald", sans-serif -----------------------------------------------------*/ @import url('assets/css/instagram-slider.css'); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both} /* = 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} /* = 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} /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .penci-owl-carousel,.penci-owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.penci-owl-carousel{display:none;width:100%;z-index:1}.penci-owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.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(0,0,0)}.penci-owl-carousel .owl-item,.penci-owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.penci-owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.penci-owl-carousel .owl-item img{display:block;width:100%}.penci-owl-carousel .owl-dots.disabled,.penci-owl-carousel .owl-nav.disabled{display:none}.no-js .penci-owl-carousel,.penci-owl-carousel.owl-loaded{display:block}.penci-owl-carousel .owl-dot,.penci-owl-carousel .owl-nav .owl-next,.penci-owl-carousel .owl-nav .owl-prev{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-loading{opacity:0;display:block}.penci-owl-carousel.owl-hidden{opacity:0}.penci-owl-carousel.owl-refresh .owl-item{visibility:hidden}.penci-owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.penci-owl-carousel.owl-grab{cursor:move;cursor:grab}.penci-owl-carousel.owl-rtl{direction:rtl}.penci-owl-carousel.owl-rtl .owl-item{float:right}.penci-owl-carousel .animated{animation-duration:1s;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{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.penci-owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}.penci-owl-carousel .owl-item img.owl-lazy{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;transition:transform .1s ease}.penci-owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.penci-owl-carousel .owl-video-playing .owl-video-play-icon,.penci-owl-carousel .owl-video-playing .owl-video-tn{display:none}.penci-owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.penci-owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /*------------------ WordPress Core ------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } img { max-width: 100%; height: auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; max-width: 100%; /* Image does not overflow the content area */ padding: 0; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 13px; line-height: 1.5em; margin: 0; padding: 0 4px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*------------------ General ------------------*/ * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } body { background-color: #fff; /*background: url(../home-2.jpg) no-repeat top center;*/ font-family: 'Lora', serif; color: #111111; font-size: 14px; line-height: 1.8em; } p, .entry-content, .entry-description { font-size: 16px; } a, .read-more, .slider-read-more, .entry-post .post-inner .entry-extra .extra-share > .list-posts-share > a:after, .penci-slider article > .post-inner > .slider-read-more-parent .slider-read-more, .side-newsfeed .penci-feed .side-item:hover .side-image .side-number, .header-socials .socials li a, header nav ul ul li a:before, #top-search > a, input[type="submit"]:hover, button:hover, header nav ul.menu > li > ul, header nav ul.menu > li > a, header nav div.menu > ul > li > a, header nav ul ul, #navigation .menu li.penci-mega-menu > ul.sub-menu, .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-prev, .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-next, .widget .penci-widget-slider .penci-owl-carousel.owl-theme > .owl-nav > .owl-prev, .widget .penci-widget-slider .penci-owl-carousel.owl-theme > .owl-nav > .owl-next, .penci-post-gallery-container.single-slider .caption { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } h1, h2, h3, h4, h5, h6, input[type="submit"], button, header nav ul > li, #sidebar-nav .menu li a, .entry-date, .read-more, .slider-read-more, .widget .widget-title, .entry-post .post-inner .entry-extra .extra-share > .share-title, .sidebar .widget.widget_categories ul > li, .penci-pagination div, .penci-pagination > ul.page-numbers > li, .entry-post .post-inner .entry-meta > span:after, .single .entry-post .post-inner .entry-extra .post-tags .tag-title, .single .entry-post .post-pagination > div, .single .entry-post .post-author > div.author-content h5, .single .entry-post .post-title-box .post-box-title, .single .entry-post .post-comments .thecomment > div.comment-text > .author, .side-newsfeed .penci-feed .side-item .side-item-text h4, .side-newsfeed .penci-feed .side-item .side-item-text .side-item-meta, .side-newsfeed .penci-feed .side-item .side-image .side-number, .penci-widget-slider .penci-widget-slide-detail, .widget_calendar .calendar_wrap > table > caption, .widget_calendar .calendar_wrap > table > thead, .widget ul > li a, .penci-slider article > .post-inner > .slider-read-more-parent .slider-read-more, .page-404 .error-text, .page-404 .go-back-home a, .gallery .gallery-caption, .penci-pullqoute .author, blockquote cite a, .penci-slider .pencislider-container .pencislider-content .pencislider-title, .penci-slider .pencislider-container .pencislider-content .pencislider-button, .entry-post .post-comments .comment-text .reply, .woocommerce .comment-respond label, .woocommerce div.product .woocommerce-tabs .panel #respond .comment-reply-title, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2, .woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce table.shop_table th, .woocommerce table.shop_table td.product-name a, .woocommerce span.onsale, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce ul.products li.product .button, .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, .woocommerce .quantity .qty { font-family: "Oswald", sans-serif; } h1, h2, h3, h4, h5, h6 { line-height: 1.3em; margin-bottom: 20px; } h1 { font-size: 32px; line-height: 1.3em; font-weight: 600; } h2 { font-size: 28px; line-height: 1.3em; font-weight: 600; } h3 { font-size: 24px; font-weight: 600; } h4 { font-size: 22px; } h5 { font-size: 20px; } h6 { font-size: 16px; } a { text-decoration: none; color: #111; cursor: pointer; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], textarea { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; font-family: 'Lora', serif; font-size: 12px; min-width: 300px; max-width: 100%; border: 2px solid #111 !important; height: 40px; padding: 0 20px; color: #111 !important; outline: none; } textarea { width: 100%; min-height: 100px; padding-top: 20px !important; padding-bottom: 20px !important; } input[type="submit"], button { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; background-color: #111 !important; border: 1px solid #111 !important; padding-left: 20px; padding-right: 20px; color: #fff !important; height: 40px; text-transform: uppercase; font-size: 14px; line-height: 1em; cursor: pointer; } input[type="submit"]:hover, button:hover { background-color: #EB4455 !important; border-color: #EB4455 !important; } blockquote { border: 2px solid #111; font-size: 24px; line-height: 1.6em; padding: 18px 80px 18px 30px; margin: 30px 0 33px; position: relative; clear: both; font-style: italic; } blockquote p { margin-bottom: 0 !important; font-size: 24px; line-height: 1.6em; } blockquote:after { content: "\f10e"; background-color: #111; font-family: FontAwesome; font-size: 18px; font-style: normal; color: #fff; text-align: center; width: 40px; padding: 1px 0; display: inline-block; position: absolute; top: 20px; right: 20px; } blockquote .author { font-size: 18px; } .container { max-width: 1170px; width: 100%; margin: auto; } .read-more { text-transform: uppercase; color: #111; line-height: 26px; letter-spacing: 1.4px; padding: 0 10px; border: 2px solid #111; height: 30px; display: inline-block; font-weight: bold; } .read-more:hover { background-color: #111; color: #fff; } .left { float: left; } .right { float: right; } .two-column .body { width: 65.811965811966%; } .two-column .sidebar { width: 29.059829059829%; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } /* Set background image */ .penci-image-holder { position: relative; width: 100%; background: #ccc; 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; } .penci-image-holder:before { display: block; content: ""; width: 100%; padding-top: 66.66667%; background: none !important; box-shadow: none !important; } .penci-image-holder.rectangle-fix-size:before { padding-top: 128%; } .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,#b1b1b1 0%,#b1b1b1 15%,#9e9e9e 40%,#b1b1b1 100%); background-repeat: no-repeat; background-color: #b1b1b1; background-size: 900px 1700px; background-position: center center; animation: pencipreload 1s infinite linear forwards; -webkit-animation: pencipreload 1s infinite linear forwards; } .penci-lazy[src*="penci-holder"] { width: 100%; height: auto; } .penci-lazy.penci-lazy-square[src*="penci-holder"]{ height: 0; padding-bottom: 100%; } @-webkit-keyframes pencipreload{ from{ background-position:-800px 0; } to {background-position:100px 0;} } @keyframes pencipreload { from{ background-position:-800px 0; } to { background-position: 100 0;} } /* Default slider */ .penci-owl-carousel.owl-theme .owl-nav { margin-top: 0; } .penci-owl-carousel.owl-theme > .owl-nav > .owl-prev, .penci-owl-carousel.owl-theme > .owl-nav > .owl-next { background: rgba(255, 255, 255, 0.6); border: 1px solid #111; color: #111; font-size: 27px; padding: 5px 14px; margin-top: -20px; position: absolute; left: 20px; top: 50%; border-radius: 0; opacity: .7; transition: all 0.3s; -webkit-transition: all 0.3s; } .penci-owl-carousel.owl-theme > .owl-nav > .owl-next { left: auto; right: 20px; } .penci-owl-carousel.owl-theme .owl-dots .owl-dot.active span, .penci-owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background-color: #111; } .penci-owl-carousel.owl-theme > .owl-nav > .owl-prev:hover, .penci-owl-carousel.owl-theme > .owl-nav > .owl-next:hover { opacity: 1; } /* Pagination */ .penci-pagination { display: block; width: 100%; /*margin-top: 40px;*/ line-height: 0; } .penci-pagination > div { float: left; width: 50%; font-size: 130%; } .penci-pagination > div * { font-weight: 600; } .penci-pagination > div a:hover { color: #EB4455; } .penci-pagination > div.older { text-align: right; } .penci-pagination > ul.page-numbers { display: inline-block; } .penci-pagination > ul.page-numbers > li { float: left; margin-right: 10px; display: inline-block; } .penci-pagination > ul.page-numbers > li:last-child { margin-right: 0; } .penci-pagination > ul.page-numbers > li > * { text-align: center; font-size: 16px; line-height: 28px; font-weight: 600; border: 2px solid #111; padding: 4px 14px; height: 40px; display: inline-block; } .penci-pagination > ul.page-numbers > li > .next, .penci-pagination > ul.page-numbers > li > .prev { font-size: 14px; line-height: 28px; } .penci-pagination > ul.page-numbers > li:hover > *, .penci-pagination > ul.page-numbers > li > .current { background-color: #111; color: #fff } /* Custom Gallery Post */ .gallery .gallery-caption { font-size: 13px; color: #939393; 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 .caption, .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.single-slider figure { position: relative; } .penci-post-gallery-container.single-slider .caption { color: #fff; font-size: 12px; position: absolute; left: 0; right: 0; bottom: 0 } .penci-post-gallery-container.single-slider figure:hover .caption { opacity: 0; } .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; } .inner-item-masonry-gallery img { vertical-align: top; } .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; } /* Adsense */ .penci-adsense-code { text-align: center; } /*------------------ Header ------------------*/ header .top-header { width: 100%; z-index: 11; background-color: #fff; } header .top-header > .container { padding: 20px 0; border-bottom: 2px solid #111111; } header .top-header nav { /*max-width: 80%;*/ display: inline-block; vertical-align: top; } header nav ul > li { float: left; position: relative; } header nav ul.menu > li > a, header nav div.menu > ul > li > a { font-size: 115%; letter-spacing: 1px; font-weight: 600; color: #111111; line-height: 32px; text-transform: uppercase; padding: 0px 10px; margin: 0 10px; display: inline-block; } header nav ul.menu > li:first-child > a, header nav div.menu > ul > li:first-child > a { margin-left: 0; } header nav > ul.menu > li:hover > a, header nav div.menu > ul > li:hover > a, header nav > ul.menu > li.current-menu-item > a, header nav > ul.menu > li.current-menu-ancestor > a, header nav > ul.menu > li.current_page_ancestor > a, header nav > ul.menu > li.current_page_item > a { background-color: #111111; color: #fff; } header nav ul.menu > li > ul, header nav .menu > ul > li > ul { top: 47px; left: 10px; padding-top: 6px; } header nav ul.menu > li:first-child > ul, header nav .menu > ul > li:first-child > ul { left: 0; } header nav ul ul { width: 220px; position: absolute; top: 10px; left: 220px; opacity: 0; z-index: -1; visibility: hidden; } header nav ul li:hover > ul { top: 0; opacity: 1; z-index: 99; visibility: inherit; } header nav ul.menu > li:hover > ul { top: 32px; } header nav ul ul li { background-color: #111; width: 100%; } header nav ul ul li > a { font-size: 86%; color: #fff; font-weight: 400; line-height: 1.6em; letter-spacing: 1.2px; text-transform: uppercase; text-align: left; border-bottom: 1px solid #313131; display: block; margin: 0 20px; padding: 12px 0; position: relative; } header nav ul ul li:first-child > a { margin-top: 5px; } header nav ul ul li:last-child > a { border-bottom: 0; margin-bottom: 5px; } header nav ul ul li > a:before { content: " "; position: absolute; left: 0; bottom: 0; width: 0; border-bottom: 1px solid; } header nav ul ul li:last-child > a:before { display: none; } header nav ul ul li > a:hover:before { width: 100%; } header nav ul ul li.current-menu-ancestor > a, header nav ul ul li.current-menu-item > a { color: #EB4455; } header nav ul ul li.current-menu-ancestor > a:before, header nav ul ul li.current-menu-item > a:before { display: none; } header .top-header > .container { position: relative; } header .top-header .header-socials { float: right; display: inline-block; text-align: right; } header .top-header .header-socials ul.socials { float: left; } header .top-header .header-socials ul.socials li { float: left; margin-left: 10px; font-size: 16px; margin-top: 2px; } header .top-header .header-socials ul.socials li:first-child { margin-left: 0; } header .top-header .header-socials ul.socials li:hover a { color: #EB4455; } header .top-header .button-menu-mobile{ display: none; text-align: center; color: #111; font-size: 24px; cursor: pointer; vertical-align: top; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #top-search.shoping-cart-icon > a { margin-right: 5px; } #top-search.shoping-cart-icon > a:hover { color: #111; } #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: -4px; right: -6px; background: #EB4455; 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 } #top-search { float: right; } #top-search > a { font-size: 120%; cursor: pointer; margin-left: 10px; margin-top: 2px; display: block; position: relative; } #top-search > a:hover { color: #EB4455; } .show-search { position: absolute; left: 0; width: 100%; top: 0; height: 58px; background: #fff; text-align: left; z-index: 3; display: none; } .show-search input.search-field[type="text"] { border: 0 !important; padding: 20px 35px 20px 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; color: #111; height: 72px; line-height: 28px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-weight: normal; letter-spacing: 1px; font-size: 13px; } .show-search a.close-search { position: absolute; width: 20px; height: 70px; display: inline-block; right: 0; top: 0; z-index: 5; text-align: center; line-height: 70px; font-size: 16px; cursor: pointer; } .show-search .search-form i { display: none; } header .main-header { text-align: center; padding: 40px 0 36px; } header #logo > * { margin-bottom: 0; } header #logo img { vertical-align: top; } header .header-slogan .header-slogan-text { font-size: 100%; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; margin-top: 20px; } /* Header: style 2 */ header.style-2 .top-header { text-align: center; } header.style-2 .top-header nav, header.style-2 .top-header .header-socials { float: none; display: inline-block; } header.style-2 .top-header .header-socials ul.socials { margin: 0 15px; } header.style-2 .top-header #top-search { margin-left: 15px; } header.style-2 .top-header #top-search.shoping-cart-icon .cart-contents { margin-left: 0; } /* Header: style 3 */ header.style-3 { margin-bottom: 50px; } header.style-3 .top-header > .container { border-top: 2px solid #111; } /* Header: style 4 */ header.style-4 { margin-bottom: 50px; } header.style-4 .top-header > .container { border-top: 2px solid #111; } header.style-4 .top-header { text-align: center; } header.style-4 .top-header nav, header.style-4 .top-header .header-socials { float: none; display: inline-block; vertical-align: top; } header.style-4 .top-header .header-socials ul.socials { margin: 0 15px; } header.style-4 .top-header #top-search { margin-left: 15px; } header.style-4 .top-header #top-search.shoping-cart-icon .cart-contents { margin-left: 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%; clear: both; display: block; top: 60px; left: 0; z-index: 10; } #navigation .menu li.penci-mega-menu:hover > ul.sub-menu { top: 51px; } #navigation .menu li.penci-mega-menu > ul.sub-menu > .menu-item { display: none; } #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; border: 2px solid #111; } #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: 16px; line-height: 1.25em; text-align: left; margin: 0; padding: 8px 20px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active { border-top-color: #111; border-bottom-color: #111; background: #fff; color: #EB4455; 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; } #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; } #navigation .penci-megamenu .penci-mega-thumbnail { display: block; margin: 0 0 10px 0; position: relative; } #navigation .penci-megamenu .penci-mega-thumbnail a { width: 100%; } #navigation .penci-megamenu .penci-mega-thumbnail a i, article .entry-thumb a i { 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: opacity 0.25s; -webkit-transition: opacity 0.25s; -moz-transition: opacity 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-thumbnail a:hover i, article .entry-thumb a:hover i { opacity: 0; } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { font-size: 10px; background: #EB4455; line-height: 1; text-transform: uppercase; position: absolute; display: inline-block; padding: 4px 6px 4px; color: #fff; top: 0; left: 0; letter-spacing: 1px; z-index: 3; font-weight: normal; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a:hover { opacity: 0.8; } #navigation .penci-megamenu .penci-mega-thumbnail img { width: 100%; height: auto; } #navigation .penci-megamenu .post-mega-title { text-align: center; margin: 0; line-height: 1em; } #navigation .penci-megamenu .post-mega-title a { text-align: center; color: #fff; font-size: 16px; line-height: 1.3em; display: inline-block; } #navigation .penci-megamenu .post-mega-title a:hover { color: #EB4455; } #navigation .penci-megamenu .penci-mega-date { line-height: 1; font-size: 12px; color: #999; text-align: center; margin-top: 6px; } /*------------------ Body ------------------*/ .wrap-content { margin-bottom: 90px; } body.penci-body-boxed { background: #F5F5F5; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } body.penci-body-boxed .enable-boxed { background: #fff; max-width: 1230px; display: block; margin: 0 auto; overflow: hidden; 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); } /*------------------ 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: #111; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } #sidebar-nav::-webkit-scrollbar-corner { background-color: #111; } #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: #EB4455; position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .header-social.sidebar-nav-social { margin: 0 0 43px 0; padding: 0 10px; text-align: center; } .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 > .socials > li { display: inline-block; padding: 0 5px; } .header-social.sidebar-nav-social a i { color: #111; } .header-social.sidebar-nav-social a i:hover { color: #EB4455; } #sidebar-nav .menu { margin: 0; list-style: none; } #sidebar-nav .menu li { display: block; border-bottom: 1px solid #111; } #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: #111; 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: #EB4455; } #sidebar-nav .menu li a > i { display: none; } #sidebar-nav ul.sub-menu { border-top: 1px solid #111; 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: #111; 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: #EB4455; } .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: #111; 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; } /*------------------ Slider ------------------*/ .penci-header-slider { margin-bottom: 60px; position: relative; } .penci-header-slider article { position: relative; padding-bottom: 50px; } .penci-header-slider article .entry-thumb .penci-image-holder:before { padding-top: 50%; } .penci-header-slider article > .post-inner { position: absolute; bottom: 0px; left: 20px; right: 20px; background-color: #fff; border: 2px solid #111; text-align: center; } .penci-header-slider article > .post-inner > .entry-date { background-color: #111; font-size: 70%; line-height: 2.6em; color: #fff; letter-spacing: 1px; text-transform: uppercase; display: inline-block; top: -15px; position: absolute; padding: 2px 20px 3px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .penci-header-slider article > .post-inner > .entry-title { font-size: 300%; line-height: 1.3em; margin-top: 22px; margin-bottom: 22px; } .penci-header-slider article > .post-inner > .entry-title a:hover { color: #EB4455; } .penci-header-slider article > .post-inner > .slider-read-more-parent { z-index: 1; position: relative; } .penci-header-slider article > .post-inner > .slider-read-more-parent .slider-read-more { font-size: 80%; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; border-bottom: 28px solid #fff; border-left: 17px solid transparent; border-right: 17px solid transparent; height: 0; width: 120px; margin: 0 auto; position: relative; } .penci-header-slider article > .post-inner > .slider-read-more-parent .slider-read-more:before { border-bottom: 33px solid #111; border-left: 21px solid transparent; border-right: 21px solid transparent; height: 0; width: 88px; position: absolute; bottom: -31px; left: -22px; content: ""; z-index: -1; } .penci-header-slider article > .post-inner > .slider-read-more-parent .slider-read-more a { line-height: 28px; } .penci-header-slider article > .post-inner > .slider-read-more-parent .slider-read-more:hover { border-bottom-color: #111; } .penci-header-slider article > .post-inner > .slider-read-more-parent .slider-read-more:hover a { color: #fff; } .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-prev, .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-next { background: #ffffff; border: 1px solid #111; color: #111; font-size: 27px; padding: 5px 14px; margin-top: -30px; position: absolute; left: -25px; top: 50%; opacity: 1; } .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-next { left: auto; right: -25px; } .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-prev:hover, .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-next:hover { background-color: #111; color: #fff; } .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-prev:after { content: ''; position: absolute; bottom: -21px; left: -1px; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #111 transparent transparent; } .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-next:after { content: ''; position: absolute; bottom: -21px; right: -1px; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #111 transparent transparent transparent; } /* Slider style 2 */ .penci-header-slider.penci-style-2 .owl-item .item > article { padding-bottom: 30px; } .penci-header-slider.penci-style-2 article .entry-thumb .penci-image-holder:before { padding-top: 66.380789%; } .penci-header-slider.penci-style-2 .owl-item .item > article .post-inner > .entry-title { font-size: 170%; margin-bottom: 23px; margin-top: 22px; } .penci-header-slider.penci-style-2 > .penci-owl-carousel > .owl-nav > .owl-prev, .penci-header-slider.penci-style-2 > .penci-owl-carousel > .owl-nav > .owl-next { margin-top: -45px; } .penci-header-slider.penci-style-2 .penci-center .post-inner { visibility: hidden; } .penci-header-slider.penci-style-2 .penci-center .center .post-inner { visibility: visible; } .penci-header-slider.penci-style-2 .penci-center .post-inner .entry-title a { transition: color 0.3s; -webkit-transition: color 0.3s; } /* Slider style 3 */ .penci-header-slider.penci-style-2 article > .post-inner, .penci-header-slider.penci-style-3 article > .post-inner { left: 7.5%; width: 85%; } .penci-header-slider.penci-style-3 .owl-item .item > article { padding-bottom: 0px; } .penci-header-slider.penci-style-3 .owl-item .item > article .entry-thumb .penci-image-holder:before { padding-top: 150%; } .penci-header-slider.penci-style-3 .owl-item .item > article .post-inner { border: 0; bottom: 30px; } .penci-header-slider.penci-style-3 .owl-item .item > article .post-inner > .entry-title { font-size: 170%; margin-bottom: 23px; margin-top: 22px; } .penci-header-slider.penci-style-3 > .penci-owl-carousel > .owl-nav > .owl-prev, .penci-header-slider.penci-style-3 > .penci-owl-carousel > .owl-nav > .owl-next { margin-top: -30px; } .entry-post .post-inner { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 100%; border-left: 2px solid #111; padding-left: 30px; padding-bottom: 30px; display: inline-block } /* Pencislider Elements Style 4+5 */ .penci-slider.style-4 .penci-image-holder:before { padding-top: 450px; } .penci-slider.style-5 .penci-image-holder:before { padding-top: 600px; } .penci-slider.style-5 { width: 100%; margin-bottom: 60px; } .penci-slider .pencislider-container { position: absolute; top: 30px; left: 50px; bottom: 30px; right: 50px; } .penci-slider.style-5 .pencislider-container { position: absolute; top: 30px; left: 100px; bottom: 30px; right: 100px; } .penci-slider .pencislider-container .pencislider-table { display: table; width: 100%; height: 100%; } .penci-slider .pencislider-container .pencislider-content { display: table-cell; vertical-align: middle; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-weight: bold; font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; letter-spacing: 1px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title a { color: inherit; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 16px; line-height: 1.3em; margin: 9px 0 0; font-style: italic; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 26px 0 0; background: none; padding: 0; vertical-align: top; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { text-decoration: none; display: inline-block; padding: 12px 20px 10px; text-transform: uppercase; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; letter-spacing: 1px; cursor: pointer; font-size: 14px; line-height: 1.3; border: none; font-weight: bold; position: relative; } .penci-slider .pencislider-container .pencislider-content .pencislider-button:hover { opacity: 0.9; } /* Pencislider Alignment */ .penci-slider .pencislider-container .pencislider-title, .penci-slider .pencislider-container .pencislider-caption, .penci-slider .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; } .penci-slider .pencislider-container.align-center .pencislider-title, .penci-slider .pencislider-container.align-center .pencislider-caption, .penci-slider .pencislider-container.align-center .penci-button { text-align: center; } .penci-slider .pencislider-container.align-right .pencislider-title, .penci-slider .pencislider-container.align-right .pencislider-caption, .penci-slider .pencislider-container.align-right .penci-button { text-align: right; } /* Animation */ .penci-slider .pencislider-container .pencislider-caption { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } .penci-slider .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} } .penci-slider .active .pencislider-container.penci-fadeInDown .pencislider-title, .penci-slider .active .pencislider-container.penci-fadeInDown .pencislider-caption, .penci-slider .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} } .penci-slider .active .pencislider-container.penci-fadeInUp .pencislider-title, .penci-slider .active .pencislider-container.penci-fadeInUp .pencislider-caption, .penci-slider .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(-100px,0,0);transform:translate3d(-100px,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } @keyframes pencifadeInLeft{ 0%{opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } .penci-slider .active .pencislider-container.penci-fadeInLeft .pencislider-title, .penci-slider .active .pencislider-container.penci-fadeInLeft .pencislider-caption, .penci-slider .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(100px,0,0);transform:translate3d(100px,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } @keyframes pencifadeInRight{ 0%{opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } .penci-slider .active .pencislider-container.penci-fadeInRight .pencislider-title, .penci-slider .active .pencislider-container.penci-fadeInRight .pencislider-caption, .penci-slider .active .pencislider-container.penci-fadeInRight .pencislider-content .penci-button { -webkit-animation-name: pencifadeInRight; -moz-animation-name: pencifadeInRight; -o-animation-name: pencifadeInRight; animation-name: pencifadeInRight; } /*------------------ Popular Posts ------------------*/ .penci-popular-post { display: inline-block; width: calc( 100% + 20px ); margin: 0 -10px 45px; opacity: 0; height: 0; visibility: hidden; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s } .penci-loaded-done .penci-popular-post{ opacity: 1; height: auto; visibility: visible; } .penci-popular-post .entry-thumb .penci-image-holder:before { padding-top: 66.792452830189%; } .penci-popular-post > div { float: left; } .penci-popular-post > .module-title { width: 30px; margin: 0 10px; } .penci-popular-post > .module-content { width: calc( 100% - 50px ); } .penci-popular-post > .module-title .module-title-bg { background-color: #111; width: 30px; height: 177px; display: inline-block; position: relative; } .penci-popular-post > .module-title h2 { position: absolute; top: 78px; left: -75px; width: 180px; height: 23px; margin-bottom: 0; color: #fff; text-align: center; text-transform: uppercase; font-size: 100%; /*writing-mode:tb-rl;*/ -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform:rotate(-90deg); transform: rotate(-90deg); white-space:nowrap; } .penci-popular-post > .module-content .penci-owl-carousel .owl-item .item { padding: 0 10px; } .penci-popular-post > .module-content article .entry-thumb { margin-bottom: 10px; } .penci-popular-post > .module-content article .entry-thumb a{ transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .penci-popular-post > .module-content article .entry-thumb a:hover { opacity: 0.85; } .penci-popular-post > .module-content article .entry-title { margin-bottom: 2px; font-weight: 600; font-size: 20px; } .penci-popular-post > .module-content article .entry-title a:hover { color: #EB4455; } .penci-popular-post > .module-content article .entry-date { text-transform: uppercase; font-size: 70%; letter-spacing: 1px; } /*------------------ Columns Shortcode ------------------*/ .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% } /*------------------ Default HTML Style ------------------*/ .penci-pullqoute.align-left { float: left; width: 100%; margin-right: 20px; } .penci-pullqoute.align-right { float: right; width: 100%; margin-left: 20px; } .penci-pullqoute .author, blockquote cite a { color: #EB4455; font-style: normal; } .post-inner .entry-description pre, .post-inner .entry-content 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-inner .entry-description code, .post-inner .entry-content 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; } .post-inner .entry-description ul, .post-inner .entry-description ol, .post-inner .entry-content ul, .post-inner .entry-content ol { padding-left: 50px; margin-bottom: 20px; } .post-inner .entry-description ul ul, .post-inner .entry-content ul ul { margin: 2px 0; padding-left: 22px; } .post-inner .entry-description ol ol, .post-inner .entry-content ol ol { margin: 2px 0; padding-left: 32px; } .post-inner .entry-description ul li, .post-inner .entry-content ul li { margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } .post-inner .entry-description ol li, .post-inner .entry-content ol li { margin-bottom: 2px; list-style: decimal; } .sticky.post .post-header { border: 1px dashed #ddd; padding: 20px 0; } .bypostauthor { } .post-inner .entry-description table, .post-inner .entry-content table { width: 100%; margin-bottom: 22px; border-collapse: collapse; border-left: 1px solid #111; border-right: 1px solid #111; border-top: 1px solid #111; } .post-inner .entry-description td, .post-inner .entry-description th, .post-inner .entry-content td, .post-inner .entry-content th { padding: 12px; border-bottom: 1px #111 solid; } .post-inner .entry-description em strong, .post-inner .entry-content em strong { font-style: italic; } /*------------------ Post Layout ------------------*/ .entry-post { margin-bottom: 60px; } .entry-post .entry-thumb { position: relative; } .entry-post .entry-thumb > .standard-post-image > * { line-height: 0; display: block; } .entry-post .entry-thumb > .standard-post-image .penci-image-holder:before { padding-top: 66.623376623377%; } .entry-post .entry-thumb img { width: 100%; height: auto; } .entry-post .entry-thumb .entry-date, .penci-slider.penci-style-2 .owl-item .item > article .entry-thumb .entry-date, .penci-slider.penci-style-3 .owl-item .item > article .entry-thumb .entry-date, .penci-header-slider.penci-style-2 article .entry-thumb .entry-date, .penci-header-slider.penci-style-3 article .entry-thumb .entry-date { background-color: #111; font-size: 85%; font-weight: 400; color: #fff; letter-spacing: 1px; text-align: center; text-transform: uppercase; display: inline-block; padding: 11px 15px 0; width: 60px; height: 60px; position: absolute; top: 20px; right: 20px; } .entry-post .entry-thumb .entry-date::first-line, .penci-slider.penci-style-2 .owl-item .item > article .entry-thumb .entry-date::first-line, .penci-slider.penci-style-3 .owl-item .item > article .entry-thumb .entry-date::first-line, .penci-header-slider.penci-style-2 article .entry-thumb .entry-date::first-line, .penci-header-slider.penci-style-3 article .entry-thumb .entry-date::first-line { font-size: 200%; line-height: 0.8em; } .entry-post .post-inner { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: 100%; border-left: 2px solid #111; padding-left: 30px; display: inline-block } .entry-post .post-inner .entry-title { font-size: 30px; margin-top: 24px; margin-bottom: 5px; } .entry-post .post-inner .entry-title a:hover { color: #EB4455; } .entry-post .post-inner .entry-meta { border-bottom: 1px solid #111; padding-bottom: 22px; margin-bottom: 22px; } .entry-post .post-inner .entry-meta > span { font-style: italic; } .entry-post .post-inner .entry-meta > span:after { content: "/"; margin: 0 5px 0 8px; } .entry-post .post-inner .entry-meta > span a { font-weight: 600; } .entry-post .post-inner .entry-meta > span.meta-cats > .meta-cat-item { text-transform: uppercase; display: inline-block; } .entry-post .post-inner .entry-meta > span.meta-cats > .meta-cat-item:after { content: "&"; margin: 0 5px; } .entry-post .post-inner .entry-meta .meta-comments { font-style: italic; } .entry-post .post-inner .entry-meta a:hover { color: #EB4455; } .entry-post .post-inner .entry-description { line-height: 1.9em; border-bottom: 1px solid #111; padding-bottom: 7px; margin-bottom: 30px; } .entry-post .post-inner .entry-description.no-border { border-bottom: 0; padding-bottom: 0; } .entry-post .post-inner .entry-description img { max-width: 100%; } .entry-post .post-inner .entry-extra .extra-share { float: right; height: 30px; overflow: hidden; } .page .post-inner .entry-content { margin-bottom: 0 } .page .post-inner .entry-extra { text-align: center; } .page .post-inner .entry-extra .extra-share { display: inline-block; margin-top: 35px; margin-left: auto; margin-right: auto; float: none; vertical-align: top; } .entry-post .post-inner .entry-extra .extra-share > .share-title { font-weight: 600; line-height: 30px; text-transform: uppercase; float: left; height: 30px; padding: 0 22px 0 10px; position: relative; border-left: 2px solid #111; margin-right: -5px; letter-spacing: 1px; } .entry-post .post-inner .entry-extra .extra-share > .share-title:after { content: " "; border: 2px solid #111; border-left: 0; position: absolute; top: 0; left: -9px;; width: 100%; height: 26px; -webkit-transform: skew(-30deg, 0); -moz-transform: skew(-30deg, 0); -o-transform: skew(-30deg, 0); transform: skew(-30deg, 0); } .entry-post .post-inner .entry-extra .extra-share > .list-posts-share { float: right; } .entry-post .post-inner .entry-extra .extra-share > .list-posts-share > a { color: #fff; line-height: 30px; text-align: center; position: relative; width: 50px; height: 30px; display: inline-block; margin-right: 2px; float: left; } .entry-post .post-inner .entry-extra .extra-share > .list-posts-share > a i { line-height: 30px; } .entry-post .post-inner .entry-extra .extra-share > .list-posts-share > a:after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); transform: skew(-30deg); background: #111; z-index: -1; } .entry-post .post-inner .entry-extra .extra-share > .list-posts-share > a:last-child:after { width: 130%; } .entry-post .post-inner .entry-extra .extra-share > .list-posts-share > a:hover:after { background-color: #EB4455; } .entry-post .post-inner .entry-meta > span:last-child:after, .entry-post .post-inner .entry-meta > span.meta-cats > .meta-cat-item:last-child:after { display: none; } /* Penci No Thumb */ .entry-post.penci-no-thumb .post-inner { margin-top: 0; } .entry-post.penci-no-thumb .post-inner .entry-title { margin-top: -7px; } /* Post format */ .entry-post.format-gallery .entry-thumb, .entry-post.format-video .entry-thumb, .entry-post.format-audio .entry-thumb { background-color: #111; padding: 30px; } .entry-post.format-audio .penci-self-host-audio.entry-thumb { padding: 0; } .entry-post.format-audio .penci-self-host-audio.entry-thumb .audio-iframe { margin: 0 30px; margin-top: -30px; bottom: 30px; position: relative } .entry-post.format-quote .entry-thumb, .entry-post.format-link .entry-thumb { background-color: #111; min-height: 100px; } .entry-post.format-quote .entry-thumb .dt-special, .entry-post.format-link .entry-thumb .dt-special { color: #fff; font-size: 24px; line-height: 1.3em; font-style: italic; padding: 26px 90px 27px 30px; display: inline-block; width: 100%; } .entry-post.format-link .entry-thumb .dt-special a { color: #fff; font-size: 24px; word-wrap: break-word; } .entry-post.format-video .entry-thumb iframe, .entry-post.format-audio .entry-thumb iframe { width: 100%; } .entry-post.format-gallery .entry-thumb .gallery-caption { color: #fff; margin-top: 10px; display: block; margin-bottom: -8px; } .entry-post.format-gallery .entry-thumb .entry-date, .entry-post.format-video .entry-thumb .entry-date, .entry-post.format-audio .entry-thumb .entry-date { top: 50px; right: 50px; z-index: 1; } .entry-post.format-audio .penci-self-host-audio.entry-thumb .entry-date { top: 20px; right: 20px; } .entry-post.format-quote:not(.grid-style) .entry-thumb .entry-date, .entry-post.format-link:not(.grid-style) .entry-thumb .entry-date { background-color: #fff; color: #111; } .listing-style-ul .entry-post.format-quote .entry-thumb .entry-date, .grid-style.entry-post.format-quote .entry-thumb .entry-date { background-color: #111; color: #fff; } /* Grid style */ .entry-post.grid-style { margin-bottom: 48px; } .entry-post.grid-style.format-gallery > .entry-thumb, .entry-post.grid-style.format-video > .entry-thumb, .entry-post.grid-style.format-audio > .entry-thumb { background-color: transparent; padding: 0; } .entry-post.grid-style.format-gallery > .entry-thumb .entry-date, .entry-post.grid-style.format-video > .entry-thumb .entry-date, .entry-post.grid-style.format-audio > .entry-thumb .entry-date { top: 20px; right: 20px; } .entry-post.grid-style.format-video .entry-thumb .fluid-width-video-wrapper, .entry-post.grid-style.format-audio .entry-thumb .audio-iframe { padding-top: 66.66667% !important; position: relative; } .entry-post.grid-style.format-audio .entry-thumb .audio-iframe iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } .entry-post.grid-style.format-audio .entry-thumb.penci-self-host-audio .audio-iframe { padding-top: 0 !important; } .entry-post.grid-style.format-gallery > .entry-thumb .gallery-caption { display: none; } .entry-post.grid-style .entry-thumb { margin-bottom: 24px; } .entry-post.grid-style .entry-thumb img { display: inherit; } .entry-post.grid-style .post-inner { border-left: 0; padding-left: 0; padding-bottom: 0; margin-top: 0; } .entry-post.grid-style .post-inner .entry-title { font-size: 170%; margin-top: 0; line-height: 1.3em; margin-bottom: 4px; } .entry-post.grid-style .post-inner .entry-title a { font-size: 24px; line-height: 1.5; } .entry-post.grid-style .post-inner .entry-meta, .entry-post.grid-style .post-inner .entry-description { border-bottom: 0; margin-bottom: 13px; padding-bottom: 0; } .entry-post.grid-style .post-inner .entry-description { margin-bottom: 0; } /* Mixed Layout */ .two-column .mixed-style-ul { margin-right: -15px; margin-left: -15px; } .two-column .mixed-style-ul > * { padding-left: 15px; padding-right: 15px; } .two-column .mixed-style-ul > li { float: left; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .two-column .mixed-style-ul > li:nth-of-type(2n+1) { clear: both; } .one-column .mixed-style-ul > article { float: left; width: 65.811965811966%; margin-right: 2.564102564103%; } .one-column .mixed-style-ul > article:nth-of-type(2n) { float: right; margin-right: 0; margin-left: 2.564102564103%; } .one-column .mixed-style-ul > li { float: left; width: 31.623931623932%; } .mixed-style-ul > u { border-bottom: 2px solid #111; margin-bottom: 60px; display: block; } .two-column .mixed-style-ul > u { margin-left: 15px; margin-right: 15px; } /* Mixed Layout 2 */ .mixed-style-ul.penci-mixed-2-layout > u { border-bottom: 0; margin-bottom: 0px; } .mixed-style-ul.penci-mixed-2-layout > .entry-post .post-inner { border-top: 2px solid #111; margin-top: 0; } .mixed-style-ul.penci-mixed-2-layout > .entry-post .post-inner .entry-title { margin-top: 20px; } .mixed-style-ul.penci-mixed-2-layout > .entry-post .entry-meta { border-bottom: 0; margin-bottom: 0; } .mixed-style-ul.penci-mixed-2-layout > .entry-post .entry-thumb { margin-bottom: 23px; } /* Listing Layout */ .listing-style-ul .entry-post { margin-bottom: 50px; display: inline-block; clear: both; width: 100%; vertical-align: top; } .listing-style-ul .entry-post > div { float: left; } .listing-style-ul .entry-post > div.entry-thumb { width: 370px; margin-right: 30px; } .listing-style-ul .entry-post.grid-style > div.entry-thumb { margin-bottom: 0; } .listing-style-ul:not(.penci-standard-listing-layout) .entry-post > div.entry-thumb { margin-bottom: 0; } .listing-style-ul .entry-post > div.post-inner { width: calc(100% - 400px); } .listing-style-ul .entry-post.penci-no-thumb > div.post-inner { width: 100%; } .listing-style-ul:not(.penci-standard-listing-layout) .entry-post .post-inner .entry-title { margin-top: -7px; margin-bottom: 5px; } /* Standard Listing */ .penci-standard-listing-layout > .entry-post > div { float: none; width: 100% !important; margin-right: 0 !important; } /* Boxed Layout */ .listing-style-ul.penci-boxed-layout > li .entry-post { border: 2px solid #111; position: relative; } .listing-style-ul.penci-boxed-layout > li .entry-post > div { width: 50%; margin: 0; } .listing-style-ul.penci-boxed-layout > li:nth-child(2n) .entry-post > div.entry-thumb { float: right; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.entry-thumb { margin: -2px; margin-right: 0; } .listing-style-ul.penci-boxed-layout > li:nth-child(2n) .entry-post > div.entry-thumb { margin-right: -2px; margin-left: 0; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.entry-thumb .standard-post-image > * { line-height: inherit; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.entry-thumb img { margin-bottom: -10px; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner { position: relative; display: table; height: 384px; min-height: 384px; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner .table-cell { display: table-cell; vertical-align: middle; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner .table-cell .penci-padding { padding: 30px 60px; } .two-column .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner .table-cell .penci-padding { padding: 30px; } .two-column .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner, .listing-style-ul.penci-boxed-layout > li .entry-post.penci-no-thumb > div.post-inner { min-height: 0; height: auto; } /* Standard Grid */ .one-column .mixed-style-ul.penci-standard-grid-layout > article { float: none; width: 100%; } .one-column .mixed-style-ul.penci-standard-grid-layout > li { margin-right: 2.564102564103%; } .one-column .mixed-style-ul.penci-standard-grid-layout > li:nth-of-type(3n) { margin-right: 0; } .one-column .mixed-style-ul.penci-standard-grid-layout > li:nth-of-type(3n+1) { clear: both; } /* Masonry */ .penci-wrap-masonry { margin-left: -15px; margin-right: -15px; } .penci-masonry { width: 100%; } .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; } .two-column .penci-masonry .item-masonry { width: 50%; } /* Grid Layout */ .one-column .penci-grid-layout > li { margin-right: 2.564102564103%; } .one-column .penci-grid-layout > li:nth-child(3n) { margin-right: 0; } .one-column .penci-grid-layout > li:nth-child(3n+1) { clear: both; } /*------------------ Single ------------------*/ .single .no-slider .container-single, .page .no-slider .container-single, .archive .no-slider .container-single, .error404 .no-slider .page-404 { border-top: 2px solid #111; padding-top: 60px; } .single .wrapper-boxed.style-3 .no-slider .container-single, .page .wrapper-boxed.style-3 .no-slider .container-single, .single .wrapper-boxed.style-4 .no-slider .container-single, .page .wrapper-boxed.style-4 .no-slider .container-single { border-top: 0; padding-top: 10px; } .single .entry-post, .page .entry-post { margin-bottom: 0; } .single .entry-post.format-quote .entry-thumb .dt-special, .single .entry-post.format-link .entry-thumb .dt-special { padding-right: 30px; } .single .entry-post .post-inner, .page .entry-post .post-inner { padding-bottom: 30px; margin-top: 0; } .page .entry-post .post-inner { padding-bottom: 0; } .single .entry-post .post-inner .entry-title, .page .entry-post .post-inner .entry-title { font-size: 215%; margin-top: -2px; } .single .entry-post .post-inner .entry-title { margin-bottom: 5px; } .page .entry-post .post-inner { border-left: none; padding-left: 0; } .page .entry-post .post-inner .entry-title { margin-bottom: 20px; text-transform: uppercase; text-align: center; } .single .entry-post .post-inner .entry-meta, .page .entry-post .post-inner .entry-meta { border: 0; padding-bottom: 0; } .single .entry-post .post-inner .entry-thumb { margin-bottom: 23px; } .single .entry-post .post-inner img { max-width: 100%; display: inline-block; vertical-align: top; } .entry-content { margin-bottom: 35px; } .entry-content p, .entry-description p { margin-bottom: 17px; } .entry-content a { color: #EB4455; } .entry-content a:hover { text-decoration: underline; } .single .entry-post .post-inner .entry-extra { display: block; width: 100%; } .single .entry-post .post-inner .entry-extra > div, .page .entry-post .post-inner .entry-extra > div { margin-bottom: 15px; } .single .entry-post .post-inner .entry-extra > div.clear, .page .entry-post .post-inner .entry-extra > div.clear { margin-bottom: 0; } .single .entry-post .post-inner .entry-extra .post-tags { float: left; width: calc(100% - 300px); padding-left: 70px; } .single .entry-post .post-inner .entry-extra .post-tags .tag-title { text-transform: uppercase; margin-right: 18px; margin-left: -70px; font-weight: 600; letter-spacing: 1px; } .single .entry-post .post-inner .entry-extra .post-tags .tag-title:before { content: ""; border-left: 2px solid #111; width: 0; height: 30px; display: inline-block; margin-bottom: -9px; margin-right: 10px; } .single .entry-post .post-inner .entry-extra .post-tags > a:hover { color: #EB4455; } .single .entry-post .post-inner .entry-extra .post-tags > a:after, .tagcloud > a:after { content: ", " } .single .entry-post .post-inner .entry-extra .post-tags > a:last-child:after, .tagcloud > a:last-child:after { content: ""; } .single .entry-post .post-inner .entry-extra .post-tags > a:last-child:after .tagcloud > a:last-child:after { display: none; } .single .entry-post .post-pagination, .post-author, .single .entry-post .post-related, .post-comments { border-top: 2px solid #111; margin-top: 25px; } .single .entry-post .post-inner > div:last-child { border-bottom: 0; } /* Pagination */ .single .entry-post .post-pagination { display: table; width: 100%; padding-top: 20px; } .single .entry-post .post-pagination > div { display: table-cell; width: 50%; } .single .entry-post .post-pagination > div > .penci-post-nav-thumb { float: left; height: 60px; margin-right: 10px; } .single .entry-post .post-pagination > div.next-post > .penci-post-nav-thumb { float: right; margin-right: 0; margin-left: 10px; } .single .entry-post .post-pagination > div > .penci-post-nav-thumb img { width: 60px; height: 60px; } .single .entry-post .post-pagination > div > div > div { text-transform: uppercase; font-size: 95%; } .single .entry-post .post-pagination > div > div > div > i { margin-right: 7px; } .single .entry-post .post-pagination > div > div > h4 { margin-top: 2px; margin-bottom: 0; } .single .entry-post .post-pagination > div > div > h4 a { font-size: 20px; font-weight: 600; } .single .entry-post .post-pagination > div > div > h4 a:hover { color: #EB4455; } .single .entry-post .post-pagination .prev-post-title { font-size: 12px; } .single .entry-post .post-pagination > .next-post { text-align: right; } .single .entry-post .post-pagination > .next-post > div > div > i { margin-right: 0; margin-left: 7px; } /* Author */ .post-author { display: table; padding-bottom: 5px; padding-top: 30px; width: 100%; } .post-author > div { display: table-cell; vertical-align: top; } .post-author > div.author-img { width: 140px; line-height: 0; } .post-author > div.author-img img { width: 120px; height: auto; border-radius: 90px; } .post-author > div.author-content h5 { text-transform: uppercase; margin-top: 0px; margin-bottom: 13px; font-size: 14px; } .post-author > div.author-content h5 a { font-size: 18px; font-weight: 600; } .post-author > div.author-content .author-social { margin: 10px 4px 0 0; display: inline-block; vertical-align: top; } /* Post title box */ .single .entry-post .post-title-box { margin-bottom: 30px; position: relative; } .single .entry-post .post-title-box .post-box-title { background-color: #111; font-size: 14px; color: #fff; font-weight: 600; letter-spacing: 1.4px; line-height: 1.93; text-transform: uppercase; display: inline-block; padding: 3px 20px 4px; margin-bottom: 0; } /* Related Post */ .single .entry-post .post-related { padding-top: 30px; } .single .entry-post .post-related .penci-owl-carousel .owl-item .item .entry-thumb { margin-bottom: 15px; background-color: transparent; padding: 0; } .single .entry-post .post-related .penci-owl-carousel .owl-item .item .entry-thumb a{ transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .single .entry-post .post-related .penci-owl-carousel .owl-item .item .entry-thumb a:hover { opacity: 0.85; } .single .entry-post .post-related .penci-owl-carousel .owl-item .item .entry-thumb .penci-image-holder:before { padding-top: 66.666666666667%; } .single .entry-post .post-related .penci-owl-carousel .owl-item .item .entry-thumb .entry-date { line-height: 1.6em; padding-top: 6px; text-align: center; top: 15px; right: 15px; width: 50px; height: 50px; font-size: 10px; } .single .entry-post .post-related .penci-owl-carousel .owl-item .item .entry-thumb .entry-date:first-line { font-size: 18px; line-height: 1.3em; } .single .entry-post .post-related .penci-owl-carousel .owl-item .item h3 { margin-bottom: 0; font-size: 140%; } .single .entry-post .post-related .penci-owl-carousel .owl-item .item h3 a:hover { color: #EB4455; } .single .entry-post .post-related .penci-owl-carousel.owl-theme .owl-dots { height: 20px; } /* Comment */ .entry-post .post-comments { padding-top: 30px; clear: both; } .entry-post .post-comments.no-comment-open { padding-top: 0; border-top: 0; margin-top: 0; } .entry-post .post-comments .comments { border-bottom: 2px solid #111; padding-bottom: 23px; margin-bottom: 30px; } .entry-post .post-comments .comment, .entry-post .post-comments .thecomment { border-bottom: 1px solid #111; padding-bottom: 30px; margin-bottom: 30px; } .entry-post .post-comments .comment:last-child, .entry-post .post-comments .thecomment:last-child { border-bottom: 0; padding-bottom: 0px; margin-bottom: 0px; } .entry-post .post-comments .thecomment { display: table; width: 100%; } .entry-post .post-comments .comments > .comment > .comment { padding-left: 60px; } .entry-post .post-comments .thecomment > div { display: table-cell; vertical-align: top; } .entry-post .post-comments .thecomment > div.author-img { width: 140px; } .entry-post .post-comments .thecomment > div.author-img img { width: 120px; height: auto; border-radius: 90px; } .entry-post .post-comments .thecomment > div.comment-text > .author { display: block; text-transform: uppercase; font-size: 18px; font-weight: bold; margin-bottom: 3px; margin-top: -1px; } .entry-post .post-comments .thecomment > div.comment-text > .date { font-size: 12px; font-style: italic; display: block; margin-bottom: 14px; } .entry-post .post-comments #respond .comment-form-group { display: table; margin-left: -20px; } .entry-post .post-comments #respond .comment-form-group > p { display: table-cell; width: calc(100% / 3); } .entry-post .post-comments #respond .comment-form-group > p > span { margin-left: 20px; margin-bottom: 20px; display: inline-block; } .entry-post .post-comments #respond .comment-form-group > p > span > input { width: 100%; min-width: 0; } .entry-post .post-comments #respond .comment-form-comment > textarea { margin: 0; padding-top: 20px !important; width: 100%; height: 120px; margin-bottom: 20px; display: inline-block; vertical-align: top; } .entry-post .post-comments #respond input[type="submit"] { margin: 0; } .entry-post .post-comments .comment-text { position: relative; } .entry-post .post-comments .comment-text .reply { position: absolute; right: 0; top: -9px;; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; } .entry-post .post-comments .comment-text .reply .comment-edit-link { margin-left: 5px; } .entry-post .post-comments .post-title-box #cancel-comment-reply-link { position: absolute; right: 0; top: 3px; font-size: 13px; letter-spacing: 1px; } .entry-post .post-comments .comments > #respond { margin-bottom: 30px; } /*------------------ Other Pages ------------------*/ .author .post-author { margin-top: 0; margin-bottom: 30px; padding-top: 30px; padding-bottom: 30px; border-top: 0; border-bottom: 2px solid #111; border-top: 2px solid #111; } .archive-box { margin-bottom: 30px; } .archive-box .title-bar h1 { font-size: 30px; text-transform: uppercase; margin: 0; } .archive-box .title-bar span { display: block; font-size: 14px; position: relative; padding-left: 30px; } .archive-box .title-bar span:before{ width: 20px; height: 0; border-top: 2px solid; opacity: inherit; content: ""; display: inline-block; position: absolute; left: 0; top: 50%; } .author .post-author .author-content h5 span { display: none; } .penci-category-description { margin: -15px 0 30px; } /*------------------ Widgets ------------------*/ .sidebar { margin-top: 17px; } .sidebar .widget { border-top: 2px solid #111; border-left: 2px solid #111; padding-left: 28px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 56px; } .sidebar .widget:last-child { margin-bottom: 0; } .sidebar .widget .widget-title, #widget-area .footer-widget-wrapper .widget-title { background-color: #111; font-size: 14px; color: #fff; font-weight: 600; line-height: 1.5em; text-transform: uppercase; padding-left: 20px; padding-right: 10px; padding-top: 7px; padding-bottom: 8px; margin-top: -40px; margin-bottom: 30px; letter-spacing: 1px; } .sidebar .widget .widget-title * { color: #fff; } /* Search widget */ .widget.widget_search, .widget.widget_product_search { border: 0; padding: 0; margin-top: -15px; } .widget.widget_search form, .widget.widget_product_search form { position: relative; } .widget.widget_search input[type="text"], .widget.widget_product_search input[type="search"] { width: 100%; } .widget.widget_search form i, .widget.widget_product_search form i { position: absolute; top: 12px; right: 20px; } /* Newletter Widget */ .widget.widget_mc4wp_form_widget form p { margin-bottom: 20px; } .widget.widget_mc4wp_form_widget form p:last-of-type { margin-bottom: 0; } .widget.widget_mc4wp_form_widget form input { width: 100%; min-width: 0; } /* Widget default */ .widget ul > li { margin-bottom: 5px; } .widget ul > li:last-child { margin-bottom: 0; } .widget ul > li a { font-size: 115%; font-weight: 600; line-height: 1.3; } .widget a:hover { color: #EB4455; } .widget_rss ul > li .rsswidget { display: block; } .tagcloud > a { font-size: 100% !important; } .widget_calendar .calendar_wrap > table { width: 100%; } /* Popular post Widget */ .side-newsfeed .penci-feed .side-item { border-bottom: 1px solid #111; padding-bottom: 30px; margin-bottom: 24px; display: inline-block; vertical-align: top; width: 100%; } .side-newsfeed .penci-feed:first-child .side-item { margin-top: 5px; } .side-newsfeed .penci-feed.featured-news .side-item { padding-bottom: 21px; } .side-newsfeed .penci-feed.featured-news:first-child .side-item { margin-top: 10px; } .side-newsfeed .penci-feed:last-child .side-item { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .side-newsfeed .penci-feed .side-item .side-image { float: left; width: 120px; margin-right: 20px; position: relative; z-index: 1; } .side-newsfeed .penci-feed .side-item .side-image a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .side-newsfeed .penci-feed .side-item .side-image a:hover{ opacity: 0.85; } .side-newsfeed .penci-feed .side-item .side-image .penci-image-holder:before { padding-top: 66.666666666667%; } .side-newsfeed .penci-feed .side-item .side-image.thumbnail-right { float: right; margin-right: 0; margin-left: 20px; } .side-newsfeed .penci-feed .side-item .side-image .side-number { background-color: #111; color: #fff; font-weight: 600; text-align: center; line-height: 30px; position: absolute; top: -15px; left: 15px; width: 30px; height: 30px; border-radius: 90px; } .side-newsfeed .penci-feed.featured-news .side-item .side-image .penci-image-holder:before { padding-top: 66.774193548387%; } .side-newsfeed .penci-feed.featured-news .side-item .side-image .side-number { width: 40px; height: 40px; top: -20px; left: 20px; font-size: 18px; line-height: 40px; } .side-newsfeed .penci-feed .side-item .side-item-text h4 { font-size: 100%; line-height: 1.5em; letter-spacing: 0.8px; margin-top: -1px; position: relative; margin-bottom: 0; } .side-newsfeed .penci-feed .side-item .side-item-text .side-item-meta { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin-top: 7px; display: block } .side-newsfeed .penci-feed.featured-news .side-item .side-image { float: none; width: 100%; margin: 0; margin-bottom: 11px; } .side-newsfeed .penci-feed.featured-news .side-item .side-item-text .side-item-meta { display: block; } .side-newsfeed .penci-feed.featured-news .side-item .side-item-text h4 { font-size: 125%; line-height: 1.5em; margin-top: 7px; margin-bottom: 16px; display: inline-block; width: 100%; letter-spacing: 0px; } .side-newsfeed .penci-feed .side-item .side-item-text h4 a { font-size: 16px; line-height: 1.5; } .side-newsfeed .penci-feed.featured-news .side-item .side-item-text h4 a { font-size: 20px; line-height: 1.5; } .side-newsfeed .penci-feed .side-item .side-item-text h4 a:hover { color: #EB4455; } .side-newsfeed .penci-feed .side-item .side-image:hover .side-number { background-color: #EB4455; } .side-newsfeed .penci-feed .side-item .side-item-text .side-item-desc { font-size: 16px; line-height: 1.88; } /* Social Widget */ .penci_social_widget .widget-social > a { background-color: #111; color: #fff; font-size: 110%; line-height: 2.6em; text-align: center; float: left; width: 40px; height: 40px; margin-right: 10px; margin-bottom: 10px; border-radius: 90px; } .penci_social_widget .widget-social > a:hover{ color: #EB4455; } .penci_social_widget .widget-social > a:last-child { margin-right: 0; } /* Slider Widget */ .penci-widget-slider { max-width: 500px; width: 100%; clear: both; } .widget .penci-widget-slider ul li { margin: 0; padding: 0; border-bottom: none; } .widget .penci-widget-slider ul li:before, .widget .penci-widget-slider ul li: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: 30px; right: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 5; } .widget .penci-widget-slider .penci-widget-slide-detail h4 { margin-bottom: 5px; } .widget .penci-widget-slider .penci-widget-slide-detail h4 a { color: #fff; font-size: 18px; text-decoration: none; } .penci-widget-slide-detail .slide-item-date { color: #fff; display: block; margin-top: 5px; } .widget .penci-widget-slider .penci-owl-carousel.owl-theme > .owl-nav > .owl-prev, .widget .penci-widget-slider .penci-owl-carousel.owl-theme > .owl-nav > .owl-next { background: none; border: none; left: 0; color: #fff; opacity: 0; } .widget .penci-widget-slider .penci-owl-carousel.owl-theme > .owl-nav > .owl-next { left: auto; right: 0; } .widget .penci-widget-slider:hover .penci-owl-carousel.owl-theme > .owl-nav > .owl-prev, .widget .penci-widget-slider:hover .penci-owl-carousel.owl-theme > .owl-nav > .owl-next { opacity: 1; } /* About Widget */ .penci_about_widget .about-widget > img { width: 100%; margin-bottom: 16px; } .penci_about_widget .about-widget > p { line-height: 1.9em; } .penci_about_widget .about-widget > .about-me-heading { font-size: 150%; margin-bottom: 10px; } /* Quote widget */ .quote-widget { position: relative; display: block; } .quote-widget > i.fa { color: #111111; 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; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .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; } /* Latest Tweets */ .penci-tweets-widget-content .penci-tweet { margin: 0 !important; padding: 0 !important; border: none !important; } .penci-slider.penci-tweets-slider .penci-tweet:before, .penci-slider.penci-tweets-slider .penci-tweet: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: #2aa4f0; margin-top: -10px; } .penci-tweets-widget-content .tweet-text { color: #313131; margin-bottom: 10px; text-align: center; line-height: 1.5em; } .penci-tweets-widget-content .tweet-intents { text-align: center; overflow: hidden; } .penci-tweets-widget-content .tweet-intents a { color: #EB4455; font-size: 13px; font-style: italic; } .penci-tweets-widget-content .tweet-intents span:after { content: "/"; margin: 0 5px; font-size: 11px; color: #EB4455; } .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-date { line-height: 1.3; white-space: nowrap; text-align: center; margin-bottom: 7px; font-size: 13px; opacity: .6 } .penci-tweets-slider .owl-nav.disabled+.owl-dots { margin-top: 5px; } .penci-tweets-slider .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 0px 4px } /*------------------ Footer Instagram Sidebar ------------------*/ .footer-instagram .widget-title { border-bottom: 2px solid #111; margin-bottom: 10px; text-align: center; } .footer-instagram .widget-title span.title { display: inline-block; background-color: #111; color: #fff; font-size: 14px; line-height: 30px; height: 28px; text-transform: uppercase; letter-spacing: 1px; padding: 0 15px; vertical-align: top; } .footer-instagram .widget-title span.title > i { margin-right: 5px; top: -1px; position: relative; } /*------------------ Main Footer ------------------*/ #widget-area { } #widget-area > .container { border-top: 2px solid #111; padding-top: 60px; padding-bottom: 60px; } #widget-area .footer-widget-wrapper { float: left; width: 31.623931623931%; margin-right: 2.564102564103%; } #widget-area .footer-widget-wrapper.last { margin-right: 0; } #widget-area .footer-widget-wrapper .widget { margin-bottom: 20px; margin-top: 0; } #widget-area .footer-widget-wrapper .widget:last-child { margin-bottom: 0; } #widget-area .footer-widget-wrapper .widget-title { margin-top: 0; margin-bottom: 30px; text-align: center; } #widget-area .footer-widget-wrapper .side-newsfeed .penci-feed:first-child .side-item { margin-top: 0; } /*------------------ Footer ------------------*/ #footer-section, #footer-copyright * { color: #666666; } #footer-section > .container { border: 2px solid #111; text-align: center; padding: 60px 0 50px; } #footer-section .footer-socials-section { text-align: center; } #footer-section .footer-socials-section ul.socials { text-align: center; margin-bottom: 21px; display: inline-block; vertical-align: top; } #footer-section .footer-socials-section ul.socials > li { display: inline-block; margin: 0 5px 10px; float: left; } #footer-section .footer-socials-section ul.socials > li > a { font-size: 16px; border: 2px solid #111; text-align: center; line-height: 2.2em; height: 40px; width: 40px; display: inline-block; border-radius: 90px; } #footer-section .footer-socials-section ul.socials > li > a:hover { background-color: #111; color: #fff; } #footer-section #footer-logo { margin-bottom: 22px; } #footer-section #footer-copyright { font-style: italic; } #footer-copyright a { color: #EB4455; } #footer-section #footer-copyright p { font-size: inherit; } .go-to-top-parent { text-align: center; margin-top: 28px; } .go-to-top-parent > a { color: #fff; position: relative; width: 60px; height: 30px; overflow: hidden; display: inline-block; vertical-align: top; } .go-to-top-parent > a:after { content: " "; background-color: #111; width: 60px; height: 60px; position: absolute; top: 13px; left: 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform: rotate(45deg); -ms-transform:rotate(45deg); transform: rotate(45deg); } .go-to-top-parent > a:hover:after { opacity: 0.85; } .go-to-top-parent > a i { position: relative; z-index: 1; top: 7px; } /*------------------ 404 Page ------------------*/ .error404 .wrap-content { margin-bottom: 0; } .page-404 { text-align: center; height: 100vh; padding-top: 0 !important; display: table; } .page-404 .error-404 { vertical-align: middle; display: table-cell; width: 100%; min-height: 362px; } .page-404 .error-text { font-size: 120px; font-weight: 600; line-height: 1em; letter-spacing: 12px; } .page-404 .error-text, .page-404 .error-image { margin-bottom: 27px; } .page-404 .sub-heading-text-404 { font-size: 18px; font-style: italic; line-height: 1.67em; } .page-404 form { max-width: 340px; margin: auto; margin-top: 35px; position: relative; } .page-404 form input { min-width: 0; width: 100%; } .page-404 form i.fa { position: absolute; top: 13px; right: 20px; font-size: 14px; letter-spacing: 1.4px; } .page-404 .go-back-home a { font-size: 14px; font-weight: bold; line-height: 2.14; letter-spacing: 1.4px; text-transform: uppercase; position: relative; } .page-404 .go-back-home { margin-top: 80px; } .page-404 .go-back-home a:after { content: ""; border-bottom: 2px solid #111; width: 100%; position: absolute; left: 0; bottom: -8px; } /*------------------ Portfolio ------------------*/ .single-portfolio .entry-post.portfolio .entry-title, .single-portfolio .entry-post.portfolio .entry-meta, .single-portfolio .entry-post.portfolio .post-inner .entry-extra { text-align: center; } .single-portfolio .entry-post.portfolio .post-inner { border-left: none; padding-left: 0; } .single-portfolio .entry-post.portfolio .entry-content { max-width: 900px; margin-left: auto; margin-right: auto; } .single-portfolio .entry-post.portfolio .post-inner .entry-extra .extra-share { display: inline-block; float: none; } .wrapper-penci-portfolio { width: 100%; overflow: hidden; } .penci-portfolio-filter { display: block; text-align: center; margin: 0 0 31px 0; } .entry-content .penci-portfolio-filter ul, .penci-portfolio-filter ul { list-style: none; display: inline-block; vertical-align: top; padding: 0 !important; margin: 0; } .entry-content .penci-portfolio-filter ul li, .penci-portfolio-filter ul li { display: inline-block; float: left; margin: 0 15px; padding: 0; } .entry-content .penci-portfolio-filter ul li a, .penci-portfolio-filter ul li a { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-transform: uppercase; color: #888888 !important; } .entry-content .penci-portfolio-filter ul li a:hover, .entry-content .penci-portfolio-filter ul li.active a, .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li.active a{ color: #111111 !important; 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 { line-height: 0; display: inline-block; width: 100%; vertical-align: top; } .penci-portfolio-thumbnail a:after { opacity: 0; position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; background: #000000; content: ""; -webkit-transition: .5s; transition: .5s; z-index: 10; } .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after{ opacity: 0.6; } .penci-portfolio-thumbnail img { width: 100%; height: auto; } .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; font-size: 16px; font-weight: 600; color: #ffffff; text-transform: uppercase; margin-bottom: 6px; 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; } .inner-item-portfolio .portfolio-desc span { opacity: 0; font-size: 13px; font-style: italic; color: #ffffff; line-height: 1.3; text-decoration: none; display: block; vertical-align: top; -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; } .wrapper-penci-portfolio .penci-pagination { margin-top: 10px; } .wrapper-penci-portfolio .penci-pagination > ul.page-numbers > li > * { line-height: 30px; padding: 0px 12px; height: 34px; color: #111; } .wrapper-penci-portfolio .penci-pagination > ul.page-numbers > li > span:not(.dots) { color: #fff; } .wrapper-penci-portfolio .penci-pagination > ul.page-numbers > li a:hover { color: #fff; text-decoration: none; } /* = Penci Recipe ----------------------------------------------------*/ .wrapper-penci-recipe{ margin-bottom: 25px; margin-top: 20px; } .penci-recipe { border: 1px solid #111; padding: 18px 25px 6px; } .penci-recipe-heading { border-bottom: 1px solid #111; margin: 0 -25px 25px -25px; padding: 0 25px 20px; overflow: hidden; } .entry-content .penci-recipe-heading h2, .entry-description .penci-recipe-heading h2 { font-size: 20px; float: left; color: #111; 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: #EB4455; -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: #EB4455; color: #fff !important; border-color: #EB4455; text-decoration: none; } .penci-recipe-heading .penci-recipe-meta { clear: both; 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; } .entry-content .penci-recipe-title, .entry-description .penci-recipe-title { font-size: 14px; margin-bottom: 18px; text-transform: uppercase; letter-spacing: 1px; } .penci-recipe-ingredients { border-bottom: 1px solid #111; margin: 0 -25px 25px -25px; padding: 0 20px 30px; } .post-inner .penci-recipe-ingredients ul { margin: 0; padding-left: 18px; } .post-inner .penci-recipe-ingredients ul li { padding-bottom: 6px; line-height: 1.6; list-style: none; position: relative; margin-bottom: 0; } .penci-recipe-ingredients ul li:before { content: ""; position: absolute; width: 5px; height: 5px; border: 1px solid #b3b3b3; display: inline-block; top: 9px; left: -18px; border-radius: 90px; /*transform: rotate(-13deg); -webkit-transform: rotate(-13deg);*/ background: none !important; } .penci-recipe-ingredients ul li:last-child{ margin: 0; padding: 0; } .penci-recipe-notes { border-top: 1px solid #111; margin: 10px -25px 0; padding: 25px 25px 10px; } .entry-content .penci-recipe-notes p, .entry-description .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 !important; 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 { color: #111; } .penci-recipe-index-wrap .penci-recipe-index-title a { font-size: 16px; text-decoration: none; color: inherit !important; 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; color: #fff; } .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: inherit !important; transition: all 0.3s; -webkit-transition: all 0.3s; text-transform: uppercase; font-family: "Oswald", 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; } /* = Woocommerce ----------------------------------------------------*/ .woocommerce .penci-woo-breadcrumb { display: none; } .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 .two-column ul.products li.product, .woocommerce-page .two-column ul.products li.product { width: 30.769%; margin-right: 3.8465%; } .woocommerce .two-column ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page .two-column ul.products > li.product:nth-child( 4n+4 ) { margin-right: 3.8465%; } .woocommerce .two-column ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page .two-column ul.products > li.product:nth-child( 4n+1 ) { clear: none; } .woocommerce .two-column ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page .two-column ul.products > li.product:nth-child( 3n+3 ) { margin-right: 0; } .woocommerce .two-column ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page .two-column ul.products > li.product:nth-child( 3n+1 ) { clear: both; } .woocommerce .page-title { padding-bottom: 16px; font-size: 30px; margin-top: -11px; 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: #EB4455; 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; white-space: nowrap; } .woocommerce ul.products li.product .onsale { margin: 0; left: auto; right: 10px; top: 10px; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 18px; text-align: center; padding: 0; margin: 0 0 8px 0; color: #111; } .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: #EB4455; text-decoration: none; font-weight: normal; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { text-transform: uppercase; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 12px; color: #111; -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; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; text-align: center; text-transform: uppercase; padding: 0; height: 44px; line-height: 44px; } .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: #EB4455; 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 { text-align: center; font-size: 16px; line-height: 28px; font-weight: 600; border: 2px solid #111; padding: 4px 14px; height: 40px; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { background-color: #111 !important; border-color: #111 !important; color: #fff; } .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 .two-column #content div.product div.images, .woocommerce .two-column div.product div.images, .woocommerce-page .two-column #content div.product div.images, .woocommerce-page .two-column div.product div.images, .woocommerce .two-column #content div.product div.summary, .woocommerce .two-column div.product div.summary, .woocommerce-page .two-column #content div.product div.summary, .woocommerce-page .two-column 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: #111; 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: #EB4455; } .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: #EB4455; } .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: #111; 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 #111; 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: #EB4455; content: '“'; 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: #EB4455; font-style: normal; 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: #EB4455; 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 #111 solid; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top: 1px #111 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; min-width: 150px; background: #111; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-size: 14px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #EB4455; 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: 5px 5px !important; width: 60px; min-width: 0; line-height: 32px; outline: none; border: 1px solid #111; font-size: 18px; font-weight: bold; } .woocommerce div.product .product_meta { padding-top: 25px; border-top: 1px solid #111; } .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: #EB4455; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 12px 0; margin: 0 0 24px 0; text-align: center; border-bottom: 1px solid #111; } .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-size: 16px; color: #111; text-transform: uppercase; font-weight: bold; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #EB4455; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: none; border: none; color: #EB4455; } .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 .comment-reply-title { font-size: 18px; color: #111; clear: both; letter-spacing: 0; line-height: 1.3em; margin-bottom: 17px; text-transform: uppercase; font-weight: bold; text-align: left; } .woocommerce div.product .woocommerce-tabs .panel #respond .comment-reply-title { border-top: 1px solid #111; padding-top: 30px !important; margin-top: 24px; display: inline-block; width: 100%; } .woocommerce div.product .woocommerce-tabs .panel #reviews .comment-respond label { display: block; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px } .woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; color: #111; position: relative; z-index: 10; display: block; padding: 0; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #111; } .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 #review_form #respond p.comment-form-comment { margin-bottom: 0; } .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; margin-right: 30px !important; float: none; display: inline-block; } .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; width: 100%; } .woocommerce #review_form #respond textarea { padding: 15px 20px !important; height: 100px; } .woocommerce #review_form #respond p.form-submit { margin-bottom: 0; margin-top: 10px; text-align: left; } .woocommerce .comment-form p.stars a { color: #111; } .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 #111; 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: #111; text-transform: uppercase; } .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 #111; border-top: 3px solid #EB4455; 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 #111; } .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: #111; 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: #111; 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; } .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: #EB4455; 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: #111; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #111; 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 #111; background: #fff url(images/searchsubmit.png) no-repeat 94% 15px; padding: 14px 43px 14px 20px; color: #111; } .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: #111; background: none; font-size: 14px; } .woocommerce table.shop_table td { padding: 30px 0; border-color: #111; border-bottom: none; } .woocommerce-cart table.cart img { width: 90px; } .woocommerce table.shop_table a.remove { width: 30px; height: 30px; border: 1px solid #111; color: #111 !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-weight: bold; color: #111; text-decoration: none; } .woocommerce table.shop_table td.product-name a:hover { color: #EB4455; } .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span { font-size: 18px; color: #EB4455; } .woocommerce table.shop_table .quantity .qty { line-height: 28px; } .woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid #111; padding: 14px 20px 13px; font-size: 12px; color: #111; min-width: 150px; margin-right: 20px; } .woocommerce-cart table.cart input[type="submit"] { /*padding: 15px 20px 15px;*/ font-size: 14px; background: #111; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce-cart table.cart input[type="submit"]:hover { background: #111; 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 #111; 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: #EB4455; } .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: #EB4455; top: 1em; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"] { padding: 14px 20px; color: #fff; background: #111; 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: #111; 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: #111 !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 #111; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { border: 1px solid #111; padding: 14px 20px; color: #111; } 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: #111; color: #fff; font-size: 14px; font-weight: bold; line-height: 41px; height: 40px; padding-top: 0; padding-bottom: 0; } .woocommerce form .form-row input[type="submit"]:hover, .woocommerce .return-to-shop .button:hover { background: #EB4455; } .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 #111; } .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: #EB4455; } .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 #111; } .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; } .woocommerce-page .entry-meta, .woocommerce-page .entry-extra, .woocommerce-page .post-comments { display: none; } .woocommerce-page .entry-content { margin-bottom: 0; } .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout a { padding-bottom: 0; margin-bottom: 0 !important; } .woocommerce-cart .checkout-button:hover { background-color: #EB4455 !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { min-width: 0; } .woocommerce form .form-row textarea { padding: 15px 20px !important; height: 100px; } /*-------------------------------------- Responsive --------------------------------------*/ @media only screen and (min-width: 1170px) { } @media only screen and (max-width: 1169px) { .container { max-width: 940px; } /* Boxed layout */ .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner { height: 310px; min-height: 310px; } .inner-portfolio-posts .portfolio-item { width: 50%; } header nav ul.menu > li > a, header nav div.menu > ul > li > a { margin: 0 2px; } #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; } } @media only screen and (min-width: 961px) and (max-width: 1169px) { .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; } } /*--------- Min width 961px ---------*/ @media only screen and (min-width: 961px) { } /*--------- Max width 960px ---------*/ @media only screen and (max-width: 960px) { input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"], textarea { min-width: 0; } h2 { font-size: 180%; } /* Header */ header .top-header .button-menu-mobile { display: inline-block; } header .top-header nav { display: none !important; } #sidebar-nav, #close-sidebar-nav { z-index: 9999999; } #close-sidebar-nav i { display: inline-block; } header .top-header .header-socials { max-width: calc(100% - 30px); } /* Layout */ .container { max-width: 726px } .two-column > div { width: 100% !important; float: none; } .two-column > div.body { margin-bottom: 60px } /* Slider */ .penci-header-slider article, .penci-header-slider.penci-style-2 .owl-item .item > article { padding-bottom: 20px; } .penci-header-slider article > .post-inner > .entry-title { font-size: 220%; } .penci-header-slider.penci-style-2 .owl-item .item > article .post-inner > .entry-title, .penci-header-slider.penci-style-3 .owl-item .item > article .post-inner > .entry-title { font-size: 170%; padding-left: 20px; padding-right: 20px; } .penci-header-slider.penci-style-2 .owl-item .item > article .post-inner > .entry-title { font-size: 130%; } /* Popular */ .penci-popular-post > .module-title .module-title-bg { height: 222px; } .penci-popular-post > .module-title h2 { top: 35px; } /* Mixed Layout */ .one-column .mixed-style-ul { margin-right: -15px; margin-left: -15px; } .one-column .mixed-style-ul > * { padding-left: 15px; padding-right: 15px; } .one-column .mixed-style-ul > article { width: 100%; margin-right: 0; } .one-column .mixed-style-ul > li { width: 50%; } .one-column .mixed-style-ul > li:nth-of-type(2n+1) { clear: both; } .one-column .mixed-style-ul > li:nth-of-type(3n+1) { clear: none; } /* Standard Grid Layout */ .one-column .mixed-style-ul.penci-standard-grid-layout > li { margin-right: 0; } .one-column .mixed-style-ul.penci-standard-grid-layout > li:nth-of-type(3n+1) { clear: none; } /* Standard Listing Layout */ .penci-standard-listing-layout.listing-style-ul > .entry-post > div.entry-thumb { margin-bottom: 0 !important; } .penci-standard-listing-layout.listing-style-ul > .entry-post .post-inner .entry-title { margin-top: 15px; } /* Grid Layout */ .entry-post.grid-style .post-inner .entry-title { font-size: 150%; } .one-column .penci-grid-layout > li, .one-column .penci-grid-layout > li:nth-child(3n) { margin-right: 0; } /* Boxed Layout */ .listing-style-ul .entry-post .post-inner .entry-title { font-size: 150%; margin-top: -6px; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner { height: 310px; min-height: 310px; } /* Masonry Layout */ .one-column .penci-wrap-masonry .penci-masonry .entry-post { width: 50%; } /* Widgets */ .penci-widget-slider { max-width: 100%; } /* Footer */ #widget-area .footer-widget-wrapper { width: 100%; margin-right: 0; margin-bottom: 30px; } #widget-area .footer-widget-wrapper.last { margin-bottom: 0; } /* Portfolio */ .container .penci-portfolio.column-3 .inner-portfolio-posts .portfolio-item { width: 50%; } .woocommerce div.product .product_title { font-size: 24px; } } /*--------- Max width 960px and min width 768px ---------*/ @media only screen and (min-width: 768px) and (max-width: 960px) { .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 26px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 16px; } .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 screen and (max-width: 782px) and ( min-width: 601px ) { } @media only screen and (max-width: 767px) { .container { max-width: 480px } /* Listing Layout */ .penci-listing-layout.listing-style-ul .entry-post > div.entry-thumb, .penci-standard-listing-layout.listing-style-ul .entry-post > div.entry-thumb { width: 100%; margin-right: 0; margin-bottom: 30px; } .penci-listing-layout.listing-style-ul .entry-post > div.post-inner, .penci-standard-listing-layout.listing-style-ul .entry-post > div.post-inner { width: 100%; } /* Slider */ .penci-header-slider { margin-bottom: 30px; } .penci-header-slider article > .post-inner > .entry-title, .penci-header-slider.penci-style-2 .owl-item .item > article .post-inner > .entry-title, .penci-header-slider.penci-style-3 .owl-item .item > article .post-inner > .entry-title { font-size: 140%; margin: 10px; padding-left: 0; padding-right: 0; } .penci-header-slider.penci-style-3 .owl-item .item > article .post-inner { width: auto; bottom: 20px; left: 20px; right: 20px; } .penci-header-slider.penci-style-3 .owl-item .item > article .post-inner > .entry-title { font-size: 160%; margin-top: 15px; margin-bottom: 15px; } .penci-header-slider article > .post-inner > .entry-date, .penci-header-slider article > .post-inner > .slider-read-more-parent { display: none; } .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; } /* Popular */ .penci-popular-post { margin-bottom: 20px; } .penci-popular-post > .module-title .module-title-bg { height: 287px; } .penci-popular-post > .module-title h2 { top: 130px; } /* Boxed */ .listing-style-ul.penci-boxed-layout > li .entry-post > div { width: 100%; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.entry-thumb { width: calc( 100% + 4px ); } .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner { display: block; height: auto; min-height: 0; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner .table-cell { display: block; } .listing-style-ul.penci-boxed-layout > li .entry-post > div.post-inner .table-cell .penci-padding { padding: 30px; } /* Grid Layout */ .two-column .mixed-style-ul > li, .one-column .mixed-style-ul > li { width: 100%; } /* Masonry Layout */ .one-column .penci-wrap-masonry .penci-masonry .entry-post { width: 100%; } /* Single Post */ .single .entry-post .post-inner .entry-extra > div { float: none !important; width: 100% !important; } .single .entry-post .post-inner .entry-extra > .extra-share { margin-bottom: 20px; } .entry-post .post-inner .entry-extra .extra-share > .list-posts-share { float: left; } .single .entry-post .post-pagination > div { display: block; width: 100%; } .single .entry-post .post-pagination > div.prev-post { margin-bottom: 10px; } .single .entry-post .post-comments #respond .comment-form-group, .single .entry-post .post-comments #respond .comment-form-group > p > span { margin-left: 0; width: 100%; } .single .entry-post .post-comments #respond .comment-form-group > p { display: block; width: 100%; } /* Portfolio */ .container .penci-portfolio .inner-portfolio-posts .portfolio-item { width: 100% !important; } blockquote, blockquote p { font-size: 18px; } .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 .two-column #content div.product div.images, .woocommerce .two-column div.product div.images, .woocommerce-page .two-column #content div.product div.images, .woocommerce-page .two-column div.product div.images, .woocommerce .two-column #content div.product div.summary, .woocommerce .two-column div.product div.summary, .woocommerce-page .two-column #content div.product div.summary, .woocommerce-page .two-column 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 .two-column ul.products li.product, .woocommerce-page .two-column ul.products li.product { width: 48%; margin-right: 4%; } .woocommerce .two-column ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page .two-column ul.products > li.product:nth-child( 3n+1 ) { clear: none; } .woocommerce .two-column ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page .two-column 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 .two-column ul.products > li.product:nth-child( 2n+2 ), .woocommerce-page .two-column 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 .two-column ul.products > li.product:nth-child( 2n+1 ), .woocommerce-page .two-column 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 600px ---------*/ @media screen and (max-width: 600px) { .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-next:after, .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-prev:after { display: none; } .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-prev, .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-next, .penci-owl-carousel.owl-theme > .owl-nav > .owl-prev, .penci-owl-carousel.owl-theme > .owl-nav > .owl-next { padding: 0; width: 30px; height: 30px; line-height: 28px; font-size: 20px; left: 5px; margin-top: -30px; } .penci-header-slider > .penci-owl-carousel > .owl-nav > .owl-next, .penci-owl-carousel.owl-theme > .owl-nav > .owl-next { left: auto; right: 5px; } .penci-header-slider.penci-style-2 > .penci-owl-carousel > .owl-nav > .owl-prev, .penci-header-slider.penci-style-2 > .penci-owl-carousel > .owl-nav > .owl-next { margin-top: -30px; } .penci-header-slider.penci-style-3 > .penci-owl-carousel > .owl-nav > .owl-prev, .penci-header-slider.penci-style-3 > .penci-owl-carousel > .owl-nav > .owl-next, .penci-header-slider.penci-style-4 > .penci-owl-carousel > .owl-nav > .owl-prev, .penci-header-slider.penci-style-4 > .penci-owl-carousel > .owl-nav > .owl-next, .penci-owl-carousel.owl-theme > .owl-nav > .owl-prev, .penci-owl-carousel.owl-theme > .owl-nav > .owl-next { margin-top: -15px; } .penci-slider.style-4 .penci-image-holder:before, .penci-slider.style-5 .penci-image-holder:before { padding-top: 220px !important; } .two-column .penci-masonry .item-masonry, .one-column .penci-masonry .item-masonry { width: 100%; } .entry-post .post-inner { border-left: none; padding-left: 0; } .penci-header-slider article, .penci-header-slider.penci-style-2 .owl-item .item > article { padding-bottom: 15px; } .penci-header-slider article > .post-inner > .entry-title, .penci-header-slider.penci-style-2 .owl-item .item > article .post-inner > .entry-title, .penci-header-slider.penci-style-3 .owl-item .item > article .post-inner > .entry-title { font-size: 120%; margin: 5px; padding-left: 0; padding-right: 0; } .penci-header-slider.penci-style-3 .owl-item .item > article .post-inner { width: auto; bottom: 10px; left: 10px; right: 10px; } .penci-header-slider.penci-style-3 .owl-item .item > article .post-inner > .entry-title { margin-top: 10px; margin-bottom: 10px; } } /*--------- Max width 479px ---------*/ @media only screen and (max-width: 479px) { .container { width: 100%; padding-left: 10px; padding-right: 10px; } #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; } header .top-header > .container { padding-left: 10px; padding-right: 10px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .two-column ul.products li.product, .woocommerce-page .two-column 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; } /* Popular */ .penci-popular-post > .module-title .module-title-bg { height: 167px; } .penci-popular-post > .module-title h2 { top: 70px; } .entry-extra .read-more { margin-bottom: 20px; } .entry-post .post-inner .entry-extra .extra-share > .list-posts-share > a { width: 47px; } .entry-post .entry-thumb .entry-date, .penci-slider.penci-style-2 .owl-item .item > article .entry-thumb .entry-date, .penci-slider.penci-style-3 .owl-item .item > article .entry-thumb .entry-date, .penci-header-slider.penci-style-2 article .entry-thumb .entry-date, .penci-header-slider.penci-style-3 article .entry-thumb .entry-date { display: none; } .entry-post.format-quote .entry-thumb .dt-special, .entry-post.format-link .entry-thumb .dt-special { padding-right: 30px; } .post-author > div { display: block; } .post-author > div.author-img { margin-bottom: 30px; width: 100%; text-align: center; } .post-author > div.author-content { text-align: center; } .entry-post .post-comments .thecomment > div.author-img { display: none; } .entry-post .post-comments .comments > .comment > .comment { padding-left: 30px; } .archive-box .title-bar * { font-size: 25px; } .entry-post .post-inner .entry-extra .extra-share { float: left; } .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; } } @media screen and (max-width: 782px) and ( min-width: 601px ) { .admin-bar .is-sticky .top-header { top: 46px !important; } } @media screen and (max-width: 600px) { .is-sticky .top-header { top: 0 !important; z-index: 999999; } #sidebar-nav, #close-sidebar-nav { z-index: 9999999; } #close-sidebar-nav i { display: inline-block; } }