/* Theme Name: Vancouver Theme URI: http://pencidesign.com/ Description: A WordPress Blog Theme for Blogger and Creative Author: PenciDesign Author URI: http://pencidesign.com/ Version: 2.3.4 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, three-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, post-formats, translation-ready */ /*--------------------------------------------------- [TABLE OF CONTENTS] 1 - Import Fonts + Merriweather font + Oswald font + FontAwesome 2 - Magnific Popup library 3 - Slick carousel library & flexslider library 4 - Reset 5 - General 6 - Navigation & Mobile Navigation 7 - Top Search 8 - Header 9 - Header social 10 - Featured 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 19 - Post & Single post + Post Header + Slick Gallery + Post Entry + Gird post share + Post tags & share box + Post author + Post Pagination + Post related 20 - Page Under Construction 21 - Page navigation 22 - Footer + Footer Widgets + Footer copyright + Footer go to top 23 - Widgets 24 - Comments 25 - Arichive 26 - Wordpress style of core 27 - Page 404 28 - Responsive Design /* --------------------------------------------------- [COLORS USED] Background: #ffffff (white) Color: #313131 (light black) Link: #bf9f5a Accent color: #bf9f5a ------------------------------------------------------ [FONTS USED] Body font: Merriweather, sans-serif Heading font: Oswald, sans-serif Navigation font: Oswald, sans-serif -----------------------------------------------------*/ /* = Import font -----------------------------------------------------*/ /** Merriweather font **/ @import url(//fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic,300italic,300); /** Oswald font **/ @import url(//fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext); /* = 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) -----------------------------------------------------*/ .ArtistImages{float: left; width: 145px; height: 100px; margin: 0 4px 5px 0;/* border: 1px solid #000;*/} @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:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;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%; } a img { border: none } iframe { border: none; } /* = General -----------------------------------------------------*/ body { font-family: 'Merriweather', sans-serif; color: #313131; background-color: #FFF; font-size: 13px; } p { font-size: 13px; line-height: 24px; } a { text-decoration: none; color: #BF9F5A; 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: 'Oswald', sans-serif; font-style: normal; } .container { width: 1170px; margin: 0 auto; } .container.penci_sidebar { overflow: hidden; } #main { width: 100%; overflow: hidden; } .container.penci_sidebar #main { width: 70.94%; padding-right: 60px; float: left; } #sidebar { width: 29.06%; float: right; } #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: 59px; clear: both; display: block; width: 100%; } .clearfix { clear: both; } .penci-category-description { margin: 0 0 40px 0; } .penci-category-description p { font-size: 108%; line-height: 1.8; } /* = Navigation -----------------------------------------------------*/ #navigation { background: #fff; height: 60px; z-index: 9999; width: 100%; -webkit-backface-visibility: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #navigation.header-layout-bottom { box-shadow: 0px 1px 0px rgba(190, 190, 190, 0.3); -webkit-box-shadow: 0px 1px 0px rgba(190, 190, 190, 0.3); -moz-box-shadow: 0px 1px 0px rgba(190, 190, 190, 0.3); } .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); } .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 .menu li { display: inline-block; position: relative; float: left; vertical-align: top; } #navigation .menu li a { font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 2px; color: #313131; line-height: 60px; text-transform: uppercase; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; padding: 0 24px; position: relative; } #navigation .menu li a:hover, #navigation .menu > li.current_page_item > a, #navigation .menu > li.current-menu-ancestor > a, #navigation .menu > li.current-menu-item > a { color: #bf9f5a; } #navigation .menu > li:first-child > a{ padding-left: 0; } #navigation .menu > li:last-child > a{ padding-right: 0; } #navigation .menu > ul > li > a:after, #navigation .menu > li > a:after{ content: ""; position: absolute; right: 2px; width: 1px; height: 12px; background: #D4D4D4; top: 24px; letter-spacing: 0; -webkit-box-shadow: 5px -2px 0 #D4D4D4; -moz-box-shadow: 5px -2px 0 #D4D4D4; -ms-box-shadow: 5px -2px 0 #D4D4D4; box-shadow: 5px -2px 0 #D4D4D4; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } #navigation .menu > ul > li:last-child > a:after, #navigation .menu > li:last-child > a:after { content: none; } #navigation .button-menu-mobile{ display: none; float: left; line-height: 60px; text-align: center; color: #313131; font-size: 21px; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #navigation.header-3 .button-menu-mobile, #navigation.header-4 .button-menu-mobile { display: inline-block; } #navigation .button-menu-mobile:hover { } /*** Primary menu dropdown ***/ #navigation .menu .sub-menu, #navigation .menu .children { background: #fff url('images/pattern-menu.png'); visibility: hidden; opacity: 0; padding: 3px; position: absolute; left: 24px; z-index: 9999; margin-top: -10px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #navigation ul.menu > li:first-child > .sub-menu, #navigation .menu > ul > li:first-child > .sub-menu{ left: 0; } #navigation ul.menu ul a, #navigation .menu ul ul a { margin: 0 25px; padding: 15px 0; min-width: 229px; line-height: 20px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; border-bottom: 1px solid #E0E0E0; text-align: left; border-left: none !important; position: relative; overflow: hidden; } #navigation ul.menu ul a:hover, #navigation .menu ul ul a:hover { padding-left: 20px; } #navigation ul.menu ul a:before, #navigation .menu ul ul a:before { content: ""; position: absolute; left: -17px; width: 1px; height: 12px; background: #bf9f5a; top: 19px; -webkit-box-shadow: 5px -2px 0 #bf9f5a; -moz-box-shadow: 5px -2px 0 #bf9f5a; -ms-box-shadow: 5px -2px 0 #bf9f5a; box-shadow: 5px -2px 0 #bf9f5a; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #navigation ul.menu ul a:hover:before, #navigation .menu ul ul a:hover:before { left: 3px; } #navigation ul.menu ul li, #navigation ul.menu ul ul li { padding-right: 0; margin-right: 0; background: #fff; float: none; width: 100%; } #navigation .menu ul.sub-menu > li:last-child > a { border-bottom: none; } #navigation ul.menu ul a:hover, #navigation .menu ul ul a:hover { } #navigation ul.menu li:hover > ul, #navigation .menu ul li:hover > ul { opacity: 1; visibility: visible; margin-top: 0; } #navigation .menu .sub-menu ul, #navigation .menu .children ul { left: 100%; top: -3px; } /* Category mega menu */ #navigation .menu li.penci-mega-menu { position: static !important; } li.penci-mega-menu > ul.sub-menu { display: none; } #navigation .menu li.penci-mega-menu > ul.sub-menu { width: 100%; clear: both; display: block; left: 0; } .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; 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: 15px 20px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative; } #navigation .penci-megamenu .penci-mega-child-categories a:before { content: none !important; display: none !important; } #navigation .penci-megamenu .penci-mega-child-categories a.cat-active { border-top-color: #ECECEC; border-bottom-color: #ECECEC; background: #fff; color: #BF9F5A; z-index: 10; } #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 > a:before { content: none !important; display: none; } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { font-size: 10px; background: #A1CEB4; 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; letter-spacing: 1px; vertical-align: top; } #navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post a:before { content: none; display: 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; vertical-align: top; } #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: #9e9e9e; text-align: center; margin-top: 10px; } /* = Navigation sidebar and mobile navigation -----------------------------------------------------*/ #sidebar-nav { position: fixed; top: 0; height: 100%; z-index: 10000; width: 300px; overflow-y: auto; padding: 60px 0 20px; background: #313131; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transform: translateX(-300px); -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); } .open-sidebar-nav #sidebar-nav { left: 300px; } #sidebar-nav::-webkit-scrollbar { width: 6px; background: #848484; } #sidebar-nav::-webkit-scrollbar-thumb { background-color:#1B1B1B; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } #sidebar-nav::-webkit-scrollbar-corner { background-color: black; } #sidebar-nav-logo { padding: 0 30px; text-align: center; margin: 0 0 16px 0; } .header-social.sidebar-nav-social { margin: 0 0 40px 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: #BF9F5A; } .header-social.sidebar-nav-social a i:hover { color: #fff; } #sidebar-nav .menu { margin: 0; list-style: none; } #sidebar-nav .menu li { display: block; border-bottom: 1px solid #4A4A4A; } #sidebar-nav .menu > li:last-child, #sidebar-nav .menu ul > li:last-child { border-bottom: none; } #sidebar-nav .menu li a { font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; color: #fff; margin: 0 30px; position: relative; padding: 17px 10px 17px 18px; display: block; line-height: 1.3em; } #sidebar-nav .menu li a:before { //content: ""; position: absolute; left: 0; width: 1px; height: 11px; background: #fff; top: 20px; -webkit-box-shadow: 5px -2px 0 #fff; -moz-box-shadow: 5px -2px 0 #fff; -ms-box-shadow: 5px -2px 0 #fff; box-shadow: 5px -2px 0 #fff; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #sidebar-nav .menu li a:hover { color: #BF9F5A; } #sidebar-nav .menu li a:hover:before { background: #BF9F5A; -webkit-box-shadow: 5px -2px 0 #BF9F5A; -moz-box-shadow: 5px -2px 0 #BF9F5A; -ms-box-shadow: 5px -2px 0 #BF9F5A; box-shadow: 5px -2px 0 #BF9F5A; } #sidebar-nav ul.sub-menu { border-top: 1px solid #4A4A4A; padding: 0 30px; display: none; } #sidebar-nav li.penci-mega-menu > ul.sub-menu { display: none !important; } #sidebar-nav ul.sub-menu ul.sub-menu { padding-right: 0; } #sidebar-nav ul.sub-menu li { overflow: hidden; } #sidebar-nav ul.sub-menu li a { margin: 0 0 0 -18px; color: #9e9e9e; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } #sidebar-nav ul.sub-menu li a:hover{ margin-left: 2px; } #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: 18px 0 18px 10px; line-height: 1; color: #fff; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #sidebar-nav .menu .sub-menu li a .indicator { color: #9e9e9e; } #sidebar-nav .menu li a .indicator:hover, #sidebar-nav .menu .sub-menu li a .indicator:hover { color: #BF9F5A; } .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; background: #fff; color: #313131; padding: 20px; height: 100%; background: rgba(255,255,255,.9); right: 0; z-index: 99999; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .open-sidebar-nav #close-sidebar-nav { left: 300px; opacity: 1; visibility: visible; } .admin-bar #close-sidebar-nav { padding-top: 52px; } #close-sidebar-nav i { display: none; } /* = Wrap search and top social -----------------------------------------------------*/ .wrap-social-search { display: inline-block; vertical-align: top; } /* = Search -----------------------------------------------------*/ #top-search { float: right; width: 60px; text-align: center; } #top-search > a { height: 60px; font-size: 14px; line-height: 60px; color: #ffffff; cursor: pointer; background: #BF9F5A; 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 { opacity: 0.8; } .show-search { position: absolute; left: 0; width: 100%; top: 0; height: 60px; background: #fff; text-align: left; z-index: 1; display: none; } .show-search #searchform input#s { padding: 10px 65px 10px 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: 60px; line-height: 60px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none; font-size: 15px; font-family: 'Oswald', sans-serif; letter-spacing: 2px; font-weight: 300; } .show-search a.close-search { position: absolute; width: 60px; height: 60px; display: inline-block; right: 0; top: 0; z-index: 5; text-align: center; line-height: 60px; font-size: 20px; cursor: pointer; } /* = Header -----------------------------------------------------*/ #header { margin-bottom: 60px; position: relative; } .pattern-grey { background: url('images/header-pattern.png'); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.25; margin: 0 !important; padding: 0 !important; } #header .inner-header { width: 100%; background-color: #fafafa; position: relative; } #header .inner-header .container { padding: 40px 0; text-align: center; z-index: 10; position: relative; background: none !important; } .penci-video-overlay-background, #penci-header-video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-size: cover; background-position: center center; background-repeat: no-repeat; display: none; } #penci-header-video-bg { z-index: 2; display: block; background: none; } .penci-header-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-repeat: repeat; background-color: transparent !important; background-attachment: scroll !important; animation: animatedBackground 40s linear infinite; -webkit-animation: animatedBackground 40s linear infinite; background-image: url('images/video-loading.png'); } @-webkit-keyframes animatedBackground { from { background-position: 0 0 } to { background-position: 100% 0 } } @keyframes animatedBackground { from { background-position: 0 0 } to { background-position: 100% 0 } } #logo { text-align: center; } /* = Header social -----------------------------------------------------*/ .header-social { display: block; text-align: center; margin: 22px 0 0; } .header-social .inner-header-social { display: inline-block; vertical-align: top; position: relative; } .header-social .inner-header-social:before, .header-social .inner-header-social:after { content: ""; position: absolute; left: -19px; width: 1px; height: 12px; background: #BF9F5A; top: 2px; -webkit-box-shadow: 5px -2px 0 #BF9F5A; -moz-box-shadow: 5px -2px 0 #BF9F5A; -ms-box-shadow: 5px -2px 0 #BF9F5A; box-shadow: 5px -2px 0 #BF9F5A; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .header-social .inner-header-social:after { left: auto; right: -15px; } .header-social a { float: left; display: inline-block; vertical-align: top; margin-right: 11px; } .header-social a:last-child { margin-right: 0; } .header-social a i { font-size: 14px; color: #777777; -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: #BF9F5A; } /* = Featured Slider -----------------------------------------------------*/ .featured-area { margin-top: -30px; margin-bottom: 60px; } .featured-area .featured-carousel { max-height: 780px; width: 1170px; display: block; margin: 0 auto; } .featured-area .featured-carousel.style-2 { width: 100%; margin: 0; } .featured-area .featured-carousel.loaded { max-height: none; } .featured-carousel .item { 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: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .featured-carousel.loaded .item { -webkit-animation-name: pencifade; -moz-animation-name: pencifade; -o-animation-name: pencifade; animation-name: pencifade; } @-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-2.loaded .item { animation-name: none; -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; opacity: 1; margin: 0 15px; } .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.2; } .featured-overlay-color { background-color: #000000; } .featured-overlay-partent { background-image: url('images/slider-pattern.png'); z-index: 7; opacity: 0.05; } .featured-carousel .featured-content { z-index: 10; width: 450px; margin: auto; position: absolute; top: 40.8%; left: 0; right: 0; opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; } .featured-carousel.loaded-done .featured-content { opacity: 1; } .featured-carousel.style-2 .featured-content { top: 38%; } .featured-carousel .featured-content .feat-text { width: 100%; border: 2px solid #fff; text-align: center; padding: 37px 20px; 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.loaded .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}} .featured-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; opacity: 0.5; } .featured-carousel .featured-content .feat-text h3 { line-height: 1.3; position: relative; z-index: 10; } .featured-carousel .featured-content .feat-text h3 a { color: #fff; font-size: 30px; text-transform: uppercase; letter-spacing: 3px; } .featured-carousel .carousel-meta { margin-top: 10px; position: relative; z-index: 10; } .featured-carousel .carousel-meta span { color: #fff; font-size: 12px; } .featured-carousel .carousel-meta .feat-author strong { color: #fff; text-transform: uppercase; font-weight: 700; } .featured-carousel .carousel-meta > span:after { content: ""; display: inline-block; margin: 0 12px; width: 4px; height: 4px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border: 1px solid #fff; } .featured-carousel .carousel-meta > span:last-child:after { content: none; } .featured-carousel > button.slick-prev, .featured-carousel > button.slick-next, .penci-slider .penci-direction-nav .penci-prev, .penci-slider .penci-direction-nav .penci-next { position: absolute; width: 45px; height: 45px; display: inline-block; top: 50%; margin-top: -22px; cursor: pointer; outline: none; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; text-align: center; line-height: 45px; background: #fff; z-index: 12; background: rgba(0, 0, 0, 0.3); border: 2px solid rgba(255, 255, 255, 0.3); color: #fff; } .featured-carousel > button.slick-prev, .penci-slider .penci-direction-nav .penci-prev { left: 30px; } .featured-carousel > button.slick-next, .penci-slider .penci-direction-nav .penci-next { right: 30px; } .featured-carousel > button.slick-prev i, .featured-carousel > button.slick-next i, .penci-slider .penci-direction-nav .penci-prev i, .penci-slider .penci-direction-nav .penci-next i { font-size: 20px; color: #fff; display: inline-block; line-height: 43px; text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; } .featured-carousel.loaded:hover > button.slick-prev, .featured-carousel.loaded:hover > button.slick-next, .penci-slider:hover .penci-direction-nav .penci-prev, .penci-slider:hover .penci-direction-nav .penci-next { opacity: 0.8; } .featured-carousel.loaded > button.slick-prev:hover, .featured-carousel.loaded > button.slick-next:hover, .penci-slider .penci-direction-nav .penci-prev:hover, .penci-slider .penci-direction-nav .penci-next:hover { opacity: 1; } /* = Penci Slider @since 2.0 -----------------------------------------------------*/ .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-3 { width: 1170px; 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.2; } .penci-slider ul.slides li:before { background-image: url('images/slider-pattern.png'); z-index: 7; opacity: 0.05; } .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: 2px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: none; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover { background: #BF9F5A; } /* Loading */ .penci-slider.penci-loading { background: #fafafa url('images/loading.gif') no-repeat center center; min-height: 500px; } /* Pencislider Elements */ .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-family: 'Oswald', sans-serif; font-size: 36px; line-height: 1.2em; text-transform: uppercase; margin: 0; letter-spacing: 2px; } .penci-slider .pencislider-container .pencislider-content .pencislider-caption { font-size: 18px; line-height: 1.3em; margin: 10px 0 0; font-style: italic; } .penci-slider .pencislider-container .pencislider-content .penci-button { margin: 39px 0 0; background: none; padding: 0; vertical-align: top; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { text-decoration: none; display: inline-block; padding: 14px 34px; text-transform: uppercase; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; font-family: 'Oswald', sans-serif; letter-spacing: 1px; cursor: pointer; font-size: 14px; line-height: 1.5; border: none; font-weight: 300; } .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: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; 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; } /* = Homepage title -----------------------------------------------------*/ .penci-homepage-title { position: relative; padding: 14px 30px; margin-bottom: 30px; background: #fafafa; } .penci-homepage-title.align-center { text-align: center; } .penci-homepage-title h3 { font-size: 26px; color: #313131; text-transform: uppercase; letter-spacing: 2px; position: relative; z-index: 1; line-height: 1.3em; } /* = Standard style -----------------------------------------------------*/ .standard-post-image { margin: 0 0 30px 0; text-align: center; display: block; position: relative; } .standard-post-image .icon-post-format { position: absolute; z-index: 2; text-align: center; border: 2px solid #ffffff; display: inline-block; width: 60px; height: 60px; line-height: 60px; background: none; font-size: 18px; top: 50%; left: 50%; margin: -30px 0 0 -30px; font-size: 28px; color: #fff; } .standard-post-image img { vertical-align: top; max-width: 100%; height: auto; } .standard-content { position: relative; } .standard-content .standard-share-box { position: absolute; left: 0; top: 0; width: 90px; background: #E2DED1; padding: 25px 0 10px; } .standard-inner-share-box { position: relative; } .standard-inner-share-box:before { position: absolute; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-top: 45px solid #E2DED1; content: ""; bottom: -55px; } .standard-content .standard-share-box .sbox { display: block; margin: 0 0 15px; text-align: center; position: relative; z-index: 10; } .standard-share-box .sbox .wrap-list-post-share { position: absolute; width: 30px; left: 50%; margin-left: -15px; top: 35px; padding-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } .standard-share-box .sbox .list-posts-share { background: rgba(0, 0, 0, 0.5); padding: 15px 0 4px; width: 100%; z-index: 15; } .standard-share-box .sbox:hover .wrap-list-post-share { visibility: visible; opacity: 1; top: 15px; } .standard-share-box .sbox .list-posts-share a { display: block; text-align: center; color: #fff; font-size: 13px; margin-bottom: 11px; } .standard-content .standard-share-box .sbox:hover > a, .standard-share-box .sbox .list-posts-share a:hover { color: #BF9F5A; } .standard-content .standard-share-box .sbox:last-child { margin-bottom: 0; } .standard-content .standard-share-box .sbox > a { color: #fff; font-size: 18px; } .standard-content .standard-share-box .sbox > a:hover, .standard-content .standard-share-box .sbox > a.liked { color: #BF9F5A; } .penci-post-like.liked i:before{ content: "\f004"; } .standard-main-content.has-padding { padding-left: 120px; min-height: 220px; } .standard-main-content .cat { color: #BF9F5A; } .standard-main-content .cat a { text-transform: uppercase; font-family: 'Oswald', sans-serif; letter-spacing: 1px; font-size: 14px; margin-bottom: 11px; display: inline-block; } .standard-main-content .cat a:hover { text-decoration: underline; } .standard-main-content > h2 { font-size: 30px; line-height: 1.2em; margin: 0; position: relative; padding-left: 26px; } .standard-main-content > h2:before { content: ""; position: absolute; left: 5px; width: 1px; height: 26px; background: #BF9F5A; top: 5px; -webkit-box-shadow: 6px -2px 0 #BF9F5A; -moz-box-shadow: 6px -2px 0 #BF9F5A; -ms-box-shadow: 6px -2px 0 #BF9F5A; box-shadow: 6px -2px 0 #BF9F5A; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .standard-main-content > h2 a { letter-spacing: 2px; color: #313131; text-transform: uppercase; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .standard-main-content > h2 a:hover { color: #BF9F5A; } .post-box-meta { display: block; margin-top: 12px; } .post-box-meta span { font-size: 12px; color: #9e9e9e; display: inline-block; vertical-align: top; } .post-box-meta span strong { font-weight: 700; text-transform: uppercase; } .post-box-meta span:after { content: ""; display: inline-block; margin: 0 12px; width: 4px; height: 4px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border: 1px solid #BF9F5A; } .post-box-meta span:last-child:after { content: none; } .standard-post-entry { margin: 23px 0 0 0; } .standard-post-entry p { margin-bottom: 22px; } .standard-post-entry p:last-child { margin-bottom: 0; } .standard-post-entry a.more-link { font-family: 'Oswald', sans-serif; letter-spacing: 2px; color: #bf9f5a; text-transform: uppercase; font-size: 14px; display: inline-block; margin-top: 20px; } .standard-post-entry a.more-link:hover { text-decoration: underline; } /* = Classic style -----------------------------------------------------*/ .header-classic { text-align: center; display: block; margin: 0 0 28px 0; } .header-classic > .cat { color: #BF9F5A; } .header-classic > .cat a { text-transform: uppercase; font-family: 'Oswald', sans-serif; letter-spacing: 1px; font-size: 14px; margin-bottom: 11px; display: inline-block; } .header-classic > .cat a:hover { text-decoration: underline; } .header-classic > h2 { font-size: 30px; line-height: 1.2em; margin: 0; } .header-classic > h2 a { position: relative; letter-spacing: 2px; color: #313131; text-transform: uppercase; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; display: inline-block; padding: 0 26px; } .header-classic > h2 a:hover { color: #BF9F5A; } .header-classic > h2 a:before, .header-classic > h2 a:after { content: ""; position: absolute; left: 5px; width: 1px; height: 26px; background: #BF9F5A; top: 5px; -webkit-box-shadow: 6px -2px 0 #BF9F5A; -moz-box-shadow: 6px -2px 0 #BF9F5A; -ms-box-shadow: 6px -2px 0 #BF9F5A; box-shadow: 6px -2px 0 #BF9F5A; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .header-classic > h2 a:after { left: auto; right: 14px; } .standard-post-entry.classic-post-entry { margin: 0; } .standard-main-content.classic-main-content.has-padding { min-height: 179px; } /* = Gird style -----------------------------------------------------*/ ul.penci-grid { display: inline-block; width: 100%; } .penci-grid li { display: inline-block; vertical-align: top; width: 31.62%; margin-bottom: 55px; float: left; margin-right: 2.57%; } .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%; } .container.penci_sidebar .penci-grid li:nth-of-type(3n+3) { margin-right: 3.9%; } .container.penci_sidebar .penci-grid li:nth-of-type(3n+1) { clear: none; margin-right: 3.9%; } .container.penci_sidebar .penci-grid li:nth-of-type(2n+2) { margin-right: 0; } .container.penci_sidebar .penci-grid li: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: 26px; width: 100%; } .penci-grid li .item > .thumbnail .icon-post-format, .penci-masonry .item-masonry > .thumbnail .icon-post-format { position: absolute; z-index: 2; text-align: center; display: inline-block; width: 30px; height: 30px; line-height: 30px; background: none; top: 50%; left: 50%; margin: -15px 0 0 -15px; font-size: 28px; color: #fff; } .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: #bf9f5a; } .penci-grid li .item .cat a, .penci-masonry .item-masonry .cat a { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Oswald', sans-serif; display: inline-block; margin-bottom: 7px; } .penci-grid li .item .cat a:hover, .penci-masonry .item-masonry .cat a:hover { text-decoration: underline; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { font-size: 20px; 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: #bf9f5a; } .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 { margin-top: 22px; } .grid-post-share-box { display: block; text-align: center; background: url('images/pattern-grid.png') repeat-x center; padding: 6px 0 0 0; margin: 19px 0 0 0; } .grid-post-share-box .inner-grid-post-share-box { display: inline-block; padding: 0 9px; background: #fff; } .grid-post-share-box .gbox { display: inline-block; float: left; position: relative; margin: 0 5px; } .grid-post-share-box .gbox > a { color: #9e9e9e; font-size: 14px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; cursor: pointer; } .grid-post-share-box .gbox a.liked, .grid-post-share-box .gbox > a:hover, .grid-post-share-box .gbox:hover > a { color: #BF9F5A; } .grid-post-share-box .gbox .wrap-list-post-share { position: absolute; display: inline-block; top: 30px; left: 50%; width: 110px; margin-left: -55px; visibility: hidden; opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; padding-top: 20px; } .grid-post-share-box .gbox .list-posts-share { background: rgba(0, 0, 0, 0.5); padding: 7px 10px; display: inline-block; width: 100%; } .grid-post-share-box .gbox:hover .wrap-list-post-share { top: 10px; visibility: visible; opacity: 1; } .grid-post-share-box .gbox .list-posts-share a { color: #fff; font-size: 12px; display: inline-block; margin: 0 3px; } .grid-post-share-box .gbox .list-posts-share a:hover { color: #E8D3A6; } /* = 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: 55px; } .container.penci_sidebar .penci-masonry .item-masonry { 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 { margin-right: 12px; padding-right: 17px; position: relative; } .cat > a.penci-cat-name:last-child { padding-right: 0; margin-right: 0; } .cat > a.penci-cat-name:after { content: ""; display: inline-block; width: 4px; height: 4px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border: 1px solid #BF9F5A; position: absolute; top: 6px; right: 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; } .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 Boxed style -----------------------------------------------------*/ .penci-grid li.list-post.list-boxed-post { position: relative; border: 1px solid #E0E0E0; } .list-boxed-post .grid-post-share-box .inner-grid-post-share-box { background: #ffffff; } .penci-grid li.list-post.list-boxed-post .item > .thumbnail { width: 50%; max-width: none; } .penci-grid li.list-boxed-post:nth-of-type(2n+2) .item > .thumbnail { float: right; } .penci-grid li.list-post.list-boxed-post .item .content-list-right { padding: 20px 60px; display: table; width: 50%; min-height: 389px; height: 389px; } .list-boxed-post .inner-content-list-right { vertical-align: middle; display: table-cell; } .penci_sidebar .penci-grid li.list-post.list-boxed-post .item .content-list-right { padding: 20px 30px; min-height: 0; height: auto; } .penci-grid li.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; } /* = Post & Single post -----------------------------------------------------*/ article.post, article.portfolio { margin-bottom: 52px; } .has-border-bottom .post { margin-bottom: 60px; padding-bottom: 52px; border-bottom: 1px solid #E0E0E0; } .container.classic-layout #main > article.post:last-of-type { padding-bottom: 0; border-bottom: none; } .single .post { margin-bottom: 70px; } /*** Post Header ***/ .post-header { margin-bottom: 28px; text-align: center; } .post-header .cat { color: #BF9F5A; margin-bottom: 8px; display: block; } .post-header .cat a { display: inline-block; margin-bottom: 0; font-family: 'Oswald', sans-serif; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #BF9F5A; } .post-header .cat a:hover { text-decoration: underline; } .post-header h1 a, .post-header h2 a, .post-header h1 { font-size: 30px; color: #313131; margin: 0; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .post-header h1 span, .post-header h2 span { position: relative; padding: 0 27px; display: inline-block; } .post-header h1 span:before, .post-header h2 span:before, .post-header h1 span:after, .post-header h2 span:after { position: absolute; left: 5px; width: 1px; height: 26px; background: #BF9F5A; top: 7px; -webkit-box-shadow: 6px -2px 0 #BF9F5A; -moz-box-shadow: 6px -2px 0 #BF9F5A; -ms-box-shadow: 6px -2px 0 #BF9F5A; box-shadow: 6px -2px 0 #BF9F5A; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .post-header h1 span:after, .post-header h2 span:after { left: auto; right: 14px; } .post-header .post-box-meta { margin-top: 10px; } /*** Post images gallery ***/ .post-image { margin-bottom: 30px; text-align: center; vertical-align: top; } .post-image img { max-width: 100%; height: auto; } .post-image.audio iframe, .standard-post-image.audio iframe { height: 166px; width: 100%; } .container.penci_sidebar .post-image.audio iframe { width: 100%; height: auto; } /*** Slick gallery ***/ .penci-slick-slider { position: relative; opacity: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; } .penci-slick-slider img { width: 100%; } .penci-slick-slider.loaded { opacity: 1; } .penci-slick-slider > button.slick-prev, .penci-slick-slider > button.slick-next{ position: absolute; width: 45px; height: 45px; display: inline-block; top: 50%; margin-top: -22px; cursor: pointer; outline: none; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; text-align: center; line-height: 45px; background: #fff; border: none; z-index: 12; background: rgba(0, 0, 0, 0.3); border: 2px solid rgba(255, 255, 255, 0.4); color: #fff; } .penci-slick-slider > button.slick-prev { left: 30px; } .penci-slick-slider > button.slick-next { right: 30px; } .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; color: #fff; display: inline-block; line-height: 43px; } /*** Post Entry ***/ .post-entry { margin-bottom: 36px; line-height: 1.7em; } .post-entry.standard-post-entry { margin-bottom: 0; } .post-entry:before { content: " "; display: table; } .post-entry .inner-post-entry:after { content: " "; display: table; clear: both; } .post-entry .inner-post-entry > p:last-child { margin-bottom: 0; } .post-entry.page-has-margin { margin-bottom: 85px; } .post-entry img { max-width: 100%; height: auto; } .post-entry a:hover { text-decoration: underline; } .post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom: 22px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color: #313131; clear: both; font-weight: normal; letter-spacing: 1px; line-height: 1.2em; } .post-entry h1 { font-size: 30px; } .post-entry h2 { font-size: 28px; } .post-entry h3 { font-size: 26px; } .post-entry h4 { font-size: 22px; } .post-entry h5 { font-size: 18px; } .post-entry h6 { font-size: 16px; } .post-entry hr { border: 0; height: 0; border-bottom: 1px solid #e9e9e9; clear: both; } .post-entry blockquote { padding: 0 0 0 60px; position: relative; margin-bottom: 20px; } .post-entry blockquote, .post-entry blockquote p { font-size: 16px; color: #9e9e9e; font-style: italic; line-height: 1.7; } .post-entry blockquote:before { color: #BF9F5A; font-size: 90px; font-family: 'Oswald', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); text-rendering: auto; display: inline-block; float: left; content: '“'; font-style: normal; position: absolute; left: 0; top: 0; font-weight: bold; line-height: 1; } .post-entry blockquote cite, .post-entry blockquote .author { display: block; font-size: 16px; margin-top: 10px; font-weight: bold; color: #BF9F5A; font-style: italic; } .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: 60px; margin-bottom: 20px; } .post-entry ol { padding-left: 78px; } .post-entry ul ul { margin: 10px 0; padding-left: 20px; } .post-entry ol ol { margin: 10px 0; padding-left: 39px; } .post-entry ul li { margin-bottom: 6px; list-style: none; position: relative; padding-left: 18px; } .post-entry ul li:before { content: ""; width: 5px; height: 5px; display: inline-block; margin-right: 16px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #BF9F5A; position: absolute; left: 0; top: 8px; } .post-entry ol li { margin-bottom: 6px; 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: 16px; 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: #BF9F5A; } .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 0 40px 0; position: relative; padding: 20px 30px; background: #fafafa; } .tags-share-box.hide-tags { padding: 18px 30px; text-align: center; } .tags-share-box.hide-tags.page-share { text-align: center; } .post-tags { display: inline-block; position: relative; z-index: 10; } .post-tags > span { display: inline-block; color: #BF9F5A; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin: 0 5px 0 0; font-family: "Oswald", sans-serif; } .post-tags a { font-family: 'Oswald', sans-serif; letter-spacing: 1px; color: #313131; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-size: 14px; } .post-tags a:hover { text-decoration: underline; } .post-share { display: inline-block; float: right; position: relative; z-index: 10; margin-top: 2px; } .hide-tags .post-share { margin-top: 0; } .tags-share-box.hide-tags .post-share { float: none; } .post-share .share-title { font-size: 18px; font-family: 'Oswald', sans-serif; color: #313131; text-transform: uppercase; margin: 0 6px 0 0; letter-spacing: 2px; display: none; } .tags-share-box.hide-tags .share-title { display: inline-block; } .post-share .list-posts-share { display: inline-block; } .post-share .list-posts-share a { transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; font-size: 15px; margin: 0 0 0 7px; } .post-share .list-posts-share a:hover { opacity: 0.8; } .page-share .post-share .list-posts-share a { margin: 0 0 0 10px; color: #9e9e9e; } .page-share .post-share .list-posts-share a:hover { color: #BF9F5A; } article.page.type-page { margin-bottom: 60px; } /*** Post author ***/ .post-author { margin: 0 0 37px 0; overflow: hidden; padding: 0 0 37px 0; border-bottom: 1px solid #E0E0E0; } .author-img { float: left; margin-right: 30px; } .post-author .author-content { margin-left: 150px; } .author-content h5 { font-size: 20px; letter-spacing: 2px; margin: 0 0 9px; color: #313131; display: block; font-family: 'Oswald', sans-serif; text-transform: uppercase; } .author-content h5 a { display: inline-block; margin: 0; color: #313131; } .author-content h5 a:hover { color: #bf9f5a; } .author-content p { margin-bottom: 25px; } .author-content .author-social { font-size: 13px; color: #9e9e9e; margin-right: 8px; } .author-content .author-social:hover { color: #BF9F5A; } /*** Post Pagination ***/ .post-pagination { overflow: hidden; margin: 0 0 37px 0; } .post-pagination .prev-post { float: left; width: 50%; } .post-pagination .next-post { float: right; text-align: right; width: 50%; } .post-pagination span { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin: 0; display: inline-block; color: #9e9e9e; font-family: 'Oswald', sans-serif; } .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: 9px; } .post-pagination h5 { font-size: 14px; font-family: 'Oswald', sans-serif; padding: 0 10px 0 0; position: relative; letter-spacing: 1px; text-transform: uppercase; } .post-pagination h5.next-title { padding: 0 0 0 10px; } .post-pagination a { color: #313131; } .post-pagination a:hover { color: #BF9F5A; } /*** Post related ***/ .post-related { overflow: hidden; margin-bottom: 56px; } .post-title-box { position: relative; padding: 17px 30px; margin-bottom: 30px; background: #fafafa; } .post-box-title { font-size: 20px; letter-spacing: 2px; text-transform: uppercase; text-align: left; font-family: 'Oswald', sans-serif; color: #313131; position: relative; z-index: 10; } .penci-carousel { margin-left: -15px; margin-right: -15px; } .penci-carousel > button.slick-prev, .penci-carousel > button.slick-next { position: absolute; top: -68px; display: inline-block; border: none; font-size: 14px; outline: none; cursor: pointer; width: 20px; height: 14px; background: none; z-index: 20; color: #313131; opacity: 0.5; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .penci-carousel > button.slick-prev:hover, .penci-carousel > button.slick-next:hover { opacity: 1; } .penci-carousel > button.slick-prev { right: 65px; } .penci-carousel > button.slick-next { right: 40px; } .penci-carousel > button.slick-prev.slick-disabled, .penci-carousel > button.slick-next.slick-disabled { opacity: 0.5; 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: 16px; width: 100%; } .item-related > a:hover { opacity: 0.85; } .item-related h3 a { font-size: 20px; text-transform: uppercase; letter-spacing: 1px; color: #313131; } .item-related h3 a:hover { color: #BF9F5A; } .item-related span.date { font-size: 12px; color: #9e9e9e; display: inline-block; margin-top: 9px; } /* = 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: 2px; 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: #bf9f5a; text-transform: uppercase; font-family: 'Oswald', sans-serif; line-height: 1; display: block; text-align: center; letter-spacing: 3px; font-weight: bold; } .penci-countdown .countdown-period { display: block; text-align: center; letter-spacing: 2px; font-size: 20px; text-transform: uppercase; color: #313131; margin: 26px 0 0 0; line-height: 1; font-family: 'Oswald', sans-serif; } /* = Column -----------------------------------------------------*/ .penci-column { margin-right: 4%; position: relative; float: left; min-height:1px; display: block; padding: 0 !important } .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; } .penci-pagination a { color: #9e9e9e; font-family: 'Oswald', sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; } .penci-pagination a i { font-size: 16px; } .penci-pagination a:hover { text-decoration: none; color: #313131; } .penci-pagination .newer { float: left; } .penci-pagination .older { float: right; } /* = Footer -----------------------------------------------------*/ #footer-area{ background: #171717; padding: 60px 0; text-align: center; position: relative; clear: both; } /* = Footer social -----------------------------------------------------*/ #footer-social { text-align: center; border-top: 1px solid #353535; padding-top: 26px; } #footer-social a { margin: 0 15px; color: #939393; font-size: 11px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; display: inline-block; } #footer-social a:first-child { margin-left: 0; } #footer-social a:last-child { margin-right: 0; } #footer-social a i { height: 28px; width: 28px; text-align: center; line-height: 28px; background: none; color: #A9A9A9; font-size: 13px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); margin-bottom: 7px; border: 1px solid #666; } #footer-social a:hover { text-decoration: none; color: #fff; } #footer-social a:hover > i { color: #BF9F5A; border-color: #BF9F5A; } #footer-social a i:before { display: inline-block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } #footer-social a span{ display: block; clear: both; margin-top: 5px; } /* = Footer logo -----------------------------------------------------*/ #footer-logo { margin-bottom: 20px; } #footer-logo img { margin-bottom: 15px; } #footer-logo p { color: #777; font-size: 15px; margin-bottom: 0; font-style: italic; } #footer-logo p i { color: #BF9F5A; font-size: 14px; margin: 0 5px 0 7px; } /* = Footer copyright -----------------------------------------------------*/ #footer-copyright { padding: 22px 0; background: #313131; font-family: 'Oswald', sans-serif; text-align: center; color: #777; position: relative; } #footer-copyright * { font-size: 13px; color: #777; letter-spacing: 1px; font-weight: 300; } /* = Footer go to top -----------------------------------------------------*/ #footer-copyright a.go-to-top { width: 44px; height: 24px; display: inline-block; position: absolute; left: 50%; top: -23px; margin: 0 0 0 -22px; text-align: center; line-height: 32px; background: #313131; z-index: 10; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; } #footer-copyright .go-to-top i { font-size: 18px; z-index: 5; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; color: #777; } #footer-copyright a.go-to-top:hover i{ color: #fff; } /* = Widget -----------------------------------------------------*/ .textwidget { line-height: 24px; } #widget-area { overflow: hidden; margin: 0; padding: 60px 0; background: #fafafa; position: relative; } #widget-area > .container { position: relative; z-index: 3; } .footer-widget-wrapper { width: 31%; margin-right: 3.5%; float: left; } .footer-widget-wrapper > .widget:last-child { margin-bottom: 0 !important; } #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 { background: #fafafa; padding: 17px 0; color: #939393; margin-bottom: 30px; font-family: 'Oswald', sans-serif; letter-spacing: 2px; position: relative; text-align: center; } #sidebar .widget-title > span { display: block; margin: 0 30px; z-index: 1; overflow: hidden; font-size: 20px; text-transform: uppercase; color: #313131; } #sidebar .widget-title span span { z-index: 5; position: relative; display: inline-block; position: relative; } #sidebar .widget-title span span:before, #sidebar .widget-title span span:after { position: absolute; //content: "//////////"; width: 60px; height: 8px; top: 50%; left: 100%; margin-top: -4px; margin-left: 9px; color: #BF9F5A; font-family: 'Arial', sans-serif; text-align: left; font-size: 11px; letter-spacing: 3px; line-height: 1; overflow: hidden; } #sidebar .widget-title span span:before { left: auto; right: 100%; margin-left: auto; margin-right: 9px; text-align: right; } /** Widget List **/ .widget ul { list-style: none; } .widget ul ul { padding-top: 16px; margin-top: 16px; border-top: 1px solid #E0E0E0; padding-left: 20px; } .widget ul li { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E0E0E0; font-size: 14px; font-family: 'Oswald', sans-serif; letter-spacing: 1px; color: #777777; } .widget ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget ul li a { font-size: 14px; text-transform: capitalize; } .widget a { color: #313131; } .widget a:hover { color: #BF9F5A; text-decoration: underline; } .widget ul ul > li > a:before { content: "-"; display: inline-block; margin: 0 10px 0 0; } .widget ul ul ul > li > a:before { content: "--"; display: inline-block; margin: 0 10px 0 0; } .widget ul ul ul ul > li > a:before { content: "---"; display: inline-block; margin: 0 10px 0 0; } .widget ul ul ul ul ul > li > a:before { content: "----"; display: inline-block; margin: 0 10px 0 0; } /*** Widget categories ***/ .widget .screen-reader-text { display: block; margin: 0 0 10px 0; font-size: 14px; } .widget select { padding: 2px; line-height: 28px; height: 28px; vertical-align: middle; border-spacing: 0; clear: both; margin: 0; font-size: 14px; width: 100%; max-width: 360px; } .widget.widget_categories ul li, .widget.widget_archive ul li { text-align: right; color: #9e9e9e; display: table; width: 100%; } .widget.widget_categories ul li a, .widget.widget_archive ul li a{ float: left; } /*** Search widget ***/ #searchform input#s { border: 1px solid #e9e9e9; background: #fff url(images/searchsubmit.png) no-repeat 96% 13px; padding: 14px 14px; color: #9e9e9e; font-size: 14px; font-family: 'Oswald', sans-serif; letter-spacing: 2px; font-weight: 300; } #searchform #s:focus { outline: none; } /** searchbar for widget ***/ .widget #searchform input#s, #sidebar .widget #searchform input#s { width: 100%; max-width: 340px; } /*** About Widget ***/ .about-widget img { max-width: 100% !important; height: auto; margin-bottom: 15px; } .about-list-social { text-align: center; margin: 5px 0 15px; } .about-list-social a { width: 30px; height: 30px; line-height: 30px; background: #E2DED1; color: #777; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 3px; display: inline-block; font-size: 14px; } /*** Tagcloud widget ***/ .widget .tagcloud a { font-family: 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase; background: #ffffff; color: #9e9e9e; padding: 7px 15px; margin-right: 10px; margin-bottom: 10px; display: inline-block; font-size: 10px !important; background: none; border: 1px solid #E0E0E0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; } .widget .tagcloud a:hover { color: #BF9F5A; border-color: #BF9F5A; 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-family: 'Oswald', sans-serif; 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: 11px; 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: 17px; padding-bottom: 13px; margin-left: 0; } .widget ul.side-newsfeed li:last-child { margin-bottom: 0; padding-bottom: 0; } .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 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: 0; left: 0; display: inline-block; background: #BF9F5A; color: #fff; width: 45px; height: 30px; font-style: italic; line-height: 30px; font-size: 14px; text-align: center; } .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: 8px; color: #313131; display: block; font-size: 17px; text-transform: uppercase; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: "Oswald", sans-serif; letter-spacing: 1px; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover { color: #BF9F5A; text-decoration: none; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 12px; letter-spacing: 0; color: #9e9e9e; font-family: 'Merriweather', sans-serif; } /** Social Widget **/ .widget-social { text-align: center; display: table; width: 100%; } .footer-widget-wrapper .widget-social { margin-left: -5px; } .widget-social a i { width: 40px; height: 40px; line-height: 40px; background: #E2DED1; color: #777; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 5px; display: inline-block; font-size: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; text-align: center; } .widget-social a:hover i { text-decoration: none; color: #BF9F5A; } .widget-social a span { display: none; } .widget-social a:first-child { margin-left: 0; } .widget-social a:last-child { margin-right: 0; } /* = Quote widget -----------------------------------------------------*/ .quote-widget { position: relative; display: block; } .quote-widget > i.fa { color: #CBCBCB; position: absolute; top: 0; left: 0; font-size: 22px; } .quote-widget > p { color: #777; padding-left: 40px; } .footer-widget-wrapper .quote-widget > i.fa { font-size: 23px; } .footer-widget-wrapper .quote-widget > p { padding-left: 45px; } /* = Footer box widget -----------------------------------------------------*/ .footer-widget-wrapper .widget { margin-bottom: 30px; } .footer-widget-wrapper .widget .widget-title { font-size: 20px; color: #313131; text-transform: uppercase; margin-bottom: 25px; letter-spacing: 2px; } /** Social Widget in Footer **/ .footer-widget-wrapper .widget-social a { width: 50%; float: left; text-align: left; margin-bottom: 10px; } .footer-widget-wrapper .widget-social a span { display: inline-block; color: #777777; text-transform: uppercase; font-size: 14px; margin-left: 10px; font-family: 'Oswald', sans-serif; letter-spacing: 1px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .footer-widget-wrapper .widget-social a:hover span { color: #BF9F5A; } /** MailChimp for Wordpress widget & shortcode **/ .mc4wp-form { max-width: 365px; width: 100%; margin: 0; } .mc4wp-form input, .widget form input { border: 1px solid #DBDBDB; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; background: none; display: block; font-family: 'Oswald', sans-serif; font-size: 12px; color: #9e9e9e; line-height: 1; padding: 15px 20px; margin-bottom: 20px; letter-spacing: 1px; } .mc4wp-form input[type="text"], .mc4wp-form input[type="email"], .mc4wp-form input[type="date"], .mc4wp-form input[type="number"], .widget form input[type="text"], .widget form input[type="email"], .widget form input[type="date"], .widget form input[type="number"] { width: 100%; max-width: 365px; } .mc4wp-form input:focus, .widget form input:focus { background: #fff; } .mc4wp-form input[type="submit"], .widget form input[type="submit"] { display: inline-block; border-color: #BF9F5A; font-size: 14px; padding: 17px 29px; text-transform: uppercase; color: #313131; margin: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .mc4wp-form input[type="submit"]:hover, .widget form input[type="submit"]:hover { color: #fff; background: #BF9F5A; } .mc4wp-alert { margin: 1em 0; padding: 10px 15px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; position: relative; } .mc4wp-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .mc4wp-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } /** 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: -4px -4px 0 -4px; } #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; } #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: 4px; } /* = 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 29px; background: #fafafa; color: #313131; text-transform: uppercase; font-size: 14px; z-index: 10; letter-spacing: 1px; } .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; } /* = Comments -----------------------------------------------------*/ .post-comments { } .comments { } .thecomment { margin-bottom: 40px; } .thecomment .author-img { float: left; margin-right: 30px; } .thecomment .comment-text { margin-left: 150px; } .thecomment .comment-text span.author, .thecomment .comment-text span.author a { display: block; font-size: 20px; text-transform: uppercase; letter-spacing: 2px; color: #313131; margin-bottom: 6px; font-family: "Oswald", sans-serif; } .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: #9e9e9e; display: block; } .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: 10px; margin-bottom: 22px; } .post-comments span.reply a { font-size: 10px; color: #ccc; padding: 6px 0; margin-right: 7px; font-family: "Oswald", sans-serif; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #E0E0E0; line-height: 1; width: 55px; display: inline-block; text-align: center; } .post-comments span.reply a:hover { border-color: #9e9e9e; color: #9e9e9e; } .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; padding-top: 36px; border-top: 1px solid #E0E0E0; } #respond h3 { font-size: 14px; color: #939393; font-weight: 400; margin-bottom: 30px; font-family: "Oswald", sans-serif; letter-spacing: 2px; text-transform: uppercase; } #respond h3 a { color: #000; display: inline-block; } #respond h3.comment-reply-title { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 26px; text-align: left; color: #313131; position: relative; } #respond h3 small a { text-transform: uppercase; font-size: 11px; color: #313131; padding: 3px 8px 4px; border-radius: 3px; margin-left: 7px; letter-spacing: 1px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; position: absolute; right: 0; } #respond h3 small a:hover { color: #9e9e9e; } #respond form#commentform, form.wpcf7-form { margin-left: -10px; margin-right: -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 10px; float: left; display: inline-block; margin: 0; } form.comment-form > p, form.comment-form > input, form.comment-form > textarea, form.wpcf7-form > p, form.wpcf7-form > input, form.wpcf7-form > textarea, form.wpcf7-form > label { margin: 0 10px; } #respond p.comment-form-comment, .wpcf7 p.message { clear: both; margin: 0 10px; } #respond label, .wpcf7 label { color: #939393; font-size: 11px; display: block; font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; } #respond p.form-submit, .wpcf7 p.submit { margin: 0 10px; text-align: center; } #respond input, .wpcf7 input{ padding: 16px 20px; border: 1px solid #E0E0E0; color: #313131; margin-bottom: 19px; font-size: 12px; letter-spacing: 1px; width: 100%; font-family: 'Oswald', sans-serif; } #respond input:focus, .wpcf7 input:focus { outline: none; } #respond textarea, .wpcf7 textarea { padding: 14px 20px; border: 1px solid #E0E0E0; width: 100%; height: 150px; font-size: 12px; letter-spacing: 1px; color: #313131; margin-bottom: 20px; line-height: 20px; font-family: 'Oswald', sans-serif; outline: none; vertical-align: top; } #respond textarea:focus, .wpcf7 textarea:focus { outline: none; } #respond #submit, .wpcf7 input[type="submit"] { text-transform: uppercase; font-family: "Oswald", sans-serif; letter-spacing: 1px; background: #fff; border-radius: 0; font-size: 14px; color: #313131; padding: 13px 20px; display: inline-block; -o-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; cursor: pointer; width: auto; border: 1px solid #BF9F5A; min-width: 120px; text-align: center; margin: 0; } #respond #submit:hover, .wpcf7 input[type="submit"]:hover { color: #fff; background: #BF9F5A; } /* = Arichive -----------------------------------------------------*/ .archive-box { background: none; text-align: center; margin: 90px 0 60px; } .archive-box .title-bar { padding: 22px 20px; position: relative; display: block; background: #fafafa; } .archive-box span, .archive-box h1 { letter-spacing: 2px; color: #313131; font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 30px; line-height: 1.2em; position: relative; z-index: 10; } .archive-box span:after { content: ":"; margin-right: 7px; display: inline-block; } .archive-box h1 { display: inline-block; color: #BF9F5A; } .nothing { margin-bottom: 60px; text-align: center; } .nothing span { position: relative; z-index: 10; color: #313131; font-size: 14px; } /* = 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: 1px solid #f0f0f0; max-width: 95%; padding: 5px 5px 6px; text-align: center; font-family: "Oswald"; } .wp-caption.alignnone { margin: 5px 22px 12px 0; } .wp-caption.alignleft { margin: 5px 30px 12px 0; } .wp-caption.alignright { margin: 5px 0 12px 30px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 13px; line-height: 18px; margin: 0; padding: 0 4px 5px; color: #939393; margin-top: 6px; letter-spacing: 1px; font-style: italic; font-weight: 300; } /*** 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 #e9e9e9; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-left: 4px solid #e9e9e9; 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; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption { font-size: 13px; color: #939393; font-family: "Oswald", sans-serif; font-weight: 300; 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; } /* = 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 10px 1em; padding: 0.6em 1em; } /* = Page 404 -----------------------------------------------------*/ .error-404 { text-align: center; margin: 240px 0 172px; } .error-404 .heading-text-404 { font-size: 30px; font-weight: bold; font-style: italic; margin: 52px 0 0; color: #313131; line-height: 1.3; } .error-404 .sub-heading-text-404 { font-size: 16px; font-weight: normal; margin: 14px 0 0; color: #313131; } .error-404 form#searchform { margin: 37px 0 0; padding: 0 10px; } .error-404 form#searchform input#s { width: 100%; max-width: 540px; } .error-404 .go-back-home { font-size: 13px; color: #9e9e9e; margin-top: 34px; } .error-404 .go-back-home a { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-family: 'Oswald', sans-serif; margin-left: 7px; } .error-404 .go-back-home a:hover { text-decoration: underline; } /* = Portfolio -----------------------------------------------------*/ .wrapper-penci-portfolio { overflow: hidden; width: 100%; } .penci-portfolio-filter { display: block; text-align: center; margin: 0 0 20px 0; } .penci-portfolio-filter ul { list-style: none; display: inline-block; vertical-align: top; padding: 0 !important; } .penci-portfolio-filter ul li { display: inline-block; float: left; margin: 0 16px; padding: 0; } .penci-portfolio-filter ul li:before { content: none; } .penci-portfolio-filter ul li a { display: inline-block; padding: 0px 4px 7px; position: relative; text-transform: uppercase; color: #313131; font-size: 14px; font-family: 'Oswald', sans-serif; letter-spacing: 1px; } .penci-portfolio-filter ul li a:after { position: absolute; content: ""; width: 0; left: 50%; height: 2px; background: #bf9f5a; bottom: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .penci-portfolio-filter ul li a:hover, .penci-portfolio-filter ul li.active a { color: #bf9f5a; text-decoration: none; } .penci-portfolio-filter ul li a:hover:after, .penci-portfolio-filter ul li.active a:after { width: 100%; left: 0; } .penci-portfolio-wrap { margin-left: -15px; margin-right: -15px; } .penci-portfolio-wrap .inner-portfolio-posts { display: inline-block; width: 100%; } .inner-portfolio-posts .portfolio-item { width: 33.33333%; padding: 0 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; margin-bottom: 30px; } .penci_sidebar .inner-portfolio-posts .portfolio-item { width: 50%; } .container .penci-portfolio.column-3 .inner-portfolio-posts .portfolio-item { width: 33.33333%; } .container .penci-portfolio.column-2 .inner-portfolio-posts .portfolio-item { width: 50%; } .info-portfolio { position: static; } .inner-portfolio-posts .portfolio-item .inner-item-portfolio { position: relative; cursor: pointer; overflow: hidden; } .portfolio-item .inner-item-portfolio .info-portfolio > img { width: 100%; height: auto; display: block; transition: all 3s cubic-bezier(.1,.97,.12,.96); -webkit-transition: all 3s cubic-bezier(.1,.97,.12,.96); -moz-transition: all 3s cubic-bezier(.1,.97,.12,.96); } .portfolio-item .inner-item-portfolio:hover .info-portfolio > img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); } .portfolio-overlay-background, .portfolio-overlay-content { position: absolute; left: 0px; top: 0px; text-align: center; z-index: 3; width: 100%; height: 100%; overflow: hidden; } .portfolio-overlay-background { background: #fff; border: 0px solid rgba(0,0,0,0); text-align: center; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; opacity: 0; } .inner-item-portfolio:hover .portfolio-overlay-background { opacity: 0.9; border: 5px solid #8B8B8B; } .portfolio-overlay-content { z-index: 10; padding: 10px; background: none; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short{ margin-top: 20.2%; z-index: 10; position: relative; } .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 25%; } .portfolio-overlay-content .portfolio-short .portfolio-title { margin: 0 0 18px 0; line-height: 16px; opacity: 0; transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1) 0s; -moz-transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1) 0s; -ms-transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1) 0s; } .inner-item-portfolio:hover .portfolio-overlay-content .portfolio-short .portfolio-title { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; } .portfolio-overlay-content .portfolio-short .portfolio-title a { text-transform: uppercase; color: #313131; font-size: 14px; font-family: 'Oswald', sans-serif; letter-spacing: 1px; text-decoration: none; } .portfolio-overlay-content .portfolio-short .portfolio-title a:hover { color: #BF9F5A; } .portfolio-buttons { margin: 0; } .penci_sidebar .penci-portfolio.column-3 .portfolio-buttons { display: none; } .portfolio-buttons a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #313131; margin: 0 6px; text-decoration: none; line-height: 40px; text-align: center; color: #313131; font-size: 16px; opacity: 0; transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1) 0s; -moz-transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1) 0s; -ms-transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1) 0s; transform: translateY(100px); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); } .inner-item-portfolio:hover .portfolio-buttons a { transform: none; -webkit-transform: none; -moz-transform: none; opacity: 1; } .inner-item-portfolio:hover .portfolio-buttons a:nth-child(2) { transition-delay: 0.07s; -webkit-transition-delay: 0.07s; -moz-transition-delay: 0.07s; } .inner-item-portfolio:hover .portfolio-buttons a:nth-child(3) { transition-delay: 0.14s; -webkit-transition-delay: 0.14s; -moz-transition-delay: 0.14s; } .portfolio-item .portfolio-buttons a:hover { border-color: #BF9F5A; text-decoration: none; color: #BF9F5A; } .portfolio-item .portfolio-buttons a.liked > i { color: #BF9F5A; } .mfp-bg { z-index: 99999; } .mfp-wrap { z-index: 100000; } /* Single portfolio */ .portfolio-page-content { display: inline-block; width: 100%; } .portfolio-page-content .portfolio-left, .portfolio-page-content .portfolio-right { display: inline-block; float: left; } .portfolio-page-content .portfolio-left { width: 48.7%; } .portfolio-page-content .portfolio-right { width: 51.3%; padding-left: 30px; } .penci_sidebar .portfolio-page-content .portfolio-left, .penci_sidebar .portfolio-page-content .portfolio-right { padding: 0; width: 100%; } .penci_sidebar .portfolio-page-content .portfolio-left { margin-bottom: 26px; } .portfolio-page-content .portfolio-right .detail-portfolio { position: relative; } .portfolio-page-content .portfolio-right .detail-portfolio .inner-detail { padding: 26px 30px; position: relative; z-index: 10; } .portfolio-page-content .portfolio-right .detail-portfolio .inner-detail > p:last-of-type { margin-bottom: 0; } .portfolio-right .title-description { font-size: 18px; text-transform: uppercase; color: #313131; letter-spacing: 2px; line-height: 1.2; position: relative; margin: 0 0 24px; padding-bottom: 9px; } .portfolio-right .title-description:before { position: absolute; content: ""; width: 60px; height: 2px; background: #BF9F5A; display: inline-block; bottom: 0; left: 0; } /* Text grid portfolio */ .text-grid .inner-portfolio-posts .portfolio-item { margin-bottom: 24px; } .text-grid-info { margin: 22px 0 0 0; text-align: center; } .text-grid-info h3.title-gallery-grid { margin: 0; line-height: 18px; } .text-grid-info h3 a { font-size: 14px; text-transform: uppercase; color: #313131; letter-spacing: 1px; } .text-grid-info h3 a:hover { color: #BF9F5A; text-decoration: none; } .text-grid-cat { margin: 7px 0 0; line-height: 18px; color: #9e9e9e; } .text-grid-cat a { color: #9e9e9e; font-size: 12px; } .text-grid-cat a:hover { color: #BF9F5A; text-decoration: none; } .text-grid .portfolio-overlay-content .portfolio-short { margin: -20px 0 0 0 !important; position: absolute !important; top: 50%; left: 0; width: 100%; } #navigation .penci-megamenu .penci-mega-thumbnail a, .penci-grid li .item > .thumbnail, .penci-masonry .item-masonry > .thumbnail, .item-related > a { width: 100%; } /*----------------------------------------------- Responsive Design ------------------------------------------------*/ @media only screen and (max-width: 1169px) { .penci-video-overlay-background { display: block; } } /*--------- Max width 1169px and Min width 961px ---------*/ @media only screen and (min-width: 961px) and (max-width: 1169px) { .container, .featured-area .featured-carousel.style-1, .penci-slider.style-3 { width: 940px; } .featured-carousel .featured-content, .featured-carousel.style-2 .featured-content { top: 38.7%; } .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; } .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: 11px; } .portfolio-overlay-content .portfolio-short, .penci_sidebar .penci-portfolio.column-2 .portfolio-overlay-content .portfolio-short { margin-top: 17%; } .penci-grid li.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%; } .footer-widget-wrapper .widget-social a span { margin-left: 7px; } #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; } } /*--------- Min width 961px ---------*/ @media only screen and (min-width: 961px) { #navigation .menu { display: inline-block !important; } } /*--------- Max width 960px ---------*/ @media only screen and (max-width: 960px) { /* 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; float: none; } .penci-grid li:nth-of-type(3n+1) { clear: none; } .penci-grid li:nth-of-type(2n+1) { clear: both; } #sidebar { width: 100%; float: none; } .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%; } .container .penci-portfolio.column-3 .inner-portfolio-posts .portfolio-item { width: 50%; } .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: 19.5%; } .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; } } /*--------- Max width 960px and min width 768px ---------*/ @media only screen and (min-width: 768px) and (max-width: 960px) { .container, .featured-area .featured-carousel.style-1, .featured-carousel.style-2 .item img, .penci-slider.style-3 { width: 726px; } #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; } .penci-slider .pencislider-container .pencislider-content .pencislider-button { padding: 11px 34px; } .penci-grid li.list-post .item .content-list-right { padding-left: 378px; } .penci-grid li.list-post.list-boxed-post .item .content-list-right { display: inline-block; padding: 20px 20px 20px 30px; min-height: 0; height: auto; } .list-boxed-post .inner-content-list-right { vertical-align: top; display: block; } #sidebar { position: static !important; margin-left: 0 !important; top: auto !important; } .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-grid li:nth-of-type(3n+3) { margin-right: 3.9%; } .penci-grid li:nth-of-type(2n+2) { margin-right: 0; } } /*--------- Max width 767px ---------*/ @media only screen and (max-width: 767px) { .container, .featured-area .featured-carousel.style-1, .featured-carousel.style-2 .item img, .penci-slider.style-3 { width: 300px; } #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: 22px; letter-spacing: 2px; } .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 { width: 300px; height: auto; } .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; } .featured-carousel .featured-content .feat-text h3 a, .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: 7px 25px; font-size: 12px; } .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 30px !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; } .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: 23.5%; } .penci-grid li.list-post.list-boxed-post .item > .thumbnail, .penci-grid li.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 li { width: 100%; 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 li.list-post.list-boxed-post .item .content-list-right { padding: 30px; } .penci-grid li.list-post .item > .thumbnail { margin-bottom: 30px; } .penci-grid li.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%; } .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; } } /*--------- Max width 767px and Min width 480px ---------*/ @media only screen and (min-width: 480px) and (max-width: 767px) { .container, .featured-area .featured-carousel.style-1, .featured-carousel.style-2 .item img, .penci-slider.style-3 { width: 480px; } #logo img { max-width: 460px; height: auto; } .post-image.audio iframe { width: 480px; height: auto; } .penci-countdown .countdown-section { margin: 0 15px; } .penci-countdown .countdown-amount { font-size: 40px; } .penci-countdown .countdown-period { font-size: 16px; margin: 20px 0 0; } } /*--------- Max width 479px ---------*/ @media only screen and (max-width: 479px) { .penci-category-description p { font-size: 100%; } .featured-carousel .featured-content { width: 250px; } .featured-carousel .featured-content .feat-text h3 a { font-size: 16px; } .featured-carousel .carousel-meta { display: none; } .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: 11px; } .post-box-meta span.author-post { display: none; } .post-entry blockquote, .post-entry blockquote p { font-size: 15px; } .post-entry blockquote { padding: 0 0 0 45px; } .post-entry blockquote:before { font-size: 70px; } .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 { width: 32px; height: 32px; line-height: 32px; margin-top: -16px; } .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: 30px; font-size: 15px; } .featured-carousel > button.slick-prev, .featured-carousel > button.slick-next { display: none !important; } .featured-carousel .featured-content { width: 224px; top: 37%; } .featured-carousel.style-2 .featured-content { top: 37%; } .featured-carousel .featured-content .feat-text { padding: 15px 10px; border-width: 1px; } .penci-homepage-title { padding: 14px 20px; } .penci-homepage-title h3 { font-size: 20px; } .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-content .feat-text h3 a { font-size: 15px; letter-spacing: 1px; font-weight: 300; } .penci-slider.penci-loading { min-height: 160px; } .penci-slider ul.slides li .pencislider-container { padding: 0 10px; } .penci-slider .pencislider-container .pencislider-content .pencislider-title { font-size: 15px; 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 20px; font-size: 11px; } .penci-slider .penci-direction-nav .penci-prev, .penci-slider .penci-direction-nav .penci-next { display: none !important; } .penci-grid li.list-post.list-boxed-post .item .content-list-right { padding: 30px 15px; } .error-404 .sub-heading-text-404 { font-size: 13px; } 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: 18px; } .post-header h1 { font-size: 18px; } .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; } .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; } } @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; padding-top: 20px !important; } #close-sidebar-nav i { display: inline-block; } }