/* Theme Name: soledad Theme URI: http://pencidesign.com/ Description: A Multi-Concept Blog/Magazine WordPress Theme Author: PenciDesign Author URI: http://pencidesign.com/ Version: 2.6.1 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, green, white, light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, post-formats, translation-ready Text Domain: soledad Domain Path: /languages */ /*--------------------------------------------------- [TABLE OF CONTENTS] 1 - Import Fonts + Raleway font + PT Serif font + FontAwesome 2 - Magnific Popup library 3 - Slick carousel library & flexslider library 4 - Reset 5 - General 6 - Top bar & Navigation & Mega menu & Mobile Navigation 7 - Top Search 8 - Header 9 - Header social & slogan text 10 - Featured Slider & Penci Slider & Penci Magazine Slider 11 - Homepage title 12 - Standard style 13 - Classic style 14 - Gird style 15 - Masonry style 16 - Standard Masonry Style 17 - List style 18 - List Boxed style 1 & style 2 19 - Typography style 20 - Magazine style 21 - Post & Single post + Post Header + Slick Gallery + Post Entry + Gird post share + Post tags & share box + Post author + Post Pagination + Post related 22 - Page Under Construction 23 - Page navigation 24 - Footer + Footer Socials + Footer Footer Logo & copyright + Footer go to top 25 - Widgets 26 - Comments 27 - Archives 28 - Breadcrumb 29 - Page Header 30 - Wordpress style of core 31 - Page 404 32 - Responsive Design /* --------------------------------------------------- [COLORS USED] Background: #ffffff (white) Color: #313131 (light black) Link: #6eb48c Accent color: #6eb48c ------------------------------------------------------ [FONTS USED] Body font: PT Serif, serif Heading font: Raleway, sans-serif Navigation font: Raleway, sans-serif -----------------------------------------------------*/ /* = Import font -----------------------------------------------------*/ .post-entry img {float:left; width:300px; padding:7px;} /** Raleway font **/ @import url(//fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900,200,100); /** PT Serif font **/ @import url(//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic); /** Playfair Display SC **/ @import url(//fonts.googleapis.com/css?family=Playfair+Display+SC:900); /* = FontAwesome * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) -----------------------------------------------------*/ @font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.3.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} /* = 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} /* = Slick slider/carousel library -----------------------------------------------------*/ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} /* = Import library flexslider css We develop based on jQuery flexslider http://www.woothemes.com/flexslider/ -----------------------------------------------------*/ .penci-container a:hover,.penci-slider a:hover,.penci-container a:focus,.penci-slider a:focus{outline:none}.slides,.slides > li,.penci-control-nav,.penci-direction-nav{margin:0;padding:0;list-style:none}.penci-pauseplay span{text-transform:capitalize}.penci-slider{margin:0;padding:0}.penci-slider .slides > li{display:none;-webkit-backface-visibility:hidden}.penci-slider .slides img{width:100%;display:block}.penci-slider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .penci-slider .slides{display:block}* html .penci-slider .slides{height:1%}.no-js .penci-slider .slides > li:first-child{display:block}.penci-slider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);-o-box-shadow:0 1px 4px rgba(0,0,0,0.2);box-shadow:0 1px 4px rgba(0,0,0,0.2)}.penci-slider .slides{zoom:1}.penci-slider .slides img{height:auto}.penci-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .penci-viewport{max-height:300px}.carousel li{margin-right:5px}.penci-direction-nav{*height:0}.penci-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.penci-direction-nav a:before{font-family:"penci-slider-icon";font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3)}.penci-direction-nav a.penci-next:before{content:'\f002'}.penci-direction-nav .penci-prev{left:-50px}.penci-direction-nav .penci-next{right:-50px;text-align:right}.penci-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.penci-pauseplay a:before{font-family:"penci-slider-icon";font-size:20px;display:inline-block;content:'\f004'}.penci-pauseplay a:hover{opacity:1}.penci-pauseplay a.penci-play:before{content:'\f003'}.penci-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.penci-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.penci-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.penci-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}.penci-control-paging li a.penci-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}.penci-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.penci-control-thumbs li{width:25%;float:left;margin:0}.penci-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.penci-control-thumbs img:hover{opacity:1}.penci-control-thumbs .penci-active{opacity:1;cursor:default}@media screen and (max-width: 860px){.penci-direction-nav .penci-prev{opacity:1;left:10px}.penci-direction-nav .penci-next{opacity:1;right:10px}} /* = Gallery -----------------------------------------------------*/ @-webkit-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;opacity:.7;filter:"alpha(opacity=70)";-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=100);-webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px} /* = Reset -----------------------------------------------------*/ * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; } *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal } ol, ul, li { list-style: none } caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } q:before, q:after { content: '' } strong { font-weight: bold } em { font-style: italic } img { max-width: 100%; vertical-align: top; height: auto; } a img { border: none } iframe { border: none; max-width: none; } .penci-center { text-align: center; } /* = General -----------------------------------------------------*/ html, body { -webkit-font-smoothing: antialiased; } body { font-family: 'PT Serif', serif; color: #313131; background-color: #FFF; font-size: 14px; } textarea { font-family: 'PT Serif', serif; min-height: 100px; } p { font-size: 14px; line-height: 28px; } a { text-decoration: none; color: #6eb48c; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; outline: none; cursor: pointer; } a:hover { } h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-style: normal; letter-spacing: 1px; font-weight: bold; } .container { width: 1170px; margin: 0 auto; } #main { width: 100%; } .container.penci_sidebar #main { width: 70.94%; padding-right: 50px; float: left; } .container.penci_sidebar.left-sidebar #main { float: right; padding: 0 0 0 60px; } #sidebar { width: 29.06%; float: right; } .penci_sidebar.left-sidebar #sidebar { float: left; } #sidebar.penci-sticky-sidebar.is-sticky { margin-top: 75px; } .admin-bar #sidebar.penci-sticky-sidebar.is-sticky { margin-top: 107px; } #penci-end-sidebar-sticky { margin-top: -300px; padding-top: 300px; } .clear-footer { height: 1px; margin-bottom: 29px; clear: both; display: block; width: 100%; } .clearfix { clear: both; } /** Body boxed **/ .wrapper-boxed { overflow: hidden; } body.penci-body-boxed { background: #F5F5F5; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .wrapper-boxed.enable-boxed { background: #fff; max-width: 1230px; display: block; 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); } /* = Top Bar -----------------------------------------------------*/ .penci-top-bar { height: 40px; background: #313131; } .penci-top-bar .container { display: table; } .penci-headline { display: block; } .headline-title { height: 40px; line-height: 40px; padding: 0 15px; font-size: 12px; color: #fff; background: #6eb48c; float: left; text-transform: uppercase; font-family: 'Raleway', sans-serif; z-index: 10; position: relative; display: inline-block; font-weight: bold; } .penci-headline-posts { margin: 0 15px 0 49px; padding-top: 10px; } .penci-headline-posts .slick-prev, .penci-headline-posts .slick-next { width: 16px; height: 20px; border: none; background: none; display: inline-block; text-align: center; line-height: 20px; top: 10px; left: -54px; outline: none; cursor: pointer; position: absolute; color: #999; opacity: 0; font-size: 18px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; padding: 0; } .penci-headline-posts .slick-next { left: -32px; } .penci-headline-posts .slick-prev:hover, .penci-headline-posts .slick-next:hover { color: #fff; } a.penci-topbar-post-title { color: #fff; font-size: 12px; font-family: 'Raleway', sans-serif; text-decoration: none; text-transform: uppercase; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; opacity: 0; letter-spacing: 1px; display: inline-block; white-space: nowrap; line-height: 1.5; font-weight: bold; } a.penci-topbar-post-title:hover { color: #6eb48c; } .loaded .penci-headline-posts .slick-prev, .loaded .penci-headline-posts .slick-next, .loaded a.penci-topbar-post-title { opacity: 1; } .penci-topbar-social { display: inline-block; float: right; z-index: 10; position: relative; } .penci-topbar-social > div { display: inline-block; vertical-align: top; } .penci-topbar-social a { float: left; display: inline-block; vertical-align: top; margin-left: 13px; font-size: 14px; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 40px; } .penci-topbar-social a:first-child { margin-left: 0; } .penci-topbar-social a:hover { color: #6eb48c; } /* = Topbar Menu -----------------------------------------------------*/ ul.penci-topbar-menu, div.penci-topbar-menu > ul { display: inline-block; vertical-align: top; padding: 0; margin: 0; } ul.penci-topbar-menu li, div.penci-topbar-menu > ul li { position: relative; } ul.penci-topbar-menu > li, div.penci-topbar-menu > ul > li { display: inline-block; float: left; margin-right: 25px; } ul.penci-topbar-menu > li:last-child, div.penci-topbar-menu > ul > li:last-child { margin-right: 0; } ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a { color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: none; font-size: 11px; text-transform: uppercase; line-height: 40px; font-family: 'Raleway', sans-serif; font-weight: 600; } ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover { color: #6eb48c; } ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu { display: none; position: absolute; left: 0; top: 40px; background: #313131; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15); } ul.penci-topbar-menu li:hover > ul.sub-menu, div.penci-topbar-menu > ul li:hover > ul.sub-menu { display: block; z-index: 5; } ul.penci-topbar-menu li:hover ul.sub-menu ul.sub-menu, div.penci-topbar-menu > ul li:hover ul.sub-menu ul.sub-menu { left: 100%; top: 0; } ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a { width: 150px; padding: 10px 0; margin: 0 20px; line-height: 1.7; display: block; } ul.penci-topbar-menu ul.sub-menu li a, div.penci-topbar-menu > ul ul.sub-menu li a, ul.penci-topbar-menu > li > ul.sub-menu > li:first-child, div.penci-topbar-menu > ul > li > ul.sub-menu > li:first-child { border-top: 1px solid #414141; } ul.penci-topbar-menu ul.sub-menu > li:first-child > a, div.penci-topbar-menu > ul ul.sub-menu li:first-child > a { border-top: none; } /* = Navigation -----------------------------------------------------*/ #navigation { background: #fff; height: 60px; z-index: 9999; width: 100%; -webkit-backface-visibility: hidden; transition: box-shadow 0.3s, border-color 0.3s; -webkit-transition: box-shadow 0.3s, border-color 0.3s; -moz-transition: box-shadow 0.3s, border-color 0.3s; border-bottom: 1px solid #ECECEC; } #navigation.header-layout-bottom { box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; border-top: 1px solid #ECECEC; } #navigation.header-1, #navigation.header-4 { border-top: 1px solid transparent !important; } .is-sticky #navigation { box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); -moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46); border-color: transparent !important; } .wrapper-boxed.enable-boxed .is-sticky #navigation { margin: 0 auto; left: 0; right: 0; width: 100%; max-width: 1230px; } .slicknav_menu { display: none; } #navigation .container { position: relative; display: table; text-align: center; } #navigation .container .inner-top-navigation{ display: inline-block; vertical-align: top; } #navigation .menu { float: left; } #navigation.header-4 .menu, #navigation.header-5 .menu, #navigation.header-4 #top-search, #navigation.header-5 #top-search{ float: none; vertical-align: top; } #navigation.header-4 #top-search, #navigation.header-5 #top-search { margin-left: 40px; display: inline-block; } #navigation ul.menu > li, #navigation .menu > ul > li{ display: inline-block; position: relative; float: left; margin-right: 44px; } #navigation .menu > li:last-child, #navigation .menu > ul > li:last-child { margin-right: 0; } #navigation .menu li a { font-family: 'Raleway', sans-serif; font-size: 12px; letter-spacing: 1px; color: #313131; line-height: 58px; text-transform: uppercase; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; position: relative; font-weight: bold; text-decoration: none; } #navigation .menu li a i { font-size: 13px; margin-right: 5px; } #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before { content: ""; position: absolute; bottom: 18px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; left: 50%; height: 2px; width: 0; background: #6eb48c; } #navigation ul.menu > li > a:hover:before, #navigation .menu > ul > li > a:hover:before, #navigation ul.menu > li:hover > a:before, #navigation .menu > ul > li:hover > a:before{ left: 0; width: 100%; } #navigation .menu li a:hover, #navigation .menu li:hover > a, #navigation .menu li.current-menu-item > a, #navigation .menu > li.current_page_item > a, #navigation .menu > li.current-menu-ancestor > a, #navigation .menu > li.current-menu-item > a { color: #6eb48c; } #navigation .button-menu-mobile{ display: none; float: left; line-height: 60px; text-align: center; color: #313131; font-size: 24px; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #navigation .button-menu-mobile:hover { } /* header style 6 */ #navigation.header-6 { height: 82px; } #navigation.header-6 .container { text-align: right; } #navigation.header-6 .menu { float: none; } #navigation.header-6 #logo { float: left; display: block; text-align: left; } #navigation.header-6 #logo img { padding: 12px 0; max-height: 80px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #navigation.header-6 .menu > li > a, #navigation.header-6 ul.menu > li > a { line-height: 80px; } #navigation.header-6 ul.menu > li > a:before, #navigation.header-6 .menu > ul > li > a:before { bottom: 29px; } #navigation.header-6 .show-search { height: 80px; } #navigation.header-6 #top-search { margin-left: 40px; } #navigation.header-6 #top-search > a, #navigation.header-6 .show-search a.close-search { height: 80px; line-height: 80px; } #navigation.header-6 .show-search #searchform input.search-input { height: 80px; padding: 26px 35px 26px 0; } /* Scroll header 6 */ .is-sticky #navigation.header-6 { height: 60px; } .is-sticky #navigation.header-6 #logo img { max-height: 58px; padding: 8px 0; } .is-sticky #navigation.header-6 .menu > li > a, .is-sticky #navigation.header-6 ul.menu > li > a { line-height: 58px; } .is-sticky #navigation.header-6 ul.menu > li > a:before, .is-sticky #navigation.header-6 .menu > ul > li > a:before { bottom: 18px; } .is-sticky #navigation.header-6 .show-search { height: 58px; } .is-sticky #navigation.header-6 #top-search > a, .is-sticky #navigation.header-6 .show-search a.close-search { height: 58px; line-height: 58px; } .is-sticky #navigation.header-6 .show-search #searchform input.search-input { height: 58px; padding: 15px 35px 15px 0; } /* Primary menu dropdown */ #navigation .menu .sub-menu, #navigation .menu .children { visibility: hidden; opacity: 0; position: absolute; left: 0; z-index: 9999; -webkit-transition: all 0.27s ease-in-out; -moz-transition: all 0.27s ease-in-out; -o-transition: all 0.27s ease-in-out; transition: all 0.27s ease-in-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -webkit-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); -moz-box-shadow: 0px 3px 3px rgba(190, 190, 190, 0.6); border-top: 1px solid #ECECEC; margin-top: 0; } #navigation ul.menu ul a, #navigation .menu ul ul a { margin: 0 20px; padding: 12px 0; font-size: 12px; min-width: 200px; line-height: 1.4; -moz-transition: color 0.3s, background-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; border-bottom: 1px solid #E0E0E0; text-align: left; border-left: none !important; position: relative; overflow: hidden; vertical-align: top; } #navigation ul.menu ul li, #navigation ul.menu ul ul li { padding-right: 0; margin-right: 0; background: #fff; float: none; position: relative; width: 100%; } #navigation .menu ul.sub-menu > li:last-child > a { border-bottom: none; padding-bottom: 15px; } #navigation ul.menu li:hover > ul, #navigation .menu ul li:hover > ul { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } #navigation .menu .sub-menu ul, #navigation .menu .children ul { left: 100%; top: 0; } /* Category mega menu */ #navigation .menu li.penci-mega-menu { position: static !important; } li.penci-mega-menu > ul.sub-menu { display: none; } #sidebar-nav li.penci-mega-menu .penci-content-megamenu { display: none !important; } #navigation .menu li.penci-mega-menu > ul.sub-menu { width: 100%; padding: 0 !important; clear: both; display: block; } #navigation .penci-megamenu { width: 100%; display: table; } #navigation .penci-megamenu .penci-mega-child-categories { width: 230px; display: table-cell; vertical-align: top; background: #ffffff; padding: 20px 0; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #ECECEC; } #navigation .penci-megamenu .penci-mega-child-categories a { min-width: 0; display: block; font-size: 12px; text-align: right; line-height: 1.4em; margin: 0; padding: 12px 20px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active { border-top-color: #ECECEC; border-bottom-color: #ECECEC; background: #fff; color: #6eb48c; z-index: 10; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #fff; z-index: 1; transition: none; -webkit-transition: none; -moz-transition: none; } #navigation .penci-megamenu .penci-content-megamenu { display: table-cell; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts { padding: 20px 10px 0 10px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-row { width: 100%; display: none; } #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 17px 0; position: relative; } #navigation .penci-megamenu .penci-mega-thumbnail a { width: 100%; } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { font-size: 10px; background: #6eb48c; line-height: 1; text-transform: uppercase; position: absolute; display: inline-block; padding: 4px 7px 3px; 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-post a { margin: 0; padding: 0; min-width: 0; border-bottom: none; position: relative; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-thumbnail a:hover { opacity: 0.8; } #navigation .penci-megamenu .penci-mega-thumbnail img { width: 100%; height: auto; } #navigation .penci-megamenu .post-mega-title { text-align: center; margin: 0; } #navigation .penci-megamenu .post-mega-title a { text-align: center; } #navigation .penci-megamenu .penci-mega-date { line-height: 1; font-size: 12px; color: #999; text-align: center; margin-top: 6px; } /* = Mega menu columns ----------------------------------------------------*/ #navigation ul.menu > li.megamenu { position: static; } #navigation ul.menu > li.megamenu > ul.sub-menu { width: 1170px; padding: 15px 0; display: table; table-layout: fixed; background: #fff; left: 0; } #navigation ul.menu > li.megamenu > ul.sub-menu > li { min-width: 200px; max-width: 300px; display: table-cell; vertical-align: top; padding: 0 5px; margin: 0; position: relative; } #navigation ul.menu > li.megamenu > ul.sub-menu > li:before { left: 0; content: ""; position: absolute; top: 15px; bottom: 15px; width: 1px; display: block; background: #E0E0E0; } #navigation ul.menu > li.megamenu > ul.sub-menu > li:first-child:before { content: none; display: none; } #navigation ul.menu > li.megamenu > ul.sub-menu > li > a { margin: 0 20px; border-bottom: 1px solid #E0E0E0; display: none; } #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu { visibility: visible; opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; position: static; border: none; } #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li, #navigation ul.menu > li.megamenu > ul.sub-menu > li > ul.sub-menu li a { display: block; } /* = Mobile navigation -----------------------------------------------------*/ #sidebar-nav { position: fixed; top: 0; height: 100%; z-index: 100000; width: 270px; overflow-y: auto; padding: 30px 20px 20px; background: #ffffff; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); } .open-sidebar-nav #sidebar-nav { left: 270px; } #sidebar-nav::-webkit-scrollbar { width: 6px; background: #848484; } #sidebar-nav::-webkit-scrollbar-thumb { background-color: #313131; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } #sidebar-nav::-webkit-scrollbar-corner { background-color: #DEDEDE; } #sidebar-nav-logo { padding: 0 20px 20px; text-align: center; margin: 0 0 15px 0; position: relative; } #sidebar-nav-logo:before { content: ""; width: 60px; height: 1px; background: #6eb48c; position: absolute; bottom: 0; left: 50%; margin-left: -30px; } .header-social.sidebar-nav-social { margin: 0 0 43px 0; padding: 0 10px; } .header-social.sidebar-nav-social .inner-header-social:before, .header-social.sidebar-nav-social .inner-header-social:after{ content: none; } .header-social.sidebar-nav-social a i { color: #313131; } .header-social.sidebar-nav-social a i:hover { color: #6eb48c; } #sidebar-nav .menu { margin: 0; list-style: none; } #sidebar-nav .menu li { display: block; border-bottom: 1px solid #DEDEDE; } #sidebar-nav .menu > li:last-child, #sidebar-nav .menu ul > li:last-child { border-bottom: none; } #sidebar-nav .menu li a { font-size: 14px; font-weight: normal; letter-spacing: 0; text-transform: uppercase; color: #313131; margin: 0; position: relative; padding: 12px 0 12px 0; display: block; line-height: 1.3em; } #sidebar-nav .menu li.menu-item-has-children a { padding-right: 17px; } #sidebar-nav .menu li a:hover { color: #6eb48c; } #sidebar-nav .menu li a > i { display: none; } #sidebar-nav ul.sub-menu { border-top: 1px solid #DEDEDE; display: none; padding: 10px 0 10px 12px; } #sidebar-nav ul.sub-menu ul.sub-menu { border: none; padding: 5px 0 5px 12px; } #sidebar-nav ul.sub-menu ul.sub-menu { padding-right: 0; } #sidebar-nav ul.sub-menu li { overflow: hidden; border: none; } #sidebar-nav ul.sub-menu li a { margin: 0 0 0 0; padding: 10px 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #sidebar-nav .menu li a .indicator { text-decoration: none; position: absolute; top: 0; right: 0; height: 100%; z-index: 20; font-size: 17px; font-style: normal; text-align: right; padding: 11px 0 11px 5px; line-height: 1; color: #313131; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #sidebar-nav .menu .sub-menu li a .indicator { padding: 8px 0 8px 5px; } #sidebar-nav .menu li a .indicator:hover, #sidebar-nav .menu .sub-menu li a .indicator:hover { color: #6eb48c; } .fa-angle-double-up:before { content: "\f102"; } #close-sidebar-nav { position: fixed; visibility: hidden; opacity: 0; text-decoration: none; top: 0; left: 0; font-size: 1.4em; color: #313131; padding: 10px; height: 100%; background: rgba(0, 0, 0, .8); right: 0; z-index: 100000; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .open-sidebar-nav #close-sidebar-nav { left: 270px; opacity: 1; visibility: visible; } #close-sidebar-nav i { display: none; width: 24px; height: 24px; background-color: #fff; line-height: 24px; text-align: center; border-radius: 12px; font-size: 14px; } /* = Search -----------------------------------------------------*/ .wrap-social-search { display: inline-block; vertical-align: top; } #top-search { float: right; width: 20px; text-align: center; } #top-search.shoping-cart-icon { margin-right: 15px; } #top-search.shoping-cart-icon.clear-right, #navigation.header-4 #top-search.shoping-cart-icon, #navigation.header-5 #top-search.shoping-cart-icon, #navigation.header-6 #top-search.shoping-cart-icon { margin-right: 0; } #top-search > a { height: 58px; font-size: 16px; line-height: 58px; color: #313131; cursor: pointer; background: none; display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #top-search > a:hover { } #top-search > a > i { width: 20px; } #top-search.shoping-cart-icon > a { position: relative; } #top-search.shoping-cart-icon > a > i { font-size: 17px; } #top-search.shoping-cart-icon > a > span { position: absolute; z-index: 1; width: 14px; height: 14px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; top: 12px; right: -4px; background: #6eb48c; color: #fff; text-align: center; white-space: nowrap; line-height: 14px; font-size: 8px; font-family: 'PT Serif', serif; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 23px; } .is-sticky #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 12px; } #top-search .fa-shopping-bag:before { content: "\f07a"; font-family: FontAwesome; } .show-search { position: absolute; left: 0; width: 100%; top: 0; height: 58px; background: #fff; text-align: left; z-index: 3; display: none; } .show-search #searchform input.search-input { padding: 15px 35px 15px 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; color: #313131; height: 58px; line-height: 28px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none; font-weight: normal; letter-spacing: 1px; font-size: 13px; } .show-search a.close-search { position: absolute; width: 20px; height: 60px; display: inline-block; right: 0; top: 0; z-index: 5; text-align: center; line-height: 60px; font-size: 16px; cursor: pointer; color: #313131; } /* = Header -----------------------------------------------------*/ #header { margin-bottom: 60px; position: relative; } .header-header-1.has-bottom-line, .header-header-4.has-bottom-line { border-bottom: 1px solid #ECECEC; } #header .inner-header { width: 100%; background-size: cover; position: relative; background-position: center center; background-repeat: no-repeat; } #header .inner-header .container { padding: 40px 0; text-align: center; position: relative; overflow: hidden; } #logo { text-align: center; } .container.align-left-logo #logo { text-align: left; } .container.has-banner #logo { display: table-cell; vertical-align: middle; width: 400px; } .container.has-banner .header-banner { display: table-cell; vertical-align: middle; width: 770px; text-align: right; } /* = Header social & slogan text -----------------------------------------------------*/ .header-slogan { margin: 17px 0 0 0; text-align: center; line-height: 1; } .header-slogan .header-slogan-text { margin: 0; font-size: 14px; font-weight: bold; line-height: 1.5; font-style: italic; color: #313131; display: inline-block; position: relative; font-family: 'PT Serif', serif; padding: 0 15px; letter-spacing: 1px; vertical-align: top; } .header-slogan .header-slogan-text:before, .header-slogan .header-slogan-text:after { content: ""; position: absolute; top: 50%; height: 1px; display: block; width: 60px; background: #313131; left: 100%; } .header-slogan .header-slogan-text:before { left: auto; right: 100%; } .header-social { display: block; text-align: center; margin: 20px 0 0; } .header-social .inner-header-social { display: inline-block; vertical-align: top; position: relative; } .header-social a { float: left; display: inline-block; vertical-align: top; margin-right: 13px; } .header-social a:last-child { margin-right: 0; } .header-social a i { font-size: 14px; color: #313131; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .header-social a:hover i{ color: #6eb48c; } /* = Featured Slider -----------------------------------------------------*/ .featured-area { margin-top: -50px; margin-bottom: 60px; position: relative; background: #fafafa url('images/loading.gif') no-repeat center center; } .header-style-header-1 .featured-area, .header-style-header-4 .featured-area, .header-style-header-1 .featured-area.featured-video, .header-style-header-4 .featured-area.featured-video { margin-top: -60px; } .featured-area > div { visibility: hidden; } .featured-area.loaded-wait > div { visibility: visible; } .featured-area.style-1, .featured-area.style-4 { width: 1170px; margin-left: auto; margin-right: auto; } .featured-area.style-4, .featured-area.style-5 { min-height: 550px; } .featured-area.style-4.loaded, .featured-area.style-5.loaded { min-height: 0 !important; } .featured-area.loaded-wait { background: none; } .featured-area .featured-carousel { display: block; width: 100%; max-height: 600px; } .featured-area .featured-carousel.style-2 { max-height: 510px; } .featured-area.loaded .featured-carousel { max-height: none !important; } .featured-carousel .item { position: relative; opacity: 1; } @-webkit-keyframes pencifade{0%{opacity:0}100%{opacity:1}} @-moz-keyframes pencifade{0%{opacity:0}100%{opacity:1}} @-o-keyframes pencifade{0%{opacity:0}100%{opacity:1}} @keyframes pencifade{0%{opacity:0}100%{opacity:1}} .featured-carousel.style-7 .item:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; background: -moz-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 0.6; } .featured-carousel.style-7 .item:hover:after { opacity: 0.8; } .loaded .featured-carousel.style-2 .item { animation-name: none; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; opacity: 1; margin: 0 5px; } .featured-carousel .item img { width: 100%; height: auto; } .featured-carousel.style-2 .item img { width: 900px; } .featured-overlay { position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; left: 0; opacity: 0; } .featured-overlay-color { background-color: #000000; } .featured-overlay-partent { background-image: url('images/slider-pattern.png'); z-index: 7; opacity: 0; } .featured-carousel .featured-content { z-index: 10; width: 480px; margin: 0 auto; position: absolute; top: 37.8%; left: 0; right: 0; } .featured-carousel.style-2 .featured-content { top: 38%; } .featured-carousel.style-7 .featured-content { top: auto !important; bottom: -5px; width: 100%; padding: 0 30px; } .featured-carousel .featured-content .feat-text { width: 100%; text-align: center; padding: 48px 20px 31px; display: block; vertical-align: middle; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -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; opacity: 0; position: relative; } .featured-carousel .featured-content .feat-text.slider-hide-date { padding-top: 31px; } .loaded .featured-carousel .slick-active .featured-content .feat-text { -webkit-animation-name: pencitextslider; -moz-animation-name: pencitextslider; -o-animation-name: pencitextslider; animation-name: pencitextslider; } @-webkit-keyframes pencitextslider{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);}100%{opacity:1;-webkit-transform:none;transform:none}} @-moz-keyframes pencitextslider{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);}100%{opacity:1;-webkit-transform:none;transform:none}} @-o-keyframes pencitextslider{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes pencitextslider{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);}100%{opacity:1;-webkit-transform:none;transform:none}} .loaded .featured-carousel.style-7 .slick-active .featured-content .feat-text { animation-name: none; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; -moz-animation-fill-mode: none; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-duration: 0s; -moz-animation-duration: 0s; -ms-animation-duration: 0s; -o-animation-duration: 0s; animation-duration: 0s; opacity: 1; transform: none; -webkit-transform: none; padding: 36px 20px 31px; } .wrapper-boxed.enable-boxed .loaded .featured-carousel.style-7 .slick-active .featured-content .feat-text { padding-left: 0; padding-right: 0; } .featured-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: #fff; z-index: 1; } .featured-area.style-7 .featured-slider-overlay { display: none !important; } .featured-slider-overlay:before { top: 5px; left: 5px; bottom: 5px; right: 5px; position: absolute; border: 1px solid #DEDEDE; display: block; content: ""; } .featured-slider-overlay.featured-overlay-mask { top: 20px; left: 20px; z-index: 2; } .featured-carousel .featured-cat { position: relative; z-index: 10; text-align: center; margin: 0 0 5px 0; } .featured-carousel .featured-cat a { font-size: 12px; color: #6eb48c; text-transform: uppercase; line-height: 1.2; margin: 0 18px 0 0; padding-right: 10px; display: inline-block; vertical-align: top; background: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-weight: normal; margin-bottom: 5px; position: relative; } .featured-carousel .featured-cat a:hover { color: #6eb48c; text-decoration: underline; } .featured-carousel .featured-cat a:after { content: ""; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border: 1px solid #6eb48c; font-size: 12px; margin-left: 11px; position: absolute; top: 50%; margin-top: -3px; } .featured-carousel .featured-cat a:last-child { margin-right: 0; padding: 0; } .featured-carousel .featured-cat a:last-child:after { content: none; display: none; } .featured-carousel .feat-text .feat-time { height: 32px; line-height: 32px; display: block; width: 120px; font-size: 12px; text-align: center; text-transform: uppercase; color: #fff; background: #6eb48c; position: absolute; z-index: 20; top: -10px; left: 50%; margin-left: -60px; } .featured-carousel .feat-text .feat-time:before, .featured-carousel .feat-text .feat-time:after { position: absolute; content: ""; width: 0; height: 0; top: 0; border: 16px solid transparent; } .featured-carousel .feat-text .feat-time:before { border-right-color: #6eb48c; left: -32px; } .featured-carousel .feat-text .feat-time:after { border-left-color: #6eb48c; right: -32px; } .featured-carousel .featured-content .feat-text h3 { line-height: 1.3; position: relative; z-index: 10; } .featured-carousel.style-7 .featured-content .feat-text h3 { padding: 0 60px; } .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3 { padding-left: 40px; padding-right: 40px; } .featured-carousel .featured-content .feat-text h3 a { color: #313131; font-size: 24px; text-transform: uppercase; letter-spacing: 1px; position: relative; } .wrapper-boxed.enable-boxed .featured-carousel .featured-content .feat-text h3 a { font-size: 18px; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { position: absolute; content: ""; width: 60px; height: 0; top: 50%; left: 100%; margin: 0; margin-top: -1px; border-top: 1px solid #fff; } .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3 a:after { width: 40px; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before { left: auto; right: 100%; } .featured-carousel.style-7 .featured-content .feat-text h3 a { color: #fff; display: inline-block; vertical-align: top; padding: 0 20px; } .featured-carousel .carousel-meta { margin-top: 5px; position: relative; z-index: 10; } .featured-carousel .carousel-meta span { color: #888; font-size: 14px; } .featured-carousel .carousel-meta span a { color: #888; } .featured-carousel .carousel-meta span.feat-author { font-style: italic; } .featured-carousel .carousel-meta span.feat-author a{ color: #313131; } .featured-carousel.style-7 .carousel-meta span, .featured-carousel.style-7 .carousel-meta span a, .featured-carousel.style-7 .carousel-meta span.feat-author a { color: #fff; } .featured-carousel.style-7 .carousel-meta span.feat-author a:hover, .featured-carousel .carousel-meta span a:hover { color: #6eb48c; } .featured-carousel .carousel-meta > span:after { content: ""; display: inline-block; margin: 0 11px 0 15px; width: 0; height: 10px; border-left: 1px solid #888; opacity: 0.35; } .featured-carousel.style-7 .carousel-meta > span:after { border-color: #fff; opacity: 0.8; } .featured-carousel .carousel-meta > span:last-child:after { content: none; } .featured-area button.slick-prev, .featured-area button.slick-next, .penci-slider .penci-direction-nav .penci-prev, .penci-slider .penci-direction-nav .penci-next, .penci-magazine2-prev, .penci-magazine2-next { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: background-color 0.3s, color 0.3s, opacity 0.3s; -webkit-transition: background-color 0.3s, color 0.3s, opacity 0.3s; -moz-transition: background-color 0.3s, color 0.3s, opacity 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } .featured-area button.slick-prev, .penci-slider .penci-direction-nav .penci-prev, .penci-magazine2-prev { left: 30px; } .featured-area button.slick-next, .penci-slider .penci-direction-nav .penci-next, .penci-magazine2-next { right: 30px; } .featured-area button.slick-prev i, .featured-area button.slick-next i, .penci-slider .penci-direction-nav .penci-prev i, .penci-slider .penci-direction-nav .penci-next i, .penci-magazine2-prev i, .penci-magazine2-next i { font-size: 20px; display: inline-block; line-height: 36px; text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; vertical-align: top; } .featured-area.loaded:hover button.slick-prev, .featured-area.loaded:hover button.slick-next, .penci-slider:hover .penci-direction-nav .penci-prev, .penci-slider:hover .penci-direction-nav .penci-next, .penci-mag2-carousel:hover .penci-magazine2-prev, .penci-mag2-carousel:hover .penci-magazine2-next { opacity: 1; } .featured-area.loaded button.slick-prev:hover, .featured-area.loaded button.slick-next:hover, .penci-slider .penci-direction-nav .penci-prev:hover, .penci-slider .penci-direction-nav .penci-next:hover, .penci-magazine2-prev:hover, .penci-magazine2-next:hover { background: #6eb48c; color: #fff; } /* Style arrows for carousel style 2 */ .featured-area.style-2 button.slick-prev, .featured-area.style-2 button.slick-next { visibility: hidden; } .featured-area.style-2.loaded-wait button.slick-prev, .featured-area.style-2.loaded-wait button.slick-next { visibility: visible; opacity: 1; } /* = Penci Slider -----------------------------------------------------*/ .penci-slider { position: relative; z-index: 0; margin: 0; padding: 0; overflow: hidden; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: none; } .penci-slider.style-4 { width: 100%; margin: 0 auto; } .penci-slider ul.slides, .penci-slider ol, .penci-slider ul { list-style: none !important; margin: 0 !important; padding: 0 !important; line-height: 1.5; } .penci-slider ul.slides:before, .penci-slider ul.slides:after, .penci-slider ol:before, .penci-slider ol:after { content: none !important; } .penci-slider ul li, .penci-slider ol li{ margin: 0; } .penci-slider ul.slides li { position: relative; } .penci-slider ul.slides li:before, .penci-slider ul.slides li:after { content: ""; position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; left: 0; opacity: 0; -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .penci-slider ul.slides li:before { background-image: url('images/slider-pattern.png'); z-index: 7; opacity: 0; } .penci-slider ul.slides li:after { background: #000; } .penci-slider ul.slides li img { width: 100%; height: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; vertical-align: top; margin: 0 !important; padding: 0 !important; } .penci-slider ul.slides li .pencislider-container { position: absolute; top: 30%; width: 100%; text-align: left; z-index: 10; padding: 0 105px; } .penci-slider ul.slides li .pencislider-container .pencislider-content { display: block; margin: 0 auto; max-width: 1170px; } .penci-slider .penci-direction-nav .penci-prev:before, .penci-slider .penci-direction-nav .penci-next:before { content: none; } .penci-slider.penci-loading .penci-direction-nav .penci-prev, .penci-slider.penci-loading .penci-direction-nav .penci-next { opacity: 0 !important; } /* Bullet */ .penci-slider .penci-control-nav { position: absolute; width: 100%; left: 0; text-align: center; bottom: 20px; z-index: 6; display: block; line-height: 1; } body .penci-slider ol.penci-control-nav li { margin: 0 3px; } body .penci-slider ol.penci-control-nav li a { width: 12px; height: 12px; border: 1px solid #d4d4d4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; display: inline-block; font-size: 0; vertical-align: top; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover { background: #6eb48c; border-color: #6eb48c; } /* Loading */ .penci-slider.penci-loading { } /* Pencislider Elements */ .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-family: 'Raleway', sans-serif; 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; font-family: 'Raleway', sans-serif; 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 .penci-active-slide .pencislider-container.penci-fadeInDown .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInDown .pencislider-caption, .penci-slider .penci-active-slide .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 .penci-active-slide .pencislider-container.penci-fadeInUp .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInUp .pencislider-caption, .penci-slider .penci-active-slide .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 .penci-active-slide .pencislider-container.penci-fadeInLeft .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInLeft .pencislider-caption, .penci-slider .penci-active-slide .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 .penci-active-slide .pencislider-container.penci-fadeInRight .pencislider-title, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInRight .pencislider-caption, .penci-slider .penci-active-slide .pencislider-container.penci-fadeInRight .pencislider-content .penci-button { -webkit-animation-name: pencifadeInRight; -moz-animation-name: pencifadeInRight; -o-animation-name: pencifadeInRight; animation-name: pencifadeInRight; } /* = Penci Featured Video Background -----------------------------------------------------*/ #penci-featured-video-bg { height: 600px; } .penci-video-overlay-background, .overlay-video-click{ position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; display: none; } .overlay-video-click { display: block; z-index: 20; } .penci-video-overlay { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); text-align: center; left: 20px; right: 20px; z-index: 10; } h2.penci-heading-video, p.penci-sub-heading-video, .penci-video-custom-img { opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } .penci-video-custom-img { margin: 0 0 24px 0; } .penci-video-custom-img.no-margin-bottom { margin: 0; } h2.penci-heading-video { color: #fff; font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 30px; line-height: 1.2em; text-transform: uppercase; margin: 0; letter-spacing: 1px; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s; } p.penci-sub-heading-video { font-size: 16px; line-height: 1.3em; margin: 15px 0 0; font-style: italic; color: #fff; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } .featured-area.loaded-wait .penci-video-custom-img, .featured-area.loaded-wait h2.penci-heading-video, .featured-area.loaded-wait p.penci-sub-heading-video { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } /* = Penci Magazine Slider -----------------------------------------------------*/ .featured-area.magazine-slider { width: 1170px; margin-left: auto; margin-right: auto; } .penci-magazine-slider.penci-loading { background: #fafafa url('images/loading.gif') no-repeat center center; min-height: 516px; } .featured-area.loaded-wait .penci-magazine-slider.penci-loading { background: none; min-height: 0 !important; } .penci-magazine-slider { margin: 0; padding: 0; position: relative; } .penci-magazine-slider .penci-mag-item { display: none; } .penci-magazine-slider ul.mag-wrap { list-style: none; margin: 0; display: inline-block; width: 100%; vertical-align: top; bottom: 0; left: 0; } .penci-magazine-slider ul.mag-wrap li { overflow: hidden; display: block; float: left; position: relative; width: 380px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 790px; border-right: 10px solid transparent; } .penci-magazine-slider ul.mag-wrap li.mag-item-2 { border-bottom: 10px solid transparent; } .penci-magazine-slider .mag-meta { position: absolute; padding: 20px; width: 90%; z-index: 10; left: 0; bottom: 0; } .penci-magazine-slider .mag-item-1 .mag-meta { padding: 30px; } .penci-magazine-slider .mag-cat { margin-bottom: 4px; } .penci-magazine-slider .mag-cat a.penci-cat-name { border-color: #fff; color: #fff; } .penci-magazine-slider .mag-cat a.penci-cat-name:after { border-color: #fff; } .penci-magazine-slider .mag-cat a.penci-cat-name:hover { text-decoration: none; color: #6eb48c; } .penci-magazine-slider .mag-meta h3 { line-height: 1.3; } .penci-magazine-slider .mag-meta h3 a { color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 0; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a { font-size: 24px; letter-spacing: 1px; } .penci-magazine-slider .mag-meta-child { margin-top: 6px; } .penci-magazine-slider .mag-item-1 .mag-meta-child { margin-top: 7px; } .penci-magazine-slider .mag-meta-child span { color: #ffffff; font-size: 12px; } .penci-magazine-slider .mag-item-1 .mag-meta-child span { font-size: 14px; } .penci-magazine-slider .mag-meta-child span:after { content: ""; display: inline-block; margin: 0 7px 0 10px; width: 0; height: 8px; border-left: 1px solid #fff; opacity: 0.5; } .penci-magazine-slider .mag-item-1 .mag-meta-child span:after { margin: 0 11px 0 15px; height: 10px; } .penci-magazine-slider .mag-meta-child span:last-child:after { content: none; display: none; } .penci-magazine-slider .penci-direction-nav a { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; font-size: 20px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } .penci-magazine-slider .penci-direction-nav a.penci-prev { left: 30px; } .penci-magazine-slider .penci-direction-nav a.penci-next { right: 30px; } .penci-magazine-slider:hover .penci-direction-nav a { opacity: 1; } .penci-magazine-slider .penci-direction-nav a:hover { background: #6eb48c; color: #fff; } .penci-magazine-slider .penci-direction-nav a:before { content: none; display: none; } .penci-magazine-slider .mag-overlay { background: #000; opacity: 0.6; position: absolute; left: 0; right: 0; width: 100%; height: 100%; z-index: 2; background: -moz-linear-gradient(top, transparent 0%, #000 100%); background: -webkit-linear-gradient(top, transparent 0%, #000 100%); background: -o-linear-gradient(top, transparent 0%, #000 100%); background: -ms-linear-gradient(top, transparent 0%, #000 100%); background: linear-gradient(to bottom, transparent 0%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); -webkit-transition: opacity .4s ease 0s; -moz-transition: opacity .4s ease 0s; -o-transition: opacity .4s ease 0s; transition: opacity .4s ease 0s; } .penci-magazine-slider ul.mag-wrap .mag-content:hover .mag-overlay { opacity: 0.8; } /* = Magazine slider style 3 -----------------------------------------------------*/ .penci-magazine-slider.penci-mag3-slider.penci-loading{ min-height: 387px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { border: none; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 { width: 287px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { width: 586px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { margin: 0 5px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1 .mag-content:first-child, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 .mag-content:first-child { margin-bottom: 5px; } .penci-magazine-slider ul.mag-wrap li .mag-content { position: relative; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content h3 a{ font-size: 14px; letter-spacing: 0; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content h3 { text-align: center; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content h3 a { font-size: 16px; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content .mag-meta{ padding: 10px; width: 100%; } .penci-magazine-slider.penci-mag3-slider .mag-cat{ text-align: center; } /* = Magazine slider style 2 -----------------------------------------------------*/ .penci-mag2-carousel { overflow: hidden; } .featured-area.magazine-slider-2 { height: 463px; overflow: hidden; } .featured-area.magazine-slider-2.loaded-wait { height: auto; overflow: visible; } .penci-mag2-carousel .mag2-item { display: block; float: left; margin: 0 1px 0 0; width: 700px; height: 463px; } .penci-mag2-carousel .penci-mag2-carousel-content > .mag2-item { margin-right: 1px !important; } .penci-mag2-carousel .mag2-item.mag2-even { width: 346px; } .penci-mag2-carousel .mag2-item .mag2-item { width: 346px; height: 231px; margin: 0; } .penci-mag2-carousel .mag2-item > .mag2-item:first-child { margin-bottom: 1px; } .mag2-thumbnail { position: relative; overflow: hidden; max-height: 100%; } .mag2slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mag2slider-overlay i { display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; border-radius: 50%; background: transparent; text-align: center; font: 14px/40px 'FontAwesome'; color: rgba(255, 255, 255, 0.9); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); opacity: 0; font-size: 18px; z-index: 3; line-height: 48px; } .mag2slider-overlay i.fa-play:before { margin-left: 2px; } .mag2slider-overlay i.fa-music:before { margin-right: 2px; } .penci-mag2-carousel .mag2-item .mag2-item .mag2slider-overlay i { width: 44px; height: 44px; line-height: 40px; font-size: 17px; margin: -22px 0 0 -22px; } .mag2slider-overlay:after { background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; opacity: 0.05; content: ""; } .mag2-thumbnail:hover .mag2slider-overlay i { opacity: 1; } .mag2-thumbnail:hover .mag2slider-overlay:after { opacity: 0.7; } .penci-mag2-carousel .mag2-header { position: absolute; padding: 17px 20px; width: 100%; z-index: 8; left: 0; bottom: 0; text-align: center; } .penci-mag2-carousel .mag2-item .mag2-item .mag2-header { padding: 17px 20px !important; } .penci-mag2-carousel .mag2-header h3 a { font-size: 24px; letter-spacing: 1px; text-transform: uppercase; color: #fff; } .penci-mag2-carousel .mag2-item .mag2-item .mag2-header { text-align: left; } .penci-mag2-carousel .mag2-item .mag2-item .mag2-header h3 a{ font-size: 16px; letter-spacing: 0; } .penci-mag2-carousel .cat.mag-cat { } .penci-mag2-carousel .cat > a.penci-cat-name { color: #fff; } .penci-mag2-carousel .cat > a.penci-cat-name:after { border-color: #fff; } @media only screen and (min-width: 779px) { .penci-mag2-carousel .mag2-thumbnail img{ transform: none !important; -webkit-transform: none !important; } .penci-mag2-carousel .mag2-header { width: 100% !important; } } @media only screen and (max-width: 778px) { .mag2slider-overlay i{ display: none; } .penci-mag2-carousel .cat.mag-cat{ display: none; } .penci-mag2-carousel .mag2-header h3 a { font-size: 18px; } .penci-mag2-carousel .mag2-header { padding-right: 15px; text-align: left; } } /* = Featured homepage box -----------------------------------------------------*/ .container.home-featured-boxes { margin-bottom: 60px; display: table; margin-top: -30px; } ul.homepage-featured-boxes { list-style: none; margin-left: -15px; margin-right: -15px; } ul.homepage-featured-boxes li { width: 33.3333%; float: left; display: inline-block; padding: 0 15px; } ul.homepage-featured-boxes li .penci-fea-in { height: 247px; position: relative; overflow: hidden; } ul.homepage-featured-boxes li .penci-fea-in:before, ul.homepage-featured-boxes li .penci-fea-in:after { position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.4s; transition: opacity 0.3s, transform 0.4s; z-index: 5; } ul.homepage-featured-boxes li .penci-fea-in.boxes-style-2:before, ul.homepage-featured-boxes li .penci-fea-in.boxes-style-2:after { content: none !important; display: none !important; } ul.homepage-featured-boxes li .penci-fea-in:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } ul.homepage-featured-boxes li .penci-fea-in:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } ul.homepage-featured-boxes li .penci-fea-in:hover:before, ul.homepage-featured-boxes li .penci-fea-in:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } ul.homepage-featured-boxes .penci-fea-in .fea-box-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; } ul.homepage-featured-boxes .penci-fea-in .fea-box-img:before { top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 2; content: ""; background: #000; transition: opacity 0.25s; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; opacity: 0; } ul.homepage-featured-boxes .penci-fea-in:hover .fea-box-img:before { opacity: 0.3; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img { right: 0; bottom: 0; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { content: none !important; display: none !important; } ul.homepage-featured-boxes .penci-fea-in h4 { position: absolute; width: 100%; left: 0; top: 50%; text-align: center; z-index: 5; font-style: italic; letter-spacing: 0; font-family: 'PT Serif', serif; font-weight: normal; padding: 5px 20px; margin-top: -25px; } ul.homepage-featured-boxes .penci-fea-in h4 > span { display: inline-block; position: relative; } ul.homepage-featured-boxes .penci-fea-in h4 span span { display: inline-block; background: #fff; color: #313131; padding: 0 15px; position: relative; min-width: 120px; height: 40px; line-height: 40px; white-space: nowrap; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } ul.homepage-featured-boxes .penci-fea-in h4 span span:before{ top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; display: block; background: none; position: absolute; border: 1px solid #fff; } ul.homepage-featured-boxes .penci-fea-in:hover h4 span { color: #6eb48c; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 { background: #fff; padding: 0 20px; margin-top: -20px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4:before { top: -5px; left: 0; right: 0; width: 100%; bottom: -5px; content: ""; display: block; background: none; position: absolute; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 span { background: none !important; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4 span:before { content: none; display: none; } /* Featured boxes 4 columns */ ul.homepage-featured-boxes.boxes-4-columns li { width: 25%; } ul.homepage-featured-boxes.boxes-4-columns li .penci-fea-in { height: 190px; } /* = Homepage title -----------------------------------------------------*/ .penci-homepage-title { position: relative; margin-bottom: 30px; text-align: center; clear: both; background: #fff; margin-top: 5px; } .penci-border-arrow { position: relative; line-height: 1.3; margin-left: 5px; margin-right: 5px; margin-top: 5px; } .penci-border-arrow .inner-arrow { border: 1px solid #313131; background: #fff; position: relative; display: block; text-transform: uppercase; padding: 11px 15px 9px; z-index: 3; } .penci-border-arrow:before, .penci-border-arrow:after { content: ""; position: absolute; } .penci-border-arrow:before { width: 0; height: 0; border-style: solid; border-color: transparent; bottom: -7px; left: 50%; border-top-color: #313131; border-width: 7px; border-bottom: 0; margin-left: -7px; z-index: 5; } .penci-border-arrow:after { border: 1px solid #313131; left: -5px; right: -5px; bottom: 3px; display: block; z-index: 1; height: 100%; } .penci-homepage-title h3 { font-size: 14px; color: #313131; text-transform: uppercase; letter-spacing: 1px; position: relative; z-index: 1; } /* = Standard style -----------------------------------------------------*/ .standard-post-special { position: relative; margin: 0 0 26px 0; } .standard-content-special { padding: 0; text-align: center; background: #fff; display: block; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2); } .standard-post-special.no-thumbnail .standard-content-special { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #ECECEC; } .format-post-box { display: block; padding: 52px 30px 21px 30px; } .format-post-box.penci-format-link { padding-top: 19px; } .format-post-box .post-format-icon { position: absolute; width: 100%; text-align: center; display: block; top: 16px; margin-left: -36px; } .format-post-box.penci-format-link .post-format-icon { display: none; } .format-post-box .post-format-icon i { font-size: 35px; padding: 0 20px; display: inline-block; color: #6eb48c; } .format-post-box .post-format-icon i.fa-quote-left:before { content: '“'; font-family: 'Playfair Display SC', serif; font-size: 72px; font-weight: 900; } .format-post-box .dt-special, .format-post-box .dt-special a { color: #888; font-size: 112.5%; font-style: italic; } .format-post-box.penci-format-quote .dt-special { text-align: center; font-style: italic; font-size: 18px; } .format-post-box .dt-special a:hover { color: #6eb48c; } .author-quote { margin: 15px 0 5px; text-align: center; display: block; overflow: hidden; } .author-quote span { display: inline-block; font-size: 12px; padding: 0 11px; position: relative; color: #6eb48c; font-family: 'Raleway', sans-serif; font-weight: bold; text-transform: uppercase; } .author-quote span:before, .author-quote span:after { position: absolute; content: ""; width: 60px; height: 1px; top: 50%; left: 100%; background: #6eb48c; } .author-quote span:before { left: auto; right: 100%; } .standard-post-image { margin: 0 0 26px 0; text-align: center; display: block; position: relative; } .standard-post-image .audio-iframe, .standard-content-special { position: absolute; left: 30px; right: 30px; bottom: 30px; display: block; } .standard-post-image.no-thumbnail .audio-iframe, .standard-post-special.no-thumbnail .standard-content-special { position: static; } .standard-post-image img { vertical-align: top; max-width: 100%; height: auto; } .header-standard { text-align: center; padding-bottom: 17px; position: relative; margin: 0 0 19px 0; } .header-standard:after { content: ""; position: absolute; width: 60px; height: 1px; background: #6eb48c; display: block; bottom: 0; left: 50%; margin-left: -30px; } .penci-standard-cat { overflow: hidden; display: block; margin-bottom: 6px; } .header-standard .cat { display: inline-block; position: relative; } .header-standard h2, .header-standard .post-title, .header-standard h2 a { color: #313131; font-size: 24px; letter-spacing: 1px; text-transform: uppercase; } .container-single-magazine .single-post-title { letter-spacing: 1px; } .header-standard h2 a:hover { color: #888888; } .header-standard .author-post span { color: #888; } .header-standard .author-post { margin: 6px 0 0; font-style: italic; } .header-standard .author-post span a { color: #313131; text-transform: capitalize; } .header-standard .author-post span a:hover { color: #6eb48c; } .standard-content { position: relative; } .standard-main-content { text-align: left; } .penci-more-link { text-align: center; overflow: hidden; clear: both; } .penci-more-link a.more-link { font-family: 'Raleway', sans-serif; letter-spacing: 1px; color: #6eb48c; text-transform: uppercase; font-size: 12px; display: inline-block; margin-top: 5px; font-weight: bold; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .standard-post-entry a.more-link:hover { text-decoration: none; } .penci-more-link a.more-link:before, .penci-more-link a.more-link:after { position: absolute; content: ""; width: 60px; height: 0; top: 50%; left: 100%; margin: 0 10px; margin-top: -1px; border-top: 1px solid #6eb48c; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-more-link a.more-link:before { left: auto; right: 100%; } .penci-more-link a.more-link:hover:before { right: 50%; margin-right: -10px; width: 90px; } .penci-more-link a.more-link:hover:after { left: 50%; margin-left: -10px; width: 90px; } .penci-post-box-meta { padding: 15px 0; clear: both; display: block; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 30px 0 0; } .penci-post-box-meta.center-inner { text-align: center; } .penci-post-box-meta.center-inner .penci-post-share-box{ float: none; } .penci-post-box-meta .penci-box-meta { display: inline-block; } .penci-post-box-meta .penci-box-meta span, .penci-post-box-meta .penci-box-meta a { color: #888888; } .penci-post-box-meta .penci-box-meta i.fa { margin-right: 10px; } .penci-post-box-meta .penci-box-meta a:hover { color: #6eb48c; } .penci-post-box-meta .penci-box-meta span:after { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 16px 0 20px; display: inline-block; } .penci-post-box-meta .penci-box-meta span:last-child:after { content: none; display: none; } .penci-post-box-meta .penci-post-share-box { display: inline-block; float: right; } .penci-post-box-meta .penci-post-share-box a { display: inline-block; position: relative; color: #313131; margin-left: 10px; font-size: 14px; } .penci-post-box-meta .penci-post-share-box a:first-child { margin-left: 0; } .penci-post-share-box a.liked, .penci-post-share-box a:hover { color: #6eb48c; } .penci-post-share-box .dt-share { position: absolute; display: inline-block; font-size: 9px; font-family: 'Raleway', sans-serif; font-weight: normal; background: #313131; color: #fff; height: 20px; line-height: 20px; white-space: nowrap; text-align: center; bottom: -45px; width: 60px; left: 50%; margin-left: -30px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .penci-post-share-box a:hover .dt-share { opacity: 1; bottom: -30px; visibility: visible; } .penci-post-share-box .dt-share:before { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #313131; content: ""; top: -7px; left: 50%; margin-left: -4px; } .penci-post-like.liked i:before { content: "\f004"; } /* = Classic style -----------------------------------------------------*/ .header-standard.header-classic { margin: 0 0 26px 0; padding: 0; } .header-standard.header-classic:after { content: none; display: none; } .header-standard.header-classic.penci-title-bellow{ margin-bottom: 40px; } /* = Gird style -----------------------------------------------------*/ ul.penci-grid { display: inline-block; width: 100%; vertical-align: top; padding: 0; margin: 0; } .penci-grid > li { display: inline-block; vertical-align: top; width: 31.62%; margin-bottom: 51px; float: left; margin-right: 2.57%; list-style: none !important; } .penci-grid > li.grid-style { text-align: center; } .penci-grid > li:nth-of-type(3n+3) { margin-right: 0; } .penci-grid > li:nth-of-type(3n+1) { clear: both; } .container.penci_sidebar .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-grid > li.grid-2-style { width: 48.7%; margin-right: 2.6%; } .container.penci_sidebar .penci-grid li:nth-of-type(3n+3) { margin-right: 3.9%; clear: none; } .container.penci_sidebar .penci-grid li:nth-of-type(2n+1) { clear: both; } .penci-grid li.grid-2-style:nth-of-type(3n+3) { margin-right: 2.6%; clear: none; } .container.penci_sidebar .penci-grid li:nth-of-type(2n+2), .penci-grid li.grid-2-style:nth-of-type(2n+2) { margin-right: 0; clear: none; } .container.penci_sidebar .penci-grid li:nth-of-type(2n+1), .penci-grid li.grid-2-style:nth-of-type(2n+1) { clear: both; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { display: inline-block; position: relative; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; margin-bottom: 28px; width: 100%; } .penci-grid li .item > .thumbnail .icon-post-format, .penci-masonry .item-masonry > .thumbnail .icon-post-format, .grid-mixed .thumbnail .icon-post-format { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 50px; height: 50px; line-height: 46px; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 18px; opacity: 1; color: rgba(255, 255, 255, 0.9); background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; background: rgba(0, 0, 0, 0.4); border: 2px solid rgba(255, 255, 255, 0.9); } .penci-grid li .item > .thumbnail .icon-post-format i.fa-play, .penci-masonry .item-masonry > .thumbnail .icon-post-format i.fa-play { margin-left: 3px; } .grid-mixed .thumbnail:hover .icon-post-format, .penci-grid li .item > .thumbnail:hover .icon-post-format, .penci-masonry .item-masonry > .thumbnail:hover .icon-post-format { opacity: 0; } .grid-mixed .thumbnail:hover, .penci-grid li .item > .thumbnail:hover, .penci-masonry .item-masonry > .thumbnail:hover { opacity: 0.85; } .penci-grid li .item img, .penci-masonry .item-masonry a img { width: 100%; height: auto; vertical-align: top; margin: 0; } .penci-grid li .item .cat, .penci-masonry .item-masonry .cat { color: #6eb48c; display: block; margin-bottom: 8px; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { font-size: 18px; color: #313131; text-transform: uppercase; letter-spacing: 1px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .penci-grid li .item h2 a:hover, .penci-masonry .item-masonry h2 a:hover { color: #888888; } .penci-grid li .item p, .penci-masonry .item-masonry p { margin-bottom: 0; } .penci-grid li .item .item-content, .penci-masonry .item-masonry .item-content, .penci-grid .mixed-detail .item-content { margin-top: 18px; text-align: left; } .penci-post-box-meta.penci-post-box-grid { border: none !important; padding: 0; text-align: center; position: relative; margin-top: 27px; clear: none; } .penci-post-box-meta.penci-post-box-grid:before { content: ""; position: absolute; width: 100%; left: 0; height: 1px; background: #DEDEDE; display: block; top: 49%; z-index: 1; } .penci-post-box-meta.penci-post-box-grid .penci-post-share-box { float: none !important; padding: 0 10px; position: relative; z-index: 5; background: #ffffff; display: inline-block; margin-top: 0; } .grid-header-box { padding-bottom: 17px; position: relative; } .grid-header-box:after { width: 60px; height: 1px; background: #6eb48c; margin-left: -30px; position: absolute; left: 50%; bottom: 0; content: ""; } .penci-readmore-btn, .penci-featured-cat-seemore { margin-top: 10px; display: block; text-align: left; } .penci-featured-cat-seemore { clear: both; margin: -40px 0 60px; } .penci-readmore-btn a, .penci-featured-cat-seemore a { transition: 0.25s; -webkit-transition: 0.25s; -moz-transition: 0.25s; } .penci-readmore-btn a:hover, .penci-featured-cat-seemore a:hover { opacity: 0.7; } .penci-readmore-btn i, .penci-featured-cat-seemore i { margin-left: 5px; font-size: inherit; color: inherit; } /* = Masonry style -----------------------------------------------------*/ .penci-wrap-masonry { margin-left: -15px; margin-right: -15px; } .penci-masonry { width: 100%; } .penci-masonry .item-masonry{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 33.3333%; display: inline-block; padding: 0 15px; float: left; margin-bottom: 51px; text-align: center; } .container.penci_sidebar .penci-masonry .item-masonry, .penci-masonry .item-masonry.grid-masonry-2 { width: 50%; } /* = Standard Masonry Style -----------------------------------------------------*/ .penci-masonry .standard-masonry { width: 50%; } .standard-masonry .standard-main-content > h2 { font-size: 20px; } .standard-masonry .standard-main-content > h2:before { height: 18px; top: 3px; } .penci-masonry .item-masonry.standard-masonry .cat a { margin-bottom: 13px; } .standard-masonry .post-box-meta { margin-top: 14px; } /* = Operator penci cat -----------------------------------------------------*/ .cat > a.penci-cat-name { font-size: 12px; color: #6eb48c; text-transform: uppercase; line-height: 1.2; margin: 0 18px 0 0; padding-right: 10px; display: inline-block; vertical-align: top; background: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-weight: normal; margin-bottom: 5px; position: relative; } .cat > a.penci-cat-name:after { content: ""; display: inline-block; border: 1px solid #6eb48c; font-size: 12px; margin-left: 11px; position: absolute; top: 50%; margin-top: -3px; width: 3px; height: 3px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .cat > a.penci-cat-name:hover { text-decoration: underline; } .cat > a.penci-cat-name:first-child { margin-left: 0; } .cat > a.penci-cat-name:last-child { margin-right: 0; padding: 0; } .cat > a.penci-cat-name:last-child:after { content: none; display: none; } /* = List style -----------------------------------------------------*/ .penci-grid li.list-post { width: 100% !important; margin-right: 0 !important; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #DEDEDE; } .penci-grid li.list-post:last-child { margin-bottom: 60px; padding-bottom: 0; border-bottom: none; } .penci-grid li.list-post .item > .thumbnail { margin: 0; width: 48.052%; float: left; max-width: 370px; } .penci-grid li.list-post .item .content-list-right { margin: 0; padding-left: 400px; } .penci-grid li.list-post .item .content-list-right.fullwidth { padding: 0; } .list-post .header-list-style { position: relative; padding-bottom: 17px; } .list-post .header-list-style:after { content: ""; width: 60px; height: 1px; background: #6eb48c; display: block; bottom: 0; left: 0; position: absolute; } .content-special-list { width: 100%; display: block; padding: 30px; background-size: cover; background-position: center center; position: relative; } .content-special-list.no-thumbnail { padding: 0; } .content-special-list .standard-content-special { position: relative; left: auto; top: auto; bottom: auto; right: auto; } .content-special-list.no-thumbnail .standard-content-special { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #ECECEC; } /* = Mixed style -----------------------------------------------------*/ .grid-mixed { display: table; width: 100%; vertical-align: top; border: 1px solid #DEDEDE; margin-bottom: 60px; } .grid-mixed .thumbnail, .grid-mixed .mixed-detail { display: table-cell; vertical-align: top; } .grid-mixed .thumbnail.thumb-right { display: none; } .penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-right { display: table-cell; } .penci-grid > .grid-mixed:nth-of-type(2n) .thumbnail.thumb-left { display: none; } .grid-mixed .thumbnail { width: 65.812%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .grid-mixed .mixed-detail { width: 34.188%; padding: 30px; padding-bottom: 115px; position: relative; } .grid-mixed .mixed-detail .cat { margin-bottom: 8px; display: block; } .grid-mixed .mixed-detail h2 a { font-size: 18px; text-transform: uppercase; color: #313131; } .grid-mixed .mixed-detail h2 a:hover { color: #888; } .grid-mixed .grid-header-box:after { left: 0; margin: 0; } .grid-mixed .penci-post-box-meta { margin: 0 0 4px 0; position: absolute; left: 30px; bottom: 30px; right: 30px; display: block; } .penci_sidebar .grid-mixed .thumbnail.thumb-left, .penci_sidebar .grid-mixed .mixed-detail { display: block !important; width: 100%; } .penci_sidebar .grid-mixed .mixed-detail { padding: 30px; } .penci_sidebar .grid-mixed .penci-post-box-meta { position: relative; margin: 31px 0 4px; left: auto; right: auto; bottom: auto; } .penci_sidebar .grid-mixed .thumbnail.thumb-right { display: none !important; } /* = List Boxed style -----------------------------------------------------*/ .penci-grid .list-post.list-boxed-post { position: relative; padding-bottom: 0; border: 1px solid #DEDEDE !important; margin-bottom: 60px; } .penci-post-box-meta.post-box-boxed-1 { margin: 31px 0 0; text-align: left; } .penci-layout-boxed-1 .list-boxed-post .header-list-style:after, .penci-layout-standard-boxed-1 .list-boxed-post .header-list-style:after, .penci-layout-classic-boxed-1 .list-boxed-post .header-list-style:after { left: 50%; margin-left: -30px; } .grid-post-box-meta { margin: 12px 0 0; } .grid-post-box-meta span { color: #888888; } .grid-post-box-meta span.author-italic { font-style: italic; } .grid-post-box-meta span:after { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 11px 0 15px; display: inline-block; } .grid-post-box-meta span:last-child:after { content: none; display: none; } .grid-post-box-meta span a { color: #313131; } .grid-post-box-meta span a.comment-link { color: #888888; font-style: normal; } .grid-post-box-meta span a:hover, .grid-post-box-meta span a.comment-link:hover { color: #6eb48c; } .list-boxed-post .grid-post-share-box .inner-grid-post-share-box { background: #ffffff; } .penci-grid .list-post.list-boxed-post .item > .thumbnail { width: 50%; max-width: none; position: relative; float: none; } .penci-grid .list-post.list-boxed-post .item > .content-list-right { float: right; } .penci-grid li.list-boxed-post:nth-of-type(2n+2) .item > .content-list-right { float: left; } .penci-grid .list-post.list-boxed-post .item > .thumbnail:before { content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid #ffffff; border-bottom: 20px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -20px; } .penci-grid .list-post.list-boxed-post:nth-of-type(2n+2) .item > .thumbnail:before { border-right: none; border-left: 20px solid #ffffff; right: auto; left: 0; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 20px 60px; display: table; width: 50%; min-height: 389px; height: 389px; text-align: center; } .list-boxed-post .inner-content-list-right { vertical-align: middle; display: table-cell; } .penci_sidebar .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 20px 30px; min-height: 0; height: auto; } .penci-grid .list-post.list-boxed-post .item .content-list-right.fullwidth { width: 100%; max-width: none; } .list-boxed-post .fullwidth .inner-content-list-right { min-height: 0; padding-left: 0; padding-right: 0; } /* = Overlay style -----------------------------------------------------*/ .grid-overlay { margin-bottom: 60px; position: relative; display: block; clear: both; } .penci-overlay-over { position: relative; } .penci-overlay-over:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } .penci-overlay-over:hover:before { opacity: 0.5; } .penci-overlay-over .overlay-header-box { position: absolute; text-align: center; left: 20px; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 10; padding-bottom: 18px; } .penci-overlay-over .overlay-header-box:after { content: ""; height: 1px; background: #fff; display: block; position: absolute; bottom: 0; width: 60px; left: 50%; margin-left: -30px; } .penci-overlay-over:hover .overlay-header-box:after { width: 60px; left: 50%; margin-left: -30px; } .overlay-header-box .cat { display: block; margin-bottom: 6px; } .overlay-header-box .cat > a.penci-cat-name { color: #fff; } .overlay-header-box .cat > a.penci-cat-name:hover { color: #6eb48c; text-decoration: none; } .overlay-header-box .cat > a.penci-cat-name:after { border-color: #fff; } .overlay-header-box .overlay-author { margin-top: 6px; } .overlay-header-box .overlay-title a { text-transform: uppercase; color: #fff; font-size: 24px; } .overlay-author span, .overlay-author a { color: #fff; font-style: italic; } .overlay-author a:hover { color: #6eb48c; } .penci-overlay-over .overlay-border { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; display: block; border: 1px solid #fff; z-index: 5; } .overlay-post-box-meta { position: absolute; bottom: -1px; left: 30px; right: 30px; text-align: center; margin: 0; background: #fff; z-index: 7; border: none; padding: 21px 10px 0; } .overlay-post-box-meta > div { display: inline-block; vertical-align: bottom; line-height: 1; float: none !important; } .overlay-post-box-meta > div:after { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 17px 0 19px; display: inline-block; } .overlay-post-box-meta > div:last-child:after { content: none; display: none; } .overlay-post-box-meta, .overlay-post-box-meta .overlay-share span, .overlay-post-box-meta .overlay-share a { color: #888; } .overlay-post-box-meta .overlay-share a:hover { color: #6eb48c; } .overlay-post-box-meta .overlay-share i { color: inherit; margin-right: 10px; } /* = List Boxed 2 style -----------------------------------------------------*/ .penci-grid li.list-boxed-post-2 { margin: 0 !important; width: 33.3333%; } .penci-grid li.list-boxed-post-2:last-child { margin-bottom: 60px !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 { width: 50%; } .penci-grid li.list-boxed-post-2 .item > .thumbnail { margin: 0; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { position: absolute; content: ""; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #ffffff; left: 50%; margin-left: -18px; bottom: 0; } .penci-grid li.list-boxed-post-2 .item > .thumbnail.arrow-top:before { border-bottom: none; border-top: 18px solid #ffffff; bottom: auto; top: 0; } .penci-grid li.list-boxed-post-2 .content-boxed-2 { border: 1px solid #efefef; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { border-top: none; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { border-bottom: none; } .penci-grid li.list-boxed-post-2 .content-boxed-2.boxed-none { display: none; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 258px; display: table; text-align: center; padding: 20px; width: 100%; } .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 256px; } .penci-grid li.list-boxed-post-2 .inner-boxed-2 { display: table-cell; vertical-align: middle; max-width: 100%; } /* = Photography style -----------------------------------------------------*/ .typography-style .content-typography { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; } .penci-grid li.typography-style { margin-bottom: 30px; } .penci-grid li.typography-style:last-child { margin-bottom: 60px; } .penci-grid li.typography-style .item > .thumbnail { margin-bottom: 0; } .penci-grid li.typography-style .item > .thumbnail:hover { opacity: 1; } .typography-style .content-typography:hover, .penci-grid .typography-style .thumbnail:hover .content-typography { opacity: 1; } .penci-grid li.typography-style .overlay-typography { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.3; transition: opacity 0.3s ease 0s; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; } .penci-grid li.typography-style:hover .overlay-typography { opacity: 0.7; } .penci-grid li.typography-style .overlay-typography:before, .penci-grid li.typography-style .overlay-typography:after { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .penci-grid li.typography-style .overlay-typography:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .penci-grid li.typography-style .overlay-typography:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } .penci-grid li.typography-style:hover .overlay-typography:before, .penci-grid li.typography-style:hover .overlay-typography:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .typography-style .main-typography { position: absolute; z-index: 5; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .typography-style .main-typography a.penci-cat-name { color: #fff; border-color: #fff; text-decoration: none; } .typography-style .main-typography a.penci-cat-name:after { border-color: #fff; } .penci-grid li.typography-style .item .main-typography h2 a { color: #fff; } .penci-grid li.typography-style .grid-post-box-meta span, .penci-grid li.typography-style .grid-post-box-meta span a { color: #fff; } .penci-grid li.typography-style .grid-post-box-meta span a:hover, .penci-grid li.typography-style .item .main-typography h2 a:hover { color: #6eb48c; } /* = Photography style 2 -----------------------------------------------------*/ .penci-grid > li.photography-2 { margin-bottom: 30px; } .penci-grid > li.photography-2:last-child { margin-bottom: 60px; } .penci-photo-2-effect { position: relative; overflow: hidden; background: #000; text-align: center; cursor: pointer; } .penci-photo-2-effect img { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; opacity: 0.7; display: block; position: relative; } .penci-photo-2-effect:hover img { opacity: 0.4; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .penci-photo-2-effect figcaption, .penci-photo-2-effect figcaption a.photo-2-overlay { padding: 60px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .penci-photo-2-effect figcaption { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .penci-photo-2-effect a.photo-2-overlay { z-index: 100; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .penci-photo-2-effect figcaption h2, .penci-photo-2-effect figcaption p { color: #fff; position: absolute; top: 50%; left: 0; width: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; } .penci-photo-2-effect figcaption h2 { font-size: 24px; padding: 0 60px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; top: 50%; transform: translateY(-100%); -webkit-transform: translateY(-100%); padding-bottom: 30px; } .penci-photo-2-effect:hover figcaption h2 { padding-bottom: 15px; } .penci-photo-2-effect figcaption p { padding: 0 60px; top: 50%; margin-top: 30px; line-height: 1.8; } .penci-photo-2-effect:hover figcaption p { margin-top: 15px; } .penci-photo-2-effect figcaption:before, .penci-photo-2-effect figcaption:after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .penci-photo-2-effect:hover figcaption:after { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg); transform: translate3d(-50%,-50%,0) rotate(-45deg); } .penci-photo-2-effect:hover figcaption:before { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg); transform: translate3d(-50%,-50%,0) rotate(45deg); } .penci_sidebar .penci-photo-2-effect figcaption { padding: 20px; } .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px 20px; font-size: 18px; } .penci_sidebar .penci-photo-2-effect figcaption p { margin-top: 20px; padding: 0 20px; font-size: 93%; } .penci_sidebar .penci-photo-2-effect:hover figcaption h2 { padding-bottom: 10px; } .penci_sidebar .penci-photo-2-effect:hover figcaption p { margin-top: 10px; } /* = Magazine style -----------------------------------------------------*/ section.home-featured-cat { clear: both; display: block; width: 100%; } .home-featured-cat.mag-cat-style-2 { display: inline-block; width: 48.05%; margin-right: 3.9%; float: left; } #main .theiaStickySidebar > div.mag-cat-style-2:nth-of-type(2n+2), #main > div.mag-cat-style-2:nth-of-type(2n+2) { margin-right: 0; } .penci-grid li.magazine-layout .item h2 a { text-transform: none; letter-spacing: 0; } .penci-homepage-title.penci-magazine-title { text-align: left; } .penci-homepage-title.penci-magazine-title:before { left: 30px; } .penci-homepage-title.penci-magazine-title h3 a { color: #313131; } .home-featured-cat-content { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 60px; } .home-featured-cat-content.style-1 { display: table; width: auto; margin-left: -15px; margin-right: -15px; } .home-featured-cat-content.style-3 { display: table; width: auto; margin-left: -5px; margin-right: -5px; } .home-featured-cat-content.style-5 { overflow: hidden; } .home-featured-cat-content.style-7 { margin-bottom: 9px; } .home-featured-cat-content.style-8 { margin-bottom: 0; } .home-featured-cat-content .cat-left, .home-featured-cat-content .cat-right { width: 50%; float: left; display: inline-block; padding: 0 15px; } .home-featured-cat-content .mag-post-box { width: 100%; overflow: hidden; display: table; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #DEDEDE; } .home-featured-cat-content .mag-post-box.first-post { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .home-featured-cat-content > .mag-post-box:last-child, .home-featured-cat-content .cat-right > .mag-post-box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .home-featured-cat-content.style-2 .mag-post-box.first-post { padding-bottom: 22px; margin-bottom: 30px; border-bottom: 1px solid #DEDEDE; } .home-featured-cat-content .mag-post-box .magcat-thumb { float: left; margin-right: 20px; position: relative; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .home-featured-cat-content .mag-post-box .magcat-thumb .icon-post-format { width: 30px; height: 30px; position: absolute; display: inline-block; line-height: 26px; z-index: 10; top: 50%; left: 50%; text-align: center; margin: -15px 0 0 -15px; border-radius: 50%; font-size: 13px; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb .icon-post-format { font-size: 18px; width: 50px; height: 50px; line-height: 48px; margin: -25px 0 0 -25px; } .home-featured-cat-content .mag-post-box .magcat-thumb .icon-post-format i.fa-play { margin-left: 2px; } .home-featured-cat-content .mag-post-box .magcat-thumb .icon-post-format i.fa-music { margin-right: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb { position: relative; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 50px; height: 50px; line-height: 46px; background: none; top: 50%; left: 50%; margin: -30px 0 0 -30px; font-size: 18px; opacity: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; border: 2px solid rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.9); } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-play:before { margin-left: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb i.fa-music:before { margin-right: 2px; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover i, .home-featured-cat-content .mag-post-box .magcat-thumb:hover .icon-post-format{ opacity: 0; } .home-featured-cat-content .mag-post-box .magcat-thumb img { width: 120px; height: auto; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb { margin: 0 0 24px 0; float: none; } .home-featured-cat-content .mag-post-box .magcat-thumb:hover { opacity: 0.8; } .home-featured-cat-content .mag-post-box.first-post .magcat-thumb img { width: 100% !important; } .home-featured-cat-content .first-post .magcat-detail .mag-header { padding-bottom: 17px; margin-bottom: 19px; position: relative; } .home-featured-cat-content .first-post .magcat-detail .mag-header:after { content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background: #6eb48c; display: block; } .home-featured-cat-content .magcat-detail h3 a { color: #313131; display: block; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "Raleway", sans-serif; font-weight: bold; letter-spacing: 0; line-height: 1.4; } .home-featured-cat-content .first-post .magcat-detail h3 a { font-size: 18px; } .home-featured-cat-content .magcat-detail h3 a:hover { color: #6eb48c; text-decoration: none; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 7px; } .home-featured-cat-content .mag-photo { display: inline-block; width: 50%; float: left; margin-bottom: 10px; padding: 0 5px; overflow: hidden; } .home-featured-cat-content.style-3 > .mag-photo:nth-child(2n+3) { clear: both; } .home-featured-cat-content .mag-photo .magcat-thumb { position: relative; overflow: hidden; } .home-featured-cat-content .mag-photo .magcat-detail { position: absolute; padding: 20px; width: 90%; z-index: 5; left: 0; bottom: 0; } .home-featured-cat-content .mag-photo .magcat-detail h3 a { color: #fff; font-size: 18px; } .home-featured-cat-content .mag-photo .mag-overlay-photo { position: absolute; background: #000; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .home-featured-cat-content .mag-photo:hover .mag-overlay-photo { opacity: 0.7; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { color: #fff; } .home-featured-cat-content .mag-photo .grid-post-box-meta span:after { color: #fff; } .container .penci-grid li.magazine-layout { text-align: left; } .container .penci-grid li.magazine-layout .grid-header-box:after { left: 0; margin-left: 0; } .penci-featured-cat-custom-ads { margin-top: -40px; margin-bottom: 60px; clear: both; display: block; overflow: hidden; width: 100%; text-align: center; } /* Style 6 */ .home-featured-cat-content.style-6 { margin-bottom: 30px; } .home-featured-cat-content.style-6 .cat-left, .home-featured-cat-content.style-6 .cat-right { width: 100%; float: none; padding: 0; } .home-featured-cat-content.style-6 .cat-left { margin-bottom: 30px; } .home-featured-cat-content.style-6 .mag-post-box.first-post { display: inline-block; vertical-align: top; margin: 0; width: 100%; float: none; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { margin: 0; width: 48.052%; float: left; max-width: 370px; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { margin: 0; padding-left: 400px; } .home-featured-cat-content.style-6 .mag-post-box.first-post.full-mag-cat .magcat-detail { padding: 0 !important; } .home-featured-cat-content.style-6 .cat-right .mag-post-box { float: left; width: 48.5%; margin-right: 3%; display: inline-block; border: none; padding-bottom: 0; margin-bottom: 30px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:nth-child(2n+2) { margin-right: 0; } /* Style 4 - single slider */ section.home-featured-cat.mag-cat-style-4, section.home-featured-cat.mag-cat-style-5 { display: block; clear: both; } .penci-slider.penci-single-mag-slider .penci-control-nav { position: static; clear: both; margin-top: 20px !important; } .penci-slider.penci-single-mag-slider ul.slides li:before, .penci-slider.penci-single-mag-slider ul.slides li:after { content: none; display: none; } .penci-single-mag-slider .magcat-thumb { position: relative; } .penci-single-mag-slider .mag-single-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; background: -moz-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -webkit-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 1) 100%); transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; opacity: 0.7; } .penci-single-mag-slider .magcat-thumb:hover .mag-single-slider-overlay { opacity: 0.85; } .penci-single-mag-slider .magcat-detail { position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; padding: 25px 30px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 24px; margin: 0; line-height: 1.3; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .penci-single-mag-slider .magcat-detail .magcat-titlte a { font-size: inherit; color: #fff; line-height: inherit; } .penci-single-mag-slider .magcat-detail .magcat-titlte a:hover { color: #fff; } .home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta { margin-top: 14px; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s; } .penci-single-mag-slider .penci-active-slide .magcat-detail .magcat-titlte, .penci-single-mag-slider .penci-active-slide .grid-post-box-meta { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; } .penci-single-mag-slider .grid-post-box-meta span, .penci-single-mag-slider .grid-post-box-meta span a { color: #fff; } body .penci-slider.penci-single-mag-slider ol.penci-control-nav li { margin: 0 4px; } /* Style 5 */ .penci-magcat-carousel .magcat-carousel { padding: 0 15px; visibility: hidden; opacity: 0; transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; } .penci-magcat-carousel.loaded .magcat-carousel { opacity: 1; visibility: visible; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; margin: 0 0 24px 0; float: none; display: inline-block; vertical-align: top; width: 100%; } .penci-magcat-carousel .magcat-thumb .mag-post-thumb:hover { opacity: 0.9; } .home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a { font-size: 18px; } /* = Homepage Popular Posts -----------------------------------------------------*/ .penci-home-popular-posts { padding: 30px 30px 26px; border: 1px solid #dedede; position: relative; margin-bottom: 60px; } .penci-home-popular-post .item-related h3 a { text-transform: uppercase; } .home-pupular-posts-title { position: absolute; left: 0; width: 100%; top: 0; transform: translateY(-55%); -webkit-transform: translateY(-55%); -moz-transform: translateY(-55%); text-align: center; font-size: 18px; color: #313131; text-transform: uppercase; letter-spacing: 1px; } .home-pupular-posts-title span { font-size: inherit; color: inherit; padding: 0 18px; line-height: 1; display: inline-block; background: #fff; } /* = Post & Single post -----------------------------------------------------*/ article.post, article.type-post, article.portfolio { margin-bottom: 60px; } .penci-layout-standard-grid article.post, .penci-layout-standard-list article.post, .penci-layout-standard-boxed-1 article.post, .penci-layout-classic-grid article.post, .penci-layout-classic-list article.post, .penci-layout-classic-boxed-1 article.post { margin-bottom: 60px; } .single .post { margin-bottom: 60px; } /*** Post Header ***/ .post-box-meta-single { text-align: center; margin: 6px 0 0; } .post-box-meta-single span { color: #888888; } .post-box-meta-single a { color: #313131; } .post-box-meta-single a:hover { color: #6eb48c; } .post-box-meta-single > span:before { content: ""; width: 1px; height: 10px; background: #DEDEDE; margin: 0 15px; display: inline-block; } .post-box-meta-single > span:first-child:before { content: none; display: block; } /*** Post images gallery ***/ #wpadminbar { z-index: 99998; } .post-image { margin-bottom: 26px; text-align: center; vertical-align: top; overflow: hidden; } .container-single-fullwidth .post-image { margin-bottom: 40px; } .post-image img { max-width: 100%; height: auto; } .post-image.audio iframe, .standard-post-image.audio iframe { height: 166px; width: 100%; } .container-single a[data-rel="penci-gallery-image-content"], .container-single-page a[data-rel="penci-gallery-image-content"] { cursor: zoom-in; } /*** Slick gallery ***/ .penci-slick-slider { position: relative; opacity: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; max-height: 500px; } body.rtl .slick-slider { direction: ltr; } .penci-grid .penci-slick-slider, .penci-masonry .penci-slick-slider { max-height: 250px; overflow: hidden; } .penci-slick-slider img { width: 100%; } .penci-slick-slider.loaded { opacity: 1; overflow: visible !important; max-height: none !important; } .penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next{ position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; } .penci-slick-slider > button.slick-prev { left: 30px; } .penci-grid .penci-slick-slider > button.slick-prev, .penci-masonry .penci-slick-slider > button.slick-prev { left: 20px; } .penci-slick-slider > button.slick-next { right: 30px; } .penci-grid .penci-slick-slider > button.slick-next, .penci-masonry .penci-slick-slider > button.slick-next { right: 20px; } .penci-slick-slider.loaded > button.slick-prev, .penci-slick-slider.loaded > button.slick-next { opacity: 0.8; } .penci-slick-slider > button.slick-prev:hover, .penci-slick-slider > button.slick-next:hover, .penci-slick-slider.loaded > button.slick-prev:hover, .penci-slick-slider.loaded > button.slick-next:hover { opacity: 1; } .penci-slick-slider > button.slick-prev i, .penci-slick-slider > button.slick-next i { font-size: 20px; display: inline-block; line-height: 36px; } .penci-grid .penci-slick-slider > button.slick-prev, .penci-grid .penci-slick-slider > button.slick-next { opacity: 0.8; } .penci-grid .penci-slick-slider:hover > button.slick-prev, .penci-grid .penci-slick-slider:hover > button.slick-next { opacity: 0.8; } .penci-grid .penci-slick-slider > button.slick-prev:hover, .penci-grid .penci-slick-slider > button.slick-next:hover { opacity: 1; } /*** Post Entry ***/ .post-entry { margin-bottom: 33px; line-height: 28px; } .post-entry.standard-post-entry { margin-bottom: 0; } .post-entry:before { content: " "; display: table; } .post-entry .inner-post-entry:after { content: " "; display: table; clear: both; } .post-entry .inner-post-entry > p:last-of-type { margin-bottom: 0; } .post-entry.page-has-margin { margin-bottom: 85px; } .post-entry img { max-width: 100%; height: auto; } .post-entry a:hover { text-decoration: underline; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom: 17px; } .post-entry p { margin-bottom: 17px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; } .post-entry h1 { font-size: 24px; } .post-entry h2 { font-size: 22px; } .post-entry h3 { font-size: 20px; } .post-entry h4 { font-size: 18px; } .post-entry h5 { font-size: 16px; } .post-entry h6 { font-size: 14px; } .post-entry hr { border: 0; height: 0; border-bottom: 1px solid #dedede; clear: both; } .post-entry blockquote { padding: 0; position: relative; margin: 0 0 20px 0; } .post-entry blockquote, .post-entry blockquote p { font-size: 16px; color: #888; font-style: italic; line-height: 1.7; text-align: left; } .post-entry blockquote p { margin: 0; } .post-entry blockquote { position: relative; padding: 0 0 0 46px; border: none !important; overflow: hidden; } .post-entry blockquote:before { color: #6eb48c; content: '“'; font-family: 'Playfair Display SC', serif; font-size: 64px; font-weight: 900; line-height: 1; font-style: normal; position: absolute; top: -4px; left: 0; } .post-entry blockquote cite, .post-entry blockquote .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: #6eb48c; font-style: normal; font-family: "Raleway", sans-serif; font-weight: bold; overflow: hidden; text-align: left; position: relative; z-index: 1; } .post-entry blockquote .author span { position: relative; display: inline-block; padding: 0 10px 0 0; } .post-entry blockquote .author span:after{ content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: #6eb48c; left: 100%; opacity: 0.8; } .penci-pullqoute.align-left { max-width: 460px; float: left; width: 100%; margin-right: 20px; } .penci-pullqoute.align-right { max-width: 460px; float: right; width: 100%; margin-left: 20px; } .post-entry ul, .post-entry ol { padding-left: 50px; margin-bottom: 20px; } .post-entry ul ul { margin: 2px 0; padding-left: 22px; } .post-entry ol ol { margin: 2px 0; padding-left: 32px; } .post-entry ul li { margin-bottom: 7px; position: relative; list-style-type: square; line-height: 1.7; } .post-entry ol li { margin-bottom: 2px; list-style: decimal; } .sticky.post .post-header { border: 1px dashed #ddd; padding: 20px 0; } .bypostauthor { } .post-entry table { width: 100%; margin-bottom: 22px; border-collapse: collapse; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; } .post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e9e9e9 solid; } .post-entry th { font-weight: bold; font-size: 14px; background: #f5f5f5; } .post-entry tr:hover { background: #ffffff; } .post-entry em strong { font-style: italic; } /*** Gird post share ***/ .gird-post-share { margin-top: 9px; position: relative; text-align: center; } .gird-list-posts-share { background: #fff; display: inline-block; padding-right: 11px; position: relative; padding-left: 11px; } .gird-post-share:before { position: absolute; width: 100%; top: 9px; height: 1px; content: ""; left: 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .gird-post-share a { margin: 0 4px; font-size: 14px; color: #939393; } .gird-post-share a:hover { color: #6eb48c; } .gird-post-share .gird-list-posts-share a:first-child { margin-left: 0; } .share-box-grid.share-box-comments i { font-size: 15px; } /** Post tags && share box in single ***/ .tags-share-box { display: table; width: 100%; margin: 0; position: relative; padding: 19px 160px 18px 0; clear: both; border-top: 1px solid #DEDEDE; } .tags-share-box.center-box { text-align: center; padding: 15px 0; } .tags-share-box.hide-tags.page-share { text-align: center; padding: 16px 0; position: relative; border-bottom: 1px solid #DEDEDE; } .post-tags { display: block; position: relative; z-index: 10; color: #888; margin-bottom: 0; line-height: 1.4; margin-top: 31px; } .post-tags > span { display: inline-block; text-transform: uppercase; margin: 0 12px 0 0; font-style: italic; color: #888; } .post-tags > span i { vertical-align: bottom; } .container-single .post-entry .post-tags a { text-transform: uppercase; color: #888; padding: 6px 12px 5px; margin-right: 8px; margin-bottom: 8px; display: inline-block; font-size: 11px !important; background: none; border: 1px solid #DEDEDE; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; } .container-single .post-entry .post-tags a:hover { background: #6eb48c; color: #fff; border-color: #6eb48c; text-decoration: none; } .post-share { display: inline-block; position: absolute; z-index: 10; right: 0; top: 20px; } .tags-share-box.center-box .post-share, .tags-share-box.hide-tags.page-share .post-share { position: static; } .tags-share-box.hide-tags.page-share .share-title { font-size: 12px; text-transform: uppercase; color: #313131; font-family: "Raleway", sans-serif; font-weight: bold; margin-right: 5px; } .post-share .count-number-like { font-weight: bold; font-style: italic; font-size: 13px; color: #6eb48c; vertical-align: top; } .post-share .list-posts-share { display: inline-block; vertical-align: top; } .post-share a { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-size: 14px; margin: 0 0 0 10px; color: #313131; display: inline-block; vertical-align: top; position: relative; } .post-share a:hover, .post-share a.liked { color: #6eb48c; } .post-share a.penci-post-like { margin-left: 5px; } .tags-share-box .single-comment-o { color: #888; } .tags-share-box .single-comment-o i { margin-right: 5px; } .tags-share-box .single-comment-o:after, .post-share a.penci-post-like:after { content: ""; display: inline-block; width: 1px; height: 12px; background: #DEDEDE; margin: 4px 6px 0 20px; vertical-align: top; } .tags-share-box .single-comment-o:after { margin-right: 20px; } .tags-share-box .single-comment-o.hide-comments-o:after { display: none; content: none; } .post-share a .dt-share { position: absolute; display: inline-block; font-size: 9px; font-family: 'Raleway', sans-serif; font-weight: normal; background: #313131; color: #fff; height: 20px; white-space: nowrap; line-height: 20px; text-align: center; z-index: 20; bottom: -45px; width: 60px; left: 50%; margin-left: -30px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .post-share a:hover .dt-share { opacity: 1; bottom: -30px; visibility: visible; } .post-share a .dt-share:before { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #313131; content: ""; top: -7px; left: 50%; margin-left: -4px; } article.page.type-page { margin-bottom: 60px; } /*** Post author ***/ .post-author { margin: 0; overflow: hidden; padding: 38px 0 37px 0; border-top: 1px solid #E0E0E0; } .author-img { float: left; margin-right: 20px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; overflow: hidden; } .post-author .author-img img { margin: 0; } .post-author .author-content { margin-left: 120px; } .author-content h5 { font-size: 14px; letter-spacing: 1px; margin: 0 0 15px; color: #313131; display: block; font-family: 'Raleway', sans-serif; font-weight: bold; text-transform: uppercase; } .author-content h5 a { display: inline-block; margin: 0; color: #313131; } .author-content h5 a:hover { color: #6eb48c; } .author-content p { margin-bottom: 16px; } .author-content .author-social { font-size: 14px; color: #313131; margin-right: 10px; } .author-content .author-social:hover { color: #6eb48c; } /*** Post Pagination ***/ .post-pagination { overflow: hidden; margin: 0; padding: 12px 0 15px; border-top: 1px solid #DEDEDE; } .post-pagination .prev-post { float: left; width: 50%; } .post-pagination .next-post { float: right; text-align: right; width: 50%; } .post-pagination span { margin: 0; display: inline-block; color: #888; } .post-pagination span i { font-size: 15px; margin-right: 8px; } .post-pagination span i.fa-angle-double-right { margin: 0 0 0 8px; } .post-pagination .arrow { font-size: 64px; color: #ddd; line-height: 64px; } .post-pagination .prev-post .arrow { float: left; margin-right: 18px; } .post-pagination .next-post .arrow { float: right; margin-left: 18px; } .pagi-text { margin-top: 6px; } .post-pagination h5 { font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: bold; padding: 0 25px 0 0; position: relative; letter-spacing: 1px; text-transform: uppercase; line-height: 1.4; } .post-pagination h5.next-title { padding: 0 0 0 25px; } .post-pagination a { color: #313131; } .post-pagination a:hover { color: #6eb48c; } .penci-post-nav-thumb { display: inline-block; float: left; width: 56px; margin-right: 15px; } .penci-post-nav-thumb.nav-thumb-next { float: right; margin: 0 0 0 15px; } /*** Post related ***/ .post-related { overflow: hidden; margin: 0; text-align: center; padding: 36px 0 36px; border-top: 1px solid #DEDEDE; } .post-title-box, #respond h3.comment-reply-title { position: relative; padding: 0; margin-bottom: 30px; text-align: center; } #respond h3.comment-reply-title span, .post-box-title { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; color: #313131; position: relative; z-index: 10; display: inline-block; padding: 0 10px; } #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after { content: ""; position: absolute; width: 60px; height: 1px; background: #6eb48c; display: block; top: 50%; margin-top: -1px; left: 100%; } #respond h3.comment-reply-title span:before, .post-box-title:before { left: auto; right: 100%; } .penci-carousel { margin-left: -15px; margin-right: -15px; max-height: 220px; } .penci-carousel.loaded { max-height: none; } .penci-carousel button.slick-prev, .penci-carousel button.slick-next { position: absolute; width: 36px; height: 36px; display: inline-block; top: 50%; margin-top: -18px; cursor: pointer; outline: none; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; line-height: 36px; background: #fff; z-index: 12; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; color: #313131; border: none; font-size: 20px; } .penci-carousel.loaded:hover button.slick-prev, .penci-carousel.loaded:hover button.slick-next { opacity: 0.8; } .penci-carousel.loaded button.slick-prev:hover, .penci-carousel.loaded button.slick-next:hover { opacity: 1; } .penci-carousel > button.slick-prev { left: 25px; } .penci-carousel > button.slick-next { right: 25px; } .penci-carousel > button.slick-prev.slick-disabled, .penci-carousel > button.slick-next.slick-disabled { cursor: auto; } .item-related { margin: 0 15px; opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; text-align: center; } .penci-carousel.loaded .item-related { opacity: 1; } .item-related img { width: 100%; height: auto; } .item-related > a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; display: inline-block; margin-bottom: 13px; width: 100%; position: relative; } .item-related > a:hover { opacity: 0.85; } #navigation .penci-megamenu .penci-mega-post a i, .item-related > 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-post a i.fa-music:before, .item-related > a i.fa-music:before { margin-right: 2px; } #navigation .penci-megamenu .penci-mega-post a i.fa-play:before, .item-related > a i.fa-play:before { margin-left: 2px; } #navigation .penci-megamenu .penci-mega-post a:hover i, .item-related > a:hover i { opacity: 0; } .item-related h3 a { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #313131; line-height: 1.4; } .item-related h3 a:hover { color: #6eb48c; } .item-related span.date { color: #888888; display: inline-block; margin-top: 7px; } ul.slick-dots { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; list-style: none; text-align: center; display: block; clear: both; margin-top: 23px; } .slick-slider.loaded ul.slick-dots { opacity: 1; } ul.slick-dots li { display: inline-block; line-height: 1; } ul.slick-dots li button { width: 12px; height: 12px; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 0; background: #fff; margin: 0 5px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; outline: none; vertical-align: top; cursor: pointer; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; border: 2px solid #DEDEDE; } ul.slick-dots li button:hover, ul.slick-dots li.slick-active button { background: #6eb48c; border-color: #6eb48c; } /* = Page Under Construction -----------------------------------------------------*/ .container.under-construction-page { text-align: center; margin-top: 232px; margin-bottom: 176px; } .under-construction-page .under-title { font-size: 30px; color: #313131; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 8px; } .under-construction-page .sub-title-content, .under-construction-page .sub-title-content p{ font-size: 16px; font-style: italic; margin: 0; } .under-construction-page .sub-title-content a:hover { text-decoration: underline; } .penci-countdown { text-align: center; margin: 71px 0 0 0; } .penci-countdown .countdown-section { margin: 0 57px; display: inline-block; } .penci-countdown .countdown-row .countdown-section:first-child { margin-left: 0; } .penci-countdown .countdown-row .countdown-section:last-child { margin-right: 0; } .penci-countdown .countdown-amount { font-size: 72px; color: #6eb48c; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; line-height: 1; display: block; text-align: center; letter-spacing: 3px; } .penci-countdown .countdown-period { display: block; text-align: center; letter-spacing: 1px; font-size: 20px; text-transform: uppercase; color: #313131; margin: 26px 0 0 0; line-height: 1; font-family: 'Raleway', sans-serif; font-weight: bold; } /* = Column -----------------------------------------------------*/ .penci-column { margin-right: 4%; position: relative; float: left; min-height:1px; display: block; padding: 0 !important; margin-bottom: 17px; } .column-last { margin-right: 0 !important } .column-1-2 { width: 48% } .column-1-3 { width: 30.6666666667% } .column-2-3 { width: 65.3333333333% } .column-1-4 { width: 22% } .column-3-4 { width: 74% } /* = Page navigation -----------------------------------------------------*/ .penci-pagination { margin-bottom: 60px; overflow: hidden; clear: both; text-align: center; } .penci-pagination.align-center { text-align: center; } .penci-pagination.align-right { text-align: right; } .penci-pagination a, .penci-pagination .disable-url { color: #999999; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; display: inline-block; line-height: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-pagination .disable-url span { opacity: 0.5; } .penci-pagination a i, .penci-pagination .disable-url i { font-size: 14px; margin-left: 8px; } .penci-pagination .newer a i, .penci-pagination .newer .disable-url i { margin: 0 8px 0 0; } .penci-pagination a:hover { text-decoration: none; color: #6eb48c; } .penci-pagination .newer, .penci-pagination .older { display: inline-block; } .penci-pagination .newer:after { content: "/"; display: inline-block; margin: 0 16px 0 20px; font-family: 'Raleway', sans-serif; font-size: 12px; color: #999; } .penci-pagination ul.page-numbers { list-style: none; display: inline-block; vertical-align: top; margin: 0; padding: 0; } .penci-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; margin-bottom: 0; list-style: none; } .penci-pagination ul.page-numbers li:last-child { margin-right: 0; } .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a { padding: 0; min-width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; border: 1px solid #DEDEDE; color: #888; text-decoration: none; } .penci-pagination ul.page-numbers li a { padding: 0 5px; } .penci-pagination ul.page-numbers li a:hover { color: #313131; border-color: #999999; text-decoration: none; } .penci-pagination ul.page-numbers li span.current { color: #fff; background: #6eb48c; border-color: #6eb48c; text-decoration: none; } .penci-pagination ul.page-numbers li a i { font-size: 16px; line-height: 28px; margin-left: 2px; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button { display: block; padding: 11px 10px; max-width: 400px; margin: 0 auto; border: 1px solid #ececec; line-height: 1.4; text-align: center; transition: all 0.25s; -webkit-transition: all 0.25s; background: #fff; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button .ajax-more-text { color: inherit; font-family: inherit; font-weight: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover { border-color: #6eb48c; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts { opacity: 0.8; color: #999999 !important; border-color: #ececec !important; cursor: auto; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts span.ajaxdot:after { content: "..."; font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button i { color: inherit; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button.loading-posts i { animation-name: pencirotate; -o-animation-name: pencirotate; -ms-animation-name: pencirotate; -webkit-animation-name: pencirotate; -moz-animation-name: pencirotate; animation-duration: 0.8s; -o-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; } @-o-keyframes pencirotate { from { -o-transform: rotate(360deg); } to { -o-transform: rotate(0deg); } } @-ms-keyframes pencirotate { from { -ms-transform: rotate(360deg); } to { -ms-transform: rotate(0deg); } } @-webkit-keyframes pencirotate { from { -webkit-transform: rotate(360deg); } to { -webkit-transform: rotate(0deg); } } @-moz-keyframes pencirotate { from { -moz-transform: rotate(360deg); } to { -moz-transform: rotate(0deg); } } /* = Footer -----------------------------------------------------*/ #footer-area{ background: #171717; padding: 60px 0; text-align: center; position: relative; clear: both; } #footer-section { padding: 0; background: #313131; text-align: center; color: #999; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; } /* = Footer socials -----------------------------------------------------*/ .footer-socials-section { padding: 30px 0; border-bottom: 1px solid #4A4A4A; text-align: center; } ul.footer-socials { list-style: none; display: inline-block; vertical-align: top; } ul.footer-socials li { float: left; display: inline-block; margin-right: 40px; } ul.footer-socials li:last-child { margin-right: 0; } ul.footer-socials li a { line-height: 36px; display: inline-block; vertical-align: top; } ul.footer-socials li a i { width: 36px; height: 36px; line-height: 34px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none; color: #999; border: 1px solid #999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px; vertical-align: top; } ul.footer-socials li a:hover i { background: #6eb48c; color: #fff; border-color: #6eb48c; } ul.footer-socials li a span { text-transform: uppercase; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: bold; color: #999; display: inline-block; letter-spacing: 1px; margin-left: 14px; vertical-align: top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } ul.footer-socials li a:hover span { color: #6eb48c; } /* = Footer Logo & copyright -----------------------------------------------------*/ .footer-logo-copyright { padding: 40px 0 73px; text-align: center; } .footer-logo-copyright.footer-not-gotop { padding: 40px 0; } .footer-logo-copyright.footer-not-logo { padding: 20px 0 62px; } .footer-logo-copyright.footer-not-logo.footer-not-gotop { padding: 20px 0; } #footer-logo { margin: 0 0 32px 0; } #footer-copyright * { font-size: 14px; color: #999; line-height: 1.4; font-style: italic; } #footer-copyright a { color: #6eb48c; } #footer-copyright a:hover { text-decoration: underline; } /* = Footer Menu -----------------------------------------------------*/ .footer-menu-wrap { display: block; text-align: center; margin-bottom: 10px; } .footer-menu-wrap:before{ content: ""; display: table; } .footer-menu-wrap:after { display: block; height: 0; clear: both; visibility: hidden; content: ""; } div.footer-menu > ul, ul.footer-menu{ list-style: none; display: inline-block; vertical-align: top; } .footer-menu li { display: inline-block; padding: 0 15px; position: relative; margin-bottom: 5px; } #footer-section .footer-menu li a{ color: #999; } #footer-section .footer-menu li a:hover { color: #6eb48c; } .footer-menu ul.sub-menu { display: none !important; } /* = Footer go to top -----------------------------------------------------*/ #footer-section .go-to-top-parent { width: 100%; height: auto; display: block; position: absolute; left: 0; bottom: 17px; text-align: center; z-index: 10; } #footer-section .go-to-top-parent span { color: #999; font-size: 12px; font-weight: bold; font-family: 'Raleway', sans-serif; text-transform: uppercase; line-height: 1; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #footer-section .go-to-top-parent span:before, #footer-section .go-to-top-parent span:after { content: " "; display: table; } #footer-section .go-to-top-parent span:after { clear: both; } #footer-section .go-to-top-parent i { font-size: 18px; z-index: 5; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; color: #999; line-height: 1; margin-bottom: 3px; } #footer-section .go-to-top:hover span, #footer-section .go-to-top:hover i { color: #fff; } /* = Widget -----------------------------------------------------*/ .textwidget { line-height: 1.8; } #widget-area { overflow: hidden; margin: 0; padding: 60px 0; background: #ffffff; position: relative; border-top: 1px solid #ECECEC; } #widget-area > .container { position: relative; z-index: 3; } .footer-widget-wrapper { width: 31%; margin-right: 3.5%; float: left; } .footer-widget-wrapper > .widget:last-child { margin-bottom: 0 !important; } .widget input { font-weight: normal; } .widget input[type="submit"] { font-family: 'Raleway', sans-serif; font-weight: bold; } #sidebar .widget { width: 100%; margin-right: 0; float: none; margin-bottom: 60px; } #sidebar img { max-width: 100%; height: auto; vertical-align: top; } .footer-widget-wrapper.last { margin-right: 0; } #sidebar .widget-title { color: #313131; margin-bottom: 30px; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; position: relative; text-align: center; line-height: 1.3; background: #fff; } /** Widget List **/ .widget ul { list-style: none; } .widget ul ul { padding-top: 11px; margin-top: 12px; border-top: 1px solid #DEDEDE; padding-left: 20px; } .widget ul li { margin-bottom: 11px; padding-bottom: 12px; border-bottom: 1px solid #DEDEDE; font-size: 14px; color: #888888; } .widget ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget ul li a { font-size: 14px; font-style: normal; line-height: 1.4; } .widget a { color: #313131; } .widget a:hover { color: #6eb48c; text-decoration: underline; } .widget.widget_archive label.screen-reader-text, .widget.widget_categories label.screen-reader-text { display: none; } /*** Widget categories ***/ .widget .screen-reader-text { display: block; margin: 0 0 10px 0; font-size: 14px; } .widget select { padding: 2px; line-height: 32px; height: 32px; vertical-align: middle; border-spacing: 0; clear: both; margin: 0; font-size: 14px; width: 100%; max-width: 360px; outline: none; } .widget.widget_categories ul li, .widget.widget_archive ul li { text-align: right; color: #888; display: table; width: 100%; font-style: italic; padding-right: 2px; } .widget.widget_categories ul li { text-align: left; } .widget.widget_archive ul li a{ float: left; } .widget.widget_categories ul li a { display: block !important; } .widget.widget_categories ul li a:before, .widget.widget_archive ul li a:before { content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 10px; font-size: 90%; } .widget.widget_categories ul li span.category-item-count { float: right; font-style: italic; color: #888888; font-family: 'PT Serif', serif; font-weight: normal; } /*** Search widget ***/ #searchform input.search-input { border: 1px solid #e9e9e9; background: #fff url(images/searchsubmit.png) no-repeat 94% 15px; padding: 14px 43px 14px 20px; color: #313131; letter-spacing: 1px; font-size: 12px; font-family: 'PT Serif', serif; font-weight: normal; } #searchform #s:focus { outline: none; } /** searchbar for widget ***/ .widget #searchform input.search-input, #sidebar .widget #searchform input.search-input { width: 100%; max-width: 340px; } /*** About Widget ***/ .widget .about-widget { text-align: center; } .about-widget img { max-width: 100% !important; height: auto; margin-bottom: 20px; } .about-widget .about-me-heading { color: #313131; font-size: 18px; font-family: 'PT Serif', serif; font-weight: bold; padding-bottom: 16px; line-height: 1.3; margin-bottom: 19px; position: relative; } .about-widget .about-me-heading:before { content: ""; display: inline-block; width: 60px; position: absolute; margin-left: -30px; left: 50%; bottom: 0; border-top: 1px solid #6eb48c; } /*** Tagcloud widget ***/ .widget .tagcloud a { text-transform: uppercase; background: #ffffff; color: #999999; padding: 6px 12px 5px; margin-right: 5px; margin-bottom: 8px; display: inline-block; font-size: 11px !important; background: none; border: 1px solid #DEDEDE; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; } .widget .tagcloud a:hover { color: #ffffff; background: #6eb48c; border-color: #6eb48c; text-decoration: none; } /*** Calender widget ***/ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 14px; margin-top: 10px; margin-bottom: 15px; font-weight: bold; letter-spacing: 1px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 8px; } #wp-calendar tbody td a { font-weight: 700; color: #222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 11px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 15px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } /** Widget items **/ .widget ul.side-newsfeed li { list-style-type: none; margin-bottom: 15px; padding-bottom: 15px; margin-left: 0; } .widget ul.side-newsfeed li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .widget ul.side-newsfeed li .side-item { overflow: hidden; } .widget ul.side-newsfeed li .side-item .side-image { float: left; margin-right: 20px; position: relative; } .widget ul.side-newsfeed li .side-item .side-image.thumbnail-right { float: right; margin-right: 0; margin-left: 20px; } .widget ul.side-newsfeed li .side-item .side-image a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .widget ul.side-newsfeed li .side-item .side-image a:hover { opacity: 0.8; } .widget ul.side-newsfeed li .side-item .side-image a span.count-post { position: absolute; z-index: 2; bottom: 10px; left: 10px; display: inline-block; background: #ffffff; color: #313131; width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .widget ul.side-newsfeed li .side-item .side-image img { width: 120px; height: auto; } .widget ul.side-newsfeed li .side-item .side-item-text { overflow: hidden; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom: 6px; color: #313131; display: block; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "Raleway", sans-serif; font-weight: bold; letter-spacing: 0; line-height: 1.4; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover { color: #6eb48c; text-decoration: none; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { letter-spacing: 0; color: #888888; font-family: 'PT Serif', sans-serif; } .widget ul.side-newsfeed li.featured-news { padding-bottom: 26px; } .widget ul.side-newsfeed li.featured-news.all-featured-news { text-align: center; border-bottom: none; margin-bottom: 0; } .widget ul.side-newsfeed li.featured-news .side-image { float: none !important; margin: 0 0 11px 0 !important; } .widget ul.side-newsfeed li.featured-news .side-image img { width: 100% !important; } .widget ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a { font-size: 18px; margin-bottom: 6px; } .widget .penci-feed-excerpt { margin-top: 16px; color: #313131; } /** Widget Slider **/ .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-slider.penci-widget-slider .penci-direction-nav .penci-prev, .penci-slider.penci-widget-slider .penci-direction-nav .penci-next { color: #fff; width: auto; height: auto; margin-top: -7px; line-height: 1; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: none !important; z-index: 10; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-prev { left: 20px; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-next { right: 20px; } .penci-slider.penci-widget-slider .penci-direction-nav .penci-prev i, .penci-slider.penci-widget-slider .penci-direction-nav .penci-next i { line-height: 15px; } .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 a { color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; } .penci-widget-slide-detail .slide-item-date { color: #fff; display: block; margin-top: 5px; } /** Social Widget **/ .widget-social { text-align: center; display: table; width: 100%; } .widget-social.show-text { margin-left: -5px; } .widget-social a i { width: 36px; height: 36px; line-height: 34px; background: none; color: #313131; border: 1px solid #E0E0E0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 5px 5px; display: inline-block; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; } .widget-social.show-text a i { margin-bottom: 0; } .widget-social a:hover i { text-decoration: none; color: #ffffff; background: #6eb48c; border-color: #6eb48c; } .widget-social a span { display: none; } .widget-social a:first-child { margin-left: 0; } .widget-social a:last-child { margin-right: 0; } .widget-social.show-text a { width: 50%; float: left; text-align: left; margin-bottom: 10px; } .widget-social.show-text a span { display: inline-block; color: #313131; text-transform: uppercase; font-size: 13px; margin-left: 10px; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 0; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .widget-social.show-text a:hover span { color: #6eb48c; } /* = Quote widget -----------------------------------------------------*/ .quote-widget { position: relative; display: block; } .quote-widget > i.fa { color: #999999; position: absolute; top: 0; left: 0; font-size: 22px; } .quote-widget > p { padding-left: 40px; } .footer-widget-wrapper .quote-widget > i.fa { font-size: 24px; } .footer-widget-wrapper .quote-widget > p { padding-left: 42px; } /* = Pinterest widget -----------------------------------------------------*/ .penci-pinterest-widget-container { margin: -5px -5px 0 -5px; } .penci-pinterest-widget-container.penci-loading { max-height: 250px; background: url('images/loading.gif') no-repeat center center; } .penci-pinterest-widget-container.penci-loading .penci-images-pin-widget { opacity: 0; } .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; } .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; } .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 { opacity: 0; } .penci-pinterest-widget-container .pin_link a { font-style: italic; color: #999999; font-size: 16px; } /* = Footer box widget -----------------------------------------------------*/ .footer-widget-wrapper .widget { margin-bottom: 30px; } .footer-widget-wrapper .widget .widget-title { color: #313131; margin: 0 0 30px; font-family: 'Raleway', sans-serif; font-weight: bold; letter-spacing: 1px; position: relative; text-align: left; font-size: 16px; text-transform: uppercase; background: none; } .footer-widget-wrapper .widget .widget-title .inner-arrow { border-top: none; border-left: none; border-right: none; padding: 0 0 15px; background: none; } .footer-widget-wrapper .widget .widget-title:before { content: none; } .footer-widget-wrapper .widget .widget-title:after { width: 100%; bottom: -4px; left: 0; border: none; border-bottom: 1px solid #313131; height: auto; } /** MailChimp for Wordpress widget & shortcode **/ .mc4wp-form { max-width: 365px; width: 100%; margin: 0; text-align: center; } .mc4wp-form > form > p { margin-bottom: 20px; } .widget .mc4wp-form > form > p:last-of-type { margin-bottom: 0; } .mc4wp-form input { border: 1px solid #DEDEDE; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; font-size: 12px; line-height: 1; padding: 17px 20px; margin-bottom: 20px; letter-spacing: 0; font-family: 'PT Serif', serif; } .mc4wp-form input:focus { background: #fff; } .mc4wp-form input[type="text"], .mc4wp-form input[type="email"], .mc4wp-form input[type="number"], .mc4wp-form input[type="date"] { width: 100%; } .mc4wp-form input[type="submit"] { display: block; width: 100%; font-size: 14px; padding: 18px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #F5F5F5; } .mc4wp-form input[type="submit"]:hover { background: #6eb48c; color: #fff; } /** Facebook Like Box Widget **/ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } /* = Sidebar Instagram -----------------------------------------------------*/ #sidebar .widget .jr-insta-thumb, .footer-widget-wrapper .widget .jr-insta-thumb{ margin: -5px -5px 0 -5px; } #sidebar .widget .jr-insta-thumb ul.thumbnails li, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li{ transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; margin: 0; } #sidebar .widget .jr-insta-thumb ul.thumbnails li:hover, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li:hover{ opacity: 0.8; } #sidebar .widget .jr-insta-thumb ul.thumbnails li img, .footer-widget-wrapper .widget .jr-insta-thumb ul.thumbnails li img{ padding: 5px; width: 100%; } .jr-insta-thumb ul.thumbnails li img { width: 100%; } .widget .jr-insta-thumb ul.thumbnails { margin: 0; } .widget .jr-insta-thumb ul.thumbnails.jr_col_2 li { width: 50% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_3 li { width: 33.3333% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_4 li { width: 25% !important; } .widget .jr-insta-thumb ul.thumbnails.jr_col_5 li { width: 20% !important; } .pllexislider .pllex-direction-nav { background: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } .pllexislider .pllex-direction-nav .pllex-next { margin-left: 1px; } .pllexislider .pllex-direction-nav li a { width: 40px; height: 40px; line-height: 40px !important; background: rgba( 0, 0, 0, 0.5 ); text-align: center; } .pllexislider .pllex-direction-nav li { border: none !important; } .pllexislider .pllex-direction-nav .pllex-next:before, .pllexislider .pllex-direction-nav .pllex-prev:before { font-family: FontAwesome, sans-serif !important; padding: 0 !important; text-shadow: none !important; font-size: 22px !important; } .pllexislider .pllex-direction-nav .pllex-next:before { content: "\f105" !important; } .pllexislider .pllex-direction-nav .pllex-prev:before { content: "\f104" !important; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-caption { font-size: 12px !important; line-height: 1.5em !important; margin-top: 8px !important; margin-bottom: 0 !important; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer { text-shadow: none !important; padding-top: 10px !important; padding-bottom: 10px !important; } /* = Footer widget instagram -----------------------------------------------------*/ .footer-instagram { width: 100%; clear: both; display: block; position: relative; background: #313131; } .footer-instagram .widget { margin: 0; } .footer-instagram h4.footer-instagram-title { position: absolute; height: 50px; text-align: center; line-height: 50px; white-space: nowrap; top: 50%; margin: -25px 0 0; left: 0; width: 100%; } .footer-instagram h4.footer-instagram-title span { display: inline-block; position: relative; padding: 0 20px; background: #fff; color: #313131; text-transform: uppercase; font-size: 12px; z-index: 10; letter-spacing: 1px; vertical-align: top; position: relative; } .footer-instagram h4.footer-instagram-title span.title { padding: 0; background: none; position: relative; z-index: 10; } .footer-instagram .jr-insta-thumb { position: relative; z-index: 1; } .footer-instagram .jr-insta-thumb ul.thumbnails li { transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; } .footer-instagram .jr-insta-thumb ul.thumbnails li:hover { opacity: 0.9; } .jr-insta-thumb ul.thumbnails li a { position: relative; display: inline-block; vertical-align: top !important; width: 100%; } .jr-insta-thumb ul.thumbnails li a:before, .jr-insta-thumb ul.thumbnails li a:after { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .footer-instagram .jr-insta-thumb ul.thumbnails li a:before, .footer-instagram .jr-insta-thumb ul.thumbnails li a:after { top: 5px; right: 5px; bottom: 5px; left: 5px; } .jr-insta-thumb ul.thumbnails li a:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .jr-insta-thumb ul.thumbnails li a:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } .jr-insta-thumb ul.thumbnails li a:hover:after, .jr-insta-thumb ul.thumbnails li a:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* = Comments -----------------------------------------------------*/ .post-comments { } .post-comments .post-title-box { border-top: 1px solid #DEDEDE; padding-top: 36px; } h3.comment-reply-title { padding-top: 36px !important; border-top: 1px solid #DEDEDE; } .comments .comment { border-top: 1px solid #DEDEDE; } .comments > .comment:first-child, .comments .comment > .comment:first-child { border-top: none; } .thecomment { padding-top: 28px; padding-bottom: 21px; display: table; width: 100%; } .comments > .comment:first-child > .thecomment { padding-top: 0; } .thecomment .author-img { float: left; margin-right: 20px; width: 60px; } .thecomment .author-img img { margin: 0; } .thecomment .comment-text { margin-left: 80px; position: relative; } .thecomment .comment-text span.author, .thecomment .comment-text span.author a { display: block; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #313131; margin-bottom: 11px; font-family: "Raleway", sans-serif; font-weight: bold; } .thecomment .comment-text span.author a { display: inline-block; margin: 0; } .thecomment .comment-text span.author a:hover { color: #9e9e9e; } .thecomment .comment-text span.date { font-size: 12px; color: #888888; display: block; } .thecomment .comment-text span.date i { margin-right: 10px; } .thecomment .comment-text em { font-size: 12px; display: block; color: orange; letter-spacing: 1px; margin: 5px 0 0; } .thecomment .comment-text em i { font-size: 14px; color: #f3bd00; } .thecomment .comment-content { margin-top: 15px; margin-bottom: 0; } .thecomment .comment-text span.reply { position: absolute; top: 0; right: 0; } .post-comments > .comments > .depth-1:last-child { } .post-comments span.reply a { font-size: 11px; color: #888888; margin-left: 18px; font-family: "Raleway", sans-serif; font-weight: 500; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; text-transform: uppercase; line-height: 1; display: inline-block; text-align: center; } .post-comments span.reply a:hover { color: #313131; } .comments .children, .comments > .comment > .comment, .comments > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment > .comment { margin: 0 0 0 60px; } /* = Reply -------------------------------------------------------*/ #respond { overflow: hidden; margin-bottom: 40px; position: relative; } .no-comment-yet #respond { padding-top: 0; border-top: 0; } #respond h3 { font-size: 14px; color: #939393; font-weight: 500; margin-bottom: 30px; font-family: "Raleway", sans-serif; letter-spacing: 1px; text-transform: uppercase; } #respond h3 a { color: #000; display: inline-block; } #respond h3 small a { text-transform: uppercase; font-size: 12px; color: #888888; padding: 0; margin-left: 7px; letter-spacing: 0; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; font-weight: 500; position: absolute; right: 0; } #respond h3 small a:hover { color: #313131; } #respond form#commentform, form.wpcf7-form { margin-left: -14px; margin-right: -14px; } .mc4wp-form label { text-align: left; margin-bottom: 10px; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, .wpcf7 p.name, .wpcf7 p.email, .wpcf7 p.subject{ width: 33.333333%; padding: 0 14px; float: left; display: inline-block; margin: 0; } #respond p.comment-form-comment, .wpcf7 p.message { clear: both; margin: 0 14px; } form.comment-form > p, form.comment-form > div, form.comment-form > input, form.comment-form > textarea, form.comment-form > label, form.comment-form > span, form.wpcf7-form > div, form.wpcf7-form > p, form.wpcf7-form > input, form.wpcf7-form > textarea, form.wpcf7-form > label, form.wpcf7-form > span, form#commentform > p, form#commentform > div, form#commentform > input, form#commentform > textarea, form#commentform > label, form#commentform > span { margin: 0 14px; } form#commentform > input[type="checkbox"] { margin-left: 14px !important; margin-right: 14px !important; } .captchaSizeDivLarge { clear: both; } label#captcha_code_label { display: inline-block; } .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email { padding: 0 14px; } .woocommerce #review_form #respond p { margin: 0 14px 10px 14px; } .woocommerce #review_form #respond p.stars { margin-left: 0; margin-right: 0; } #respond label, .wpcf7 label { color: #939393; font-size: 12px; display: block; font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-bottom: 8px; } #respond p.form-submit, .wpcf7 p.submit { margin: 0 14px; text-align: center; } #respond input, .wpcf7 input, .widget_wysija input { padding: 14px 20px; max-width: 500px; border: 1px solid #DEDEDE; margin-bottom: 28px; font-size: 12px; width: 100%; font-weight: normal; font-family: 'PT Serif', serif; max-height: 50px; } #respond input:focus, .wpcf7 input:focus { outline: none; } .jetpack_subscription_widget #subscribe-email input { width: 100% !important; padding: 14px 20px !important; margin-top: 10px; } #respond textarea, .wpcf7 textarea { padding: 15px 20px; border: 1px solid #DEDEDE; width: 100%; height: 120px; font-size: 12px; color: #313131; margin-bottom: 28px; line-height: 20px; font-weight: 500; outline: none; vertical-align: top; font-family: 'PT Serif', serif; } #respond textarea:focus, .wpcf7 textarea:focus { outline: none; } #respond #submit, .wpcf7 input[type="submit"], .widget_wysija input[type="submit"] { text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 14px; color: #313131; padding: 15px 20px; display: inline-block; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; width: auto; min-width: 120px; text-align: center; margin: 0; border: none; } #respond #submit:hover, .wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover { color: #fff; background: #6eb48c; } .contact-form input[type=email], .contact-form input[type=text] { max-width: 300px; width: 100%; padding: 10px 15px; } .contact-form input[type=submit] { text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 14px; color: #313131; padding: 16px 20px; display: inline-block; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; width: auto; min-width: 120px; text-align: center; margin: 0; border: none; } .widget input[type="text"], .widget input[type="email"], .widget input[type="date"], .widget input[type="number"], .widget input[type="search"]{ border: 1px solid #DEDEDE; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; font-size: 12px; padding: 14px 20px; margin-bottom: 20px; letter-spacing: 0; font-family: 'PT Serif', serif; width: 100%; max-width: 400px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: auto; height: auto; vertical-align: baseline; line-height: normal; } .widget input[type="submit"] { display: block; width: 100%; font-size: 14px; padding: 15px 20px; text-transform: uppercase; color: #313131; margin: 0; cursor: pointer; border: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; background: #F5F5F5; max-width: 400px; } .widget input[type="submit"]:hover{ background: #6eb48c; color: #fff; } #respond input[type="checkbox"], .wpcf7 input[type="checkbox"], .widget_wysija input[type="checkbox"], .widget input[type="checkbox"], #respond input[type="radio"], .wpcf7 input[type="radio"], .widget_wysija input[type="radio"], .widget input[type="radio"]{ width: auto; margin: 0; padding: 0; } /* = Archives -----------------------------------------------------*/ .archive-box { background: none; margin: 0 0 35px 0; padding-bottom: 15px; position: relative; text-align: center; } .archive-box:after, .archive-box:before { content: ""; width: 90px; height: 1px; background: #6eb48c; position: absolute; bottom: 0; left: 50%; margin-left: -45px; } .archive-box:before { width: 60px; bottom: -5px; margin-left: -30px; } .archive-box .title-bar { position: relative; display: block; } .archive-box span, .archive-box h1 { letter-spacing: 1px; color: #313131; font-family: "Raleway", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 24px; line-height: 1.2em; position: relative; z-index: 10; } .archive-box span:after { content: ":"; margin-right: 9px; display: inline-block; } .archive-box h1 { display: inline-block; color: #6eb48c; } .nothing { margin-bottom: 60px; text-align: center; } .nothing span { position: relative; z-index: 10; color: #313131; font-size: 14px; } .penci-category-description { margin-bottom: 30px; line-height: 1.8; } .penci-category-description.align-center { text-align: center; } /* = Breadcrumb -----------------------------------------------------*/ .container.penci-breadcrumb { line-height: 1.4; padding-bottom: 10px; margin-bottom: 30px; margin-top: -30px; } .container.penci-breadcrumb span, .container.penci-breadcrumb span a { font-size: 13px; color: #888888; font-family: 'Raleway', sans-serif; font-weight: 500; } .container.penci-breadcrumb span a:hover { color: #6eb48c; } .container.penci-breadcrumb i { color: #888888; font-size: 13px; margin: 0 15px 0 19px; } .container.penci-woo-breadcrumb { width: 100% !important; margin-top: 0; } /* = Page Header -----------------------------------------------------*/ .penci-page-header { margin: 0 0 35px 0; padding-bottom: 15px; text-align: center; position: relative; } .penci-page-header:after, .penci-page-header:before{ content: ""; width: 90px; height: 1px; position: absolute; left: 50%; margin-left: -45px; bottom: 0; background: #6eb48c; } .penci-page-header:before { width: 60px; bottom: -5px; margin-left: -30px; } .penci-page-header h1 { font-size: 24px; color: #313131; text-transform: uppercase; } /* = Wordpress style of core -----------------------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 20px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 22px 30px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 30px 22px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: none; padding: 0; max-width: 100%; text-align: center; position: relative; overflow: hidden; } .wp-caption.alignnone { margin: 5px 0 17px 0; } .wp-caption.alignleft { margin: 5px 30px 17px 0; } .wp-caption.alignright { margin: 5px 0 17px 30px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%; } .wp-caption p.wp-caption-text { font-size: 14px; line-height: 1.4; margin: 0; padding: 11px 10px; color: #fff; font-style: italic; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } .wp-caption:hover p.wp-caption-text { transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0.7; } /*** Pre & Code ***/ .post-entry pre { display: block; font-size: 14px; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; background-color: #f4f4f4; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 20px; line-height: 1.4; padding: 15px; letter-spacing: 0; color: inherit; } .post-entry code { font-size: 12px; line-height: 20px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 4px solid #dedede; padding: 5px 10px; } /** Instagram Widget **/ .widget .zframe-flickr-wrap-ltr, .widget ul.instagram-pics { list-style: none; margin: 0; padding: 0; overflow: hidden; margin-left: -3px; margin-right: -3px; } .widget .zframe-flickr-wrap-ltr .flickr_badge_image, .widget ul.instagram-pics li { display: block; float: left; width: 33.33%; padding: 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 !important; border: none !important; } .widget .zframe-flickr-wrap-ltr .flickr_badge_image img { margin: 0; width: 100%; float: none; height: auto; } .instag ul.thumbnails > li, .jr-insta-thumb ul > li { width: 32% !important; } .instag ul li, .jr-insta-thumb ul li { margin: 0; padding-bottom: 0; border-bottom: none; } .pllexislider ul li { margin: 0; padding-bottom: 0; border-bottom: none; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-time, .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-username, .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-caption { line-height: 1.5; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption { font-size: 13px; color: #939393; font-family: "Raleway", sans-serif; font-style: italic; } .gallery .gallery-icon img { border-radius: 2px; border: 1px solid #eee !important; padding: 7px; } .gallery .gallery-icon img:hover { border: 1px solid #ccc !important; } .penci-post-gallery-container { margin-bottom: 20px; } .penci-post-gallery-container a { opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption { font-family: inherit; font-weight: inherit; padding: 9px 15px; line-height: 1.5; background: rgba(0, 0, 0, 0.6); opacity: 1; } .penci-post-gallery-container.masonry .item-gallery-masonry { width: 33.33333%; float: left; margin-bottom: 6px; padding: 0 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .penci-post-gallery-container.masonry.column-2 .item-gallery-masonry { width: 50%; } .penci-post-gallery-container.masonry.column-4 .item-gallery-masonry { width: 25%; } .penci-post-gallery-container.masonry .item-gallery-masonry { position: relative; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } .penci-post-gallery-container.masonry .item-gallery-masonry.animated { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; opacity: 1; } .masonry.column-2 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(2n+2), .masonry.column-3 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(3n+2), .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+2){ -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } .masonry.column-3 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(3n+3) .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+3){ -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; } .masonry.column-4 .inner-gallery-masonry-container .item-gallery-masonry:nth-child(4n+4) { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; } .penci-post-gallery-container.masonry { margin-left: -3px; margin-right: -3px; } .penci-post-gallery-container.masonry img { width: 100%; } .penci-post-gallery-container.masonry .inner-gallery-masonry-container { display: inline-block; width: 100%; vertical-align: top; } .inner-item-masonry-gallery { position: relative; } .penci-post-gallery-container.masonry .item-gallery-masonry .caption { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-family: inherit; font-weight: inherit; padding: 9px 15px; line-height: 1.5; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; } .penci-post-gallery-container.masonry .item-gallery-masonry:hover .caption { opacity: 0.7; } /* = Latest Tweets -----------------------------------------------------*/ .penci-tweets-widget-content ul li { margin: 0 !important; padding: 0 !important; border: none !important; } .penci-slider.penci-tweets-slider ul.slides li:before, .penci-slider.penci-tweets-slider ul.slides li:after { content: none !important; display: none !important; } .penci-tweets-widget-content .icon-tweets { display: block; text-align: center; margin-bottom: 12px; font-size: 32px; color: #6eb48c; margin-top: -10px; } .penci-tweets-widget-content .tweet-text { color: #313131; margin-bottom: 10px; text-align: center; } .penci-tweets-widget-content .tweet-intents { text-align: center; overflow: hidden; } .penci-tweets-widget-content .tweet-intents a { color: #6eb48c; font-size: 13px; font-style: italic; } .penci-tweets-widget-content .tweet-intents span:after { content: "/"; margin: 0 5px; font-size: 11px; color: #6eb48c; font-family: 'PT Serif', serif; } .penci-tweets-widget-content .tweet-intents span:last-child:after { content: none; display: none; } .penci-tweets-widget-content .tweet-intents-inner { display: inline-block; vertical-align: top; position: relative; } .penci-tweets-widget-content .tweet-intents-inner:before, .penci-tweets-widget-content .tweet-intents-inner:after { content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: #6eb48c; right: 100%; margin-right: 15px; } .penci-tweets-widget-content .tweet-intents-inner:after { right: auto; left: 100%; margin-right: 0; margin-left: 15px; } .penci-tweets-widget-content .tweet-date { line-height: 1.8; white-space: nowrap; text-align: center; margin-bottom: 9px; } .penci-slider.penci-tweets-slider .penci-control-nav { position: static; margin-top: 23px !important; } body .penci-slider.penci-tweets-slider ol.penci-control-nav li { margin: 0 4px; } body .penci-slider.penci-tweets-slider ol.penci-control-nav li a { width: 10px; height: 10px; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #d4d4d4; } .penci-slider.penci-tweets-slider ol.penci-control-nav li a.penci-active, .penci-slider.penci-tweets-slider ol.penci-control-nav li a:hover { border-color: #6eb48c; background: #6eb48c; } /* = Contact form 7 -----------------------------------------------------*/ div.wpcf7 { overflow: hidden; margin-top: 40px; } span.wpcf7-not-valid-tip { margin-top: -15px; margin-bottom: 15px; } div.wpcf7-response-output { margin: 20px 14px 1em; padding: 0.6em 1em; margin-top: 20px !important; } /* = Page 404 -----------------------------------------------------*/ .error-404 { text-align: center; margin: 150px 0 112px; } .error-image { position: relative; padding-bottom: 41px; margin-bottom: 30px; } .error-image:after { content: ""; position: absolute; width: 60px; height: 1px; background: #6eb48c; bottom: 0; left: 50%; margin-left: -30px; } .error-404 .sub-heading-text-404 { font-size: 16px; font-weight: normal; margin: 0; color: #313131; } .error-404 form#searchform { margin: 31px 0 0; padding: 0 10px; } .error-404 form#searchform input.search-input { width: 100%; max-width: 270px; } .error-404 .go-back-home { margin-top: 50px; } .error-404 .go-back-home a { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-family: 'Raleway', sans-serif; font-weight: 500; text-decoration: none; line-height: 1.5; position: relative; display: inline-block; padding-bottom: 1px; } .error-404 .go-back-home a:after { position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #6eb48c; content: ""; } /* Header Sign-Up form */ .penci-header-signup-form { display: block; padding: 20px 0; background: #6eb48c; margin: -50px 0 60px; } .penci-header-signup-form .mc4wp-form { margin: 0; width: 100%; max-width: 100%; color: #fff; } .penci-header-signup-form .mc4wp-form > form { display: table; width: 100%; } .penci-header-signup-form h4.header-signup-form { text-align: center; margin-bottom: 18px; font-size: 24px; color: #fff; text-transform: uppercase; } .penci-header-signup-form .mc4wp-form-fields { display: table; width: 100%; } .penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p{ display: table-cell; text-align: left; color: #fff; padding-right: 20px; line-height: 1.5; vertical-align: middle; } .penci-header-signup-form .mc4wp-form-fields > p:last-of-type, .penci-header-signup-form form > p:last-of-type { padding-right: 0; } .penci-header-signup-form .mc4wp-form-fields > p:first-of-type, .penci-header-signup-form form > p:first-of-type { max-width: 500px; } .penci-header-signup-form .mc4wp-form input[type="text"], .penci-header-signup-form .mc4wp-form input[type="email"] { margin: 0; margin-right: 20px; border-color: #fff; color: #fff; } .penci-header-signup-form .mc4wp-form input[type="text"]::-webkit-input-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]::-webkit-input-placeholder{ color: #fff; } .penci-header-signup-form .mc4wp-form input[type="text"]:-moz-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]:-moz-placeholder { color: #fff; opacity: 1; } .penci-header-signup-form .mc4wp-form input[type="text"]::-moz-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]::-moz-placeholder { color: #fff; opacity: 1; } .penci-header-signup-form .mc4wp-form input[type="text"]:-ms-input-placeholder, .penci-header-signup-form .mc4wp-form input[type="email"]:-ms-input-placeholder { color: #fff; } .penci-header-signup-form .widget input[type="submit"] { color: #313131; background: #fff; } .penci-header-signup-form .mc4wp-error, .penci-header-signup-form .mc4wp-error, .penci-header-signup-form .mc4wp-alert{ margin-top: 15px; } /* = Portfolio ----------------------------------------------------*/ .wrapper-penci-portfolio { width: 100%; overflow: hidden; } .penci-portfolio-filter { display: block; text-align: center; margin: 0 0 20px 0; } .post-entry .penci-portfolio-filter ul, .penci-portfolio-filter ul { list-style: none; display: inline-block; vertical-align: top; padding: 0 !important; margin: 0; } .post-entry .penci-portfolio-filter ul li, .penci-portfolio-filter ul li { display: inline-block; float: left; margin: 0 15px; padding: 0; } .post-entry .penci-portfolio-filter ul li a, .penci-portfolio-filter ul li a { color: #313131; font-family: 'Raleway', sans-serif; } .post-entry .penci-portfolio-filter ul li a:hover, .post-entry .penci-portfolio-filter ul li.active a, .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li.active a{ color: #6eb48c; text-decoration: none; } .penci-portfolio-wrap { margin-left: -10px; margin-right: -10px; } .penci-portfolio-wrap .inner-portfolio-posts { display: inline-block; width: 100%; vertical-align: top; } .inner-portfolio-posts .portfolio-item { width: 33.33333%; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; margin-bottom: 20px; } .container .penci-portfolio.column-2 .inner-portfolio-posts .portfolio-item { width: 50%; } .inner-item-portfolio { position: relative; opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } .penci-portfolio-wrap.column-2 .portfolio-item:nth-child(2n+1) .inner-item-portfolio, .penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n+2) .inner-item-portfolio { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } .penci-portfolio-wrap.column-3 .portfolio-item:nth-child(3n+3) .inner-item-portfolio { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s; } .penci-portfolio.loaded .inner-item-portfolio.animated { -webkit-animation-name: pencifadeInUp; -moz-animation-name: pencifadeInUp; -o-animation-name: pencifadeInUp; animation-name: pencifadeInUp; opacity: 1; } .penci-portfolio-thumbnail a:after { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; content: ""; -webkit-transition: .5s; transition: .5s; z-index: 10; } .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after{ opacity: 0.87; } .inner-item-portfolio .portfolio-desc { position: absolute; text-align: center; top: 50%; width: 100%; padding: 0 10px; margin: 0; z-index: 12; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .inner-item-portfolio a{ text-decoration: none !important; } .inner-item-portfolio .portfolio-desc h3 { opacity: 0; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; position: relative; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; color: #313131; } .inner-item-portfolio .portfolio-desc span { opacity: 0; font-size: 12px; display: block; vertical-align: top; line-height: 1.3; text-decoration: none; color: #888; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition: .3s cubic-bezier(.215, .61, .355, 1) 0s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; } .inner-item-portfolio:hover .portfolio-desc h3, .inner-item-portfolio:hover .portfolio-desc span { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .single-portfolio-thumbnail { margin-bottom: 26px; text-align: center; vertical-align: top; } .portfolio-page-content .portfolio-detail { margin: 0 auto; max-width: 1000px; } /* = Woocommerce ----------------------------------------------------*/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 23.076%; margin: 0 2.565% 60px 0; position: relative; } .woocommerce ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page ul.products > li.product:nth-child( 4n+4 ) { margin-right: 0; } .woocommerce ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page ul.products > li.product:nth-child( 4n+1 ) { clear: both; } .woocommerce .penci_sidebar ul.products li.product, .woocommerce-page .penci_sidebar ul.products li.product { width: 30.769%; margin-right: 3.8465%; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 4n+4 ) { margin-right: 3.8465%; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 4n+1 ) { clear: none; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+3 ) { margin-right: 0; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+1 ) { clear: both; } .woocommerce .page-title { margin: 0 0 35px 0; padding-bottom: 15px; text-align: left; position: relative; font-size: 24px; color: #313131; text-transform: uppercase; } .woocommerce .page-title:before, .woocommerce .page-title:after { content: ""; width: 90px; height: 1px; position: absolute; left: 0; bottom: 0; background: #6eb48c; } .woocommerce .page-title:before { width: 60px; bottom: -5px; } .woocommerce .page-description { margin: -10px 0 22px; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0 0 30px; color: #888; } .woocommerce .woocommerce-ordering select { padding: 5px; outline: none; } .woocommerce span.onsale { min-width: 50px; min-height: 25px; height: 25px; line-height: 26px; left: 10px; top: 10px; background: #6eb48c; text-align: center; padding: 0 10px; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-family: 'Raleway', sans-serif; white-space: nowrap; } .woocommerce ul.products li.product .onsale { margin: 0; left: auto; right: 10px; top: 10px; } .woocommerce ul.products li.product h3 { font-size: 18px; text-align: center; padding: 0; margin: 0 0 8px 0; color: #313131; } .woocommerce ul.products li.product a img { margin-bottom: 30px; } .woocommerce .products .star-rating { margin: 0; position: absolute; top: 16px; left: 10px; z-index: 5; } .woocommerce .star-rating span { color: #FFCA00; } .woocommerce ul.products li.product .price { margin: 0; text-align: center; } .woocommerce ul.products li.product .price del{ display: inline-block; font-size: 16px; color: #ccc; margin-right: 10px; opacity: 1; } .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price { font-size: 18px; color: #6eb48c; text-decoration: none; font-weight: normal; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { text-transform: uppercase; font-family: "Raleway", sans-serif; font-weight: bold; background: #F5F5F5; border-radius: 0; font-size: 12px; color: #313131; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; text-align: center; margin: 0; padding: 10px 15px 9px; border: none; outline: none; min-width: 90px; } .woocommerce ul.products li.product .button { font-size: 14px; font-weight: bold; margin-top: 15px; display: block; font-family: 'Raleway', sans-serif; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; text-align: center; text-transform: uppercase; padding: 0; height: 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: #6eb48c; color: #fff; } .woocommerce-pagination { margin-bottom: 60px; overflow: hidden; clear: both; text-align: center; } .woocommerce nav.woocommerce-pagination ul { list-style: none; display: inline-block; vertical-align: top; border: none; white-space: normal; margin: 0; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; border: none; } .woocommerce nav.woocommerce-pagination ul > li:last-child, .woocommerce .woocommerce-pagination ul.page-numbers li:last-child, .woocommerce-page .woocommerce-pagination ul.page-numbers li:last-child { margin-right: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0; width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; display: inline-block; border: 1px solid #DEDEDE; color: #888; margin: 0; text-decoration: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { text-decoration: none; color: #313131; border-color: #999999; background: none; } .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; background: #6eb48c; border-color: #6eb48c; text-decoration: none; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 48.7197%; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-bottom: 40px; } .woocommerce .penci_sidebar #content div.product div.images, .woocommerce .penci_sidebar div.product div.images, .woocommerce-page .penci_sidebar #content div.product div.images, .woocommerce-page .penci_sidebar div.product div.images, .woocommerce .penci_sidebar #content div.product div.summary, .woocommerce .penci_sidebar div.product div.summary, .woocommerce-page .penci_sidebar #content div.product div.summary, .woocommerce-page .penci_sidebar div.product div.summary { width: 48.078%; } .woocommerce div.product div.images div.thumbnails { 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 { width: 21.0625%; margin-right: 5.25%; margin-bottom: 30px; } .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) { 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) { clear: both; } .woocommerce div.product .product_title { font-size: 30px; color: #313131; line-height: 1.2; margin-top: -4px; margin-bottom: 6px; } a.woocommerce-review-link{ font-size: 14px; color: #888; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 8px; } .woocommerce div.product p.price { margin-bottom: 12px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price, .woocommerce div.product span.price { font-weight: normal; text-decoration: none; font-size: 18px; color: #6eb48c; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { display: inline-block; font-size: 16px; color: #ccc; margin-right: 10px; opacity: 1; } .woocommerce div.product .entry-summary div[itemprop="description"] { position: relative; padding-top: 12px; margin-bottom: 24px; } .woocommerce div.product .entry-summary div[itemprop="description"]:before{ content: ""; width: 45px; height: 1px; position: absolute; top: 0; left: 0; background: #6eb48c; } .woocommerce div.product .woocommerce-tabs #tab-description #tab-description { display: block !important; } .woocommerce div.product div[itemprop="description"] .entry-summary p:last-child, .woocommerce div.product .woocommerce-tabs #tab-description > p:last-child { margin-bottom: 0; } .woocommerce div.product div[itemprop="description"] .entry-summary img, .woocommerce div.product .woocommerce-tabs #tab-description img { max-width: 100%; height: auto; } .woocommerce div.product div[itemprop="description"] a:hover, .woocommerce div.product .woocommerce-tabs #tab-description a:hover { text-decoration: underline; } .woocommerce div.product .entry-summary div[itemprop="description"] h1, .woocommerce div.product .entry-summary div[itemprop="description"] h2, .woocommerce div.product .entry-summary div[itemprop="description"] h3, .woocommerce div.product .entry-summary div[itemprop="description"] h4, .woocommerce div.product .entry-summary div[itemprop="description"] h5, .woocommerce div.product .entry-summary div[itemprop="description"] h6, .woocommerce div.product .entry-summary div[itemprop="description"] hr, .woocommerce div.product .woocommerce-tabs #tab-description h1, .woocommerce div.product .woocommerce-tabs #tab-description h2, .woocommerce div.product .woocommerce-tabs #tab-description h3, .woocommerce div.product .woocommerce-tabs #tab-description h4, .woocommerce div.product .woocommerce-tabs #tab-description h5, .woocommerce div.product .woocommerce-tabs #tab-description h6, .woocommerce div.product .woocommerce-tabs #tab-description hr { margin-bottom: 17px; } .woocommerce div.product div[itemprop="description"] p, .woocommerce div.product .woocommerce-tabs #tab-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 { color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; } .woocommerce div.product .entry-summary div[itemprop="description"] h1, .woocommerce div.product .woocommerce-tabs #tab-description h1 { font-size: 20px; } .woocommerce div.product .entry-summary div[itemprop="description"] h2, .woocommerce div.product .woocommerce-tabs #tab-description h2 { font-size: 18px; } .woocommerce div.product .entry-summary div[itemprop="description"] h3, .woocommerce div.product .woocommerce-tabs #tab-description h3 { font-size: 17px; } .woocommerce div.product .entry-summary div[itemprop="description"] h4, .woocommerce div.product .woocommerce-tabs #tab-description h4 { font-size: 16px; } .woocommerce div.product .entry-summary div[itemprop="description"] h5, .woocommerce div.product .woocommerce-tabs #tab-description h5 { font-size: 15px; } .woocommerce div.product .entry-summary div[itemprop="description"] h6, .woocommerce div.product .woocommerce-tabs #tab-description h6 { font-size: 14px; } .woocommerce div.product .entry-summary div[itemprop="description"] hr, .woocommerce div.product .woocommerce-tabs #tab-description hr { border: 0; height: 0; border-bottom: 1px solid #dedede; clear: both; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote, .woocommerce div.product .woocommerce-tabs #tab-description blockquote { 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 { 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 { margin: 0; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote, .woocommerce div.product .woocommerce-tabs #tab-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 { color: #6eb48c; content: '“'; font-family: 'Playfair Display SC', serif; font-size: 64px; font-weight: 900; line-height: 1; font-style: normal; position: absolute; top: -4px; left: 0; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote cite, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author, .woocommerce div.product .woocommerce-tabs #tab-description blockquote cite, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author { display: block; font-size: 12px; text-transform: uppercase; margin-top: 7px; color: #6eb48c; font-style: normal; font-family: "Raleway", sans-serif; font-weight: bold; overflow: hidden; text-align: left; position: relative; z-index: 1; } .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span { 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 { content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: #6eb48c; left: 100%; opacity: 0.8; } .woocommerce div.product .entry-summary div[itemprop="description"] ul, .woocommerce div.product .entry-summary div[itemprop="description"] ol, .woocommerce div.product .woocommerce-tabs #tab-description ul, .woocommerce div.product .woocommerce-tabs #tab-description ol { 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 { 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 { 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 { 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 { margin-bottom: 2px; list-style: decimal; } .woocommerce div.product .entry-summary div[itemprop="description"] table, .woocommerce div.product .woocommerce-tabs #tab-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 { padding: 12px; border-bottom: 1px #e9e9e9 solid; } .woocommerce div.product .entry-summary div[itemprop="description"] th, .woocommerce div.product .woocommerce-tabs #tab-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 { background: #ffffff; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { border: none; padding: 15px 15px; min-width: 150px; background: #313131; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-size: 14px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #6eb48c; color: #fff; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 30px; } .woocommerce div.product p.out-of-stock { font-size: 18px; } .woocommerce div.product form.cart div.quantity { margin-right: 20px; } .woocommerce .quantity .qty { padding: 5px 5px; width: 60px; line-height: 32px; outline: none; border: 1px solid #313131; font-size: 18px; font-weight: bold; font-family: "Raleway", sans-serif; } .woocommerce div.product .product_meta { padding-top: 25px; border-top: 1px solid #DEDEDE; } .woocommerce div.product .product_meta > span { display: block; color: #888; font-size: 14px; margin-bottom: 8px; } .woocommerce div.product .product_meta > span a { color: #888; } .woocommerce div.product .product_meta > span a:hover { color: #6eb48c; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 12px 0; margin: 0 0 24px 0; text-align: center; border-bottom: 1px solid #DEDEDE; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before{ content: none; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; margin: 0; padding: 0 20px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 5px 0; font-family: 'Raleway', sans-serif; font-size: 14px; color: #313131; text-transform: uppercase; font-weight: bold; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #888888; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: none; border: none; color: #6eb48c; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 50px; } .woocommerce div.product .woocommerce-tabs .panel > h2:first-child, .woocommerce div.product .woocommerce-tabs .panel #reviews #comments h2, .woocommerce div.product .woocommerce-tabs .panel #respond h3.comment-reply-title { font-size: 18px; color: #313131; clear: both; letter-spacing: 0; line-height: 1.3em; margin-bottom: 17px; text-transform: uppercase; font-weight: bold; text-align: left; } .woocommerce div.product .woocommerce-tabs .panel #respond h3.comment-reply-title { padding-top: 30px !important; margin-top: 24px; } .woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { font-size: 18px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold; color: #313131; position: relative; z-index: 10; display: block; padding: 0; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #dedede; } .woocommerce div.product form.cart .variations td.label{ padding-bottom: 15px; } .woocommerce div.product form.cart .variations select { margin-bottom: 15px; } .woocommerce div.product p.stock { font-size: 100%; margin-bottom: 20px; } .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url { width: 100%; max-width: 374px; padding: 0; float: none; } .woocommerce #review_form #respond textarea, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author input, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email input, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url input{ margin: 0; } .woocommerce #review_form #respond p.form-submit { margin-bottom: 0; margin-top: 20px; text-align: left; } .woocommerce #review_form #respond p.form-submit input[type="submit"] { padding: 15px 15px; font-size: 14px; } .woocommerce .comment-form p.stars a { color: #313131; } .woocommerce .comment-form p.stars a:hover { color: #FFCA00; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 0; background: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 80px; border: 1px solid #dedede; padding: 12px 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta { margin-bottom: 9px; color: #888888; font-size: 14px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 13px; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong { font-size: 14px; color: #313131; text-transform: uppercase; font-family: 'Raleway', sans-serif; } .woocommerce #reviews #comments ol.commentlist li .comment-text div[itemprop="description"] > p:last-child { margin: 0; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background: #fff; border: 1px solid #dedede; border-top: 3px solid #6eb48c; margin-bottom: 30px !important; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { top: 1em; margin-top: 3px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 0 0 15px 0; margin: 0 0 15px; border-bottom: 1px solid #DEDEDE; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 0; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { margin-top: 20px; padding-top: 15px; font-size: 16px; } .woocommerce .widget_shopping_cart p.buttons, .woocommerce.widget_shopping_cart p.buttons { margin-top: 15px; } .woocommerce .widget_shopping_cart p.buttons a, .woocommerce.widget_shopping_cart p.buttons a, .woocommerce .widget_price_filter .price_slider_amount .button { color: #fff; background: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-size: 12px; } .woocommerce .widget_shopping_cart p.buttons a.checkout, .woocommerce.widget_shopping_cart p.buttons a.checkout { margin-left: 16px; } .woocommerce .widget_shopping_cart p.buttons a:hover, .woocommerce.widget_shopping_cart p.buttons a:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce div.product form.cart .button:hover { opacity: 0.8; background: #313131; color: #fff; text-decoration: none; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-size: 16px; font-weight: bold; margin-bottom: 10px; text-decoration: none; font-family: 'Raleway', sans-serif; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 90px; margin: 0 20px 0 0; float: left; } .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount { font-size: 18px; color: #6eb48c; text-decoration: none; } .woocommerce ul.cart_list li del .amount, .woocommerce ul.product_list_widget li del .amount { font-size: 16px; color: #ccc; margin-right: 5px; } .woocommerce ul.product_list_widget li ins, .woocommerce ul.product_list_widget li ins { text-decoration: none; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin-bottom: 10px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { font-size: 24px; width: 24px; height: 24px; background: none !important; color: #ff0000 !important; border: 1px solid #ccc; line-height: 20px; text-align: center; margin-top: 5px; margin-left: 5px; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 6px; margin-bottom: 20px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #DEDEDE; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #313131; width: 18px; height: 18px; top: -6px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #888; } .woocommerce .widget_price_filter .price_label { color: #888; font-size: 14px; } .woocommerce .woocommerce-product-search .screen-reader-text { display: none; } .woocommerce .woocommerce-product-search input[type="submit"] { display: none; } .woocommerce .woocommerce-product-search input[type="search"] { border: 1px solid #e9e9e9; background: #fff url(images/searchsubmit.png) no-repeat 94% 15px; padding: 14px 43px 14px 20px; color: #313131; } .woocommerce table.shop_table { border: none; border-collapse: collapse; margin: 0 0 27px 0; } .woocommerce table.shop_table th { padding: 0 0 15px 0; font-weight: bold; text-transform: uppercase; color: #313131; background: none; font-size: 14px; font-family: 'Raleway', sans-serif; } .woocommerce table.shop_table td { padding: 30px 0; border-color: #dedede; border-bottom: none; } .woocommerce-cart table.cart img { width: 90px; } .woocommerce table.shop_table a.remove { width: 30px; height: 30px; border: 1px solid #dedede; color: #dedede !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: none !important; line-height: 26px; font-size: 26px; text-decoration: none; } .woocommerce table.shop_table a.remove:hover { color: #ff0000 !important; } .woocommerce table.shop_table td.product-name a { font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: bold; color: #313131; text-decoration: none; } .woocommerce table.shop_table td.product-name a:hover { color: #6eb48c; } .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span{ font-size: 18px; color: #6eb48c; } .woocommerce table.shop_table .quantity .qty { line-height: 28px; } .woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid #e9e9e9; padding: 14px 20px 13px; font-family: 'PT Serif', serif; font-size: 12px; color: #313131; min-width: 150px; margin-right: 20px; } .woocommerce-cart table.cart input[type="submit"] { padding: 15px 20px 15px; font-size: 14px; background: #313131; 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: #313131; color: #fff; opacity: 0.8; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { font-size: 16px; text-transform: uppercase; } .woocommerce-cart .cart-collaterals .cart_totals table { border-collapse: collapse; border: 1px solid #dedede; padding: 0 30px; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { background: none; padding: 15px 30px; } .woocommerce-cart .cart-collaterals .cart_totals table td .amount { font-size: 18px; color: #6eb48c; } .woocommerce-cart .cart-collaterals .cart_totals .form-row { padding: 0; margin-bottom: 15px; } .woocommerce-shipping-calculator p { margin-bottom: 10px; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form select { padding: 5px; max-width: 400px; width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="text"], .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="date"], .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="number"], .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form input[type="search"] { max-width: 400px; padding: 8px; } .woocommerce .woocommerce-info:before { color: #6eb48c; top: 1em; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"] { padding: 14px 20px; color: #fff; background: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce-cart .cart-collaterals .cart_totals table .shipping-calculator-form button[type="submit"]:hover { background: #313131; color: #fff; opacity: 0.8; } .woocommerce-cart .wc-proceed-to-checkout a { display: inline-block !important; padding-left: 20px !important; padding-right: 20px !important; background: #313131 !important; color: #fff !important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce-cart .wc-proceed-to-checkout a:hover { opacity: 0.8; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0; border: 1px solid #dedede; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { border: 1px solid #dedede; padding: 14px 20px; color: #313131; } p.lost_password { margin-bottom: 0 !important; } .woocommerce form.checkout_coupon { } .woocommerce form.login .form-row { margin-bottom: 20px; } .woocommerce form .form-row input[type="submit"], .woocommerce .return-to-shop .button { background: #313131; color: #fff; padding: 15px 20px; } .woocommerce form .form-row input[type="submit"]:hover, .woocommerce .return-to-shop .button:hover { opacity: 0.8; background: #313131; color: #fff; } .woocommerce form.login .form-row input[type="submit"] { margin-right: 20px; } .woocommerce form.checkout .form-row { margin-bottom: 20px; padding: 0; } .woocommerce form .form-row { padding-left: 0; padding-right: 0; } .woocommerce form.checkout h3 { font-size: 16px; text-transform: uppercase; } .woocommerce form.checkout h3#order_review_heading { margin-top: 28px; } .woocommerce form.checkout table.shop_table { border: 1px solid #dedede; } .woocommerce form.checkout table.shop_table th, .woocommerce form.checkout table.shop_table td { padding: 15px 30px; } .woocommerce form.checkout table.shop_table .amount { font-size: 16px; } .woocommerce form.checkout table.shop_table .order-total .amount { color: #6eb48c; } .woocommerce-checkout #payment { background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .woocommerce-checkout #payment ul.payment_methods { padding: 30px; border: 1px solid #dedede; } .woocommerce-checkout #payment ul.payment_methods li { list-style: none !important; } .woocommerce-checkout #payment div.form-row.place-order { padding: 0; margin-top: 30px; margin-bottom: 0; } .woocommerce-checkout #payment div.payment_box { background: none; color: #888; padding: 0; } .woocommerce-checkout #payment div.payment_box:before { content: none; display: none; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: left; } .woocommerce form.lost_reset_password .form-row input[type="submit"], .woocommerce form.register .form-row input[type="submit"] { margin-top: 20px; } div.ppt { font-weight: normal; } .pp_gallery ul a, .pp_gallery ul { height: 62px; } .pp_gallery { margin-top: -65px; } .pp_nav p { line-height: 1; } .penci-google-adsense-1, .penci-google-adsense-2 { margin: 0 0 30px; text-align: center; overflow: hidden; } /*----------------------------------------------- Responsive Design ------------------------------------------------*/ /*--------- Max width 1169px and Min width 961px ---------*/ @media only screen and (min-width: 1170px) { .footer-widget-wrapper .fb_iframe_widget, .footer-widget-wrapper .fb_iframe_widget span, .footer-widget-wrapper .fb_iframe_widget span iframe[style] { width: 340px !important; } .footer-widget-wrapper .widget.penci_facebook_widget { text-align: center; } } @media only screen and (max-width: 1169px) { .penci-video-overlay-background { display: block; } .inner-portfolio-posts .portfolio-item { width: 50%; } .penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p { display: block; max-width: 100% !important; text-align: center; padding: 0; } .penci-header-signup-form .mc4wp-form input[type="text"], .penci-header-signup-form .mc4wp-form input[type="email"], .penci-header-signup-form .mc4wp-form input[type="submit"] { margin: 20px auto 0; max-width: 400px; } .penci-post-gallery-container.masonry.column-4 .item-gallery-masonry { width: 50%; } } @media only screen and (min-width: 961px) and (max-width: 1169px) { .container, .featured-area.style-1, .featured-area.style-4, .featured-area.magazine-slider, #navigation ul.menu > li.megamenu > ul.sub-menu { width: 940px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 1000px; } .container.has-banner #logo { width: 320px; padding-right: 30px; } .container.has-banner .header-banner { width: 620px; } #navigation.header-4 #top-search, #navigation.header-5 #top-search, #navigation.header-6 #top-search { margin-left: 26px; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post { width: 25%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 33.3333%; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-1 .penci-mega-post:nth-child(5), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-1 .penci-mega-post:nth-child(4), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(9), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-2 .penci-mega-post:nth-child(10), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(8), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(7), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(15), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(14), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5.mega-row-3 .penci-mega-post:nth-child(13), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(12), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(11), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(10) { display: none; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(5n+1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4n+1) { clear: none; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-5 .penci-mega-post:nth-child(4n+1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-2 .penci-mega-post:nth-child(3n+1), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4.mega-row-3 .penci-mega-post:nth-child(3n+1){ clear: both; } #navigation ul.menu > li, #navigation .menu > ul > li{ margin-right: 26px; } #navigation ul.menu li.megamenu ul ul > li > a, #navigation .menu ul li.megamenu ul ul > li > a { margin: 0 10px; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 38.7%; } .featured-carousel.style-7 .featured-content .feat-text h3, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3, .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { content: none; display: none; } .penci-magazine-slider ul.mag-wrap li { width: 303px; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 636px; } ul.homepage-featured-boxes li .penci-fea-in { height: 185px; } ul.homepage-featured-boxes.boxes-4-columns li .penci-fea-in { height: 160px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { left: 10px; top: 10px; right: 10px; bottom: 10px; } .penci-grid li.list-post .item .content-list-right { padding-left: 400px; } .penci_sidebar .penci-grid li.list-post .item .content-list-right, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding-left: 321px; } .penci-grid li:nth-of-type(3n+1) { clear: none; } .penci-grid li.list-boxed-post-2 { width: 50%; } .penci_sidebar .penci-grid li.list-boxed-post-2 { width: 100%; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+1) { clear: both; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { height: 312px; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+1) .content-boxed-2.show-top { display: none; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+1) .content-boxed-2.show-bottom { display: block; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+2) .content-boxed-2.show-top { display: block; } .penci-grid li.list-boxed-post-2:nth-of-type(2n+2) .content-boxed-2.show-bottom { display: none; } .penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { display: none !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { display: block !important; } .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 312px; height: auto; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { display: none; content: none; } .penci-photo-2-effect figcaption h2 { padding: 0 20px 20px; font-size: 18px; } .penci-photo-2-effect figcaption p { margin-top: 20px; padding: 0 20px; font-size: 93%; } .penci_sidebar .penci-photo-2-effect figcaption p { display: none; } .penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after { display: none; content: none; } .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 14px; } .container.penci_sidebar .penci-grid li.typography-style { width: 48.05%; margin-right: 3.9%; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(3n+3) { margin-right: 3.9%; clear: none; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n+1) { margin-right: 0; } .container.penci_sidebar .penci-grid li.typography-style:nth-of-type(2n+1) { clear: both; } .container.penci_sidebar .penci-grid li.typography-style { width: 100%; margin-right: 0; } .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 14px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 11px; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 17%; } .penci-grid .list-post.list-boxed-post .item .content-list-right { min-height: 313px; height: 313px; } .container.penci_sidebar .penci-masonry .item-masonry.standard-masonry { width: 100%; } .home-featured-cat-content .mag-photo .magcat-detail { width: 100%; } .home-featured-cat-content .magcat-detail h3 a { font-size: 14px; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { font-size: 12px; } .widget-social.show-text a span { margin-left: 1px; font-size: 12px; } ul.footer-socials li { margin-right: 15px; } ul.footer-socials li a span { margin-left: 8px; } .overlay-header-box .overlay-title a { font-size: 20px; } .widget .penci-widget-slider .penci-widget-slide-detail h4 a { font-size: 14px; } .penci-widget-slide-detail .slide-item-date { font-size: 13px; } .home-featured-cat-content .mag-photo .magcat-detail { padding: 15px; } .home-featured-cat-content .penci-magcat-carousel .magcat-detail h3 a { font-size: 16px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 20px; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount { font-size: 16px; } .woocommerce div.product .product_title { font-size: 24px; } } @media only screen and (max-width: 1169px) { .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { margin: 0 0 5px; width: 100% !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-3 { margin: 0; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content { width: 50%; float: left; display: block; margin: 0 !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content:first-child { border-right: 3px solid transparent; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content:last-child { border-left: 3px solid transparent; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 .mag-content { width: 100%; border: none !important; } .penci-magazine-slider img { width: 100%; } } /*--------- Min width 961px ---------*/ @media only screen and (min-width: 961px) { #navigation .menu { display: inline-block !important; } } /*--------- Max width 960px ---------*/ @media only screen and (max-width: 960px) { .container.has-banner #logo { text-align: center; display: block; width: auto; } .container.has-banner .header-banner { display: block; margin-top: 30px; width: 100%; } .featured-area.style-7.loaded .featured-carousel:before { content: none; display: none; } .penci-top-bar { text-align: center; } .penci-top-bar.no-social { display: none; } .penci-topbar-social { float: none; } .headline-title, .penci-headline-posts { display: none; } .overlay-video-click { display: none !important; } #navigation.header-6 { height: 60px; } #navigation.header-6 .container { text-align: center; } #navigation.header-6 #logo { float: none; display: inline-block; } #navigation.header-6 #logo img { max-height: 58px !important; padding: 10px 0 !important; } #navigation.header-6 .show-search { height: 58px; } #navigation.header-6 #top-search > a, #navigation.header-6 .show-search a.close-search { height: 58px; line-height: 58px; } #navigation.header-6 .show-search #searchform input.search-input { height: 58px; padding: 15px 35px 15px 0; } #navigation.header-6 #top-search.shoping-cart-icon > a > span { top: 12px; } .penci-magazine-slider ul.mag-wrap li { width: 50%; border: none; } .wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-prev { left: 0 !important; } .wrapper-boxed.enable-boxed .featured-area.style-2.loaded-wait button.slick-next { right: 0 !important; } .penci-magazine-slider ul.mag-wrap li.mag-item-1 { width: 100%; border: none; border-bottom: 4px solid transparent; } .penci-magazine-slider ul.mag-wrap li.mag-item-2 { border-right: 2px solid transparent; border-bottom: none; } .penci-magazine-slider ul.mag-wrap li.mag-item-3 { border-left: 2px solid transparent; border-bottom: none; } h2.penci-heading-video { font-size: 24px; } p.penci-sub-heading-video { font-size: 14px; } .penci-grid li.list-boxed-post-2 { width: 100% !important; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-top { display: none !important; } .penci-grid li.list-boxed-post-2 .content-boxed-2.show-bottom { display: block !important; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2, .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 312px; height: auto; } .penci-grid li.list-boxed-post-2 .item > .thumbnail:before { display: none; content: none; } .container .penci-grid li.typography-style { width: 100% !important; margin-right: 0 !important; } .penci-photo-2-effect figcaption p, .penci_sidebar .penci-photo-2-effect figcaption p { display: none; } .penci-photo-2-effect figcaption:before, .penci-photo-2-effect figcaption:after, .penci_sidebar .penci-photo-2-effect figcaption:before, .penci_sidebar .penci-photo-2-effect figcaption:after { display: none; content: none; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { padding: 0 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .grid-mixed .thumbnail img { width: 100%; height: auto; } .grid-mixed .thumbnail.thumb-left, .grid-mixed .mixed-detail { display: block !important; width: 100%; } .grid-mixed .mixed-detail { padding: 30px; } .grid-mixed .penci-post-box-meta { position: relative; margin: 31px 0 4px; left: auto; right: auto; bottom: auto; } .grid-mixed .thumbnail.thumb-right { display: none !important; } #navigation.header-4 .container, #navigation.header-5 .container { text-align: right; } #navigation.header-4 .container #top-search, #navigation.header-5 .container #top-search, #navigation.header-6 .container #top-search { margin-left: 15px; } /* Main Navigation */ #navigation .button-menu-mobile { display: inline-block; } #navigation .menu { display: none !important; } .portfolio-page-content .portfolio-left, .portfolio-page-content .portfolio-right { width: 100%; padding: 0; } .portfolio-page-content .portfolio-left { margin-bottom: 30px; } .container.penci_sidebar #main { width: 100%; margin: 0 0 60px 0; padding: 0 !important; float: none !important; } #sidebar { position: static !important; margin-left: 0 !important; top: auto !important; float: none !important; width: 100% !important; } .featured-carousel .featured-content .feat-text h3 a { font-size: 18px; letter-spacing: 1px; } .featured-carousel .carousel-meta { margin-top: 5px; } .featured-carousel .carousel-meta span { font-size: 13px; } .featured-carousel .featured-cat a { font-size: 11px; } .about-widget { text-align: center; } .footer-widget-wrapper { width: 100%; margin: 0 0 30px 0; float: none; } .footer-widget-wrapper.last { margin-bottom: 0; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li { width: 33.33% !important; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li { width: 25% !important; } .widget .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li { width: 20% !important; } .container .penci-portfolio.column-3 .inner-portfolio-posts .portfolio-item { width: 50%; } .column-1-2, .column-1-3, .column-2-3, .column-1-4, .column-3-4 { width: 100%; margin: 0 0 30px 0; } .penci-masonry .item-masonry { width: 50%; } .standard-masonry .standard-content .standard-share-box { display: none; } .standard-masonry .standard-main-content.has-padding { min-height: 0; padding-left: 0; } ul.footer-socials li a span { display: none; } .inner-item-portfolio{ opacity: 1; } .penci-portfolio.loaded .inner-item-portfolio.animated { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; } .woocommerce div.product .product_title { font-size: 24px; } ul.penci-topbar-menu, div.penci-topbar-menu > ul{ display: none !important; } } /*--------- Max width 960px and min width 768px ---------*/ @media only screen and (min-width: 768px) and (max-width: 960px) { .container, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 726px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 766px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 420px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 420px; } #logo img { max-width: 600px; height: auto; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 35.3%; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 26px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 16px; } ul.homepage-featured-boxes { margin-left: -10px; margin-right: -10px; } ul.homepage-featured-boxes li { padding: 0 10px; } ul.homepage-featured-boxes li .penci-fea-in { height: 158px; } ul.homepage-featured-boxes.boxes-4-columns li{ width: 50%; } ul.homepage-featured-boxes.boxes-4-columns li:nth-child(3), ul.homepage-featured-boxes.boxes-4-columns li:nth-child(4) { margin-top: 20px; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { left: 8px; top: 8px; right: 8px; bottom: 8px; } .penci-grid li.list-post .item .content-list-right, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding-left: 378px; } .penci-grid .list-post.list-boxed-post .item .content-list-right { display: inline-block; padding: 20px 20px 20px 30px; min-height: 0; height: auto; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 14px; } .list-boxed-post .inner-content-list-right { vertical-align: top; display: block; } .penci-pinterest-widget-container .penci-images-pin-widget a { width: 16.6666%; } .penci-countdown .countdown-section { margin: 0 20px; } .penci-countdown .countdown-amount { font-size: 60px; } .penci-grid > li { width: 48.05%; margin-right: 3.9%; } .penci-layout-mixed .penci-grid > li { width: 100% !important; margin-right: 0 !important; } .penci-grid li:nth-of-type(3n+1) { clear: none; } .penci-grid > li:nth-of-type(3n+3) { margin-right: 3.9%; } .penci-grid li:nth-of-type(2n+2) { margin-right: 0; } .penci-grid li:nth-of-type(2n+1) { clear: both; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30.769%; margin-right: 3.8465%; } .woocommerce ul.products > li.product:nth-child( 4n+1 ), .woocommerce-page ul.products > li.product:nth-child( 4n+1 ) { clear: none; } .woocommerce ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page ul.products > li.product:nth-child( 3n+1 ) { clear: both; } .woocommerce ul.products > li.product:nth-child( 4n+4 ), .woocommerce-page ul.products > li.product:nth-child( 4n+4 ) { margin-right: 3.8465%; } .woocommerce ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page ul.products > li.product:nth-child( 3n+3 ) { margin-right: 0; } } /*--------- Max width 767px ---------*/ @media only screen and (max-width: 767px) { .container, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 300px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 330px; } .header-slogan .header-slogan-text { padding: 0 10px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 180px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 180px; } .featured-carousel .feat-text .feat-time { display: none; } .featured-carousel .featured-cat a { margin-bottom: 0; } .penci-magazine-slider ul.mag-wrap li { width: 100% !important; border: none !important; border-bottom: 4px solid transparent !important; } .penci-magazine-slider .mag-cat { display: none; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a, .penci-magazine-slider .mag-meta h3 a { font-size: 18px; } .penci-magazine-slider .mag-item-1 .mag-meta-child { margin-top: 5px; } .featured-carousel.style-7 .featured-content .feat-text h3, .wrapper-boxed.enable-boxed .featured-carousel.style-7 .featured-content .feat-text h3, .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .featured-carousel.style-7 .featured-content .feat-text h3 a:before, .featured-carousel.style-7 .featured-content .feat-text h3 a:after { content: none; display: none; } .penci-home-popular-posts { padding: 30px 0 0 0; border: none; } .penci-video-overlay { left: 10px; right: 10px; } .penci-video-custom-img { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; } h2.penci-heading-video { font-size: 18px; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } p.penci-sub-heading-video { font-size: 12px; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } ul.homepage-featured-boxes li { width: 100% !important; margin-bottom: 20px; } ul.homepage-featured-boxes li:last-child { margin-bottom: 0; } ul.homepage-featured-boxes.boxes-4-columns li .penci-fea-in { height: 247px; } #logo img { max-width: 100%; height: auto; } .post-header h1 a, .post-header h2 a, .post-header h1, .archive-box span, .archive-box h1 { font-size: 18px; letter-spacing: 1px; } .standard-content .standard-share-box { display: none; } .standard-main-content.has-padding { padding-left: 0; } .standard-main-content.has-padding, .standard-main-content.classic-main-content.has-padding { min-height: 0; } .post-image.audio iframe, .standard-post-image.audio iframe { height: 120px; width: 100%; } .thecomment .author-img { display: none; } .thecomment .comment-text { margin-left: 0; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, .wpcf7 p.name, .wpcf7 p.email, .wpcf7 p.subject { width: 100%; margin: 0; } .featured-carousel .featured-content .feat-text h3 a { letter-spacing: 1px; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 34%; } .featured-carousel > button.slick-next, .featured-carousel > button.slick-prev { right: 10px; } .featured-carousel > button.slick-prev, .penci-slider .penci-direction-nav .penci-prev { left: 10px; } .featured-carousel .featured-content { width: 340px; } .featured-carousel .featured-content .feat-text { padding: 20px 10px !important; } .standard-main-content > h2, .header-classic > h2, .error-404 .heading-text-404 { font-size: 24px; padding: 0; } .penci-slider.penci-loading { min-height: 250px; } .penci-slider ul.slides li .pencislider-container { padding: 0 65px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 18px; letter-spacing: 1px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 13px; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 20px 0 0; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { padding: 8px 20px; font-size: 12px; } .penci-slider .pencislider-container .pencislider-content .pencislider-button:before { content: none; display: none; } .standard-main-content > h2:before, .header-classic > h2 a:before, .header-classic > h2 a:after, .post-header h1 span:before, .post-header h2 span:before, .post-header h1 span:after, .post-header h2 span:after { content: none !important; } .container.penci_sidebar .penci-grid > li { width: 100% !important; margin: 0 0 40px !important; } .post-header h1 span, .post-header h2 span { padding: 0; } .penci-portfolio-filter ul { display: block; } .penci-portfolio-filter ul li { margin: 0 15px 15px; display: block; float: none; } .inner-portfolio-posts .portfolio-item { width: 100% !important; } .post-entry .penci-portfolio-filter ul li { display: block; margin: 0 0 6px 0; float: none; } .penci-grid .list-post.list-boxed-post .item > .thumbnail, .penci-grid .list-post.list-boxed-post .item .content-list-right, .penci-grid li.list-post .item > .thumbnail, .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { width: 100%; display: block; height: auto; min-height: 0; float: none; max-width: 100%; } .penci-grid .list-post.list-boxed-post .item > .thumbnail:before { content: none; display: none; } .penci-grid li { width: 100% !important; margin-right: 0 !important; float: none; } .container.penci_sidebar .penci-masonry .item-masonry { width: 100%; float: none; position: static !important; margin-bottom: 30px; } .penci-grid li.list-post .item .content-list-right { padding: 0; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 30px; } .penci-grid li.list-post .item > .thumbnail { margin-bottom: 30px; } .penci-grid .list-post.list-boxed-post .item > .thumbnail { margin-bottom: 0; } .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail { width: 100%; } .penci-masonry .item-masonry { width: 100% !important; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 22px; } .home-featured-cat-content .mag-photo { width: 100%; margin-bottom: 15px; } .home-featured-cat-content .cat-left, .home-featured-cat-content .cat-right { width: 100%; float: none; } .home-featured-cat-content .cat-left { margin-bottom: 30px; } .home-featured-cat.mag-cat-style-2 { width: 100%; margin: 0 0 20px 0; float: none; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-detail { padding: 0; } .home-featured-cat-content.style-6 .mag-post-box.first-post .magcat-thumb { margin-bottom: 24px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box { margin-right: 0; width: 100%; float: none; display: table; padding-bottom: 15px; border-bottom: 1px solid #DEDEDE; margin-bottom: 15px; } .home-featured-cat-content.style-6 .cat-right .mag-post-box:last-child { border: none; } .content-special-list { padding: 15px; } .format-post-box .post-format-icon { top: 10px; margin-left: -35px; } .format-post-box .post-format-icon i { font-size: 24px; } .format-post-box.penci-format-quote .dt-special, .format-post-box .dt-special, .format-post-box .dt-special a { font-size: 16px; line-height: 1.7; } .author-quote span { font-size: 13px; } .under-construction-page .under-title { font-size: 23px; } .penci-countdown .countdown-section { margin: 0 5px; } .penci-countdown .countdown-amount { font-size: 30px; } .penci-countdown .countdown-period { font-size: 13px; letter-spacing: 1px; margin: 15px 0 0; } .post-entry h1 { font-size: 24px; } .post-entry h2 { font-size: 22px; } .post-entry h3 { font-size: 20px; } .post-entry h4 { font-size: 18px; } .post-entry h5 { font-size: 16px; } .post-entry h6 { font-size: 15px; } ul.footer-socials li { margin-right: 25px; } .penci-header-signup-form h4.header-signup-form, .header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 { font-size: 20px; letter-spacing: 1px; } .tags-share-box { padding: 20px 0; } .post-share { position: static; margin-top: 15px; clear: both; display: block; } .penci-overlay-over .overlay-header-box { padding: 0; left: 10px; right: 10px; } .overlay-header-box .cat, .overlay-header-box .overlay-author { display: none; } .overlay-header-box .overlay-title a { font-size: 18px; } .penci-overlay-over .overlay-header-box:after { content: none; display: none; } .overlay-post-box-meta { position: static; padding: 20px 0 0; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 20px; } .home-featured-cat-content .penci-single-mag-slider .grid-post-box-meta { margin-top: 7px; } .post-pagination .prev-post, .post-pagination .next-post { float: none; width: 100%; display: table; } .post-pagination .prev-post { margin-bottom: 15px; } .woocommerce .penci_sidebar #content div.product div.images, .woocommerce .penci_sidebar div.product div.images, .woocommerce-page .penci_sidebar #content div.product div.images, .woocommerce-page .penci_sidebar div.product div.images, .woocommerce .penci_sidebar #content div.product div.summary, .woocommerce .penci_sidebar div.product div.summary, .woocommerce-page .penci_sidebar #content div.product div.summary, .woocommerce-page .penci_sidebar div.product div.summary, .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 100%; float: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block; margin-bottom: 10px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .penci_sidebar ul.products li.product, .woocommerce-page .penci_sidebar ul.products li.product { width: 48%; margin-right: 4%; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+1 ) { clear: none; } .woocommerce .penci_sidebar ul.products > li.product:nth-child( 3n+3 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 3n+3 ) { margin-right: 4%; } .woocommerce ul.products li.product:nth-child(2n+2), .woocommerce-page ul.products li.product:nth-child(2n+2), .woocommerce .penci_sidebar ul.products > li.product:nth-child( 2n+2 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 2n+2 ) { margin-right: 0; } .woocommerce ul.products li.product:nth-child(2n+1), .woocommerce-page ul.products li.product:nth-child(2n+1), .woocommerce .penci_sidebar ul.products > li.product:nth-child( 2n+1 ), .woocommerce-page .penci_sidebar ul.products > li.product:nth-child( 2n+1 ) { clear: both; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce ul.cart_list li .amount, .woocommerce ul.product_list_widget li .amount, .woocommerce table.shop_table td.product-price span, .woocommerce table.shop_table td.product-subtotal span, .woocommerce-cart .cart-collaterals .cart_totals table td .amount { font-size: 16px; } .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions input { width: auto; } .woocommerce #reviews #comments ol.commentlist li img.avatar { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-left: 0; } } /*--------- Max width 767px and Min width 480px ---------*/ @media only screen and (min-width: 480px) and (max-width: 767px) { .container, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 480px; } .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 520px; } .featured-area .featured-carousel, .featured-area .featured-carousel.style-2, .penci-slick-slider { max-height: 280px; } .featured-area.style-4, .featured-area.style-5, .penci-magazine-slider.penci-loading { min-height: 280px; } #logo img { max-width: 100%; height: auto; } .standard-post-image .audio-iframe, .standard-content-special { left: 15px; right: 15px; bottom: 15px; } .post-image.audio iframe { width: 100%; height: auto; } .penci-countdown .countdown-section { margin: 0 15px; } .penci-countdown .countdown-amount { font-size: 40px; } .penci-countdown .countdown-period { font-size: 16px; margin: 20px 0 0; } } /*--------- Max width 479px ---------*/ @media only screen and (max-width: 479px) { .header-slogan .header-slogan-text { font-size: 12px; padding: 0 10px; } #navigation.header-6 #top-search { margin-left: 5px; } #navigation.header-6 #logo img { max-width: 200px; } .featured-carousel .featured-content { width: 250px; } .featured-carousel .featured-content .feat-text h3 a { font-size: 16px; } .featured-carousel .carousel-meta { display: none; } .penci-magazine-slider .mag-item-1 .mag-meta h3 a, .penci-magazine-slider .mag-meta h3 a { font-size: 14px; } .penci-magazine-slider .mag-item-1 .mag-meta { padding: 15px; } .penci-magazine-slider .penci-direction-nav a.penci-prev { left: 10px; } .penci-magazine-slider .penci-direction-nav a.penci-next { right: 10px; } .penci-magazine-slider ul.mag-wrap li .mag-content { width: 100% !important; border: none !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li .mag-content { margin-bottom: 5px !important; } .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-1, .penci-magazine-slider.penci-mag3-slider ul.mag-wrap li.mag-item-2 { margin: 0 !important; border: none !important; } .featured-carousel.style-7 .featured-content { bottom: 5px; } .featured-carousel.style-7 .featured-content .feat-text h3 a { padding: 0; } .standard-post-image .audio-iframe, .standard-content-special { left:10px; right: 10px; bottom: 10px; } ul.homepage-featured-boxes li .penci-fea-in { height: 200px !important; } ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 .fea-box-img:before { top: 10px; left: 10px; bottom: 10px; right: 10px; } .footer-widget-wrapper .quote-widget > p { padding-left: 35px; } .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 15px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 13px; } .post-box-meta span.author-post { display: none; } .standard-post-special.penci-special-format-quote .standard-content-special { position: relative; left: auto; right: auto; bottom: auto; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #DEDEDE; border-top: none; } .format-post-box { padding-left: 20px; padding-right: 20px; } .format-post-box.penci-format-link { padding: 15px; } .format-post-box .dt-special a { font-size: 14px; } .post-entry blockquote { padding: 0 0 0 40px; } .post-entry blockquote:before { font-size: 56px; } .post-entry blockquote, .post-entry blockquote p { font-size: 15px; } .post-author .author-content { margin: 0; } .author-img { margin-right: 20px; } .author-img img { width: 80px; height: auto; margin: 0; } .item-related h3 a, .post-box-title, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, .author-content h5, .author-content h5 a { font-size: 18px; } .penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next, .penci-magazine-slider .penci-direction-nav a { width: 32px; height: 32px; line-height: 32px; margin-top: -16px; font-size: 15px; } .penci-slick-slider > button.slick-next { right: 10px; } .penci-slick-slider > button.slick-prev { left: 10px; } .penci-slick-slider > button.slick-prev i, .penci-slick-slider > button.slick-next i { line-height: 32px; font-size: 15px; } .featured-carousel > button.slick-prev, .featured-carousel > button.slick-next { display: none !important; } .featured-carousel .featured-content { width: 240px; top: 37%; } .featured-carousel .featured-cat a { padding: 2px 10px 1px; } .featured-carousel.style-2 .featured-content { top: 37%; } .featured-carousel .featured-content .feat-text { padding: 15px 10px !important; } .standard-main-content > h2, .header-classic > h2, .error-404 .heading-text-404 { font-size: 20px; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short, .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 17.5%; } .featured-carousel .featured-cat { margin-bottom: 5px; } .wrapper-boxed.enable-boxed .featured-carousel .featured-content .feat-text h3 a, .featured-carousel .featured-content .feat-text h3 a { font-size: 14px; letter-spacing: 1px; } .penci-slider.penci-loading { min-height: 160px; } .penci-slider ul.slides li .pencislider-container { padding: 0 20px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 14px; letter-spacing: 1px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 12px; margin: 3px 0 0; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 14px 0 0; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { padding: 5px 10px; font-size: 10px; } .penci-slider .penci-direction-nav .penci-prev, .penci-slider .penci-direction-nav .penci-next { display: none !important; } .penci-grid .list-post.list-boxed-post .item .content-list-right { padding: 30px 15px !important; clear: both; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { font-size: 16px; } .penci-photo-2-effect figcaption h2, .penci_sidebar .penci-photo-2-effect figcaption h2 { font-size: 14px; } .container .penci-grid li.typography-style .grid-post-box-meta { display: none; } .grid-mixed .mixed-detail { padding: 30px 15px; } .grid-mixed .mixed-detail h2 a { font-size: 16px; } .typography-style .content-typography { left: 10px; right: 10px; top: 10px; bottom: 10px; } .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2, .penci_sidebar .penci-grid li.list-boxed-post-2 .inner-parent-boxed-2 { min-height: 200px; height: auto; padding: 30px 15px; } .error-404 .sub-heading-text-404 { font-size: 13px; } .penci-post-box-meta, .penci-post-box-meta.post-box-boxed-1 { text-align: center; } .penci-post-box-meta .penci-post-share-box { display: block; float: none; margin-top: 15px; } .penci-post-box-meta .penci-box-meta i.fa { display: none; } .penci-more-link a.more-link { font-size: 12px; padding: 5px 0; } .widget .tagcloud a { font-size: 10px !important; padding: 4px 10px 3px; margin-right: 4px; margin-bottom: 8px; } .penci-header-signup-form h4.header-signup-form, .header-standard h2, .header-standard .post-title, .header-standard h2 a, .penci-page-header h1 { font-size: 18px; } .cat > a.penci-cat-name, .penci-grid li .item .cat a, .penci-masonry .item-masonry .cat a { font-size: 11px; } .home-featured-cat-content .mag-photo .magcat-detail { padding: 15px; width: 100%; } .home-featured-cat-content .mag-photo .magcat-detail h3 a { font-size: 16px; letter-spacing: 0; } .home-featured-cat-content .magcat-detail .mag-meta { margin-top: 5px; } .home-featured-cat-content .mag-photo .grid-post-box-meta span, .home-featured-cat-content .mag-photo .grid-post-box-meta span a { font-size: 12px; } .home-featured-cat-content .magcat-detail h3 a { font-size: 15px; line-height: 1.3; } .home-featured-cat-content .magcat-detail .mag-meta span { font-size: 13px; } .post-box-meta-single span { display: block; margin-top: 5px; } .post-box-meta-single span:before { content: ""; display: none; } .penci-pagination a, .penci-pagination .disable-url { font-size: 11px; } .penci-pagination a i { font-size: 12px; } ul.slick-dots li button { margin: 0 3px; } .home-pupular-posts-title { font-size: 16px; } #footer-copyright * { font-size: 12px; } a img.alignleft, a img.alignright, a img.alignnone { margin: 0 0 30px 0; float: none; } .post-entry ul { padding-left: 25px; } .post-entry ol { padding-left: 43px; } .item-related h3 a, .post-box-title, .thecomment .comment-text span.author, .thecomment .comment-text span.author a, .author-content h5, .author-content h5 a, .archive-box span, .archive-box h1 { font-size: 16px; } .post-header h1 { font-size: 16px; } .page .post-header h1 { font-size: 20px; } .post-tags { display: block; } .post-share { display: block; float: none; margin-top: 8px; } .post-share .share-title { display: inline-block; } .post-pagination .prev-post, .post-pagination .next-post { width: 100%; float: none; } .post-pagination .prev-post { margin-bottom: 15px; } .penci-post-nav-thumb { display: none !important; } .comments ul.children { margin: 0 0 0 35px; } #sidebar-nav { width: 270px; transform: translateX(-270px); -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); } .open-sidebar-nav #close-sidebar-nav { left: 270px; } .open-sidebar-nav #sidebar-nav { left: 270px; } .penci-pagination ul.page-numbers li { margin-right: 5px; } .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a { width: 25px; } ul.footer-socials li { margin-right: 10px; } ul.footer-socials li a { line-height: 32px; } ul.footer-socials li a i { width: 32px; height: 32px; line-height: 32px; font-size: 14px; } #footer-logo img { max-width: 280px; } .footer-instagram h4.footer-instagram-title span { padding: 0 20px; font-size: 12px; } .comments .children, .comments > .comment > .comment, .comments > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment > .comment { margin: 0 0 0 30px; } .overlay-header-box .overlay-title a { font-size: 16px; } .overlay-post-box-meta > div { margin-top: 15px; } .overlay-post-box-meta > div:first-child { margin-top: 0; display: block; } .overlay-post-box-meta > div:after { content: none; display: none; } .penci-single-mag-slider .magcat-detail { padding: 10px 15px; } .penci-single-mag-slider .magcat-detail .magcat-titlte { font-size: 15px; } .home-featured-cat-content .magcat-detail .mag-meta { display: none; } .footer-menu li { padding: 0 5px; } .penci-post-gallery-container.masonry .item-gallery-masonry { width: 100% !important; opacity: 1; } .penci-post-gallery-container.masonry .item-gallery-masonry.animated { animation-name: none; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .penci_sidebar ul.products li.product, .woocommerce-page .penci_sidebar ul.products li.product { width: 100% !important; margin-right: 0 !important; } .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-author, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-email, .woocommerce div.product .woocommerce-tabs .panel #respond p.comment-form-url { max-width: 300px; } .woocommerce table.shop_table th { font-size: 12px; } .woocommerce table.shop_table .quantity .qty { width: 46px; font-size: 14px; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 48%; margin-right: 0; margin-bottom: 20px; } .woocommerce table.shop_table a.remove { width: 20px; height: 20px; line-height: 18px; font-size: 20px; } .woocommerce table.shop_table td.product-name a { font-size: 14px; padding-left: 5px; } } @media screen and (max-width: 782px) and ( min-width: 601px ) { .admin-bar .is-sticky #navigation { top: 46px !important; } } @media screen and (max-width: 600px) { .is-sticky #navigation { top: 0 !important; z-index: 999999; } #sidebar-nav, #close-sidebar-nav { z-index: 9999999; } #close-sidebar-nav i { display: inline-block; } }