/* Theme Name: White Rock Theme URI: http://progressionstudios.com/ Author: Progression Studios Author URI: http://themeforest.net/user/ProgressionStudios?ref=ProgressionStudios Description: Restaurant & Winery Premium Theme Version: 2.4 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: right-sidebar, flexible-width, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready Text Domain: progression */ /* Table of Contents 01. HTML5 ✰ BOILERPLATE RESET FILE 02. COLORS AND FONTS A. BACKGROUND COLORS AND IMAGES B. FONT COLORS C. FONT FAMILIES D. SOCIAL ICONS 03. PRIMARY STYLES A. DEFAULT STYLES B. BUTTON STYLES C. INPUT STYLES D. CSS3 TRANSITIONS 04. MAIN CONTAINERS 05. FOOTER STYLES 06. BLOG STYLES 07. PORTFOLIO & MENU STYLES 08. FOOD MENU STYLES 09. WIDGET STYLES 10. SIDEBAR STYLES 11. FEATURED SLIDER and PAGE TITLE 12. NAVIGATION 13. DEFAULT GRID 14. PRINT STYLES 15. LIGHTBOX STYLES 15. WOOCOMMERCE STYLES */ /* =============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE =============================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after, .clear:before, .clear:after { content: ""; display: table; } .clearfix:after, .clear:after { clear: both; } .clearfix, .clear { *zoom: 1; } .lt-ie8 .clearfix, .lt-ie8 .clear {visibility:hidden; width:0;height:0; clear:both;} /* =============================================== 02. COLORS AND FONTS =============================================== */ body #logo img {max-width:288px; } /* -------------------- A. BACKGROUND COLORS AND IMAGES -------------------- */ hr {border-bottom:1px solid #bdb7a4; } #header-top-bar, #page-title-divider { background:#88a5b1; } #page-title h1 {border-bottom:8px solid #576e78; } .widget-area-highlight {background:#e3e0d9; } #copyright { border-top-color:#bdb7a4; } .wpcf7 input.wpcf7-submit, ul.filter-children li a, a.rock-button, input.button, .pagination a, .social-icons a, .rock-button, a .rock-button, #respond input#submit, body #main a.progression-grey { color:#88a5b1; background:#ffffff; border-bottom:2px solid #aacedd; } .rock-button a {color:#88a5b1; } .wpcf7 input.wpcf7-submit:hover, ul.filter-children li a:hover, ul.filter-children li.current_page_item a, #respond input#submit:hover, .rock-button:hover, a.rock-button:hover, .social-icons a:hover, input.button:hover, .pagination a:hover, .pagination a.selected, .social-icons a:hover, body #main a.progression-grey:hover {background:#aacedd; color:#ffffff;} .rock-button:hover a {color:#ffffff;} #tweets-sidebar {background:#f2f1ed;} #tweets-sidebar:before {border-top: 10px solid #f2f1ed;} #main img, #map-contact, .video-container, #map-contact2 {border-bottom:5px solid #88a5b1;} .menu-item-container {border-bottom:4px solid #88a5b1; } body ul#open-hours li, body #main ul.menu-items li, .type-post {border-bottom:1px dotted #bdb7a4; } .header-underline {border-bottom:3px solid #bdb7a4;} #sidebar {border-left:1px dotted #bdb7a4;} /* -------------------- B. FONT COLORS -------------------- */ body {color:#5f6567;} a {color:#5f757e;} a:hover {color:#88a5b1;} #copyright li a:hover {color:#88a5b1;} h1, h2, h3, h4, h5, h6 {color:#7b7562;} #copyright li a {color:#aca693;} /* -------------------- C. FONT FAMILIES -------------------- */ ul.mobile-menu-pro, body #main a.button, body #main button.single_add_to_cart_button, body #main input.button, body.woocommerce-cart #main input.button.checkout-button, body #main button.button, .caption-progression, ul.filter-children li a, #respond input#submit, .sf-menu, .flex-caption, footer #copyright ul, .rock-button, h1, h2, h3, h4, h5, h6, .phone-widget span, .e-mail-widget span, .mobile-widget span, body #main ul.menu-items .grid2column, .pagination a, body #main a.progression-grey {font-family:'Droid Serif', serif; } body { font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif; } /* -------------------- D. SOCIAL ICONS -------------------- */ @font-face { font-family: 'JustVector'; src: url('e/justvectorv2-webfont.eot'); src: url('social-icons/justvectorv2-webfont.eot?#iefix') format('eot'), url('social-icons/justvectorv2-webfont.woff') format('woff'), url('social-icons/justvectorv2-webfont.ttf') format('truetype'), url('social-icons/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg'); font-weight: normal; font-style: normal; } .social-icons { font-family: 'JustVector';} .social-icons a { display:inline-block; font-size:15px; line-height:11px; text-decoration:none; margin-right:0px; margin-bottom:10px; position:relative; padding:7px ; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } /* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome */ @font-face{font-family:'FontAwesome';src:url('inc/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('inc/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('inc/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('inc/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('inc/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('inc/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.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}.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}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-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{-ms-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-feed:before,.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-pp: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-resistance: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-y-combinator-square:before,.fa-yc-square:before,.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-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-intersex:before,.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-genderless:before{content:"\f22d"}.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"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* =============================================== 03. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ body { font-size: 13px; line-height: 1.4; color:#777777; } body a img, body a {outline:none !important; text-decoration:none;} #main a:hover img {opacity:0.6; filter:alpha(opacity=60);} p {padding-top:0px; margin:0px;} p, ul, ol {margin-bottom: 15px;} ul, ol {margin-left:0px; padding-left:16px;} ul li, ol li {margin-bottom:5px;} img {max-width: 100%;height: auto; width:auto;} h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; line-height:1.2; font-style:italic; font-weight:normal;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;} h1 {font-size:30px; margin-bottom:12px; } h2 {font-size:20px; margin-bottom:10px; } h3 {font-size:19px; margin-bottom:10px;} h4 {font-size:16px; margin-bottom:6px;} h5 {font-size:14px; margin-bottom:6px; } h6 {font-size:13px; margin-bottom:6px; font-weight:bold;} .header-underline { padding-bottom:10px; margin-bottom:14px;} h5.comments-title, h3#reply-title {font-size:16px; margin-bottom:15px;} h5.menu-item-header-wine {margin-top:15px;} hr {background:transparent;border-top:none; margin:20px 0px;} ul.checkmark, ul.arrow {padding-left:0px;} ul.checkmark li, ul.arrow li {list-style:none; padding-left:18px;} ul.checkmark li {background:url(images/checkmark.png) 0px 2px no-repeat;} ul.arrow li {background:url(images/sidebar-arrow.png) -4px 0px no-repeat;} .alignright {float:right; margin:0 0 15px 20px;} .alignleft {float:left; margin:0px 20px 15px 0px;} .aligncenter {text-align:center; margin:0px auto 15px auto; display:block; } blockquote {background:url(images/blockquote.png) 0px 0px no-repeat; padding-left:40px; font-style:italic; line-height:1.8;} pre {border:1px solid #ddd; padding:7px 15px; background:#fff; overflow:auto; word-wrap: break-word; line-height:14px; margin-bottom:15px;} #main .noborder, #main img.noborder, #main a .noborder img {border:none;} #main footer a:hover img, #main a:hover img.notransprency, #main .portfolio-single-container a:hover img {opacity:1; filter:alpha(opacity=100);} .sticky, .gallery-caption, .bypostauthor {} .homepage-feature-box { overflow:hidden; height:15px;width:25px; clear:both;} .wine-feature-box { overflow:hidden; height:25px;width:25px; clear:both;} /* -------------------- B. BUTTON STYLES -------------------- */ body #main a.button, body #main button.single_add_to_cart_button, body #main input.button, body.woocommerce-cart #main input.button.checkout-button, body #main button.button, .wpcf7 input.wpcf7-submit, ul.filter-children li a, a.rock-button, input.button, .rock-button, #respond input#submit, body #main a.progression-grey { text-decoration:none; line-height:1; cursor: pointer; display:inline-block; font-style:italic; padding:9px 12px 9px 12px; font-size:12px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); text-shadow:none; border-left:none; border-right:none; border-top:none; margin:0px; font-weight:normal; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -o-border-radius: 0px; } .lt-ie8 #main p.rock-button {display:inline;} body #main a.progression-square { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } body #main a.progression-rounded { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } body #main a.progression-mini { padding: 5px 6px; font-size:11px; } body #main a.progression-small { padding: 8px 10px; font-size:11px; } body #main a.progression-medium { padding:9px 12px 9px 12px; font-size:12px; } body #main a.progression-large { padding:12px 18px; font-size:15px; } /* -------------------- D. CSS3 TRANSITIONS -------------------- */ a, a img { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; -o-transition: all 400ms ease; } body #main a.button, body #main button.single_add_to_cart_button, body #main input.button, body.woocommerce-cart #main input.button.checkout-button, body #main button.button, .wpcf7 input.wpcf7-submit, ul.filter-children li a, .sf-menu a, .rock-button, input.button, #respond input#submit, body #main a.progression-grey { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; -o-transition: all 250ms ease; } .flex-control-paging li a {-webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; transition-duration: 0ms !important;} /* -------------------- E. CONTACT & FORM STYLES -------------------- */ #map-contact, #map-contact2 {width:100%; height:260px; margin-bottom:20px;} #map-contact2 {height:400px; margin-bottom:5x;} #map-contact img, #map-contact2 img {max-width:none; height: auto; } #contactform {margin-top:25px; margin-left:10px;} #contactform label.error {line-height:1; font-weight:normal; display:block; width:100%; font-style:italic; padding-left:2px; height:25px; padding-top:4px; margin-bottom:-33px; position:relative; top:-10px; font-size:11px; color:#dd8b8b;} #contactform input.error { border: 1px dotted #f4cbcb; background:#f8eded; } p.error {color:#dd8b8b; font-weight:bold;} p.success {color:#64ba7c; font-size:14px; font-weight:bold; padding-bottom:2px; } p.success2 {padding-bottom:8px;} #contactform span, span.required {color:#ff5c5f;} #contactform div {padding-bottom:15px;} #contactform label { display:block; vertical-align: top; font-weight:bold; padding-bottom:4px;} #contactform input#contactname, #contactform input#email, .wpcf7 input {width:55%;} #contactform textarea#message, .wpcf7 textarea {width:68%;} #contactform input.button, .wpcf7 input.wpcf7-submit, #respond input#submit {width:auto; } #contact-wrapper {margin-bottom:15px;} .wpcf7 {font-size:12px; font-weight:bold;} .wpcf7 input {font-size:14px; font-weight:normal;} input, textarea { margin:1px 0px 15px 3px; background-color:#fefefe; border:1px solid #a49f8f; padding:7px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.12); background-image: -ms-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%); background-image: -o-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F1F1F1), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #F1F1F1 0%, #FFFFFF 100%); } /* =============================================== 04. MAIN CONTAINERS =============================================== */ /* -------------------- A. HEADER STYLES -------------------- */ body.admin-bar header {top:28px;} header {z-index:15; height:170px; position:absolute; top:0px; width:100%; background: url(images/header.png) top left repeat-x;} body #main header {height:auto; position:static; background:none;} header .width-container {position:relative;} body #logo { margin:0px; padding:0px; border:none; position:absolute; top:0px; left:0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow:hidden; z-index:55; } body #logo img { height: auto; } #header-top-bar {width:100%; height:8px; position:absolute; top:0px; z-index:8; left:0px; opacity:0.35; filter:alpha(opacity=35);} #page-title #page-title-divider {height:8px; margin-top:-10px; position:relative; z-index:8; opacity:0.85; filter:alpha(opacity=85);} #homepage-slider-container #page-title-divider {position:relative; top:-8px; } .lt-ie8 #page-title #page-title-divider {margin-top:-8px;} /* -------------------- B. MAIN CONTAINER STYLES -------------------- */ .width-container, #page-title-divider {width:1140px; margin: 0 auto;} #main {padding:42px 0px 35px 0px;} .widget-area-highlight {padding:35px 0px 35px 0px; margin:0px 0px 0px 0px; position:relative; top:35px;} /* -------------------- C. PAGE TITLE -------------------- */ .paged-title {height:250px;} .width-container.paged-title {position:relative; } #page-title h1 {position:absolute; color:#ffffff; text-shadow: 1px 1px 10px rgba(0,0,0,1); bottom:-10px; left:0px; padding:0px 30px 20px 30px; z-index:9; } .lt-ie8 #page-title h1 {bottom:-12px;} /* =============================================== 05. FOOTER STYLES =============================================== */ #footer-widgets .widget {font-size:12px;} #copyright {border-top-style:solid; border-top-width:6px; padding:20px 0px 20px 0px; width:100%; overflow:hidden;} footer #copyright ul {margin:0px; padding:24px 0px 24px 0px; float:right; font-style:italic; } #footer-text {font-size:12px; padding:5px 0px;} footer #copyright ul a {text-decoration:none;} footer #copyright ul li { margin-top:0px; margin-bottom:0px; display:inline; float:left; display:inline-block; padding-right:15px; margin-right:15px;} footer #copyright ul li:last-child { margin-right:0px; padding-right:0px;} #copyright .lastcolumn {text-align:right;} #footer-widgets .widget {float:left; margin-left:1.5%; margin-right:1.5%;} #footer-widgets .footer-1-column .widget { width: 98%;} #footer-widgets .footer-2-column .widget { width: 47%;} #footer-widgets .footer-3-column .widget {width: 30%; } .lt-ie8 #footer-widgets .footer-3-column .widget {width: 29.5%; } #footer-widgets .footer-4-column .widget {width: 22%; } /* =============================================== 06. BLOG STYLES =============================================== */ .blog-post-background {padding:25px 25px 15px 25px; background:#ffffff;} body #main .commentlist li img {border:none;} .blog-post-image ul {margin-bottom:-10px;} .type-post {margin-bottom:35px;} .type-post .post-details-meta {font-size:11px; text-transform:uppercase; color:#aeaeab; margin-bottom:10px;} .pagination {text-align:center; margin-top:15px;} .pagination a { margin:0px 6px; display:inline-block; line-height:11px; text-decoration:none; margin-right:1px; position:relative; text-align:center; padding:8px 10px 7px 10px; font-style:italic; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .commentlist { float:left; list-style: none; margin: 0 auto; width:86%; position:relative; left:101px; } .commentlist li.comment { background: #fbfbfb; background-color: rgba(255,255,255,.4); border:1px dotted #e1e1e1; margin: 0 0 1.625em 0 !important; padding: 0.2em 1.4em 0.25em 1.4em; list-style:none ; position: relative; } .commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; padding: 0; position: absolute; top: 0;} .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } ol.commentlist ul.children, ol.commentlist ul.children li { list-style: none ; margin:0px; } .commentlist .children li.comment { border-right:none; border-top:none; border-bottom:none; border-left: 1px solid #dadada; margin: 0em 0 0 0; padding:1em 1.6em 0em 2em; position: relative; } .commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; padding: 0; position: absolute; top: 0px;} .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } ol.commentlist ul.children, ol.commentlist ul.children li { list-style: none; margin:0px; } .commentlist .children li.comment .avatar {top:10px;} .commentlist .children li.comment .fn { display: block; font-size:12px;} .comment-meta .fn {font-weight: bold; display: block; font-size:14px; color:#4c4c4c;} .comment-meta .fn a {font-weight:bold;} .comment-meta a {text-decoration:none;} .comment-meta { color: #666; font-size: 11px; padding-top:12px; padding-bottom:5px; } .commentlist .children li.comment .comment-meta { margin-left:62px ; padding-top:0px; } .commentlist .children li.comment .comment-content { margin: 0; margin-top:25px; padding:0px; } .comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover {} .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding:0px; top: 2.2em; width:55px; height:auto; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding:0px; top: 2.2em; } a.comment-reply-link { background: #e4e4e4; -moz-border-radius: 2px; border-radius: 2px; color: #666; display: inline-block; font-size: 10px; font-family:Arial, Sans-serif; padding: 2px 9px; text-decoration: none; margin-bottom:20px; } #reply div {margin-bottom:5px;} #respond input {width:50%;} #respond textarea {width:80%;} #reply input.submit {width:auto;} #respond { padding-bottom:10px; padding-left:3px;} #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {font-size:90%; margin-bottom:5px;} p.form-allowed-tags {font-size:11px; line-height:16px;} p.form-allowed-tags code {display:block;} #respond label {font-size:12px; padding-left: 0px; } #respond input, #respond textarea {display:block; margin-top:5px;} #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment, #respond .form-allowed-tags, #respond .form-submit {padding:0px 0px 2px 0px;} #respond .comment-notes {padding-bottom:2px;} #respond input#submit {width:auto;} /* =============================================== 07. PORTFOLIO STYLES =============================================== */ .portfolio-content-container {padding-bottom:25px;} .portfolio-post-background { padding:15px 15px 10px 15px; background:#ffffff;} body.single-portfolio .portfolio-post-background {margin-top:0px; } ul.filter-children {margin-bottom:20px; padding:0px; list-style:none;} ul.filter-children li {padding:0px; margin:0px 5px 5px 0px; display:inline-block;} ul.filter-children li a {display:inline-block; } .lt-ie8 ul.filter-children li {display:inline;} /* =============================================== 08. FOOD MENU STYLES =============================================== */ .menu-spacer {width:100%; overflow:hidden; height:25px;} body #main ul.menu-items .grid2column {font-style:italic; font-size:16px;} body #main ul.menu-items .lastcolumn {text-align:right;} body #main ul.menu-items {margin:0px; padding:8px 0px 0px 0px; list-style:none;} body #main ul.menu-items li {margin-bottom:10px; padding:0px 10px 10px 10px;} .item-description-menu {width:95%; font-size:13px; color:#acb2b4; margin-top:5px;} /* 2019.11.3 furukawa change width:95% ont-size:13px*/ .menu-description {font-size:14px; margin-bottom:30px;} .menu-item-container {background:#ffffff; padding:10px 15px 5px 15px;} .content-padding-menu {padding-left:10px; } .menu-item-container img {margin-bottom:10px;} .menu-wine-spacing {padding-top:5px;} .item-description-menu-single {width:95%; font-size:14px; color:#acb2b4; margin-top:15px;} /* 2019.11.3 furukawa add */ /* =============================================== 09. WIDGET STYLES =============================================== */ #searchform .assistive-text {display:none;} #searchform input {width:145px; margin-right:5px;} #searchform input.submit {width:auto; margin-right:0px; position:relative; bottom:1px;} #flickr-widget ul {margin:0; padding:0;background:none; } #flickr-widget ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none; background:transparent;} #flickr-widget ul li a {display:inline; padding:0px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; } #flickr-widget ul li img { width:29%; height:29%; margin:0px 4% 4% 0px;} #flickr-widget ul li a:hover { opacity: 0.7; filter:alpha(opacity=70); } .wpcf7 input {margin-top:10px; width:60%;} .wpcf7 textarea {margin-top:10px; width:80%;} .wpcf7 input.wpcf7-submit {margin-top:0px; width:auto;} #main .progression-etabs { margin: 0; padding: 0; border-bottom:1px solid #ddd; } #main .progression-tab { margin-right:-6px; display: inline-block; zoom:1; *display:inline; border: solid 1px #ddd; border-width: 1px 1px 0 1px; background: #f5f5f5; } #main .progression-tab a { font-size: 14px; line-height: 2em; display: block; padding: 5px 15px 3px 15px; outline: none; text-decoration:none; } #main .progression-tab.active { padding-top: 5px; position: relative; top: 1px; background: #fff; } #main .progression-tab-container div {background:#ffffff; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;} #main .progression-tab-container ul li {margin-bottom:0px;} #wp-calendar th { padding:3px 0; text-align:center; } #wp-calendar td { padding: 4px 0; text-align: center; } #wp-calendar { width: 90%; } #wp-calendar a {font-weight:bold; text-decoration:underline; } /* --- Twitter --- */ #tweets-sidebar {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:7px 12px;position: relative; } #tweets-sidebar:before { content:""; position: absolute; bottom: -10px; z-index:1; left:50%; margin-left:-10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; } a.twitter-widget-from {margin-top:5px; padding:10px 5px 8px 40px; background: url(images/twitter.png) 14px 10px no-repeat; text-decoration:none; float:right; display:inline-block;} #jtwt { padding:5px 0px 10px 0px; } #sidebar #jtwt img {border:none;} #jtwt_picture { float:left; padding:0px 5px 20px 0px; display:none; } a#jtwt_date { font-size:10px; padding-top:3px; font-style:italic; display:block; text-align:right; } /* --- MailChimp Form --- */ #mc_embed_signup label {display:block; padding-bottom:15px;} #mc_embed_signup input#mce-EMAIL {float:left; width:138px;} #mc_embed_signup input.button {float:right; width:auto;} /* --- Contact Us Icons --- */ .phone-widget {margin-top:7px;} .e-mail-widget, .mobile-widget {margin-top:5px;} .phone-widget span, .e-mail-widget span, .mobile-widget span {font-style:italic; font-weight:bold;} .homepage-widget .social-icons, #sidebar .social-icons {margin-top:12px;} /* --- Opening Hours --- */ body ul#open-hours {list-style:none; margin:0px; padding:0px;} body ul#open-hours li {margin-bottom:6px; } body ul#open-hours li .date-day {font-weight:bold;} body ul#open-hours li .hours-date {text-align:right; font-size:12px;} /* =============================================== 10. SIDEBAR STYLES =============================================== */ .sidebar-base {width:100%; height:1px; display:block;} .sidebar-spacer {width:100%; height:15px; overflow:hidden;} #sidebar {width:22.5%; padding-left:2.5%; float:right; padding-top:8px; } #container-sidebar {width:72.5%; float:left; } /* =============================================== 11. FEATURED SLIDER and PAGE TITLE =============================================== */ /* -------------------- B. FEATURED SLIDER -------------------- */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: block; width:100%; } .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0px auto; position: relative; zoom: 1; /* overflow:hidden; */ } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px;} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {z-index:55; width: 34px; height: 35px; margin: -5px 0 0 0; display: block; background: url(images/slider/arrows.png) no-repeat bottom left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: bottom right; right: 0px; } .flex-direction-nav .flex-prev {background-position: bottom left; left: 0px;} .flexslider:hover .flex-next {opacity: 0.8; right: 20px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 20px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=00); cursor: default;} #main .flex-direction-nav .flex-next { right: 20px; } #main .flex-direction-nav .flex-prev {left: 20px;} /* Control Nav */ .flex-control-nav { z-index:5; width: 100%; position: absolute; bottom: 30px; text-align: center; } .flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 20px; height: 20px; display: block; background: url(images/slider/bg_bullets.png) 0px -25px no-repeat; cursor: pointer; text-indent: -9999px;} .flex-control-paging li a:hover { background-position:0px -48px; } .flex-control-paging li a.flex-active { background-position:0px -2px; cursor: default; } body #main .flex-control-paging li a { -webkit-transition: none; -moz-transition: none; none; -o-transition: none; } .lt-ie8 .flex-control-nav {bottom:30px;} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /* Caption style */ ul.slides li { position:relative; overflow:hidden; } .caption-progression { z-index:45; margin: auto; position: absolute; padding-bottom:130px; padding-left:100px; left: 0; bottom: 0; right: 0; color: #ffffff; text-shadow: 1px 1px 20px rgba(0,0,0,1); font-size:30px; font-style:italic; } .caption-progression a { color:#fff; text-decoration:none;} li.caption-right-progression .caption-progression {text-align:right;} li.caption-center-progression .caption-progression {text-align:center;} .flexslider a:hover img {opacity:1; filter:alpha(opacity=100); } .lt-ie9 .flex-direction-nav .flex-prev {opacity: 1; left: 15px;} .lt-ie9 .flex-direction-nav .flex-next {opacity: 1; right: 15px; } /* =============================================== 12. NAVIGATION =============================================== */ /* -------------------- A. ESSENTIAL STYLES -------------------- */ /*** ESSENTIAL STYLES ***/ .progression-studios-mobile-menu {display:none; } .sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;} .sf-menu {line-height: 1.0;} .sf-menu ul {position: absolute; top:-999em; width: 10em; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width: 100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float: left ;position: relative;} .sf-menu a {display:block; position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top:65px; /* match top ul list item height */z-index: 99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;} /* -------------------- B. MENU HEIGHT AND PADDING -------------------- */ .sf-menu a {padding:75px 15px 24px 15px;} /* Top Menu Size */ body .sf-menu li:hover ul, body .sf-menu li.sfHover ul {top:115px;} /* Move sub-menu down */ /* -------------------- C. DEMO SKIN -------------------- */ nav {position:absolute; top:0px; right:0px; z-index:4; } .sf-menu a { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -o-transition: all .4s ease; text-decoration:none; line-height:1; } /* DEFAULT LINK */ .sf-menu a, .sf-menu a:visited { text-shadow: none; color:#000000; font-size:16px; font-style:italic; } .sf-menu ul {background:#6c858a;} /* DEFAULT LINK HOVER AND SELETED */ .sf-menu li.current-menu-item {background:#6c858a; } .sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited { color:#ffffff; } /* HOVER BACKGROUND */ .sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited { background:#6c858a; color:#ffffff; display:block; } .sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited { font-size:13px; font-weight:500; text-transform:none; text-shadow: none; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited { outline: 0; -webkit-transition: all .6s ease; -moz-transition: all 1s ease; transition: all .6s ease; -o-transition: all .6s ease; background-image:url(images/transparency-fallback.png); background: rgba(255, 255, 255, 0.15); } .sf-menu li li a {padding:15px 15px ;} .sf-menu li li, .sf-menu li li li, .sf-menu li li li li, .sf-menu li li li li li { margin:0px; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0;} /*** arrows **/ .sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;} .sf-shadow ul.sf-shadow-off {background: transparent;} /* Mobile Menu */ .mobile-menu-icon-pro { cursor:pointer; display:none; text-align:center; background:#ffffff; color:#333333; width:50px; font-size:18px; height:50px; line-height:50px; border:2px solid #e6e6e6; margin:0 auto 15px auto; } .active-mobile-icon-pro.mobile-menu-icon-pro .fa-bars:before { content:"\f00d"; } .menu-collapser { display:none !important; } #main-nav-mobile { line-height:1.6; background:#ffffff; display:none; position:relative; width:100%; z-index:20; margin-bottom:-30px; } @media only screen and (min-width: 960px){ #main-nav-mobile { display:none !important; } } ul.mobile-menu-pro { width: 100%; margin: 0px; padding:0px; list-style-type: none; display:block !important; font-size:16px; font-style:italic; } ul.mobile-menu-pro { overflow:hidden; list-style-type: none; width: 100%; } ul.mobile-menu-pro li { position: relative; display: inline-block; margin:0px; padding:0px; } ul.mobile-menu-pro > li { margin-right: -5px; border-left: 1px rgba(0,0,0, 0.1); } ul.mobile-menu-pro > li:first-child { border-left: 0 } ul.mobile-menu-pro > li:last-child { margin-right: 0 } ul.mobile-menu-pro li a { display: block; text-transform:none; color:#444444; font-size:14px; padding:20px 3%; margin:0px; border:none; } ul.mobile-menu-pro li li a { padding-left:30px; } ul.mobile-menu-pro li li li a { padding-left:35px; } ul.mobile-menu-pro li li li li a { padding-left:40px; } ul.mobile-menu-pro a i { padding-right:4px; } ul.mobile-menu-pro li .sub-collapser { background: none; position: absolute; right: 0; top: 0; width:50px; text-align: center; z-index: 999; cursor: pointer; height:62px; } ul.mobile-menu-pro.collapsed li .sub-collapser:before { position:absolute; top:0px; left:0px; font:normal normal normal 17px/1 FontAwesome; border:none; content:"\f107"; text-align:center; line-height:62px; width:50px; background:rgba(0,0,0, 0.07); } ul.mobile-menu-pro.collapsed li .sub-collapser.expanded { transform: rotate(180deg); } ul.mobile-menu-pro li .sub-collapser > i { display:none; } ul.mobile-menu-pro li ul { margin: 0; list-style-type: none; } ul.mobile-menu-pro li ul { padding-left:0px; } ul.mobile-menu-pro li ul li { background:rgba(0,0,0, 0.04); } ul.mobile-menu-pro li ul li li:hover { background:rgba(0,0,0, 0.04) !important; } ul.mobile-menu-pro li > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; } ul.mobile-menu-pro li > ul > li ul { display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%; } ul.mobile-menu-pro.collapsed li { display: block; width: 100%; box-sizing: border-box; } ul.mobile-menu-pro.collapsed li a { display: block; border-bottom: 1px solid rgba(0,0,0, 0.1) !important; box-sizing: border-box; } ul.mobile-menu-pro.collapsed li > ul { display: none; position: static; } /* Mega Menu Sections */ ul.mobile-menu-pro .sf-mega { background:rgba(0,0,0, 0.04); margin:0px; border:none; padding:0px; } ul.mobile-menu-pro .sf-mega .sf-mega-section { width:100%; float:none; } /* =============================================== 13. DEFAULT GRID =============================================== */ .grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig {float:left; margin-right:3%; } .grid2column { width: 48.5%;} .lt-ie8 .grid2column {width: 48%; } .grid3column {width: 31.2%; } .lt-ie8 .grid3column {width: 30.5%; } .grid3columnbig {width:65.5%;} .grid4column {width: 22.5%; } .lt-ie8 .grid4column {width: 22%; } .grid4columnbig {width:74.2%; } body .lastcolumn {margin-right:0% !important;} /* =============================================== 14. PRINT STYLES =============================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* =============================================== 15. LIGHTBOX STYLES =============================================== */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* v1.5 Updated - Fix font bug in chrome */ body { -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; } @-webkit-keyframes fontfix { from { opacity: 1; } to { opacity: 1; } } /* =============================================== 16. WOOCOMMERCE STYLES =============================================== */ body.woocommerce img {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} nav.woocommerce-breadcrumb {display:none; } /* Hides default bread-crumb. This is replaced by our plugin */ body.woocommerce-account .woocommerce h2 {font-size:28px;} body.woocommerce-page .woocommerce header {background:none;} body #main .width-container span.price, body #main .width-container p.price span, body #main .width-container span.price ins {color:#777 !important; font-size:14px !important;} body #main .width-container span.price del, body #main .width-container p.price del span {color:#bbb !important; font-size:12px !important;} #sidebar ins {background:none;} .woocommerce-tabs #comments {margin-top:0px;} body #main form.woocommerce-ordering option, body #main form.woocommerce-ordering input, body #main form.woocommerce-ordering select, body #main table.variations .value select { font-size:13px; } a.added_to_cart {display:none !important;} #main ul.products li .button {margin-bottom:15px;} .price_slider_wrapper {margin-bottom:10px;} .content-container-pro.product-single-pro {margin-bottom:35px;} /* Product Single */ a.reset_variations {font-size:11px; color:#999;} body.woocommerce-page select { font-size:18px; } body #main .width-container div.quantity input[type='number']::-webkit-outer-spin-button, body #main .width-container div.quantity input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } body #main .width-container div.quantity input.minus, body #main .width-container div.quantity input.plus {height:19px; background:#eee;} body #main .width-container div.quantity input.input-text {padding-top:4px; padding-bottom:4px; margin:0px ;} /* Checkout Styles */ table.shop_table, #payment ul.methods, table.shop_table { background:#f9f9f9; } .product-remove a.remove:hover {background:transparent !important;} .woocommerce table.cart .product-remove a.remove {color:#bbbbbb;} .woocommerce table.cart .product-remove a.remove:hover {color:#999999 ;} /* ----- OnSale Icon ----- */ body #main .width-container span.onsale { z-index:5; position:absolute; min-height:15px; min-width:32px; padding:5px 8px; font-size:13px; font-weight:bold; line-height:1; top:48px; left:48px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#ffffff; background:#f18a8a; background: rgba(238, 109, 109, 0.85); text-shadow: 1px 0px 1px rgba(0,0,0,0.4); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body #main .width-container li.product span.onsale {top:15px; left:15px; width:auto; display:block; max-width:40px;} /* ----- WooCommerce Reviews ----- */ body.woocommerce #reviews #comments ol.commentlist {position:static; left:0px; float:none; width:98%;} body.woocommerce #reviews #comments ol.commentlist li img { padding:0px !important;} body.woocommerce .commentlist li {box-shadow:none ; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; } body.woocommerce #reviews #comments ol.commentlist li .comment-text {border-color:#ccc;} .woocommerce-tabs {padding-top:15px; padding-bottom:25px;} .woocommerce-tabs .tabs li {font-size:15px;} .woocommerce-tabs .tabs li { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } body #main .width-container .woocommerce-tabs .tabs li.active {background:#aaaaaa; border-bottom-color:#aaa; color:#fff;} body #main .width-container .woocommerce-tabs .tabs li {background:#e6e6e6; box-shadow:none ; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none;} body #main .width-container .woocommerce-tabs .tabs li:after, body #main .width-container .woocommerce-tabs .tabs li:before {display:none;} /* Message Bar */ body #main .woocommerce-message a.button { padding:8px 12px; font-size:10px; } body #main .woocommerce-message, body #main .woocommerce-info { background:#ffffff; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } body #main ul.products img, body #main .images img, body #main #sidebar img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* ----- Star Rating ----- */ body #main .stars a {color:#aaa;} body #main .star-rating span {color:#ffbb26;} body #main .star-1:hover, body #main .star-2:hover, body #main .star-3:hover, body #main .star-4:hover, body #main .star-5:hover {color:#ffbb26;} body #main .stars .active {color:#ffbb26;} /* --- Price Filter --- */ body #main .widget_price_filter .ui-slider .ui-slider-range {background:#aaa;} body #main .widget_price_filter .ui-slider .ui-slider-handle{ background:#dedee1; border:1px solid #575757;cursor:pointer; background:-webkit-gradient(linear,left top,left bottom,from(#dedee1),to(#dedee1)); background:-webkit-linear-gradient(#dedee1,#dedee1); background:-moz-linear-gradient(center top,#dedee1 0,#dedee1 100%); background:-moz-gradient(center top,#dedee1 0,#dedee1 100%); } body #main .price_slider_wrapper .ui-widget-content{ background:#666666;background:-webkit-gradient(linear,left top,left bottom,from(#6a6a6a),to(#888888)); background:-webkit-linear-gradient(#6a6a6a,#888888); background:-moz-linear-gradient(center top,#6a6a6a 0,#888888 100%); background:-moz-gradient(center top,#6a6a6a 0,#888888 100%) } /* CSS Shortcodes */ .progression_clearfix:after,ul.progression-tabs:after{clear:both}.progression_clearfix:after,.progression_clearfix:before{content:"";display:table}hr.progression-hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}.progression-etabs{margin:0 0 20px;padding:0;border-bottom:1px solid #ddd}.progression-tab{margin-right:-6px;display:inline-block;zoom:1;border:1px solid #ddd;border-width:1px 1px 0;background:#f5f5f5}.lt-ie8 .progression-tab{display:inline}.progression-tab a{font-size:14px;line-height:2em;display:block;padding:5px 15px 3px;outline:0;text-decoration:none}.progression-tab.active{padding-top:5px;position:relative;top:1px;background:#fff}ul.progression-tabs{text-decoration:none;display:block;margin:0 0 20px;padding:0;list-style:none;border-bottom:solid 1px #ddd;zoom:1}ul.progression-tabs li{display:block;width:auto;height:30px;padding:0;float:left;margin-bottom:0}ul.progression-tabs li a{display:block;text-decoration:none;width:auto;height:29px;padding:0 20px;line-height:30px;border:1px solid #ddd;border-width:1px 1px 0 0;margin:0;background:#f5f5f5;font-size:13px}ul.progression-tabs li a.active{background:#fff;height:30px;position:relative;top:-4px;padding-top:4px;border-left-width:1px;margin:0 0 0 -1px;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px}ul.progression-tabs li:first-child a.active{margin-left:0}ul.progression-tabs li:first-child a{border-width:1px 1px 0;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px}ul.progression-tabs li:last-child a{-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px}ul.progression-tabs-content{margin:0 0 20px;display:block;list-style:none}ul.progression-tabs-content>li{display:none}ul.progression-tabs-content>li.active{display:block}ul.progression-tabs:after,ul.progression-tabs:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}a.progression-button{margin:0 2px 5px 0;font-weight:700;display:inline-block;text-decoration:none;line-height:1;cursor:pointer;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;-moz-box-shadow:1px 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);box-shadow:1px 1px 1px rgba(0,0,0,.2)}.progression-mini{padding:5px 6px;font-size:11px}.progression-small{padding:8px 10px;font-size:11px}.progression-medium{padding:10px 14px;font-size:13px}.progression-large{padding:12px 18px;font-size:15px}.progression-square{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.progression-rounded{-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}a.progression-blue{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#006dcc;background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-image:-moz-linear-gradient(top,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);}a.progression-blue:hover{background:#08c;color:#fff}a.progression-grey{color:#444;background-color:#f5f5f5;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #bbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#a2a2a2;}a.progression-grey:hover{background:#f1f1f1;color:#444} a.progression-light-blue{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#49afcd;background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-repeat:repeat-x;border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false)}a.progression-light-blue:hover{background:#5bc0de;color:#fff}a.progression-green{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#5bb75b;background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);background-image:-moz-linear-gradient(top,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false)}a.progression-green:hover{background:#62c462;color:#fff}a.progression-orange{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#faa732;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-repeat:repeat-x;border-color:#f89406 #f89406 #ad6704;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);} a.progression-orange:hover{background:#fbb450;color:#fff}a.progression-red{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#da4f49;background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false)}a.progression-red:hover{background:#ee5f5b;color:#fff}a.progression-black{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#363636;background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));background-image:-webkit-linear-gradient(top,#444,#222);background-image:-o-linear-gradient(top,#444,#222);background-image:linear-gradient(to bottom,#444,#222);background-image:-moz-linear-gradient(top,#444,#222);background-repeat:repeat-x;border-color:#222 #222 #000;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false)}a.progression-black:hover{background:#444;color:#fff}ul.progression-toggle{margin:0;padding:0;list-style:none}ul.progression-toggle li{background:#f9f9f9;list-style-type:none;cursor:pointer;border:1px solid #ddd;padding:5px;margin:0 0 15px}ul.progression-toggle div.div_progression_toggle{cursor:auto;display:none;padding:0 20px;margin-bottom:15px;text-decoration:none}ul.progression-toggle div.div_progression_toggle:hover{text-decoration:none}ul.progression-toggle li:before{content:"+";position:relative;width:8px;text-align:center;height:11px;margin:0 5px;line-height:1;padding:0;display:inline-block;font-size:10px}ul.progression-toggle li.progression_active:before{content:"-"}.lt-ie8 ul.progression-toggle div.div_progression_toggle,ul.progression-toggle div.progression_open{display:block}.progression-grid2column,.progression-grid3-twothirds,.progression-grid3column,.progression-grid4-threefourths,.progression-grid4column,.progression-grid5-fourfifth,.progression-grid5-threefifths,.progression-grid5-twofifths,.progression-grid5column,.progression-grid6-fivesixths,.progression-grid6column{float:left;margin-right:2%}.progression-grid2column{width:49%}.progression-grid3column{width:32%}.progression-grid3-twothirds{width:66%}.progression-grid4column{width:23.5%}.lt-ie8 .progression-grid4column{width:23%}.progression-grid4-threefourths{width:74.5%}.lt-ie8 .progression-grid4-threefourths{width:74.3%}.progression-grid5column{width:18.35%}.progression-grid5-twofifths{width:38.8%}.progression-grid5-threefifths{width:59.1%}.progression-grid5-fourfifth{width:79.5%}.progression-grid6column{width:15%}.progression-grid6-fivesixths{width:83%}body .progression-lastcolumn{margin-right:0!important} /* Mobile Responsive Styles */ /* Table of Contents ================================================== 01. RETINA STYLES 02. BASE STYLES (1165px) 03. #DESKTOP (960px) 04. #Tablet (Portrait) 05. #Mobile (Portrait) 06. #Mobile (Landscape) 07. TESTING TEXT */ /* =============================================== 01. RETINA STYLES =============================================== */ @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .flex-control-paging li a {background-image:url(images/slider/bg_bullets@2x.png); background-size:20px 85px;} .flex-direction-nav a {background-image: url(images/slider/arrows@2x.png); background-size:68px 69px;} a.twitter-widget-from { background-image: url(images/twitter@2x.png) ; background-size:20px 16px;} } @media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) { } /* IE7-IE8 Fixes*/ .lt-ie9 .flex-control-paging li a {background-image: url(images/slider/bg_bullets.png); } .lt-ie9 .flex-direction-nav a {background-image: url(images/slider/arrows.png);} .lt-ie9 a.twitter-widget-from { background-image: url(images/twitter.png); } } /* =============================================== 02. BASE STYLES (1165px) =============================================== */ /* Note: Design for a width of 1165px */ body:after {content: "Wider than 1165px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ html {-webkit-text-size-adjust: none;} /* Removes webkit font resizing */ body {max-width:100%; width:100%; } img {max-width:100%; height: auto; } .width-container, #page-title-divider {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } /* =============================================== 03. #DESKTOP (960px) =============================================== */ /* Note: Design for a width of 960px */ @media only screen and (min-width: 959px) and (max-width: 1165px) { body:after {content: "959px to 1139px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ .width-container, #page-title-divider {width:940px;} /* Default Width */ .caption-progression { padding-bottom:120px; padding-left:80px; font-size:28px; } #mc_embed_signup input#mce-EMAIL, #searchform input { width:100px;} .commentlist {width:83%;} } /* =============================================== 04. #Tablet (Portrait) =============================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { body:after {content: "768 to 959px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ /* Default Width */ .width-container, #page-title-divider { width: 750px; } .caption-progression { padding-bottom:75px; padding-left:60px; font-size:24px; } /* Misc Fixes */ .sf-menu a {padding-right:9px; padding-left:9px;} /* Top Menu Size */ .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {display:none !important;} .commentlist {width:79%;} } /* =============================================== 05. #Mobile (Portrait) =============================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { body:after {content: "0 to 480px"; background-color: hsla(90,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ /* Default Width */ .width-container, #page-title-divider { width: 300px; } .caption-progression { padding-bottom:50px; padding-left:20px; font-size:14px; } /* Default Grid */ #sidebar {padding:0%; border:none;} #footer-widgets .footer-1-column .widget, #footer-widgets .footer-2-column .widget, #footer-widgets .footer-3-column .widget, .lt-ie8 #footer-widgets .footer-3-column .widget, #footer-widgets .footer-4-column .widget, .grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig, .lt-ie8 .grid3column, .lt-ie8 .grid4column , .lt-ie8 .grid2column, #sidebar, #container-sidebar {float:none; width:100%; margin-bottom:25px;} body ul#open-hours .grid2column, body #main ul.menu-items .grid2column {float:left; margin-right:2%; margin-bottom:0px; } body ul#open-hours .grid2column, body #main ul.menu-items .grid2column { width: 99%;} /* 2019.11.3 furukawa change width*/ .lt-ie8 body ul#open-hours .grid2column, .lt-ie8 body #main ul.menu-items .grid2column {width: 48.5%; } footer .lastcolumn {margin:0px;} .menu-item-container .grid3column {float:left; margin-right:2%; width: 32%; } .lt-ie8 .menu-item-container .grid3column { width: 31.5%; } .menu-item-container .grid3columnbig {float:left; margin-right:2%;width:65.8%;} /* Misc Fixes */ .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {display:none !important;} footer #copyright ul {text-align:center; float:none;} footer #copyright ul li {float:none; display: inline; } #copyright .grid2column {text-align:center;} .commentlist {width:95%; left:-10px;} .commentlist .children li.comment .comment-meta {margin-left:0px;} .commentlist .avatar, .commentlist > li:before {display:none;} /* HEADER AREA */ header {position:static;} body #logo {text-align:center; margin:0 auto 6px auto; float:none; position:relative;} #homepage-slider, .paged-title {margin-top:30px;} #page-title .paged-title {height:150px; } /* Mobile Menu */ nav ul { display: none; } .mobile-menu-icon-pro { display:block; } } /* =============================================== 06. #Mobile (Landscape) =============================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { body:after { content: "480 to 767px"; background-color: hsla(150,50%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ /* Default Width */ .width-container, #page-title-divider { width: 420px; } } /* =============================================== 07. TESTING TEXT =============================================== */ body:after {position:relative; z-index:55; content: "less than 320px";font-size: 300%;font-weight: bold;position: fixed;bottom: 60px;width: 100%;text-align: center;background-color: hsla(1,60%,40%,0.7);color: #fff; display:none !important; /* -------------------- ADD OR REMOVE display:none !important; to display testing text -------------------- */}