/* Theme Name: soledad Theme URI: http://pencidesign.com/.blog-banner Description: A Multi-Concept Blog/Magazine WordPress Theme Author: PenciDesign Author URI: http://pencidesign.com/ Version: 2.2.6 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 -----------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700'); @font-face { font-family: 'Open Sans Condensed'; font-weight: 300; font-style: normal; src: url('./fonts/Open-Sans-Condensed-300/Open-Sans-Condensed-300.eot'); src: url('./fonts/Open-Sans-Condensed-300/Open-Sans-Condensed-300.eot?#iefix') format('embedded-opentype'), local('Open Sans Cond Light'), local('Open-Sans-Condensed-300'), url('./fonts/Open-Sans-Condensed-300/Open-Sans-Condensed-300.woff2') format('woff2'), url('./fonts/Open-Sans-Condensed-300/Open-Sans-Condensed-300.woff') format('woff'), url('./fonts/Open-Sans-Condensed-300/Open-Sans-Condensed-300.ttf') format('truetype'), url('./fonts/Open-Sans-Condensed-300/Open-Sans-Condensed-300.svg#OpenSansCondensed') format('svg'); } @font-face { font-family: 'Open Sans Condensed'; font-weight: 700; font-style: normal; src: url('./fonts/Open-Sans-Condensed-700/Open-Sans-Condensed-700.eot'); src: url('./fonts/Open-Sans-Condensed-700/Open-Sans-Condensed-700.eot?#iefix') format('embedded-opentype'), local('Open Sans Condensed Bold'), local('Open-Sans-Condensed-700'), url('./fonts/Open-Sans-Condensed-700/Open-Sans-Condensed-700.woff2') format('woff2'), url('./fonts/Open-Sans-Condensed-700/Open-Sans-Condensed-700.woff') format('woff'), url('./fonts/Open-Sans-Condensed-700/Open-Sans-Condensed-700.ttf') format('truetype'), url('./fonts/Open-Sans-Condensed-700/Open-Sans-Condensed-700.svg#OpenSansCondensed') format('svg'); } @font-face { font-family: 'Open Sans Condensed'; font-weight: 300; font-style: italic; src: url('./fonts/Open-Sans-Condensed-300italic/Open-Sans-Condensed-300italic.eot'); src: url('./fonts/Open-Sans-Condensed-300italic/Open-Sans-Condensed-300italic.eot?#iefix') format('embedded-opentype'), local('Open Sans Cond Light Italic'), local('Open-Sans-Condensed-300italic'), url('./fonts/Open-Sans-Condensed-300italic/Open-Sans-Condensed-300italic.woff2') format('woff2'), url('./fonts/Open-Sans-Condensed-300italic/Open-Sans-Condensed-300italic.woff') format('woff'), url('./fonts/Open-Sans-Condensed-300italic/Open-Sans-Condensed-300italic.ttf') format('truetype'), url('./fonts/Open-Sans-Condensed-300italic/Open-Sans-Condensed-300italic.svg#OpenSansCondensed') format('svg'); } @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); /** Raleway font **/ /*@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900,200,100);*/ /** PT Serif font **/ /*@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic);*/ /** Playfair Display SC **/ /*@import url(https://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}} */ /* = 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; } .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 **/ 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: 7px; } .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; } .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; } /* = 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: 54px; margin: 0 15px; 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; } /* 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: 10px 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 > ul.sub-menu { display: none !important; } #navigation .menu li.penci-mega-menu > ul.sub-menu { width: 100%; padding: 0 !important; clear: both; display: block; } .penci-megamenu { display: none; } #navigation .penci-megamenu { width: 100%; display: table; } #navigation .penci-megamenu .penci-mega-child-categories { width: 230px; display: table-cell; vertical-align: top; background: #ffffff; padding: 20px 0; position: relative; } #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 15px 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; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post { width: 25%; } #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; } #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: #e414141; 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: 15px; right: 15px; 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: 35px; height: 58px; 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 { 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; } #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.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: 36px; line-height: 36px; display: block; width: 120px; font-size: 12px; text-align: center; text-transform: uppercase; color: #fff; background: #6eb48c; position: absolute; z-index: 20; top: -13px; 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: 18px solid transparent; } .featured-carousel .feat-text .feat-time:before { border-right-color: #6eb48c; left: -36px; } .featured-carousel .feat-text .feat-time:after { border-left-color: #6eb48c; right: -36px; } .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 { 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 { left: 30px; } .featured-area button.slick-next, .penci-slider .penci-direction-nav .penci-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 { 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 { 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 { 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-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; } .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: 5; 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 li:hover .mag-overlay { opacity: 0.8; } /* = 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; } /* = 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: -10px; left: 50%; border-top-color: #313131; border-width: 10px; border-bottom: 0; margin-left: -10px; 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 15px 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; } .penci-grid > li { display: inline-block; vertical-align: top; width: 31.62%; margin-bottom: 51px; float: left; margin-right: 2.57%; } .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: 50px; background: none; top: 50%; left: 50%; margin: -30px 0 0 -30px; font-size: 18px; opacity: 1; color: #313131; 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; } .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: ""; } /* = 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: table; 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: 40px; } .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 .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 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 .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; } /* 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; } .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.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; } .container-single-fullwidth .post-image { margin-bottom: 40px; } .post-image img { max-width: 100%; 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"] { 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.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; } /*** 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-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%; } .item-related > a:hover { opacity: 0.85; } .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; } .penci-pagination ul.page-numbers li { display: inline-block; float: left; margin-right: 10px; } .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; } /* = 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: 40px; display: inline-block; vertical-align: top; } ul.footer-socials li a i { width: 40px; height: 40px; line-height: 38px; 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: 16px; 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 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: 25%; padding: 0 15px; 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 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; } .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.86; } .jr-insta-thumb ul.thumbnails li a { position: relative; display: inline-block; vertical-align: top; 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: 30px; } .thecomment .comment-text { margin-left: 130px; position: relative; } .thecomment .comment-text span.author, .thecomment .comment-text span.author a { display: block; font-size: 14px; 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: 12px; 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, .wpcf7 select, .widget_wysija input { padding: 14px 20px; border: 1px solid #DEDEDE; margin-bottom: 28px; font-size: 12px; width: 100%; font-weight: normal; font-family: 'PT Serif', serif; max-height: 50px; display: block; } #respond input:focus, .wpcf7 input:focus { outline: none; } #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 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-weight: bold; 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; } /* = 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; } /* = 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 { list-style: none; display: inline-block; vertical-align: top; padding: 0 !important; margin: 0; } .post-entry .penci-portfolio-filter ul li { display: inline-block; float: left; margin: 0 15px; padding: 0; } .post-entry .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 { 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; 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; } } @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 .penci-mega-post:nth-child(5), #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts.col-mn-4 .penci-mega-post:nth-child(4) { display: none; } #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 .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 { 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: 5px; } ul.footer-socials li a i { width: 38px; height: 38px; line-height: 38px; } .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; } } /*--------- Min width 961px ---------*/ @media only screen and (min-width: 961px) { #navigation .menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; width: 96.3%; } } /*--------- 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; } .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; } } /*--------- 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 .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 { 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%; margin-bottom: 20px; } ul.homepage-featured-boxes li:last-child { margin-bottom: 0; } #logo img { max-width: 290px; 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 { 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: 35px; } .home-featured-cat.mag-cat-style-2 { width: 100%; margin: 0 0 20px 0; float: 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: 460px; 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; } .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; } 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; } .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; } .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; } } div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } .wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } .wpcf7-recaptcha iframe { margin-bottom: 0; } span.wpcf7-not-valid-tip { direction: rtl; } .use-floating-validation-tip span.wpcf7-not-valid-tip { left: auto; right: 20%; } span.wpcf7-list-item { margin-left: 0; margin-right: 0.5em; } .container-fluid .portfolio-item { width: 25% !important; } @media all and (max-width: 1024px) { .container-fluid .portfolio-item { width: 50% !important; } } .container-fluid .vc_row, .container .vc_row { margin: 0 !important; } .pri-list-container li a span { font-size: 10px; text-align: left; } .pri-list-container li { margin-bottom: 5px !important; } .pri-list-container { margin-bottom: 5px !important; } .soliloquy-caption { height: 100%; top: 0; left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.3) !important; } .soliloquy-caption-inside { background: transparent !important; font-size: 38px !important; font-weight: normal; text-transform: uppercase !important; } .soliloquy-caption-inside h1 { color: #fff; font-size: 60px; font-weight: bold; text-transform: uppercase; } @media screen and (max-width: 960px) { .soliloquy-caption-inside h1 { font-size: 28px !important; } .soliloquy-caption-inside { font-size: 18px !important; } .soliloquy-caption { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1170px) { .sticky-wrapper #navigation .menu li a { font-size: 12px !important; } .sticky-wrapper #navigation .menu li { margin-right: 8px !important; } } .headline-title { letter-spacing: 1px; } /* FROM CUSTOM CSS */ .penci-page-header { margin: 0px 0 10px 0; padding-bottom: 0px; text-align: left; font-size: 29px; position: relative; } .penci-page-header:after, .penci-page-header:before { content: ""; width: 12px; height: 12px; position: center; left: 0%; margin-left: 0px; bottom: 8px; background: #e41111; } .penci-pagination { margin-bottom: 10px; margin-top: 25px; overflow: hidden; clear: both; text-align: center; } .penci-page-header h1 { font-size: 29px; text-transform: uppercase; } .archive-box:after, .archive-box:before { content: ""; width: 0px; height: 0px; position: center; left: 50%; margin-left: 0px; bottom: 8px; background: #e41111; } .archive-box span, .archive-box h1 { font-size: 29px; font-weight: normal; color: #313131; text-transform: uppercase; } .post-entry.page-has-margin { margin-bottom: 5px; } article.page.type-page { margin-bottom: 0px; } .featured-area { margin-top: -61px; margin-bottom: -20px; position: relative; } .page-content-title { font-size: 29px; line-height: 90%; font-family: "Open Sans Condensed"; font-weight: normal; text-transform: uppercase; } .header-standard .post-title, .header-standard h2 a { color: #313131; font-size: 29px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-align: left; padding-left: 0; } .header-standard .post-title::before { content: ''; display: inline-block; height: 10px; width: 10px; margin-right: 5px; background-color: #e41111; } @media only screen and (max-width: 900px) { .header-standard .post-title, .header-standard h2 a { color: #313131; font-size: 18px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } } .inner-portfolio-posts .portfolio-item { width: 33.33333%; padding: 5px 5px 5px 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; margin-bottom: 0px; } .penci-portfolio-thumbnail a:after { opacity: 0; position: absolute; top: 0%; right: 0; bottom: 0; left: 0; background: #cccccc content: ""; -webkit-transition: .5s; transition: .5s; z-index: 10; } .inner-item-portfolio .portfolio-desc { position: absolute; text-align: center; top: 50%; width: 100%; padding: 25px; margin: 0; z-index: 12; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-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; border:0px solid #cccccc; padding:0px; } #navigation .menu li { margin-right: 22px !important; } #navigation .menu li a { letter-spacing: 0px; color: #FFFFFF; line-height: 58px; text-transform: uppercase; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; position: relative; text-decoration: none; font-size: 14px !important; } .portfolio-page-content .portfolio-detail { margin: 0 auto; max-width: 1200px; } h1 { font-size: 29px; padding-left:18px; font-weight: normal !important; color: #313131; text-transform: uppercase; } h2 { font-size 22px; text-transform: uppercase; padding-left: 15px; font-weight: normal !important; } h3 { font-size: 29px; padding-left:0px; font-weight: normal !important; text-transform: uppercase; } h4 { font-size 12px; text-transform: uppercase; padding-left: 0px; font-weight: normal !important; } h5 { font-size: 24px; text-transform: uppercase; font-weight: normal !important; color: #000000; } h6 { font-size: 20px; text-transform: uppercase; font-weight: normal !important; margin-bottom: px; } .wheel-page-content { font-size: 12.5px; margin-top: -8px; line-height: 100%; text-transform: uppercase; font-family: "Open Sans Condensed"; letter-spacing: 0px; font-weight: 500; } .wheel-page-gray-box { font-size: 18px; font-family: "Open Sans Condensed"; font-weight: normal; text-transform: uppercase; color: #000000; } .post-entry h1 { font-size: 29px; font-weight: normal; text-transform: uppercase; } .gallery-item-font { font-size: 16px; line-height: 1.3em; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 0; } @media only screen and (max-width: 768px) { .clear-footer{ margin-top: 25px; } article.page.type-page { margin-bottom: 90px; } .header-banner.header-style-3 { visibility: hidden; margin: -10px 0px -60px 0px; clear: both; display: none; } .post-entry h1 { font-size: 18px; font-weight: normal; text-transform: uppercase; } .penci-page-header h1 { font-size: 20px; padding-bottom:15px; text-align: center; font-weight:normal; text-transform: uppercase; } h2 { font-size 14px; text-transform: uppercase; padding-left: 15px; font-weight: normal; } h3 { font-size: 19px; padding-left:0px; font-weight: normal; text-transform: uppercase; } h4 { font-size 12px; text-transform: uppercase; padding-left: 0px; font-weight: normal; } h5 { font-size: 14px; text-transform: uppercase; font-weight: normal; color: #000000; } h6 { font-size: 12px; text-transform: uppercase; font-weight: normal; margin-bottom: px; } .page-content-title { font-size: 19px; line-height: 90%; font-family: "Open Sans Condensed"; font-weight: normal; text-transform: uppercase; } .penci-page-header { margin: 0 0 5px 0; padding-bottom: 0px; text-align: left; font-size: 29px; position: relative; } .penci-page-header:after, .penci-page-header:before { content: ""; position: center; display: block !important; left: 0%; margin-left: 0px; bottom: 15px; background: #e41111; } } .footer-widget-wrapper .widget .widget-title { color: #000000 !important; margin: 0 0 30px !important; letter-spacing: 0.2px !important; position: relative !important; text-align: left !important; font-size: 22px !important; text-transform: uppercase !important; font-weight: 900 !important; background: none !important; } .footer-widget-wrapper .widget .widget-title:after { width: 100% !important; bottom: -4px !important; left: 0 !important; border: none !important; border-bottom: 0px solid #313131 !important; height: auto !important; } .widget ul.side-newsfeed li.featured-news .side-item .side-item-text h4 a { font-size: 14px; margin-bottom: 12px; text-transform: uppercase; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { letter-spacing: 0; color: #ffffff; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 12px; text-transform: uppercase; } .penci-category-description { margin-bottom: 15px; margin-top: 2px; font-family: "sans-condensed"; align: left; text-transform: uppercase; line-height: 1.8; } .penci-category-description.align-center { text-align: left; } #navigation ul.menu > li, #navigation .menu > ul > li{ display: inline-block; position: relative; float: left; margin-right: 20px; } #navigation .menu li a { font-size: 16px !important; font-weight: normal; letter-spacing: 0.1px; color: #000000; line-height: 70px; 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; } #top-search > a { height: 70px; font-size: 18px; font-family: 'sans-condensed'; line-height: 70px; color: #fff !important; cursor: pointer; background: #e41111; 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 { float: right; text-align: center; width: 50px; } @media only screen and (max-width: 960px){ #top-search { width: 40px; } } .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: #e41111; 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: 14px; } @media only screen and (max-width: 767px){ .wrapper-boxed.enable-boxed, .wrapper-boxed.enable-boxed .is-sticky #navigation { max-width: 99%; padding: 0 0px; } } .clear-footer{ margin-top: 0px !important; } .footer-logo-copyright { padding: 40px 0 53px; text-align: left; } .footer-container{ width: 100% } .footer-container [class^=item-]{ width: 33.33%; padding: 40px 0 53px; text-align: left; height: 33.33333% } .footer-cols-wrap{ padding: 0 15px; text-align: left; margin-top: 15px; } .footer-cols{ display: flex; margin: 0 -15px; } @media only screen and (max-width: 992px){ .footer-cols{ display: block; margin: 0 -15px; } } .footer-cols h1{ text-transform: uppercase; font-size: 22px; text-align: justify; padding: 0; margin-bottom: 2px; font-weight: bold; color: #e41111; } .footer-cols h5{ font-size: 14px; text-transform: uppercase; font-weight: normal; color: #fff; } .footer-cols h1:first-child{ margin-top: 0; } .footer-cols a{ text-transform: uppercase; font-size: 14px; text-decoration: none; font-weight: bold; color: #F8C22E; } .footer-col-1, .footer-col-2, .footer-col-3{ width: 33.33%; padding: 15px; } @media only screen and (max-width: 992px){ .footer-col-1, .footer-col-2, .footer-col-3{ width: 100%; padding: 15px; } } .footer-col-1 img, .footer-col-2 img, .footer-col-3 img{ max-width: 100%; height: 48px; } .footer-form form{ display: flex; margin-top: 4px; } .footer-form form input[type='text'], .footer-form form input[type='email']{ flex: 1; height: 40px; background-color: #666; border: none; padding: 0 10px; border-radius: 0; -webkit-appearance: none; outline: none; } .footer-form form input[type='submit']{ border: none; background-color: #F8C22E; color: #fff; text-transform: uppercase; font-weight: ; padding: 0 10px; height: 40px; border-radius: 0; -webkit-appearance: none; cursor: pointer; outline: none; } .footer-form .response{ margin-top: 10px; font-family: "Open Sans Condensed"; font-size: 14px; } .footer-copyright{ text-align: right; font-family: "Open Sans Condensed"; margin-top: 5px; padding-right: 5%; font-weight: 500; color: #e4e4e4; font-size: 14px; padding-top: 0px; padding-bottom: 20px; text-transform: uppercase; border-top: 0px solid #666; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom: 2px; font-size: 12px; display: block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; letter-spacing: 1.2px; } /* FORM CSS */ .adv1-form h1 { font-size: 34px; font-weight: normal; margin-top: 0; } @media only screen and (max-width: 992px) { .adv1-form h1 { font-size: 24px; } } .adv1-form h1 span { color: #e41111; font-weight: 800; font-size: 110px; } @media only screen and (max-width: 992px) { .adv1-form h1 span { font-size: 32px; } } .adv1-form__title { font-size: 35px; line-height: 1.2; font-family: 'Open Sans Condensed', sans-serif; color: #313131; } .adv1-form__title span { color: #e41111; font-size: 110px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700 !important; } .adv1-form__section { padding: 30px 0; border-bottom: 2px solid #e4e4e4; } .adv1-form__section--last { padding-bottom: 25px; border-bottom: none; } @media only screen and (max-width: 992px) { .adv1-form__section { padding: 25px 0; } } .adv1-form__section img { width: 100%; display: block; margin-top: 50px; } .adv1-form__section .ajax-loader { width: auto; margin-top: 10px; display: inline-block; } @media only screen and (max-width: 992px) { .adv1-form__section img { display: none; } } .adv1-form__row { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 992px) { .adv1-form__row { display: block; } } .adv1-form__col img { margin-top: 10px; } .adv1-form__col { width: 70%; } .adv1-form__col:first-child { width: 30%; } @media only screen and (max-width: 992px) { .adv1-form__col { width: 100% !important; } } .adv1-form__col-group { padding-left: 75px; } .adv1-form--portfolio .adv1-form__col-group { padding-left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 992px) { .adv1-form--portfolio .adv1-form__col-group { display: block; } } @media only screen and (max-width: 992px) { .adv1-form__col-group { padding-left: 0; } } .adv1-form__col-group span { display: block; width: 100%; margin: 15px 0 15px 0; } .adv1-form__section input[type="checkbox"] { height: 20px; width: 20px; } .adv1-form__section span[class*="acceptance-"] { float: left; width: auto; margin-right: 15px; } .adv1-form__col-group span span { margin: 5px 0; font-weight: bold; } .adv1-form--portfolio .adv1-form__col-group span { margin: 0; font-weight: bold; margin-right: 5px; } .adv1-form--portfolio input{ height: 46px !important; } .adv1-form--portfolio .adv1-form__col-group span input, .adv1-form--portfolio .adv1-form__col-group span select{ width: 100% !important; height: 46px !important; } .adv1-form__col-group span input[type='text'], .adv1-form__col-group span input[type='email'], .adv1-form__col-group span select { width: 100%; display: block; background: #c8c8c8; max-width: 100% !important; font-size: 18px; padding: 10px; border: none; outline: none; font-family: 'Open Sans Condensed', sans-serif; } @media only screen and (max-width: 992px) { .adv1-form__col-group span input[type='text'], .adv1-form__col-group span select { width: 100%; } } .adv1-form__col-group span textarea { width: 100%; min-height: 150px; display: block; background: #c8c8c8; font-size: 18px; padding: 10px; border: none; outline: none; } .adv1-form__col-group input[type="submit"] { color: #fff; background: #000; border: none; padding: 10px; font-size: 18px; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; } .adv1-form__text { font-size: 16px; line-height: 1.8em; font-family: 'Open Sans', sans-serif; } .adv1-form__text span { color: #e41111; display: block; } .adv1-form__group { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 992px) { .adv1-form__group { display: block; } } .adv1-form__group span { display: block; width: 32%; } @media only screen and (max-width: 992px) { .adv1-form__group span { width: 100%; margin: 10px 0; } } .adv1-form__group span input[type='text'], .adv1-form__group span select { width: 100%; display: block; background: #c8c8c8; font-size: 18px; padding: 10px; border: none; outline: none; font-family: 'Open Sans Condensed', sans-serif; } @media (max-width: 480px){ .quote-form-gallery { display: none; } } div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } .wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } .wpcf7-recaptcha iframe { margin-bottom: 0; } .headline-title { background-color: #1c1c1c !important; color: #e41111 !important; } .headline-title a font { color: #fff; } .headline-title a:hover font { color: #e41111; } #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: #e41111 !important; } #navigation .menu li a:hover, #navigation .menu li:hover > a { color: #666 !important; } #navigation .menu li a span { color: #e41111 !important; } .penci-home-popular-post ul.slick-dots li button:hover, .penci-home-popular-post ul.slick-dots li.slick-active button, .archive-box:after, .archive-box:before, .penci-page-header:after, .penci-page-header:before, .post-entry blockquote .author span:after, .error-image:after, .error-404 .go-back-home a:after, .penci-header-signup-form, .woocommerce .page-title:before, .woocommerce .page-title:after, .woocommerce span.onsale, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce div.product .entry-summary div[itemprop="description"]:before, .woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span:after, .woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span:after, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, #top-search.shoping-cart-icon > a > span { background-color: #e41111 !important; } .penci-portfolio-thumbnail a:after { background-color: #1c1c1c !important; } .portfolio-title { color: #fff !important; } #widget-area { background-color: #1c1c1c !important; } .footer-widget-wrapper .widget .widget-title .inner-arrow { color: #fff !important; border-color: #e41111 !important; } .footer-widget-wrapper .widget .widget-title .inner-arrow::first-letter{ color: #e41111 !important; } .footer-widget-wrapper .side-newsfeed a { color: #fff !important; } .footer-widget-wrapper .widget ul li { border-color: #e41111 !important; } .footer-socials-section { border-color: #e41111 !important; } #footer-section a { color: #e41111 !important; } .footer-form form input[type='submit'] { background-color: #e41111 !important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .footer-form form input[type='submit']:hover { color: #e41111 !important; background-color: #fff !important; } .penci-headline-posts .slick-prev, .penci-headline-posts .slick-next { color: #e41111 !important; } #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before { background: #666 !important; } #navigation ul.menu li:hover > a span { color: #666 !important; } .show-search a.close-search { color: #e41111 !important; } .post-entry .penci-portfolio-filter ul li a:hover, .post-entry .penci-portfolio-filter ul li.active a, .penci-countdown .countdown-amount, .archive-box h1, .post-entry a, .container.penci-breadcrumb span a:hover, .post-entry blockquote:before, .post-entry blockquote cite, .post-entry blockquote .author, .penci-pagination a:hover { color: #e41111 !important; } .penci-grid .standard-content-special .author-quote span:before, .penci-grid .standard-content-special .author-quote span:after, .grid-header-box:after, .list-post .header-list-style:after { background-color: #e41111 !important; } .inner-item-portfolio { opacity: 1 !important; animation-name: none !important; } .penci-top-bar { background-color: #1c1c1c !important; } a.penci-topbar-post-title { color: #fff !important; } .penci-topbar-social a { color: #fff !important; } .penci-topbar-social a:hover { color: #e41111 !important; } ul.footer-socials li a span { color: #e41111 !important; } ul.footer-socials li a i { border-color: #e41111 !important; background-color: #e41111 !important; color: #fff !important; } ul.footer-socials li a:hover span { color: #fff !important; } ul.footer-socials li a:hover i { border-color: #fff !important; background-color: #fff !important; color: #e41111 !important; } #navigation, .show-search { background-color: #000 !important; } #navigation .menu li a { color: #fff !important; } #navigation .menu .sub-menu, #navigation .menu .children, #navigation ul.menu ul li, #navigation ul.menu ul ul li, #navigation ul.menu > li.megamenu > ul.sub-menu { background-color: #000 !important; } #navigation ul.menu ul a, #navigation .menu ul ul a { border-color: #e41111 !important; } #navigation .menu .sub-menu, #navigation .menu .children, #navigation ul.menu ul a, #navigation .menu ul ul a { border-color: transparent !important; } #navigation .button-menu-mobile { color: #e41111 !important; } body.penci-body-boxed { background: #4e4e4e !important; background-image: url(https://www.adv1wheels.com/wp-content/uploads/2016/11/gplaypattern.png) !important; } h1, h2, h3, h4, h5, h6 { letter-spacing: 0 !important; } .penci-page-header h1 { font-size: 24px !important; } a.penci-topbar-post-title:hover { color: #e41111 !important; !important; } .archive-box .title-bar h1 { font-size: 24px !important; letter-spacing: 0 !important; color: #313131 !important; font-weight: bold !important; padding-left: 0 !important; text-decoration: underline !important; } .archive-box .title-bar h1::before { content: ''; display: inline-block; height: 10px; width: 10px; margin-right: 5px; background-color: #e41111; } .archive-box { margin-bottom: 15px !important; } .model-filter-item a.model-filter-submit { color: #fff !important; } .model-filter-item a.model-filter-submit:hover { color: #e41111 !important; } #footer-section a:hover { color: #fff !important; } .is-sticky #navigation { box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); } #navigation .menu .sub-menu, #navigation .menu .children { box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); } .footer-widget-wrapper .side-newsfeed a:hover { color: #e41111 !important; } .pri-list-container li { margin-top: 0 !important; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom: 10px !important; } ul.slick-dots li button:hover, ul.slick-dots li.slick-active button, #respond h3.comment-reply-title span:before, #respond h3.comment-reply-title span:after, .post-box-title:before, .post-box-title:after, .container-single .author-quote span:before, .container-single .author-quote span:after, .post-entry blockquote .author span:after, .post-entry blockquote .author span:before, .post-entry ul li:before, #respond #submit:hover, .wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover { background: #e41111 !important; } .pri-list-container li a:hover span { color: #e41111 !important; } .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg { font-family: "Open Sans Condensed"; color: #fff !important; font-size: 18px; font-weight: bold; } #sidebar-nav .menu li a span { color: #e41111 !important; } .pri-list-container li a img { border: none !important; } .footer-widget-wrapper .widget.widget_text .widget-title.penci-border-arrow { margin-bottom: 10px !important; } #navigation .menu .sub-menu li a { font-size: 12px !important; white-space: nowrap; display: block; } #navigation .menu .sub-menu li { text-align: left; } @media only screen and (max-width: 768px) { h1, .penci-page-header h1 { font-size: 18px !important; padding-left: 20px; font-weight: normal; color: #313131; text-transform: uppercase; text-align: left !important; padding-bottom: 10px !important; } } /* COLUMNS LAYOUT */ .adv__cols { margin: 0 -15px; display: flex; flex-wrap: wrap; } .adv__cols--col { padding: 0 15px; margin-bottom: 20px; } .adv__cols--1 .adv__cols--col { width: 100%; } .adv__cols--2 .adv__cols--col { width: 50%; } .adv__cols--3 .adv__cols--col { width: 33.33%; } .adv__cols--4 .adv__cols--col { width: 20%; } .adv__cols--5 .adv__cols--col { width: 20%; } .adv__cols--6 .adv__cols--col { width: 16.66%; } .adv__cols--4 .adv__cols--col:last-child { width: 40% } @media screen and (max-width:960px){ .adv__cols--col { margin-bottom: 15px; } .adv__cols--4 .adv__cols--col { width: 33.33%; margin-bottom: 15px !important; } .adv__cols--4 .adv__cols--col:last-child { width: 100% } .adv__cols--wide { max-width: none; margin: 0 auto; } } @media only screen and (max-width: 640px) { .adv__cols--col { float: none; width: 100% !important; } } .pri-list-container { padding: 0 !important; margin: 0; list-style-type: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pri-list-container li { width: 15.5% !important; margin: 0.5% !important; margin-bottom: 20px !important; list-style-type: none !important; } @media only screen and (max-width: 992px) { .pri-list-container li { width: 32% !important; margin: 0.6% !important; margin-bottom: 20px !important; } } @media only screen and (max-width: 480px) { .pri-list-container li { width: 49% !important; margin: 0.5% !important; margin-bottom: 20px !important; } } .pri-list-container li a { position: relative; display: block; text-decoration: none !important; text-transform: uppercase !important; font-size: 12px !important; } .pri-list-container li a img { width: 100%; display: block; border: 3px solid #ccc; box-sizing: border-box; } .pri-list-container li a span { font-size: 12px; color: #333; transition: all 0.15s ease-in-out; } .pri-list-container li a:hover span { color: #fac408; } .model-filter-plugin-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; color: #1e1e1e; font-family: 'Open Sans Condensed'; width: 100%; text-transform: uppercase; flex-direction: row; } @media only screen and (max-width: 768px) { .model-filter-plugin-wrap { margin-bottom: 15px !important; } } .model-filter-form { display: flex; justify-content: space-between; background: #e4e4e4; //border: 1px solid #bababa; align-items: center; border-radius: 1px; padding: 20px; width: 100%; margin-right: 20px; flex: 1; } .model-filter-item-showcase { width: 100%%; margin-bottom: 10px; } .model-filter-form-wrap { width: 100%; } .model-filter-form select { font-weight: 600; background: #fff; font-family: 'Open Sans Condensed'; text-transform: uppercase; padding: 10px 20px; border: 1px solid #bababa; position: relative; cursor: pointer; width: 100%; } .model-filter-form .model-filter-item-dropdown { flex: 1; margin-right: 20px; } .model-filter-plugin-wrap a.model-filter-submit { border: 1px solid #111; border-radius: 1px; text-align: center; color: #fac407; display: block; padding: 6px 20px; font-weight: bold; background-color: #111; width: 100%; } .model-filter-plugin-wrap a.model-filter-submit:hover { color: #fff; } .model-filter-item span { font-weight: bold; text-transform: uppercase; } /* Search */ .model-filter-search input { font-family: "Open Sans Condensed", sans-serif; padding: 10px 30px 10px 20px !important; background: #fff !important; border: 1px solid #aaa !important; border-radius: 1px !important; } .model-filter-search input::-webkit-input-placeholder { color: #bbb; font-family: "Open Sans Condensed", sans-serif; font-weight: 400 !important; } .model-filter-search input:-moz-placeholder { /* Firefox 18- */ color: #bbb; font-family: "Open Sans Condensed", sans-serif; font-weight: 400 !important; } .model-filter-search input::-moz-placeholder { /* Firefox 19+ */ color: #bbb; font-family: "Open Sans Condensed", sans-serif; font-weight: 400 !important; } .model-filter-search input:-ms-input-placeholder { color: #bbb; font-family: "Open Sans Condensed", sans-serif; font-weight: 400 !important; } .model-filter-search { display: block; width: 100%; margin-bottom: 20px; position: relative; } button.model-filter-search-submit { display: none; position: absolute; top: -2px; right: 0; background: transparent; color: #1e1e1e; } button.model-filter-search-submit:hover { background: transparent; } @media all and (max-width: 1368px) { button.model-filter-search-submit { display: block; } } /* Search */ /* Responsiveness */ .model-filter-dropdowns { display: flex; flex-direction: row; } @media all and (max-width: 1550px) { .model-filter-form { flex-direction: column; } .model-filter-item-btn { width: 100%; } .model-filter-dropdowns { margin-bottom: 20px; } .model-filter-form .model-filter-item-dropdown:nth-child(2) { margin-right: 0; } } @media all and (max-width: 1280px) { .model-filter-form { flex-direction: column; } .model-filter-item-btn { width: 100%; } .model-filter-dropdowns { margin-bottom: 20px; width: 100%; flex-direction: column; } .model-filter-form .model-filter-item-dropdown { margin-bottom: 20px; margin-right: 0; } .model-filter-form .model-filter-item-dropdown:nth-child(2) { margin-bottom: 0; } } /* Responsiveness */ .model-filter-dropdowns { width: 100%; } /* Footer Navigation */ .footer__nav { background-color: #131313; padding: 25px 0 10px; font-family: 'Open Sans Condensed', sans-serif; } .footer__nav .menu { list-style-type: none; padding: 0; margin: 0; text-align: center; } .footer__nav .menu li { display: inline-block; margin: 0 30px 15px; } @media only screen and (max-width: 768px) { .footer__nav .menu li { display: block; } } .footer__nav .menu li a { text-transform: uppercase; color: #fff; font-size: 16px; font-weight: 800; position: relative; padding-left: 10px; } .footer__nav .menu li a::before { content: ''; display: inline-block; height: 5px; width: 5px; background-color: #e41111; transition: all .3s; position: absolute; left: 0; top: 50%; margin-top: -2.5px; } .footer__nav .menu li a::after { content: ""; position: absolute; top: 100%; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; left: 50%; height: 2px; width: 0; background-color: #666; } .footer__nav .menu li a:hover { color: #666; } .footer__nav .menu li a:hover::before { background-color: #666; } .footer__nav .menu li a:hover::after { width: 100%; left: 0; } .wheels__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .wheels__item { width: 20%; padding: 10px; } @media only screen and (max-width: 768px) { .wheels__item { width: 50%; } } .wheels__item br { display: inline; } .wheels__item p { display: none; } .wheels__url { text-decoration: none; } .wheels__url:hover .wheels__img { -webkit-filter: none; /* Safari 6.0 - 9.0 */ filter: none; opacity: 1; } .wheels__img { width: 100%; display: block; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity: .8; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .wheels__label { color: #111; text-align: center; font-weight: 700; font-family: "Open Sans Condensed"; } .wheels__label span { color: #e41111; } .wheels__label:hover { text-decoration: underline; } .gallery__form { display: block; width: 100%; height: 120px; } .gallery_form_landing { display: block; width: 100%; height: 600px; } .pricing__frame { display: block; width: 100%; height: 2750px; } @media only screen and (max-width: 960px) { .gallery__form { height: 400px; } .pricing__frame { height: 2400px; } } @media only screen and (max-width: 768px) { .pricing__frame { height: 1800px; } } @media only screen and (max-width: 960px) { .mobile__hidden { display: none !important; } } .category-inventory { margin-bottom: 0 !important; } .category-inventory .tags-share-box { display: none !important; } .category-inventory .post-pagination { display: none !important; } .category-inventory .post-related { display: none !important; } .category-inventory .post-comments { display: none !important; } .no-padding *{ padding: 0 !important; } .post-entry .no-margin *{ margin: 0 !important; margin-bottom: 0 !important; } .vc_custom_heading { line-height: 1.1em !important; } .container .penci-portfolio.column-4 .inner-portfolio-posts .portfolio-item { width: 25%; } .model-filter-search input { font-family: "Open Sans Condensed", sans-serif; } .page-content-title { font-size: 24px; } .tags-share-box { display: none !important; } .vc_row.five_col .vc_col-sm-2 { width: 20%; } @media only screen and (max-width: 768px) { .vc_row.five_col .vc_col-sm-2 { width: 100%; } } .adv1-wheels { line-height: 1em !important; } .adv1-wheels--homepage { } .adv1-wheels__desc { display: flex; } @media only screen and (max-width: 960px) { .adv1-wheels__desc { display: block; } } .adv1-wheels__config { padding: 20px 25px 20px 0; width: 50%; line-height: 1em; font-size: 14px; } @media only screen and (max-width: 960px) { .adv1-wheels__config { display: none; width: 100%; padding: 20px 0px; } } .adv1-wheels__config--mobile { display: none; } @media only screen and (max-width: 960px) { .adv1-wheels__config--mobile { display: block; } } .adv1-wheels__config--title { font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; } .adv1-wheels__config--title::before { content: ''; margin-right: 5px; display: inline-block; width: 10px; height: 10px; background-color: #e41111; } .adv1-wheels__config--text, .adv1-wheels__series--text { font-size: 14px; line-height: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; } .adv1-wheels__series { padding: 20px 0 20px 25px; width: 50%; line-height: 1em; font-size: 14px; } @media only screen and (max-width: 960px) { .adv1-wheels__series { width: 100%; padding: 20px 0px; } } .adv1-wheels__series--title { font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; } .adv1-wheels__series--title::before { content: ''; margin-right: 5px; display: inline-block; width: 10px; height: 10px; background-color: #e41111; } .adv1-wheels__series--text { text-transform: none; } .adv1-wheels__container--main { position: relative; } .adv1-wheels__tabs-text { display: flex; align-items: center; justify-content: center; font-family: "Open Sans Condensed", sans-serif; height: 65px; padding: 0 5px; border: 2px solid #aaa; text-transform: uppercase; font-size: 18px !important; font-weight: bold; line-height: 1em; background-size: cover; background-repeat: no-repeat; background-position: bottom center; white-space: normal; transition: all 0.15s ease-in-out; user-select: none; } .adv1-wheels__tabs-text b { display: block; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs-text { font-size: 14px !important; } } .adv1-wheels__tabs--title { font-size: 22px; text-transform: uppercase; padding: 2px 30px; line-height: 1em; } .adv1-wheels__tabs--title-inner { padding: 10px 0; } .adv1-wheels__tabs--title::before { content: ''; margin-right: 5px; display: inline-block; width: 10px; height: 10px; background-color: #e41111; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--title { padding: 10px 0; } } .adv1-wheels__tabs--main { width: 50%; border-right: 1px solid #aaa; padding-top: 10px; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--main { width: 100%; border-right: none; } } .adv1-wheels__tabs--main ul { display: flex; list-style-type: none; align-items: center; margin: 0; height: 85px; padding: 0 25px; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--main ul { padding: 0; } } .adv1-wheels__tabs--main ul li { margin: 2px; text-align: center; width: 25%; cursor: pointer; list-style-type: none; transition: all 0.15s ease-in-out; } .adv1-wheels__tabs--main ul li .adv1-wheels__tabs-text, .adv1-wheels__tabs--sec ul li { background-color: #1c1c1c; border-color: #1c1c1c !important; color: #fff; } .adv1-wheels__tabs--main ul li:hover .adv1-wheels__tabs-text, .adv1-wheels__tabs--sec ul li:hover { opacity: .75; } .adv1-wheels__tabs--main ul li.active, .adv1-wheels__tabs--sec ul li.active span { color: #e41111; } .adv1-wheels__tabs--main ul li.active .adv1-wheels__tabs-text, .adv1-wheels__tabs--sec ul li.active { background-color: #e41111; border-color: #e41111 !important; color: #fff; } .adv1-wheels__tabs--main ul li p { display: block; margin: 0; } .adv1-wheels__tabs--main ul li span { display: block; text-transform: uppercase; font-size: 11px; font-weight: bold; white-space: nowrap; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--main ul li span { font-size: 8px; } } .adv1-wheels__tabs--sec { width: 50%; position: absolute; top: 0; right: 0; padding-top: 10px; border-left: 1px solid #aaa; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--sec { position: relative; top: auto; right: auto; width: 100%; border-left: none; } } .adv1-wheels__tabs--sec ul { display: flex; list-style-type: none; margin: 0 !important; padding: 0 25px !important; height: 85px; align-items: flex-start; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--sec ul { padding: 0 !important; } } .adv1-wheels__tabs--sec ul li { margin: 2px; text-align: center; width: 33.33%; border: 2px solid #aaa; height: 65px; line-height: 1em; user-select: none; padding: 0 10px; position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.15s ease-in-out; } .adv1-wheels__tabs--sec ul li span { display: block; position: absolute; left: 0; width: 100%; top: 100%; color: #000; text-transform: uppercase; font-size: 11px; margin-top: 2px; font-weight: bold; white-space: nowrap; } .adv1-wheels__tabs--sec ul li:hover { border-color: #e41111; } .adv1-wheels__tabs--sec ul li.active { color: #e41111; } .adv1-wheels__tabs--sec ul li.disabled { opacity: .2; pointer-events: none; position: relative; overflow: hidden; } .adv1-wheels__tabs--sec ul li.disabled::after { display: none; position: absolute; content: ''; height: 2px; width: 120%; background-color: #e41111; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-20deg); } .adv1-wheels__tabs--sec ul li strong { display: block; text-transform: uppercase; color: #fff !important; font-size: 18px; font-weight: bold; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--sec ul li strong { font-size: 14px; } } .adv1-wheels__content > ul { list-style-type: none; padding: 0 !important; margin: 0 !important; } .adv1-wheels__content > ul > li { display: none; position: static; padding: 0 15px; } @media only screen and (max-width: 960px) { .adv1-wheels__content > ul > li { padding: 0; } } .adv1-wheels__content > ul > li.active { display: block; } .adv1-wheels__content > ul > li.hidden { display: none; } .adv1-wheels__wheels { display: flex; flex-wrap: wrap; margin: 0 -15px; margin-bottom: 25px; } .adv1-wheels__wheels--homepage { justify-content: center; margin: 0 0; } .adv1-wheels__wheels--lp { justify-content: center; margin: 0 0; } .adv1-wheels__wheel { width: 20%; padding: 15px; text-align: center; } .adv1-wheels__wheel--homepage { width: 20%; padding: 15px; text-align: center; } .adv1-wheels__wheel--lp { width: 33.33%; padding: 15px; text-align: center; } @media only screen and (max-width: 960px) { .adv1-wheels__wheel { width: 50%; } } .adv1-wheels__wheel a { color: #000 !important; text-decoration: none !important; font-weight: bold; transition: all 0.15s ease-in-out; } .adv1-wheels__wheel a:hover { color: #e41111 !important; } .adv1-wheels__wheel a:hover img { opacity: .7; } .adv1-wheels__wheel img { display: block; width: 100%; backface-visibility: hidden; transition: all 0.15s ease-in-out; } .adv1-wheels__tabs--homepage { width: 100%; padding-top: 10px; max-width: 1470px; margin: 0 auto; } .adv1-wheels__tabs--lp { width: 100%; padding-top: 10px; margin: 0 auto; } .adv1-wheels__tabs--homepage ul { display: flex; list-style-type: none; align-items: center; margin: 0; height: 85px; padding: 0; } .adv1-wheels__tabs--lp ul { display: flex; list-style-type: none; align-items: center; margin: 0; height: 85px; padding: 0; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--homepage ul { padding: 0; } } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--lp ul { padding: 0; height: auto; display: block; } } .adv1-wheels__tabs--homepage ul li { margin: 2px; text-align: center; flex-grow: 1; cursor: pointer; list-style-type: none; transition: all 0.15s ease-in-out; transform: rotate(0); } .adv1-wheels__tabs--lp ul li { margin: 2px; text-align: center; flex-grow: 1; cursor: pointer; list-style-type: none; transition: all 0.15s ease-in-out; transform: rotate(0); } .adv1-wheels__tabs--homepage .adv1-wheels__tabs-text { padding: 0 15px; justify-content: center; align-items: flex-start; flex-direction: column; color: #888 !important; text-decoration: none !important; letter-spacing: -0.5px; } .adv1-wheels__tabs--lp .adv1-wheels__tabs-text { padding: 0 15px; justify-content: center; align-items: flex-start; flex-direction: column; color: #888 !important; text-decoration: none !important; letter-spacing: -0.5px; } .adv1-wheels__tabs--homepage .adv1-wheels__tabs-text b{ display: inline-block; color: #000; } .adv1-wheels__tabs--lp .adv1-wheels__tabs-text b{ display: inline-block; color: #000; } .adv1-wheels__tabs--homepage .adv1-wheels__tabs-text strong{ color: #e41111; } .adv1-wheels__tabs--lp .adv1-wheels__tabs-text strong{ color: #e41111; } .adv1-wheels__tabs--homepage ul li:hover .adv1-wheels__tabs-text { border-color: #e41111; } .adv1-wheels__tabs--lp ul li:hover .adv1-wheels__tabs-text { border-color: #e41111; } .adv1-wheels__tabs--homepage ul li.active .adv1-wheels__tabs-text { border-bottom-color: #e41111; } .adv1-wheels__tabs--lp ul li.active .adv1-wheels__tabs-text { border-bottom-color: #e41111; } .adv1-wheels__tabs--homepage ul li.hidden { display: none; } .adv1-wheels__tabs--lp ul li.hidden { display: none; } .adv1-wheels__tabs--homepage ul li p { display: block; margin: 0; } .adv1-wheels__tabs--lp ul li p { display: block; margin: 0; } .adv1-wheels__tabs--homepage ul li span { display: block; text-transform: uppercase; font-size: 11px; font-weight: bold; white-space: nowrap; } .adv1-wheels__tabs--lp ul li span { display: block; text-transform: uppercase; font-size: 11px; font-weight: bold; white-space: nowrap; } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--homepage ul li span { font-size: 8px; } } @media only screen and (max-width: 960px) { .adv1-wheels__tabs--lp ul li span { font-size: 8px; } } .inner-header { background-color: #131313 !important; } .penci-top-bar, .headline-title { background-color: transparent !important; } #navigation, #navigation.header-layout-bottom { border-top: none !important; border-bottom: none !important; } @media only screen and (min-width: 961px) { #navigation .menu { width: auto; justify-content: flex-start; } } #navigation { height: 70px !important; } #navigation .menu li a { font-size: 14px !important; } #navigation .menu .sub-menu li a { font-size: 12px !important; } #navigation .menu li { margin-right: 15px !important; } .penci-top-bar { float: right; height: 35px; } .headline-title, .penci-topbar-social a { height: 35px; line-height: 35px; } .show-search { z-index: 11; } .headline-title, .penci-topbar-social { background-color: transparent !important; } .penci-topbar-social { padding: 0 15px; } .headline-title a font { transition: all .15s ease-in-out; } @media only screen and (max-width: 1169px) { #navigation .button-menu-mobile { display: inline-block; } #navigation .menu { display: none !important; } } #logo h1 { padding-left: 0; } .container-fluid .penci-portfolio-wrap { margin-left: 0 !important; margin-right: 0 !important; } @media only screen and (min-width: 1480px) { .container-fluid .portfolio-item { width: 16.66% !important; } .container-fluid .container .portfolio-item { width: 33.33% !important; } } @media only screen and (max-width: 1480px) { .container-fluid .portfolio-item { width: 20% !important; } } @media only screen and (max-width: 1480px) { .container-fluid .portfolio-item { width: 33.33% !important; } } @media only screen and (max-width: 768px) { .container-fluid .portfolio-item { width: 50% !important; } } #navigation .menu li.menu-item-21569.current-menu-ancestor .sub-menu li.current-menu-item a { color: #fff !important; } #navigation .menu li.menu-item-21569.current-menu-ancestor .sub-menu li.current-menu-item:hover a { color: #666 !important; } .adv1-wheels--homepage .adv1-wheels__content > ul > li { padding: 0; } .adv1-wheels--lp { max-width: 1170px !important; margin: 0 auto; } .penci-page-header--white h1{ color: #fff !important; } .page-template-page-fullwidth-new .page-has-margin, .page-template-page-fullwidth-new .clear-footer{ margin: 0 !important; } .page-template-page-fullwidth-new .clear-footer { height: 0 !important } .page-template-page-fullwidth-new #widget-area { border-top: none !important; } .soliloquy-caption { background: none !important; display: block !important; } .soliloquy-caption-inside{ position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; } .adv1-banner { position: absolute !important; } .adv1-banner--topleft { top: 12% !important; left: 15px !important; } .adv1-banner--topright { top: 12% !important; right: 15px !important; } .adv1-banner--bottomleft { bottom: 7% !important; left: 15px !important; } .adv1-banner--bottomright { bottom: 7% !important; right: 15px !important; } .adv1-banner__line { text-align: left !important; line-height: 0 !important; margin-bottom: 0px !important; } .adv1-banner--bottomright .adv1-banner__line, .adv1-banner--topright .adv1-banner__line { text-align: right !important; } .adv1-banner__top { color: #000 !important; background-color: #e41111 !important; display: inline-block !important; font-weight: bold !important; padding: 5px 10px !important; font-size: 32px !important; text-transform: uppercase !important; } .adv1-banner__bottom { color: #fff !important; background-color: #000 !important; display: inline-block !important; font-weight: bold !important; padding: 5px 10px !important; font-size: 42px !important; text-transform: uppercase !important; } .adv1-banner__bottom span { color: #e41111 !important; } .adv1-banner__button { background-color: #e41111 !important; color: #fff !important; transition: all .15s ease-in-out !important; display: inline-block !important; font-size: 22px !important; padding: 5px 10px !important; font-weight: bold !important; position: relative !important; } .adv1-banner__button:hover { color: #e41111 !important; background-color: #fff !important; } @media only screen and (max-width: 768px) { .adv1-banner { display: none; } } @media only screen and (max-width: 1280px) { .adv1-banner__top { font-size: 22px !important; } .adv1-banner__bottom { font-size: 28px !important; } .adv1-banner__button { font-size: 20px !important; } } .widget-title { display: none !important; } .footer-widget__image { position: relative; display: block; } .footer-widget__image br { display: none; } .footer-widget__image img { display: block; } .footer-widget__image::after { display: block; opacity: 0; background-color: #1c1c1c; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; transition: .25s; } .footer-widget__image:hover::after{ opacity: .75; } /* COLUMNS LAYOUT */ .order__cols { margin: 0 -15px; display: flex; align-items: center; } .order__cols--col { padding: 0 15px; margin-bottom: 20px; } @media only screen and (max-width: 961px) { .order__cols { display: block !important; } .order__cols--col { width: 100% !important; } } .order__submit::after { content: ''; display: block; clear: both; } .order__submit .wpcf7-submit{ color: #fff !important; background-color: #e41111 !important; } .order__submit .pull-right .wpcf7-submit:hover{ color: #313131 !important; background-color: #F5F5F5 !important; } .order__cols--sidebar { align-items: flex-start; } .order__cols--sidebar > .order__cols--col { width: 80%; } .order__cols--sidebar > .order__cols--col:first-child { width: 20%; } .order__cols--1 .order__cols--col { width: 100%; } .order__cols--2 .order__cols--col { width: 50%; } .order__cols--3 .order__cols--col { width: 33.33%; } .order__cols--4 .order__cols--col { width: 25%; } .order__cols--5 .order__cols--col { width: 20%; } .order__cols--6 .order__cols--col { width: 16.66%; } .order__cols--col-wide { width: auto !important; flex-grow: 1 !important; flex-shrink: 0 !important; } .order__cols select { padding: 14px 20px; border: 1px solid #DEDEDE; margin-bottom: 28px; font-size: 12px; width: 100%; font-weight: normal; max-height: 50px; } .order__cols .wpcf7-form-control-wrap input[type=text], .order__cols .wpcf7-form-control-wrap input[type=number], .order__cols .wpcf7-form-control-wrap input[type=date], .order__cols .wpcf7-form-control-wrap input[type=email], .order__cols .wpcf7-form-control-wrap select { max-width: 100% !important; display: block !important; width: 100% !important; margin-bottom: 0px !important; } .order__cols--sidebar .wpcf7-list-item { display: block; } .order__cols--col-wheels .wpcf7-radio { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; } .wpcf7-list-item label { cursor: pointer; user-select: none; } .order__cols--col-wheels .wpcf7-list-item { margin: 0 !important; } .order__cols--col-wheels .wpcf7-list-item label input:checked + span { color: #e41111; } .order__cols--col-wheels .wpcf7-list-item label::before { display: block; content: ''; height: 120px; width: 120px; margin: 0 auto; background-size: contain; background-position: center; background-repeat: no-repeat; } .order__cols--col-wheels .wpcf7-list-item:nth-child(-n+5) { width: 20%; min-width: 20%; display: none; } .order__cols--col-wheels.order__cols--advanced .wpcf7-list-item:nth-child(-n+5) { width: 20%; min-width: 20%; display: block; } @media only screen and (max-width: 768px) { .order__cols--col-wheels .wpcf7-list-item:nth-child(-n+5) { width: 100% !important; min-width: 100% !important; } } .order__cols--col-wheels .wpcf7-list-item:nth-child(-n+5) label::before { width: 100%; padding-bottom: 100%; height: auto; } .order__cols--col-wheels .wpcf7-list-item:nth-child(1) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/07/adv05-track-spec-advanced-2.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(2) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/07/adv5-track-spec-advanced.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(3) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/07/adv52tsadvanced.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(4) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/07/adv10_0-track-spec-advanced.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(5) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/07/adv510-track-spec-advanced.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(6) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv005-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(7) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv05-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(8) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv05s-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(9) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv5-track-spec-cs-1.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(10) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv5s-track-spec-cs-1.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(11) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv5_0-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(12) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv5_2-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(13) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv06-track-spec-cs-1.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(14) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv6-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(15) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv7-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(16) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv08-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(17) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv8-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(18) label::before { background-image: url(https://www.adv1wheels.com/wp-content/uploads/2017/10/ADV10-Track-Spec-CS.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(19) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv10r-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(20) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv10_0-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(21) label::before { background-image: url(https://www.adv1wheels.com/wp-content/uploads/2017/10/adv15-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(22) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv15r-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(23) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv05c-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(24) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv05r-track-spec-cs-1.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(25) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv05rm-track-spec-cs-1.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(26) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv5_3-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(27) label::before { background-image: url(https://www.adv1wheels.com/wp-content/uploads/2017/10/adv06r-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(28) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv06rm-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(29) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv07r-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(30) label::before { background-image: url(https://www.adv1wheels.com/wp-content/uploads/2017/08/adv7r-track-spec-cs.jpg); } .order__cols--col-wheels .wpcf7-list-item:nth-child(31) label::before { background-image: url(https://adv1wheels.com/wp-content/uploads/2017/08/adv8r-track-spec-cs-1.jpg); } .order__finish--mv1 { display: none; } .order__finish--mv2 { display: none; } .order__finish--3pc { display: block; } .order__text { font-size: 14px; } @media only screen and (min-width: 768px) { .archive .adv__cols { margin-bottom: 10px; } } .page-template-page-empty article.page { padding-top: 25px; } .soliloquy-container .soliloquy-item .soliloquy-caption { pointer-events: none; } .adv1-banner__button { pointer-events: all; } .view__more--wrap .view__more { background-color: #e41111 !important; color: #fff !important; transition: all .15s ease-in-out !important; padding: 5px 10px !important; text-decoration: none !important; } .view__more--wrap .view__more:hover { color: #e41111 !important; background-color: #fff !important; text-decoration: none !important; } .single article, .page-template-default article, .archive .penci-page-header, .page-template-page-videos .penci-page-header, .search-results .title-bar { padding-top: 20px; } @media only screen and (max-width: 768px) { .inner-header .header-banner { display: none !important; } } #logo h1 { padding-bottom: 0 !important; } .page-id-44621 .penci-page-header h1 { font-weight: bold !important; } .adv1-popup__cta { position: fixed; bottom: 0; right: 50px; background-color: #000; border-radius: 5px 5px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 25px; border: 2px solid #111; border-bottom: 0; height: 60px; z-index: 99; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .adv1-popup__cta:hover { background-color: #111; } .adv1-popup__cta-left { max-width: 75px; padding: 12px 15px 12px 0; border-right: 1px solid #fff; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .adv1-popup__cta-right { padding: 8px 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .adv1-popup__cta-text { color: #fff; font-size: 14px; text-transform: uppercase; } .adv1-popup__popup { position: fixed; top: 0; left: 0; padding: 25px 15px; z-index: 9999999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; text-transform: uppercase; } .adv1-popup__popup--active { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; -webkit-animation: fadeInFromNone 0.15s ease-in-out; animation: fadeInFromNone 0.15s ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } .adv1-popup__container { background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .50); box-shadow: 0 0 15px rgba(0, 0, 0, .50); width: 500px; max-width: 100%; padding: 25px; position: relative } .adv1-popup__close { position: absolute; top: -15px; right: -15px; height: 30px; width: 30px; background-color: #e41111; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAA0lBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Gi8hrAAAARXRSTlMAAQIDBAUGBwgJCgsMDRNrbHB5e3x+gIKDhYaIiYuMjpGSl52eoKOmqKqrr7S1t7q8vsDBxcfIys7P0dXZ3N7g4uTm6PuGG5YzAAAA5klEQVQokX1SVxaCMBBMAth7xa7Ye8XeNfe/kskGJNGn88GWgS2zIPQP6a6mJuJjA2yB0qlCpSm1dWZTlGEuUVmeWBKEZtyhC90lchA/WD1NUEuHMiG6RbmvTSBYAVUE/xIWr5ERhDYrUALvFHJLkyEk1oEK2GPQG4f0IfWE58Evr4A71MXOp66NWw6xMT4lInfBxL7Ey/z6xnz32ap9KtTDXpoN10UqYomxA2/CcsvghljVoXBTal0T8gSlJW1D7njmkrYlpT21r+xyVfk6HHmYBjOvrB4bzr0WtZO9j38nMdDRH7wAaMI/WCgfkMAAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: center; background-size: 15px 15px; cursor: pointer; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25); box-shadow: 0 0 5px rgba(0, 0, 0, .25); -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .adv1-popup__close:hover { background-color: #bc0f0f; } .adv1-popup__title { font-size: 18px; margin-bottom: 10px; text-align: center; text-transform: uppercase; } .adv1-popup__terms { text-transform: none; font-size: 14px; } .adv1-popup__title::before { content: ''; display: inline-block; margin-right: 5px; height: 12px; width: 12px; background: #e41111; } #footer-section { padding-bottom: 50px; } @media only screen and (max-width: 768px) { .adv1-popup__cta { left: 0; right: 0; border-radius: 0; border-left: 0; border-right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 25px; transform: translateY(100%); transition: transform .5s ease-in-out; } .adv1-popup__cta--scrolled { transform: translateY(0); } .adv1-popup__cta-right { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } @media only screen and (max-width: 768px) { .adv1-popup__popup { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-y: scroll; } } @media only screen and (max-height: 768px) { .adv1-popup__popup { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow-y: scroll; } } .wheel-banner { background-position: center; background-size: cover; padding-bottom: 24%; position: relative; min-height: 250px; box-shadow: 0 0 10px rgba(0, 0, 0, .25); margin-bottom: 15px; } @media only screen and (max-width: 768px) { .wheel-banner { background-position: center left; margin-bottom: 100px; } } .wheel-banner__container { max-width: 1470px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .wheel-banner__box { position: absolute; top: 50px; } .wheel-banner__box--right { right: 0; text-align: right; } .wheel-banner__box--center { top: 50%; transform: translateY(-50%); } .post-entry h1.wheel-banner__title, .wheel-banner__title { background-color: #e41111 !important; display: inline-block !important; color: #000 !important; padding: 5px 15px !important; font-weight: bold !important; font-size: 32px !important; text-transform: uppercase !important; line-height: 1 !important; margin-bottom: 0 !important; } .post-entry h1.wheel-banner__title,e { margin-bottom: 0 !important; } @media only screen and (max-width: 768px) { .wheel-banner__box{ top: 100%; width: 100%; } .wheel-banner__title, .post-entry h1.wheel-banner__title, { font-size: 28px !important; display: block !important; text-align: center !important; } } .wheel-banner__subtitle, .post-entry h2.wheel-banner__subtitle { background-color: #000; color: #fff !important; display: inline-block; padding: 5px 15px; text-transform: uppercase; font-weight: bold; font-size: 42px; line-height: 1 !important; } @media only screen and (max-width: 768px) { .wheel-banner__subtitle, .post-entry h2.wheel-banner__subtitle { font-size: 32px; display: block; text-align: center; } } .wheel-banner__button { color: #fff; font-size: 22px; display: inline-block; text-transform: uppercase; font-weight: bold; padding: 2px 10px; background-color: #e41111; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .wheel-banner__button:hover { color: #e41111; background-color: #fff; } @media only screen and (max-width: 768px) { .wheel-banner__button { display: block; text-align: center; } } .wheel-title { background-color: #e6e6e6; color: #000; margin: 30px 0; } @media only screen and (max-width: 768px) { .wheel-title { margin: 15px 0; } } .wheel-title--dark { background-color: #131313; color: #fff; } .wheel-title__title { font-size: 24px!important; padding: 25px; } .wheel-title--dealer { padding: 25px 0; } .bg--padding { padding: 25px 0; } .bg--grey { background-color: #e6e6e6; } @media only screen and (max-width: 768px) { .wheel-title__title { font-size: 16px; padding: 20px 0; } } .wheel-title__title span { color: #e41111; display: inline-block; padding: 0 5px; } .wheel-main { padding: 25px 0; } .wheel-main__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wheel-main__left, .wheel-main__right { width: 50%; min-width: 50%; } @media only screen and (max-width: 768px) { .wheel-main__container { display: block; } .wheel-main__left, .wheel-main__right { width: 100%; min-width: 100%; } } .wheel-main__image { text-align: center; padding: 0 15px; } .wheel-main__image img { max-width: 100%; } .wheel-main__title, .post-entry h1.wheel-main__title { font-size: 72px !important; color: #000 !important; line-height: 1 !important; margin-bottom: -10px !important; padding-left: 0; } @media only screen and (max-width: 768px) { .wheel-main__title, .post-entry h1.wheel-main__title { font-size: 38px !important; margin-bottom: -5px !important; } } .wheel-main__subtitle, .post-entry h1.wheel-main__subtitle { font-size: 48px !important; color: #000 !important; line-height: 1 !important; padding-left: 0; } @media only screen and (max-width: 768px) { .wheel-main__subtitle, .post-entry h1.wheel-main__subtitle { font-size: 24px !important; } } .wheel-main__subtitle span { color: #e41111; } .wheel-main__text { font-size: 21px; line-height: 1; text-align: justify; padding: 10px 0; color: #000; } .wheel-main__text p { font-size: 21px; line-height: 1; text-align: justify; color: #000; } @media only screen and (max-width: 768px) { .wheel-main__text { font-size: 18px; } .wheel-main__text p{ font-size: 18px; } } .wheel-main__list { list-style-type: none; padding: 10px 0 !important; margin: 0 !important; font-size: 18px; } .wheel-main__list li { list-style-type: none !important; margin-bottom: 5px !important; line-height: 1 !important; } .wheel-main__list li::before { content: ''; display: inline-block; height: 8px; width: 8px; background-color: #e41111; margin-right: 5px; } .wheel-grid__container, .wheel-grid__container--3, .wheel-grid__container--4, .wheel-grid__container--5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 25px; } .wheel-grid__item { width: 20%; text-align: center; margin-bottom: 10px; transition: all .15s ease-in-out; } .wheel-grid__container--3 .wheel-grid__item { width: 33.33%; } .wheel-grid__container--4 .wheel-grid__item { width: 25%; } .wheel-grid__container--5 .wheel-grid__item { width: 20%; } @media only screen and (max-width: 768px) { .wheel-grid__item { width: 50% !important; } } .wheel-grid__item:hover { text-decoration: none !important; opacity: .8; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .wheel-grid__image { padding-bottom: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: contain; } .wheel-grid__image--wide { padding-bottom: 56.25%; } .wheel-grid__image:hover .wheel-grid__overlay { opacity: 1; } @media only screen and (max-width: 768px) { .wheel-grid__image:hover .wheel-grid__overlay { opacity: 0; } } .wheel-grid__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px; opacity: 0; -webkit-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; display: none !important; } .wheel-grid__title { font-size: 16px; font-weight: bold; margin-bottom: 5px; } .wheel-grid__text { font-size: 13px; line-height: 1.2em; } .wheel-grid__label { color: #000; font-size: 16px; text-transform: uppercase; margin-top: 5px; } .wheel-grid__label span { color: #e41111; } .wheel-landing-page { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px; } @media only screen and (max-width: 768px) { .wheel-landing-page { display: block; } } .wheel-landing-page .wheel-main { width: 50%; padding: 0 25px; } @media only screen and (max-width: 768px) { .wheel-landing-page .wheel-main { width: 100%; } } .wheel-landing-page .wheel-main .container { max-width: auto !important; width: auto !important; margin: 0 !important; } .wheel-landing-page .wheel-main .wheel-main__title { font-size: 48px; margin-bottom: -8px; } .wheel-landing-page .wheel-main .wheel-main__subtitle { font-size: 32px; } .wheel-landing-page .wheel-main .wheel-main__text { font-size: 18px; } .single-post .post.type-post .post-entry { font-family: 'Open Sans', sans-serif !important; font-size: 20px !important; line-height: 1.2em !important; } .blog-banner { background-position: center; background-size: cover; display: block; padding-bottom: 31%; position: relative; min-height: 250px; box-shadow: 0 0 10px rgba(0, 0, 0, .25); } .blog-banner--product { padding-bottom: 24% !important; } .blog-banner--margin-bot { margin-bottom: 20px; } @media only screen and (max-width: 992px) { .blog-banner { background-position: center; display: none; } .blog-banner--margin-bot { margin-bottom: 0; } } .blog-banner__container { max-width: 1500px; padding: 0 15px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .blog-banner__box { position: absolute; top: 50px; } .blog-banner__box--right { right: 15px; text-align: right; } .blog-banner__pretitle { background-color: #e41111; display: inline-block; color: #fff; padding: 5px 15px; font-weight: bold !important; font-size: 18px; text-transform: uppercase; line-height: 1 !important; } .blog-banner__title { background-color: #e41111; display: inline-block; color: #000; padding: 5px 15px; font-weight: bold !important; font-size: 32px; text-transform: uppercase; line-height: 1 !important; } @media only screen and (max-width: 992px) { .blog-banner__title { font-size: 28px !important; display: block !important; text-align: center !important; padding-bottom: 0 !important; } } .blog-banner__title span { color: #fff; } .blog-banner__subtitle { background-color: #000; color: #fff; display: inline-block; padding: 5px 15px; text-transform: uppercase; font-weight: bold !important; font-size: 42px; line-height: 1 !important; } .blog-banner__subtitle p { font-size: 42px; line-height: 1 !important; } @media only screen and (max-width: 992px) { .blog-banner__subtitle { font-size: 32px !important; display: block !important; text-align: center !important; } .blog-banner__subtitle p { font-size: 32px !important; line-height: 1 !important; } } .blog-banner__cat { background-color: #1c1c1c; color: #fff; display: inline-block; padding: 5px 15px; text-transform: uppercase; font-weight: bold !important; font-size: 22px; line-height: 1 !important; } @media only screen and (max-width: 992px) { .blog-banner__cat { font-size: 18px !important; display: block !important; text-align: center !important; } } .blog-banner__box--mobile { display: none; } @media only screen and (max-width: 992px) { .blog-banner__box { display: none; } .blog-banner__box--mobile { display: block; position: relative; top: auto; } .blog-banner__title { font-weight: bold !important; font-size: 26px !important; padding: 15px 10px !important; } .blog-banner__subtitle { font-weight: normal !important; font-size: 22px !important; padding: 15px 10px !important; } } .blog-banner__button { color: #fff; font-size: 22px; display: inline-block; text-transform: uppercase; font-weight: bold; padding: 5px 15px; background-color: #e41111; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; text-align: center; } .blog-banner__button:hover { color: #e41111; background-color: #fff; } @media only screen and (max-width: 992px) { .blog-banner__button{ display: block; width: 100%; } } .post-47254 { font-family: "Open Sans", sans-serif; } .homepage__section--mobile { display: none; } .homepage__section--mobile .wpb_content_element { margin: 0 !important; padding: 5px !important; } .homepage__section--mobile .wpb_single_image .vc_single_image-wrapper, .homepage__section--mobile .wpb_single_image .vc_figure { display: block; } .homepage__section--mobile .vc_column-inner { padding: 0 !important; } .homepage__image--full img{ display: block; width: 100%; height: auto; } @media only screen and (max-width: 768px) { .homepage__section--desktop { display: none; } .homepage__section--mobile { display: block; } #widget-area { display: none; } .post-44188 { margin-bottom: 0 !important; } .footer__nav { display: none; } } .container-fluid .portfolio-item img { width: 100% !important; } @media all and (max-width: 768px) { .container-fluid .portfolio-item { width: 100% !important; } .footer-col-1 img, .footer-col-2 img, .footer-col-3 img { height: auto !important; max-height: 50px !important; } } #header .inner-header .container { padding: 0 15px !important; } .container { width: 100% !important; max-width: 1500px !important; padding-left:15px !important; padding-right: 15px !important; } .logo__bar { display: flex; align-items: center; justify-content: space-between; padding: 25px 0; } .logo__logo { width: 400px; max-width: 100%; margin-right: 20px; } .logo__logo a { display: block; } .logo__logo img { max-width: 100% !important; width: 100% !important; display: block; } .logo__banner { flex-grow: 1; text-align: center; } .penci-page-header--mobile { display: none; } @media all and (max-width: 1170px) { .logo__logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-right: 0; width: 80% !important; } .logo__bar { flex-direction: column; padding: 25px 15px; } .logo__banner { display: none !important; } #navigation .container { padding-left: 0px !important; padding-right: 0px !important; } .container { padding-left: 5px !important; padding-right: 5px !important; } .footer-copyright { text-align: left; } .adv1-wheels__wheels { margin: 0 ; } .adv__cols--col { margin-bottom: 10px; } .page-template-page-single-wheel article .container { padding-left: 10px !important; padding-right: 10px !important; } .blog__big-container { text-align: center !important; padding-bottom: 35px !important; } .penci-page-header--title h1 { text-align: center !important; padding-left: 0 !important; } .penci-page-header--title:before, .penci-page-header--title:after { display: none !important; } .adv__cols { margin: 0 auto; } } @media all and (max-width: 768px) { .penci-page-header--mobile { display: block; } .post-entry .portfolio-page-content .portfolio-detail { max-width: 400px !important; } } .container .portfolio-item { width: 25% !important; } @media all and (max-width: 1024px) { .container .portfolio-item { width: 50% !important; } } @media all and (max-width: 640px) { .container .portfolio-item { width: 100% !important; } } .page-numbers { padding: 0 !important; } .portfolio-page-content .portfolio-detail { max-width: none !important; } .bg__eee { padding: 25px 0; background-color: #eee; } @media screen and (max-width:992px){ .bg__eee { padding: 15px 0; } } .single-portfolio .clear-footer { display: none; } .single-portfolio article { margin-bottom: 0; } .show-search #searchform input.search-input { padding: 15px 35px !important; } .sidebar-nav-social { display: none; } .footer-copyright { text-align: left; padding-right: 0; } .single-portfolio-thumbnail img { display: block; width: 100%; height: auto; } .penci-portfolio-thumbnail img { display: block; width: 100%; height: auto; } .soliloquy-container .soliloquy-caption .soliloquy-caption-inside { max-width: 1500px; margin: 0 auto; } .footer__wrap { display: flex; align-items: center; margin: 0 -15px; } .footer__col { width: 25%; padding: 0 15px; } .footer__col a { display: block; transition: all .15s ease-in-out; } .footer__col a:hover { opacity: .5; } .footer__col a img { display: block; width: 100%; height: auto; border: 1px solid #fff; } .home .vc_column_container>.vc_column-inner { padding-left: 0; padding-right: 0; } @media all and (max-width: 1400px) { #menu-soledad_menu-1 .menu-item-46508 { display: none !important; } } /* ADV1 SECTIONS */ .adv1__section { padding: 25px 0; } .adv1__section--desktop { display: block; } @media only screen and (max-width: 992px) { .adv1__section--desktop { display: none; } } .adv1__section--mobile { display: none; } @media only screen and (max-width: 992px) { .adv1__section--mobile { display: block; } } .adv1__section--grey { background-color: #eee; } .adv1__section--tidy { padding: 0; } .adv1__section--bottom { background-color: #232323; } .adv1__container { max-width: 1470px; margin: 0 auto; } .adv1__title { font-size: 36px !important; text-transform: uppercase !important; padding-left: 25px; font-weight: bold !important; font-family: 'Open Sans Condensed', sans-serif; margin-bottom: 20px !important; line-height: 36px !important; } .post-entry h1.adv1__title { margin-bottom: 20px !important; } .adv1__title span { color: #e41111; } .adv1__title--gallery { margin-top: 10px; line-height: 1; } .adv1__title--light { color: #fff; } @media screen and (max-width:992px){ .adv1__title--gallery { } } .adv1__title--center { text-align: center; padding-left: 0; } .adv1__subtitle { font-size: 18px; text-transform: uppercase; color: #333; padding-left: 25px; font-family: 'Open Sans Condensed', sans-serif; margin-top: -25px; margin-bottom: 20px; } .adv1__subtitle--center { text-align: center; padding-left: 0; } @media screen and (max-width:992px){ .adv1__subtitle { margin-bottom: 15px; } } .adv1__subtitle span { color: #e41111; } .adv1__subtitle--dealer { margin-top: -40px; margin-bottom: 0; } .adv1__subtitle--light { color: #fff; } .adv1__subtitle--tidy { margin-bottom: 0; } /* NEW HOMEPAGE GALLERY GRID */ .gg__wrapper { margin: 0 -2.5px; } @media screen and (max-width:1500px){ .gg__wrapper { margin: 0; } } .gg__top { display: flex; align-items: center; } .gg__top-left { min-width: 50%; width: 50%; } .gg__top-right { min-width: 50%; width: 50%; display: flex; flex-wrap: wrap; } @media screen and (max-width:992px){ .gg__top { flex-wrap: wrap; } .gg__top-left { width: 100%; min-width: 100%; } .gg__top-right { width: 100%; min-width: 100%; } } .gg__item { position: relative; width: 50%; } .gg__item--big { width: 100%; } .gg__item .gg__inner .gg__image { top: 2.5px; bottom: 2.5px; left: 2.5px; right: 2.5px; } .gg__inner { display: block; position: relative; padding-bottom: 56.25%; color: #fff; text-decoration: none; } .gg__inner:hover { color: #fff; text-decoration: none; } .gg__inner:hover .gg__content { opacity: 1; } .gg__image { position: absolute; background-position: center; background-size: cover; } .gg__content { position: absolute; top: 2.5px; bottom: 2.5px; left: 2.5px; right: 2.5px; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); opacity: 0; text-align: center; transition: all 0.15s ease-in-out; } .gg__bottom { display: flex; } @media screen and (max-width:992px){ .gg__bottom { flex-wrap: wrap; } } .gg__title { font-size: 14px; text-transform: uppercase; font-weight: bold; } .gg__item--big .gg__title { font-size: 16px; } .gg__text { font-size: 12px; margin-bottom: 15px; } .gg__cta { background-color: #E41111; padding: 5px 15px; transition: all 0.15s ease-in-out; text-transform: uppercase; } .gg__cta:hover { background: #fff; color: #000 !important; } .gg__grid { display: flex; flex-wrap: wrap; } .gg__grid .gg__item { width: 25%; } .gg__under { margin-top: 10px; } .gg__under--right { text-align: right; } .gg__more { background-color: #e41111; color: #fff; padding: 5px 10px; font-weight: bold; text-decoration: none; border: 2px solid #e41111; transition: all .15s ease-in-out; font-size: 22px; display: inline-block; } .gg__more:hover { color: #e41111; background-color: transparent; } /* NEW HOMEPAGE MOBILE BANNERS */ .mobile__banner:first-child { padding-top: 5px; } .mobile__banner { padding: 2.5px 5px; } .mobile__banner:last-child { padding-bottom: 5px; } .mobile__banner a, .mobile__banner img { display: block; width: 100%; } .related-image-portfolio-posts .portfolio-item{ width: 16.666% !important; } @media screen and (max-width:992px){ .related-image-portfolio-posts .portfolio-item{ width: 33.33% !important; } } @media screen and (max-width:480px){ .related-image-portfolio-posts .portfolio-item{ width: 50% !important; } } .related-image-portfolio-posts .inner-item-portfolio .portfolio-desc h3 { font-size: 12px; } .add-margin-bottom { margin-bottom: 15px; } .specs__toggle { display: none; position: relative; padding: 15px; font-size: 18px; user-select: none; cursor: pointer; text-align: center; background-color: #1c1c1c; color: #eee; } .specs__toggle:hover { color: #e41111; } .specs__toggle::after { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; height: 25px; width: 25px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #e41111; content: '\f067'; font-family: 'FontAwesome'; } .specs__toggle.active::after { content: '\f068'; } @media screen and (max-width:960px){ .specs__toggle { display: block; } } .specs__container { margin-top: -20px; text-transform: uppercase; box-shadow: 0 5px 15px rgba(0, 0, 0, .35); } .specs__bg { padding: 35px 0; background-color: #1c1c1c; color: #eee; } .specs__container .adv__cols--col { margin-bottom: 0; } .specs__container .adv__cols { display: flex; } @media screen and (max-width:960px){ .specs__container { padding: 0; } .specs__container .specs__content { display: none; padding: 0; } } .specs__container .adv__cols--title { font-weight: bold; } .specs__container .adv__cols--item span{ color: #e41111; } .specs__container .adv__cols--item a { text-decoration: none; color: #fff; } .specs__container .adv__cols--item a:hover { color: #e41111; text-decoration: underline; } @media screen and (max-width:768px){ .specs__container { margin-top: 0; } .specs__container .adv__cols--col { margin-bottom: 15px; } .specs__container .adv__cols--col:last-child { margin-bottom: 0; } } .finishes { padding: 15px 0; } .finishes__container { display: flex; align-items: center; flex-wrap: wrap; } .finishes__item { width: 25%; padding: 10px; } .finishes__item--6th { width: 16.666%; } .finishes__item--5th { width: 20%; } .finishes__item--4th { width: 25%; } .finishes__item--3rd { width: 33.33% } @media screen and (max-width:960px){ .finishes__item { width: 25% !important; } } @media screen and (max-width:480px){ .finishes__item { width: 50% !important; } } .finishes__url { text-align: center; text-decoration: none !important; color: #333 !important; } .finishes__image { padding-bottom: 100%; position: relative; } .finishes__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .finishes__img--1 { opacity: 1; transition: all .25s ease-in-out; } .finishes__img--2 { opacity: 0; transition: all .25s ease-in-out; } .finishes__url:hover .finishes__img--1 { opacity: 0; } .finishes__url:hover .finishes__img--2 { opacity: 1; } .finishes__name { font-size: 16px; font-weight: bold; display: block; color: #333; text-decoration: none; line-height: normal; } .finishes__group { font-size: 14px; display: block; color: #333; text-decoration: none; line-height: normal; } .finishes__filter ul { display: flex; margin: 20px 0; padding: 0; list-style-type: none; align-items: center; justify-content: center; } @media screen and (max-width:960px){ .finishes__filter ul { flex-direction: column; } } .finishes__filter ul li { margin: 5px; text-align: center; cursor: pointer; min-width: 200px; list-style-type: none; display: flex; align-items: center; justify-content: center; font-family: "Open Sans Condensed",sans-serif; height: 65px; padding: 5px 25px; color: #fff; background-color: #1c1c1c; border: 2px solid #1c1c1c; user-select: none; text-transform: uppercase; font-size: 22px; font-weight: 700; transition: all 0.15s ease-in-out; } .finishes__filter ul li.active { color: #ffffff; background-color: #e41111; border: 2px solid #e41111; } .finishes__filter ul li:hover { opacity: .75; } @media screen and (max-width:960px){ .finishes__filter ul li { width: 100%; height: 45px; padding: 5px 15px; font-size: 18px; } } @media (max-width:1500px) { #menu-soledad_menu-1 .hide-1500 { display: none !important; } } @media (max-width:1200px) { #menu-soledad_menu-1 .hide-1200 { display: none !important; } } @media (max-width:1000px) { #menu-soledad_menu-1 .hide-1000 { display: none !important; } } .adv1-featured { } .adv1-featured__container { } .adv1-featured__content li { display: none; } .adv1-featured__content li.active { display: block; } .adv1-featured__wheels { display: flex; flex-wrap: wrap; } .adv1-featured__wheel { width: 33.33%; padding: 10px; } @media only screen and (max-width: 992px) { .adv1-featured__wheel { width: 50%; } } .adv1-featured__wheel-image{ position: relative; display: block; } .adv1-featured__wheel-link img{ width: 100%; display: block; } .adv1-featured__wheel-title { text-align: center; display: block; font-weight: bold; margin-top: 5px; color: #000; transition: all 0.15s ease-in-out; } .adv1-featured__wheel-subtitle { text-align: center; display: block; font-weight: 400; margin-top: 0px; color: #000; transition: all 0.15s ease-in-out; } .adv1-featured__wheel-subtitle span { color: #e41111; } .adv1-featured__wheel:hover .adv1-featured__wheel-title { color: #e41111; } .adv1-featured__wheel-title span { color: #e41111; } .adv1-featured__wheel-text { font-size: 14px; color: #bbb; text-align: center; } .adv1-featured__wheel-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .15); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all .15s ease-in-out; } .adv1-featured__wheel:hover .adv1-featured__wheel-overlay { opacity: 1; } .adv1-featured__wheel-button { background-color: #e41111; color: #fff; padding: 5px 10px; font-weight: 700; text-decoration: none; transition: all .15s ease-in-out; font-size: 22px; display: inline-block; } .adv1-featured__wheel-button:hover { background-color: #1c1c1c; } .adv1-featured__tabs { } .adv1-featured__tabs ul { display: flex; align-items: center; justify-content: center; margin: 20px 0; padding: 0; list-style-type: none; } @media only screen and (max-width: 992px) { .adv1-featured__tabs ul { flex-wrap: wrap; } } .adv1-featured__tabs ul li { margin: 5px; width: 100%; } .adv1-featured__tabs ul li span, .adv1-featured__tabs ul li a{ cursor: pointer; display: flex; align-items: center; justify-content: center; width: 100%; font-family: "Open Sans Condensed",sans-serif; height: 65px; padding: 5px 25px; color: #fff; background-color: #1c1c1c; user-select: none; text-transform: uppercase; font-size: 22px; font-weight: 700; transition: all 0.15s ease-in-out; } .adv1-featured__tabs ul li span:hover, .adv1-featured__tabs ul li a:hover { opacity: .75; } .adv1-featured__tabs ul li.active span{ color: #fff; background-color: #e41111; } /* NEW SLIDER STYLES */ .nSlider { font-family: "Open Sans Condensed", sans-serif; } .nSlider__wrapper { overflow: hidden; } .nSlider__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .nSlider__item { display: block; min-width: 100%; width: 100%; -webkit-transition: none; transition: none; position: relative; text-decoration: none; color: #000; } .nSlider__image { display: block; width: 100%; } .nSlider__canvas { position: absolute; top: 0; bottom: 0; width: 100%; max-width: 1500px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .nSlider__box { position: absolute; } .nSlider__box--top-left { top: 12%; left: 15px; } @media only screen and (max-width: 768px) { .nSlider__box--top-left { top: 20px; left: 0px; } } .nSlider__box--top-right { text-align: right; top: 12%; right: 15px; } @media only screen and (max-width: 768px) { .nSlider__box--top-right { top: 20px; right: 0px; } } .nSlider__box--bottom-left { bottom: 12%; left: 15px; } @media only screen and (max-width: 768px) { .nSlider__box--bottom-left { bottom: 20px; left: 0; } } .nSlider__box--bottom-right { text-align: right; bottom: 12%; right: 15px; } @media only screen and (max-width: 768px) { .nSlider__box--bottom-right { bottom: 20px; right: 0px; } } .nSlider__box--center { text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nSlider__title { color: #000; font-size: 32px; display: inline-block; text-transform: uppercase; font-weight: bold; padding: 2px 10px; background-color: #e41111; } @media only screen and (max-width: 768px) { .nSlider__title { font-size: 16px; padding: 5px 10px; } } .nSlider__subtitle { color: #fff; font-size: 42px; display: inline-block; text-transform: uppercase; font-weight: bold!important; padding: 2px 10px; background-color: #000; } @media only screen and (max-width: 768px) { .nSlider__subtitle { font-weight: normal; font-size: 14px; padding: 5px 10px; } } .nSlider__button { color: #fff; font-size: 22px; display: inline-block; text-transform: uppercase; font-weight: bold; padding: 2px 10px; background-color: #e41111; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .nSlider__button:hover { color: #e41111; background-color: #fff; } @media only screen and (max-width: 768px) { .nSlider__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } } .toggle__trigger { cursor: pointer; transition: all .15s ease-in-out; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: auto 100%; height: 450px; position: relative; box-shadow: 0 5px 10px rgba(0, 0, 0, .50); } @media only screen and (max-width: 768px) { .toggle__trigger { height: 350px; } } .toggle__trigger:hover { opacity: .90; } .toggle__button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "Open Sans Condensed", sans-serif; padding: 5px 25px; color: #fff; background-color: #e41111; user-select: none; text-transform: uppercase; transition: all .15s ease-in-out; font-size: 22px; font-weight: 700; white-space: nowrap; } .toggle__trigger:hover .toggle__button { background-color: #1c1c1c; } .toggle__container { display: none; } .portfolio-item.portfolio-item--1 { width: 100% !important; } .portfolio-item.portfolio-item--2 { width: 50% !important; } .portfolio-item.portfolio-item--3 { width: 33.33% !important; } @media all and (max-width: 1024px) { .portfolio-item.portfolio-item--2, .portfolio-item.portfolio-item--3 { width: 100% !important; } } #dealers__map { display: block; width: 100%; padding-bottom: 35%; min-height: 450px; } .dealers__wrapper { position: relative; } .dealers__search-box { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); height: 50px; width: 650px; max-width: 100%; display: flex; } @media only screen and (max-width: 768px) { .dealers__search-box { height: auto; flex-direction: column; position: relative; left: auto; bottom: auto; transform: none; width: 100%; } } .dealers__search-title { height: 50px; background-color: #fff; display:flex; align-items: center; padding: 0 15px; font-size: 16px; text-transform: uppercase; } .dealers__search-title strong { color: #e41111; display: inline-block; margin-right: 5px; } .dealers__search-title img { max-height: 15px; margin-right: 10px; } .dealers__search-input { flex-grow: 1; padding: 0 15px; border: none; height: 50px; font-family: "Open Sans Condensed", sans-serif; background-color: #1c1c1c; color: #fff; border: 2px solid #1c1c1c; text-transform: uppercase; outline: none; font-size: 16px; transition: all .15s ease-in-out; } .dealers__search-input:focus { border-bottom-color: #e41111; } .dealers__canvas { overflow: hidden; margin: 25px 0; display: none; } .dealers__grid { display: flex; margin: -5px; flex-wrap: wrap; } .dealers__item { padding: 20px; width: 16.666%; position: relative; padding-bottom: 45px; border-right: 1px dotted #eee; border-bottom: 1px dotted #eee; } @media only screen and (max-width: 768px) { .dealers__item { width: 50%; } } .dealers__item::before { content: ''; display: block; position: absolute; background-color: #fff; height: 1px; width: 50px; transform: translateX(-50%); top: 100%; left: 100%; z-index: 99; } .dealers__item::after { content: ''; display: block; position: absolute; content: ''; display: block; position: absolute; background-color: #fff; height: 50px; transform: translateY(-50%); width: 1px; top: 100%; left: 100%; z-index: 99; } .dealers__item-name { font-weight: bold; font-size: 20px; text-transform: uppercase; } .dealers__item-country { font-size: 18px; margin-top: -8px; margin-bottom: 5px; text-transform: uppercase; color: #e41111; } .dealers__item-address { color: #333; } .dealers__item-desc { } .dealers__item-url { display: inline-block; margin-top: 5px; font-weight: bold; text-transform: uppercase; position: absolute; bottom: 20px; left: 20px; } .dealers__item-url:hover { text-decoration: underline; } .headline-title--mobile { display: none !important; } @media only screen and (max-width: 960px){ .penci-topbar-social { display: none !important; } .headline-title { display: none !important; } .headline-title--mobile { display: inline-block !important; } } .lp-page { font-family: 'Open Sans Condensed', sans-serif; } .lp-top { background: #1c1c1c; padding: 5px 0; } .lp-top__social { float: left; } @media only screen and (max-width: 768px) { .lp-top__social { float: none; text-align: center; } } .lp-top__social a { text-decoration: none; color: #eee; font-size: 26px; line-height: 30px; display: inline-block; margin-right: 15px; transition: all 0.15s ease-in-out; } .lp-top__social a:hover { color: #e41111; } .lp-top__social a:last-child { margin-right: 0; } .lp-top__phone { float: right; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #eee; line-height: 30px; } @media only screen and (max-width: 768px) { .lp-top__phone { float: none; text-align: center; margin-top: 5px; } } .lp-top__phone a { color: #e41111; font-weight: 800; text-decoration: none; transition: all 0.15s ease-in-out; } @media only screen and (max-width: 768px) { .lp-top__phone a { display: block; } } .lp-top__phone a:hover { color: #fff; } .lp-title { padding: 50px 0 30px; } @media only screen and (max-width: 768px) { .lp-title { padding: 25px 0 15px; } } .lp-title__container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 768px) { .lp-title__container { display: block; } } .lp-title__logo { max-width: 400px; } @media only screen and (max-width: 768px) { .lp-title__logo { text-align: center; } } .lp-title__logo img { max-width: 100%; } .lp-title__title { position: relative; padding-left: 18px; font-weight: normal !important; font-weight: 300; font-size: 28px; color: #e41111; font-family: 'Open Sans Condensed', sans-serif; } @media only screen and (max-width: 768px) { .lp-title__title { text-align: center; font-size: 18px; padding-top: 25px; } } .lp-title__title b { color: #000; font-weight: bold !important; } .lp-title__title span { color: #000; } .lp-title__title::after { content: ""; width: 10px; height: 10px; position: absolute; left: 0; margin-left: 0px; bottom: 8px; background: #e41111; } @media only screen and (max-width: 768px) { .lp-title__title::after { display: none; } } .lp-header::after { display: block; content: ''; clear: both; } .lp-header { background-size: cover; background-position: center; padding: 25px 0 50px 0; } .lp-header__0th { color: #e41111; font-size: 22px; line-height: 22px; text-transform: uppercase; padding-left: 0; font-weight: bold; } @media only screen and (max-width: 768px) { .lp-header__0th { text-align: center; } } .lp-header__0th span { color: #fff; } .lp-header__1st { color: #e41111; font-weight: 800; text-transform: uppercase; font-size: 32px; line-height: 32px; } @media only screen and (max-width: 768px) { .lp-header__1st { text-align: center; } } .lp-header__2nd { color: #ccc; font-weight: 800; text-transform: uppercase; font-size: 44px; line-height: 38px; } @media only screen and (max-width: 768px) { .lp-header__2nd { text-align: center; } } .lp-header__3rd { color: #ccc; font-weight: 800; text-transform: uppercase; font-size: 54px; line-height: 48px; } @media only screen and (max-width: 768px) { .lp-header__3rd { text-align: center; } } .lp-header__desc { font-size: 18px; padding: 20px 0; text-transform: uppercase;} @media only screen and (max-width: 768px) { .lp-header__desc { text-align: center; } } .lp-header__form { float: right; max-width: 450px; padding: 15px; background-color: rgba(0, 0, 0, .25); color: #fff; } @media only screen and (max-width: 768px) { .lp-header__form { float: none; max-width: 100%; } } .lp-header__form form span { display: block; margin: 10px 0; } .lp-header__form form input[type='text'], .lp-header__form form input[type='email'], .lp-header__form form select { display: block; width: 100%; height: 50px; max-width: 100%; border: none; border-radius: 0; background-color: #fff; padding: 0 15px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; font-size: 16px; color: #939393; outline: none; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lp-header__form form input[type='submit'] { width: 100%; max-width: 100%; height: 50px; padding: 0 !important; color: #fff; background: #e41111; border: none; font-weight: normal; font-size: 24px; letter-spacing: 2px; cursor: pointer; transition: all 0.15s ease-in-out; } .lp-header__form form input[type='submit']:hover { color: #e41111 !important; background: #fff !important; } .lp-header__iframe iframe { height: 430px !important; } .lp-steps { padding: 50px 0 100px; background-color: #ebebeb; } .lp-steps__title { position: relative; padding-left: 18px; font-weight: 300; text-transform: uppercase; font-size: 38px; color: #333; } @media only screen and (max-width: 768px) { .lp-steps__title { text-align: center; padding-left: 0; } } .lp-steps__title::after { content: ""; width: 10px; height: 10px; position: absolute; left: 0; margin-left: 0px; bottom: 8px; background: #e41111; } @media only screen and (max-width: 768px) { .lp-steps__title::after { display: none; } } .lp-steps__steps { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -15px; } @media only screen and (max-width: 768px) { .lp-steps__steps { display: block; } } .lp-steps__single { padding: 15px; width: 33.33%; } @media only screen and (max-width: 768px) { .lp-steps__single { width: 100%; padding: 15px; } } .lp-steps__number { font-size: 150px; color: #000; font-weight: bold; padding-left: 30px; line-height: 1; position: relative; } .lp-steps__number::before { content: ""; width: 20px; height: 20px; position: absolute; left: 0; margin-left: 0px; bottom: 15px; background: #e41111; } @media only screen and (max-width: 768px) { .lp-steps__number { text-align: center; padding-left: 0;} .lp-steps__number::before { position: relative; display: inline-block; margin-right: -10px; bottom: 0; } } .lp-steps__bold { font-size: 22px; font-weight: bold; margin-bottom: 10px; } @media only screen and (max-width: 768px) { .lp-steps__bold { text-align: center; } } .lp-steps__text { font-size: 20px; line-height: 24px; padding-right: 75px; text-align: justify; font-family: 'Open Sans Condensed', sans-serif;} @media only screen and (max-width: 768px) { .lp-steps__text { text-align: center; padding-right: 0; } } .lp-steps__cta { margin-top: 50px; text-align: right; } @media only screen and (max-width: 768px) { .lp-steps__cta { text-align: center; } } .lp-steps__cta a { background-color: #e41111; color: #fff; padding: 5px 10px; font-weight: 700; text-decoration: none; border: 2px solid #e41111; transition: all .15s ease-in-out; font-size: 22px; display: inline-block; } .lp-steps__cta a:hover { color: #e41111; background-color: transparent; } .lp-wheels { padding: 50px 0 100px; } .lp-wheels__title { position: relative; padding-left: 18px; font-weight: 300; text-transform: uppercase; font-size: 38px; color: #333; margin-bottom: 25px; } @media only screen and (max-width: 768px) { .lp-wheels__title { text-align: center; padding-left: 0; } } .lp-wheels__title::after { content: ""; width: 10px; height: 10px; position: absolute; left: 0; margin-left: 0px; bottom: 8px; background: #e41111; } @media only screen and (max-width: 768px) { .lp-wheels__title::after { display: none; } } .lp-wheels__text { font-size: 20px; line-height: 24px; margin-bottom: 25px; padding: 0 5px; color: #666; font-family: 'Open Sans Condensed', sans-serif;} .lp-wheels__text a { color: #e41111; } @media only screen and (max-width: 768px) { .lp-wheels__text { text-align: center; } } .lp-wheels__wheels { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .lp-wheels__single { margin: 15px 0; display: block; width: 33.33%; transition: all .15s ease-in-out; padding: 0 15px; } .lp-wheels__single:hover { opacity: .5; } @media only screen and (max-width: 768px) { .lp-wheels__single { width: 50%; } .page-id-34866 .lp-wheels__single { width: 100%; } } .lp-wheels__single img { width: 100%; display: block; } .lp-wheels__cta { margin-top: 50px; text-align: center; } .lp-wheels__cta a { color: #e41111; padding: 10px 25px; border: 3px solid #e41111; font-size: 22px; font-weight: bold; letter-spacing: 2px; text-decoration: none; transition: all 0.15s ease-in-out; } .lp-wheels__cta a:hover { color: #fff; background: #e41111; } .lp-wheels__cta--2 { margin-top: 50px; text-align: center; } .lp-wheels__cta--2 a { color: #000; padding: 10px 25px; border: 3px solid #000; font-size: 22px; font-weight: bold; letter-spacing: 2px; text-decoration: none; transition: all 0.15s ease-in-out; } .lp-wheels__cta--2 a:hover { color: #fff; background: #000; } .lp-feed { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .lp-feed__single { width: 25%; display: block; position: relative; } @media only screen and (max-width: 768px) { .lp-feed__single { width: 50%; } } .lp-feed__single img { width: 100%; display: block; } .lp-feed__single::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1c1c1c; opacity: 0; transition: all 0.5s ease-in-out; } .lp-feed__single:hover::after { opacity: .95; } .lp-about { padding: 50px 0; background-color: #1c1c1c; } .lp-about__title { position: relative; padding-left: 18px; font-weight: 300; font-size: 38px; text-transform: uppercase; color: #fff; margin-bottom: 25px; } @media only screen and (max-width: 768px) { .lp-about__title { text-align: center; padding-left: 0; } } .lp-about__title::after { content: ""; width: 10px; height: 10px; position: absolute; left: 0; margin-left: 0px; bottom: 8px; background: #e41111; } @media only screen and (max-width: 768px) { .lp-about__title::after { display: none; } } .lp-about__text { font-size: 20px !important; margin-bottom: 50px; text-transform: uppercase; color: #fff; font-family: 'Open Sans Condensed', sans-serif;} .lp-about__text p { font-size: 20px !important; } @media only screen and (max-width: 768px) { .lp-about__text { text-align: justify; } .lp-about__text p { font-size: 12px !important; line-height: 18px !important; } } .lp-about__pics { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } @media only screen and (max-width: 768px) { .lp-about__pics { display: block; text-align: center; } } .lp-about__single { width: 33.33%; position: relative; padding: 15px; } @media only screen and (max-width: 768px) { .lp-about__single { width: 100%; padding: 15px; } } .lp-about__single img { width: 100%; display: block; } .lp-about__single::after { display: block; pointer-events: none; user-select: none; content: ''; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; background-color: #1c1c1c; opacity: 0; transition: all 0.5s ease-in-out; } .lp-about__single:hover::after { opacity: .95; } .lp-list .portfolio-item{ width: 20%; padding: 0 !important; } .lp-list .portfolio-item img { width: 100% !important; } /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch { overflow: hidden !important; } #swipebox-overlay img { border: none !important; } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; } #swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } #swipebox-slider .slide-loading { background: url(../img/loader.gif) no-repeat center center; } #swipebox-bottom-bar, #swipebox-top-bar { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } #swipebox-bottom-bar { bottom: -50px; } #swipebox-bottom-bar.visible-bars { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } #swipebox-top-bar { top: -50px; } #swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } #swipebox-title { display: block; width: 100%; text-align: center; } #swipebox-prev, #swipebox-next, #swipebox-close { background-image: url(../img/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0; } #swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px; } #swipebox-prev { background-position: -32px 13px; float: left; } #swipebox-next { background-position: -78px 13px; float: right; } #swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px; } .swipebox-no-close-button #swipebox-close { display: none; } #swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.3; } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring 0.3s; animation: rightSpring 0.3s; } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring 0.3s; animation: leftSpring 0.3s; } .swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; } .swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0px 10px -8px #656565; box-shadow: inset 10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0px 10px -8px #656565; box-shadow: inset -10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before { opacity: 1; } .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; } @-webkit-keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @media screen and (min-width: 800px) { #swipebox-close { right: 10px; } #swipebox-arrows { width: 92%; max-width: 800px; } } /* Skin --------------------------*/ #swipebox-overlay { background: #0d0d0d; } #swipebox-bottom-bar, #swipebox-top-bar { text-shadow: 1px 1px 1px black; background: #000; opacity: 0.95; } #swipebox-top-bar { color: white !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif; } .lp-title__right { width: 450px; padding: 0 15px; max-width: 100%; } .lp-title .adv1__title{ padding: 0; font-size: 36px !important; } .lp-title .adv1__subtitle{ padding: 0; margin-bottom: 0; } .clear-footer { margin: 0 !important; display: none !important; } .footer-col-1 img, .footer-col-2 img, .footer-col-3 img { max-width: 100%; height: 48px; width: auto !important; } .footer-copyright { text-align: left !important; padding-left: 15px !important; padding-right: 15px !important; } #widget-area { border-top: none !important; } .lp-featured-mobile { display: none; } .lp-featured-mobile img { display: block; width: 100%; } @media only screen and (max-width: 768px) { .lp-title__logo { padding: 30px 25px; text-align: center; width: 100%; max-width: none; } .lp-title__right { display: none !important; } .lp-header { background-color: #1c1c1c; background-image: none !important; } .lp-featured-mobile { display: block; } } .page-template-page-landing-new #widget-area, .page-template-page-landing-new #header { display: none !important; } .dealer__form .adv__cols { max-width: none !important; } .dealer__form .adv__cols--col { margin-bottom: 0 !important; } .dealer__form input { margin-bottom: 0 !important; max-width: none !important; } .dealer__form select { padding: 14px 20px; max-width: 500px; border: 1px solid #DEDEDE; margin-bottom: 0; font-size: 12px; width: 100%; font-weight: 400; font-family: 'PT Serif',serif; max-height: 50px; } .dealer__form .wpcf7-submit { background-color: #e41111 !important; color: #fff !important; } .dealer__form .wpcf7-submit:hover { background-color: #f5f5f5 !important; color: #333 !important; } .map { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .woocommerce-product-gallery { opacity: 1 !important; } .woocommerce div.product div.images img { border: 5px solid #fff; } .woocommerce div.product form.cart .variations select, .woocommerce .quantity .qty { height: 45px; border: 1px solid #DEDEDE; padding: 0 15px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #e41111; } .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: 1 !important; background-color: #000 !important; } .woocommerce-cart .wc-proceed-to-checkout a:hover { opacity: 1 !important; } .woocommerce form .form-row select { border: 1px solid #dedede; padding: 14px 20px; } .woocommerce div.product form.cart .variations { width: auto; } .woocommerce button.button.disabled { background-color: #000 !important; } .woocommerce div.product form.cart .variations td { vertical-align: middle; } .product_meta { text-transform: uppercase; } .woocommerce div.product .product_title { margin-top: 0; font-weight: bold !important; } .woocommerce-product-details__short-description { font-size: 18px !important; } .woocommerce form .form-row input[type="submit"], .woocommerce .return-to-shop .button { color: #fff !important; background-color: #e41111; } .woocommerce form .form-row input[type="submit"]:hover, .woocommerce .return-to-shop .button:hover { background-color: #000 !important; opacity: 1 !important; } .penci-woo-breadcrumb { display: none !important; } .woocommerce .page-title { display: none !important; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { display: none !important; } .woocommerce .products ul, .woocommerce ul.products { margin-top: 25px !important; } .shop__top { float: right; background-color: #e41111; height: 35px; display: block; padding: 0 15px; color: #fff; line-height: 35px; font-size: 14px; font-weight: bold; transition: all .15s ease-in-out; } .shop__top i { font-size: 18px; } .shop__top:hover { color: #000; } #top-search>a { background-color: #e41111 !important; transition: all .15s ease-in-out; } #top-search>a:hover { background-color: #1c1c1c !important; } .woocommerce-checkout-payment { margin-bottom: 25px !important; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #e41111 !important; color: #fff !important; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button, .woocommerce button.button.alt:hover { background-color: #000 !important; } /* .woocommerce div.product .product_meta { display: none !important; } */ .menu-item-52608 { display: none !important; } @media screen and (max-width: 960px) { .menu-item-52608 { display: block !important; } } .woocommerce div.product p.price { font-size: 30px; font-weight: bold; } .dealers__popup-name { font-weight: bold; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; } .dealers__popup-city { margin-bottom: 5px; } .dealers__popup-country { margin-bottom: 5px; } .dealers__popup-phone { } .dealers__popup-desc { margin-bottom: 5px; } .dealers__popup-links { } .dealers__popup-links a { display: inline-block; } .dealers__popup-links a:first-child { border-right: 1px solid #e41111; padding-right: 5px; margin-right: 5px; } #navigation .container { display: flex; justify-content: space-between; align-items: center; } #navigation .menu { float: right; margin-right: 10px; } #navigation .logo__logo { flex-shrink: 1; width: auto; max-width: 300px; } #navigation .menu li a { font-size: 12px !important; } #navigation .menu li { margin-right: 10px !important; } .flex__left { display: flex; align-items: center; white-space: nowrap; } .flex__right { display: flex; align-items: center; white-space: nowrap; } .penci-headline .headline-title{ font-size: 10px; } .penci-top-bar { background-color: #1c1c1c !important; } .topbar { display: flex; height: 35px; background-color: #1c1c1c; } @media screen and (max-width: 1170px) { .topbar .container{ padding: 0 !important; } .show-search { left: 0; right: 0; } } @media screen and (max-width: 960px) { .penci-top-bar { float: none; } #navigation .logo__logo { max-width: 225px !important; } } .penci-top-bar .penci-headline{ display: flex; align-items: center; justify-content: center; } .model-filter-item h2 { font-size: 28px !important; } .pr__wrap { display: flex; margin: 0 -5px; } .pr__field { width: 22.5%; padding: 0 5px; } .pr__field span { display: block; } .pr__field ::placeholder { color: #5c5c5c !important; } .pr__field input, .pr__field select { display: block !important; width: 100% !important; font-size: 18px !important; font-family: "Open Sans Condensed",sans-serif; height: 48px !important; padding: 0 15px !important; color: #5c5c5c !important; max-width: 100% !important; border: none !important; outline: none !important; background-color: #c8c8c8 !important; } .pr__submit { width: 10%; min-width: 125px; padding: 0 5px; } .pr__title { font-size: 24px; position: relative; padding-left: 25px; } .pr__title span { font-weight: bold; } .pr__title::before { background: #e41111 none repeat scroll 0 0; bottom: 8px; content: ""; height: 12px; left: 5px; position: absolute; top: 20px; width: 12px; } @media screen and (max-width:992px){ .pr__field { width: 100%; margin-bottom: 5px; } .pr__submit { width: 100%; } .pr__wrap { flex-wrap: wrap; } } .pr__submit input { background-color: #000 !important; color: #fff !important; height: 48px !important; display: block !important; width: 100% !important; padding: 10px 20px !important; border: none !important; font-family: "Open Sans Condensed",sans-serif; text-transform: uppercase !important; font-weight: bold !important; max-width: 100% !important; font-size: 18px !important; transition: all .15s ease-in-out !important; } .pr__submit input:hover { background-color: #ff0000 !important; color: #fff !important; } .pr__submit--red input { background-color: #ff0000 !important; } .pr__submit span { display: none !important; } @media screen and (max-width: 960px) { .pr__submit input { display: block !important; width: 100% !important; margin: 25px 0 !important; } } /* Single Wheel Page template CSS */ /* single wheel product page css */ .single-cover{ background-position: center!important; background-size: cover!important; padding-bottom: 24%; position: relative; min-height: 250px; box-shadow: 0 0 10px rgba(0,0,0,.25); margin-bottom: 15px; } .single-cover img{ width: 100%; /* max-height: 600px; */ object-fit: cover; height: 100%; box-shadow: 0 0 10px rgba(0,0,0,.35); min-height: 250px; display: none; } .single-cover .title-subtitle{ padding: 0px; position: absolute; top: 50px; bottom: 0; display: flex; flex-direction: column; left: 0; align-items: flex-start; width: 100%; height: 100%; max-width: 1500px; margin: auto; padding: 0 15px; right: 0; } .wheel-title__title{ font-size: 16px; padding: 20px 0px; } .container { width: 100%!important; max-width: 1500px!important; padding-left: 15px!important; padding-right: 15px!important; margin: 0 auto; } .container2{ padding: 0px!important; } .container3{ max-width: 100%!important; padding: 0px!important; margin-top: 40px; } .nSlider__title { color: #000; font-size: 32px; display: inline-block; text-transform: uppercase; font-weight: bold!important; padding: 5px 15px; background-color: #e41111; } .nSlider__subtitle { color: #fff; font-size: 42px; display: inline-block; text-transform: uppercase; font-weight: bold!important; padding: 5px 15px; background-color: #000; } .wheel-main{ padding: 50px 0; } .wheel-main__container{ width: 100%; max-width: 1500px; margin: auto; display: flex; justify-content: space-between; } .wheel-main__left, .wheel-main__right{ width: 50%; } .wheel-main__title{ font-size: 72px!important; color: #000!important; line-height: 1!important; margin-bottom: -10px!important; padding-left: 0; } .wheel-main__subtitle, .post-entry h1.wheel-main__subtitle { font-size: 48px!important; color: #000!important; line-height: 1!important; padding-left: 0; } .wheel-main__text { font-size: 21px; line-height: 1; text-align: justify; padding: 10px 0; color: #000; } .wheel-main__subtitle span { color: #e41111; } .wheel-main__list { list-style-type: none; padding: 10px 0!important; margin: 0!important; font-size: 18px; } .wheel-main__list li { list-style-type: none!important; margin-bottom: 5px!important; line-height: 1!important; } .wheel-main__list li::before { content: ''; display: inline-block; height: 8px; width: 8px; background-color: #e41111; margin-right: 5px; } .wheel-main__image { text-align: center; padding: 0 15px; } .wheel-main__image img { max-width: 100%; } strong{ font-weight: 700; } .single-photos{ padding: 20px 10px; /* margin: 0 -10px; */ width: 100%; background: #f4f4f4; } .related .single-photos{ margin:auto!important; } .related .photos-title{ text-transform: uppercase; } .photos-title{ width: 100%; max-width: 1500px; margin: auto; padding: 0 10px; font-family: 'Open Sans Condensed'; font-size:24px } /* concave flow form */ .phots-flex{ width: 100%; max-width: 1500px; margin: auto; padding: 40px 0px; display: flex; align-items: center; justify-content: space-around; } .phots-flex_ff, .phots-flex_ff a{ flex-direction: column; align-items: center; } .phots-flex_ff{ margin:0px!important; padding: 0px!important; } .phots-flex_ff img{ max-width: 600px!important; width: 100%; } .phots-flex p{ display: flex; } .phots-flex_ff p{ text-transform: uppercase; text-align: center; font-weight: 600; padding: 0 40px; align-items: center; justify-content: center; } .phots-flex_ff a{ color: #000!important; } .phots-flex_ff:hover .co-box_overlay { opacity: 1; visibility: visible; transition: all .3s ease-in-out; cursor: pointer; /* height: 361px; */ } /* .phots-flex_ff a:hover{ filter: grayscale(100%); opacity: .8; } .phots-flex_ff a:hover .phots-flex_ff p{ filter: grayscale(100%); opacity: .8; } */ .phots-flex p a, .phots-flex p a img{ width: 100%; } .phots-flex p a{ transition: all .3s ease-in-out; } .phots-flex p a:hover{ filter: grayscale(100%); opacity: .8; transition: all .3s ease-in-out; } .photos_ff{ display: flex; width: 100%; max-width: 1500px; margin: auto; padding: 40px 0; } /* end concave flow form */ .wheel-single-form{ display: flex; flex-direction: column; } .wheel-single-form_control{ display: flex; justify-content: space-between; /* align-items: center; */ } .wheel-single-form_control div{ width: 100%; padding: 0 5px; } .wheel-single-form_control div span input, .wheel-single-form_control div span select{ display: block!important; width: 100%!important; font-size: 18px!important; font-family: "Open Sans Condensed",sans-serif; height: 48px!important; padding: 0 15px!important; color: #5c5c5c!important; /* max-width: 100%!important; */ min-width: 330px!important; border: none!important; outline: none!important; background-color: #c8c8c8!important; } .wheel-single-form-btn{ display: flex; } .wheel-single-form-btn .wpcf7-submit{ background-color: #000!important; color: #fff!important; height: 48px!important; display: block!important; width: 100%!important; padding: 10px 20px!important; border: none!important; font-family: "Open Sans Condensed",sans-serif; text-transform: uppercase!important; font-weight: bold!important; /* max-width: 100%!important; */ font-size: 18px!important; transition: all .15s ease-in-out!important; cursor: pointer; border-radius: 0px; min-width: 138px; } .wheel-single-form-btn .wpcf7-submit:hover{ background: #e41111!important } .wheel-single-form_text{ position: relative; margin-bottom: 10px; } .wheel-single-form_text h2{ font-size: 24px; position: relative; padding-left: 25px; } .wheel-single-form_text::before{ background: #e41111 none repeat scroll 0 0; bottom: 2px; content: ""; height: 12px; left: 5px; position: absolute; top: 14px; width: 12px; } /* end single wheel product page css */ @media only screen and (max-width: 992px) { .single-cover{ /* display: none; */ background: unset!important; padding-bottom: 0px; } .page-template-ADV005-FlowSpec .wheel-main__image img{ display: none!important; } .single-cover img{ display: none; } .single-cover .title-subtitle{ position: relative!important; top: 0; padding: 0; } .wmi-mobile{ display: none; } .single-cover .single-featured-mobile{ display: block!important; } .woocommerce-product-gallery img{ display: none; } .nSlider__title { font-size: 16px; padding: 5px 15px; } .single-cover .nSlider__title{ padding: 15px 10px; font-size: 26px; width: 100%; text-align: center; } .nSlider__subtitle { font-weight: normal; font-size: 14px; padding: 5px 15px; } .single-cover .nSlider__subtitle{ font-size: 22px; padding: 15px 10px; width: 100%; text-align: center!important; font-weight: normal!important; } .wheel-main__container{ flex-direction: column; } .wheel-main__left, .wheel-main__right{ width: 100%; } .wheel-main__title{ font-size: 38px!important; margin-bottom: 0px!important; } .page-template-ADV005-FlowSpec .wheel-main__title, .page-template-ADV005-FlowSpec .wheel-main__subtitle{ display: none!important; } .wheel-main__subtitle, .wheel-main__subtitle, .post-entry h1.wheel-main__subtitle{ font-size: 24px!important; } .single-photos{ margin:0px!important; } .phots-flex{ flex-direction: column; } .photos_ff{ flex-direction: column; } .wheel-single-form_control{ flex-direction: column; } .wheel-single-form_control div{ margin-bottom: 25px; } .wheel-single-form-btn .wpcf7-submit{ min-width: 100%!important; } .wheel-single-form_control div span input{ margin-bottom: 0px!important; } .wheel-main{ padding: 0px!important; } } /* End Single Wheel Page template CSS */ /* ADV1 FlowSpec Collection Overview */ .cover-collection-overview{ background: url('/wp-content/uploads/2020/04/adv1-flow-spec-series-platinum-black.jpg'); background-repeat: no-repeat; background-position: center!important; background-size: cover!important; padding-bottom: 24%; position: relative; min-height: 250px; box-shadow: 0 0 10px rgba(0,0,0,.25); margin-bottom: 15px; } /* concave flow form */ .cover-collection-overview2{ background: url('/wp-content/uploads/2020/04/Horizontal-adv1-Wheel-Background-Showcase-3.jpg'); background-repeat: no-repeat; background-position: center!important; background-size: cover!important; padding-bottom: 24%; position: relative; min-height: 250px; box-shadow: 0 0 10px rgba(0,0,0,.25); margin-bottom: 15px; } /* end concave flow form */ .cco-featured-mobile{ display: none!important; } .cco-overlay{ background: rgba(0,0,0,0.7); position: absolute; width: 100%; height: 100%; } .cco_title-subtitle{ z-index: 99; position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; } .cco_title-subtitle-mobile{ display: none; } .cco_nSlider__title { color: #fff; font-size: 42px; display: inline-block; text-transform: uppercase; /* font-weight: bold; */ padding: 0px; } .cco_nSlider__title-red{ font-weight: 700; color: #e41111; } .cco_nSlider__title-bold{ font-weight: 700; } .cco_nSlider__subtitle { color: #fff; font-size: 20px; display: inline-block; text-transform: uppercase; margin-top: -10px; padding: 5px 15px 5px 15px; /* font-weight: 700; */ } .cover-collection-overview2 .cco_nSlider__subtitle, .cover-collection-overview2 .cco_nSlider__title{ padding: 0px; } .cco-section{ width: 100%; max-width: 1500px; margin: auto; display: flex; align-items: center; } .cco-section:nth-child(even){ flex-direction: row-reverse; } .cco-section_left{ width: 35%; } .cco-section_right{ width: 65%; } .cco-section_right-content h1{ font-size: 72px; color: #000!important; line-height: 1!important; margin-bottom: -4px!important; padding-left: 0; } .cco-section_right-content h3{ font-size: 48px!important; color: #000!important; line-height: 1!important; padding-left: 0; } .cco-section_right-content p{ font-size: 21px; line-height: 1; text-align: justify; padding: 10px 0; color: #000; } .cco-section_right-content{ padding-right: 100px; } /* .cco-section_left-img{ display: flex; justify-content: center; } .cco-section_left-img img{ max-width: 500px; } */ .cco_bold-title{ font-weight: 300; font-size: 20px; padding-left: 0px; } .red-separator{ color: #e41111; } .cco_nSlider__title-light{ font-weight: 700; color: #000; } .co-boxes{ /* background-color: #000; */ display: flex; width: 100%; max-width: 1500px; margin: 40px auto; } .co-box{ border-right: 0.5px solid #000; padding: 40px; width: 25%; /* position: relative; */ } .co-box h2{ font-size: 28px; text-transform: uppercase; padding: 0 0 5px 0; font-weight: 700!important; padding-top: 15px; } .co-box h2 span{ color: #e41111; } .co-box p{ font-size: 14px; font-weight: 300; text-transform: uppercase; padding-bottom: 5px; } .co-box h4{ font-size: 16px; font-weight: 700; text-transform: uppercase; } .bold{ font-weight: bold; } .boldred{ font-weight: bold; color: #E41111; } /* .co-box img{ max-width: 400px; } */ .co-box:last-child{ border-right: 0px; } .cco_title-subtitle p{ color: #fff; width: 100%; max-width: 1500px; text-align: center; font-size: 16px; text-transform: uppercase; margin-top: 10px; line-height: 16px!important; } .co-img:nth-child(1){ width: 33.3%; } .co-img:nth-child(2){ width: 33.3%; } .co-img:nth-child(3){ width: 33.3%; } .co-img:nth-child(4){ width: 25%; } .co-img:nth-child(5){ width: 25%; } .co-img:nth-child(6){ width: 25%; } .co-img:nth-child(7){ width: 25%; } .co-img:nth-child(8){ width: 16.6%; } .co-img:nth-child(9){ width: 16.6%; } .co-img:nth-child(10){ width: 16.6%; } .co-img:nth-child(11){ width: 16.6%; } .co-img:nth-child(12){ width: 16.6%; } .co-img:nth-child(13){ width: 16.6%; } .co-photos{ flex-wrap: wrap; } .co-box:hover .co-box_overlay{ opacity: 1; visibility: visible; transition: all .3s ease-in-out; cursor: pointer; } .co-box_overlay{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 99; visibility: hidden; opacity: 0; transition: all .3s ease-in-out; } .cco-section_left-img{ position: relative; cursor: pointer; } .w-hover-image{ opacity: 0; position: absolute; left: 0; top: 0; } .w-image{ opacity: 1; } .cco-section_left-img:hover .w-image{ opacity: 0; } .cco-section_left-img:hover .w-hover-image{ opacity: 2; } /* concave flow form */ .co-gallery{ width: 100%; margin: auto; max-width: 1500px; } .co-gallery .tiled-gallery{ display: flex; align-items: center; justify-content: space-between; } .co-gallery .tiled-gallery-item{ width: 25%!important; } .co-gallery .tiled-gallery-item img{ width: 100%!important; height: auto!important; } .cc-phots-flex a:hover{ filter: grayscale(0%); opacity: 1; position: relative; } .cc-phots-flex a:hover .co-box_overlay{ opacity: 1; visibility: visible; transition: all .3s ease-in-out; cursor: pointer; /* height: 361px; */ } /* end concave flow form */ /* ---------------------------------------------- */ @media only screen and (max-width: 992px) { .cco_nSlider__title { padding: 15px 10px; font-size: 26px; width: 100%; text-align: center; background-color: #e41111; display: inline-block; text-transform: uppercase; font-weight: bold!important; color: #000; line-height: 29px!important; } /* concave flow form */ .co-gallery .tiled-gallery-item{ width: 100%; } /* end concave flow form */ .cco_nSlider__title-red{ color: #000; } .cco-overlay{ background: transparent; } .co-photos{ flex-direction: row!important; } .cco_nSlider__subtitle { font-size: 22px; padding: 15px 10px; width: 100%; text-align: center!important; font-weight: normal!important; background-color: #000; margin:0px; } .cco-section{ flex-direction: column; } .cco-section_left, .cco-section_right{ width: 100%; } .cco-section_right{ padding: 0 15px; } .cco-section:nth-child(even) { flex-direction: column; } .cco-featured-mobile{ display: block!important; } .cover-collection-overview{ background: unset!important; padding-bottom: 0px; } .cco_title-subtitle{ padding: 0px; position: relative; top: 0; } .cts{ display: none; } .cco_title-subtitle-mobile{ display: block; } .cco_title-subtitle-mobile p{ text-transform: uppercase; text-align: center; padding: 20px; } .cco-section_right-content{ padding: 0px; } .cco-section_right-content h1{ font-size: 34px!important; } .cco-section_right-content h3{ font-size: 20px!important; } .cco-section_right-content p{ font-size: 18px!important; } .cco_bold-title{ font-size: 18px; padding-left:0px; } .cover-collection-overview2{ /* display: none; */ /* min-height: 100%; */ background-position: left!important; margin-bottom: 0px; margin-top: 40px; } .co-boxes{ flex-direction: column; } .co-box{ border-right: 0px; width: 100%; } .w-hover-image{ display: none; } } /* END ADV1 FlowSpec Collection Overview */ /*New wheel Collection*/ .adv1-wheels_new{ width: 100%; max-width: 1500px; padding: 0 15px; margin: 20px auto; position: relative; } .adv1-wheels_new h1, .adv1-wheels_new h2{ padding: 0px!important; } .new-wheel-colection-banner{ /* margin: auto; width: 100%; max-width: 1500px; min-height: 200px; padding-left: 15px!important; padding-right: 15px!important; */ position: relative; } .new-wheel-colection-banner_overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.25); } .new-wheel-colection-banner img{ height: 200px; /* max-height: 200px; */ width: 100%; object-fit: cover; } .banner-text{ position: relative; margin: 20px 0; text-align: right; } .banner_text_title{ position: absolute; z-index: 999; /* display: flex; */ /* flex-direction: column; */ /* align-items: center; */ /* justify-content: center; */ /* width: 100%; */ /* height: 100%; */ right: 25px; bottom: 0; } .banner_text_title h1, .banner_text_title h2{ color: #fff!important; } /* --------------------------------------------------- */ @media only screen and (max-width: 992px) { .banner_text_title h1{ text-align: center!important; font-size: 30px; } .banner_text_title h1{ font-size: 16px; } .banner_text_title{ text-align: center; right: 0; display: none; } .new-wheel-colection-banner_overlay{ display: none; } } .cco_nSlider__subtitle{ text-align: center;} /*End New wheel Collection*/ .variations { width: 100%; display: block; text-transform: uppercase !important; } .variations tbody { width: 100%; display: block; } .variations tr { display: block; width: 100%; } .variations td { display: block; width: 100%; } .variations .value select { display: block; width: 100%; margin-bottom: 10px !important; background-color: #fff !important; text-transform: uppercase !important; } .variations .label { font-family: 'Open Sans Condensed', sans-serif; display: block; width: 100%; padding-bottom: 0 !important; } .tiled-gallery-item::after { content: ""; position: absolute; width: 100%; pointer-events: none; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 99; visibility: hidden; opacity: 0; transition: all .3s ease-in-out; } .tiled-gallery-item:hover::after { opacity: 1; visibility:visible; } .woocommerce-product-gallery__image { max-width: 550px; margin: 0 auto !important; } .grecaptcha-badge {visibility: hidden;} .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { border: 5px solid #fff; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img { border: 1px solid #eee; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { position: relative; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2)::after { content: ""; position: absolute; width: 100%; pointer-events: none; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 99; visibility: hidden; opacity: 0; transition: all .3s ease-in-out; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2):hover::after { opacity: 1; visibility:visible; } /* MX CSS */ .woocommerce td.product-name dl.variation { font-weight: bold !important; line-height: 28px !important; } table.shop_table.shop_table_responsive td, .woocommerce-checkout, li.wc_payment_method.payment_method_authorize_net_cim_credit_card { font-weight: bold !important; } .woocommerce-billing-fields h3, h3#order_review_heading, .cart_totals h2 { font-size: 20px !important; font-weight: bold !important; color: #e41111 !important; } .woocommerce form.checkout h3#order_review_heading { margin-bottom: 40px !important; } .woocommerce-checkout .woocommerce form .form-row label, .woocommerce-page form .form-row label { text-transform: uppercase; } .product_meta span.posted_in { display: none !important; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { font-weight: bold; } .woocommerce-variation-price .price { font-size: 30px !important; font-weight: bold !important; display: block; padding-bottom: 20px; } .woocommerce-variation-price .price:before { content: "PRICE PER SET: "; color: #000; } .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled .price, .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled .price { display: none; } @media (min-width: 768px){ #customer_details{ width: 48%; float: left; } #order_review_heading{ width: 48%; float: right; clear: right; } #order_review{ width: 48%; float: right; padding-right: 50px; } .woocommerce-checkout .woocommerce table.shop_table td{ width: 50%; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ width: 100%; } } .order-online__container { display: flex; margin: 0 -15px; padding: 15px 0; justify-content: center; align-items: center; } .order-online__image { padding: 0 15px; width: 30%; } .order-online__text { padding: 0 18px; width: 50%; line-height: 1.3em; text-align: justify; } .order-online__title { font-size: 56px; text-align: left; line-height: 1; } .order-online__button { padding: 0 15px; width: 20%; text-align: center; } a.order-online__cta { display: inline-block; color: #fff !important; background-color: #e41111; border: 2px solid #e41111; padding: 5px 15px; font-size: 20px; font-weight: 600; } a.order-online__cta:hover { text-decoration: none; background-color: transparent; color: #e41111 !important; } @media (max-width: 1000px){ .order-online__container { flex-direction: column; } .order-online__image{ width: 100%; text-align: center; margin-bottom: 10px; max-width: 350px; } .order-online__text { width: 100%; text-align: center; margin-bottom: 10px; max-width: 800px; } .order-online__title { text-align: center; } .order-online__button{ width: 100%; text-align: center; margin-bottom: 10px; } } .cco-button { display: inline-block; margin-top: 10px; padding: 10px 25px; background-color: #e41111; color: #fff; font-size: 26px; border: 2px solid #e41111; font-weight: bold; transition: all .15s ease-in-out; } .cco-button:hover { background-color: #fff; color: #e41111; } .bespoke-container { max-width: 1500px; padding: 50px 0; margin: 0 auto; display: flex; } .bespoke--col { width: 33.33%; } .bespoke--col:last-child { align-self: center; text-align: center; } .bespoke-table { width: 100%; font-size: 18px; text-align: center; color: #555; } .bespoke-table th { text-align: center; font-size: 24px; font-weight: bold; } .bespoke-table--title { font-weight: bold; } .bespoke-table--title td { padding-top: 20px; } .bespoke-button { display: inline-block; background-color: #E41111; color: #fff; padding: 10px 25px; font-size: 24px; transition: all .15s ease-in-out; border: 2px solid #E41111; font-weight: bold; } .bespoke-button:hover { background-color: transparent; color: #E41111; } @media only screen and (max-width: 960px){ .bespoke-container { flex-direction: column; } .bespoke--col { width: 100%; margin-bottom: 35px; } }