/*------------------------------------------------------------------------------------------------------ OS and Browser classes are added to the HTML tag by JS use these to style for different browsers -------------------------------------------------------------------------------------------------------- Available OS Classes: .win - Microsoft Windows (all versions) .vista - Microsoft Windows Vista new .linux - Linux (x11 and linux) .mac - Mac OS .freebsd - FreeBSD .ipod - iPod Touch .iphone - iPhone .ipad - iPad new .webtv - WebTV .j2me - J2ME Devices (ex: Opera mini) changed from mobile to j2me .blackberry - BlackBerry new .android - Google Android new .mobile - All mobile devices new Available Browser Classes: .ie - Internet Explorer (All versions) .ie8 - Internet Explorer 8.x .ie7 - Internet Explorer 7.x .ie6 - Internet Explorer 6.x .ie5 - Internet Explorer 5.x .gecko - Mozilla, Firefox (all versions), Camino .ff2 - Firefox 2 .ff3 - Firefox 3 .ff3_5 - Firefox 3.5 .ff3_6 - Firefox 3.6 .opera - Opera (All versions) .opera8 - Opera 8.x .opera9 - Opera 9.x .opera10 - Opera 10.x .konqueror - Konqueror .webkit or .safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome .safari3 - Safari 3.x .chrome - Google Chrome .iron - SRWare Iron Extra Codes: .js - available when JS is enabled .no-js - remains in the HTML tag when JS is disabled/off -------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------ Modernizr adds classes to the HTML tag with JS. use these to style for different browsers' capabilites -------------------------------------------------------------------------------------------------------- Some of the most important classes available (check the HTML tag on a live page for more): Screen Layout Classes applied on resize (if you aren't already using media queries): .orientation_landscape - if the screen is wider than it is tall .orientation_portrait - if the screen is taller than it is wide .maxw_2560 - max width of screen 2560px .maxw_1920 - max width of screen 1920px .maxw_1680 - max width of screen 1680px .maxw_1440 - max width of screen 1440px .maxw_1280 - max width of screen 1280px .maxw_1152 - max width of screen 1152px .maxw_1024 - max width of screen 1024px .maxw_768 - max width of screen 768px - usually the max width for a tablet .maxw_640 - max width of screen 640px .maxw_480 - max width of screen 480px .maxw_320 - max width of screen 320px - mobile widths CSS3 selectors applied on page load (selectors are prefixed with "no-" if it is not available) : .rgba - availability of Red/Green/Blue/Alpha transparency for colours .hsla - availability of Hue/Saturation/Lightness/ Alpha transparency for colours .multiplebgs - availability of Multple background images css .backgroundsize - availability of Background Size css .borderimage - availability of Border size css .borderradius - availability of Border radius css .boxshadow - availability of Box shadow css .textshadow - availability of Text shadow css .opacity - availability of Opacity .cssanimations - availability of CSS Animations .csscolumns - availability of CSS columns .cssgradients - availability of CSS gradients .cssreflections - availability of CSS reflections .csstransforms - availability of CSS Transform animations .csstransforms3d - availability of CSS Transform 3D animations .csstransitions - availability of CSS Transitions animations .fontface - availability of @font-face font replacements --------------------------------------------------------------------------------------------------------*/ /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face{font-family:'FontAwesome';src:url('/stylesheets/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('/stylesheets/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('/stylesheets/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('/stylesheets/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('/stylesheets/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-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}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.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-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{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:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{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-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-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"} /*--------------------------------------------------------------------------------------------------------------------- Grid Overwrites --------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) { .row { max-width:100%; width: 100%; min-width: 0; }/*alter these for master page widths*/ } .row { width: 64em; max-width:100%; }/*alter these for master page widths*/ .ie8 .row { /*width: 940px; min-width: 768px; max-width:none;*/ }/*alter these for master page widths in IE8*/ .row .row { margin: 0 -15px; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .column, .columns { padding: 0 15px; } /*------------------------------------------------------------------------------------------------------- Typography styling only - default text settings should be altered in grids -------------------------------------------------------------------------------------------------------*/ body {/*Fall back - just in case some text isn't wrapped in an element in the CMS*/ font-family: "Roboto", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; } p.lead { font-size: 1.21875em; line-height: 1.6; } .subheader { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } /* Default Link Styles */ a { color: #0078bf; text-decoration: none; line-height: inherit; } a:hover, a:focus { color: #005496; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #005496; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 { font-size: 2.125em; } #page > h1,#page > .row > h1{ border-bottom:1px solid #ddd; padding-bottom:.65rem; } @media only screen and (min-width:42.063rem){ #property #page > h1,#page > .row > h1{ border-bottom:1px solid #ddd; padding-bottom:.65rem; padding-left:0; margin-left:1rem; margin-right:-1rem; width:64%; } } h2 { font-size: 1.6875em; } h3 { font-size: 1.375em; } h4 { font-size: 1.125em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; } /* Lists */ ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; } ul, ol { margin-left: 0; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3em; font-weight: bold; } dl dd { margin-bottom: 0.75em; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px dotted #dddddd; cursor: help; } abbr { text-transform: none; } /* Blockquotes */ blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left:none; } blockquote cite { color: #555555; display: block; font-size: 1em; font-style: normal; font-weight: bold; } /*blockquote cite:before { content: "\2014 \0020"; }*/ blockquote cite a, blockquote cite a:visited { color: #555555; } blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } /* Misc ---------------------- */ .left { float: left; } .right { float: right; } .hide { display: none; } .hide-override { display: none !important; } .highlight { background: #ffff99; } .googlemap img, object, embed { max-width: none; } .map_canvas embed { max-width: none; } .map_canvas img { max-width: none; } #map_canvas object { max-width: none; } .textCenter, .textCentre, .alignCenter, .alignCentre, .text-center, .text-centre, .align-center, .align-centre, .textCenter, .textCenter, .alignCenter, .alignCentre, .text-center *, .text-centre *, .align-center *, .align-centre * { text-align: center; } .textRight, .alignRight, .text-right, .align-right, .textRight *, .alignRight *, .text-right *, .align-right * { text-align: right; } .textLeft, .alignLeft, .text-left, .align-left, .textLeft *, .alignLeft *, .text-left *, .align-left * { text-align: left; } .uppercase, .uppercase * { text-transform: uppercase!important; } .lowercase, .lowercase * { text-transform: lowercase!important; } .noMarginBottom, .no-margin-bottom { margin-bottom: 0!important; } .noMarginTop, .no-margin-top { margin-top: 0!important; } .noMarginLeft, .no-margin-left { margin-left: 0!important; } .noMarginRight, .no-margin-right { margin-right: 0!important; } .noPaddingBottom, .no-padding-bottom { padding-bottom: 0!important; } .noPaddingTop, .no-padding-top { padding-top: 0!important; } .noPaddingLeft, .no-padding-left { padding-left: 0!important; } .noPaddingRight, .no-padding-right { padding-right: 0!important; } .blue-text,.blue-text *{color:#1a6fa9!important;} .yellow-text, .yellow-text *{color:#ffd06d!important;} .white-text, .white-text *{color:#fff!important;} .black-text, .black-text *{color:#000!important;} .brown-text, .brown-text *{color:#8f6f29!important;} /* Reset for strange margins by default on
elements */ figure { margin: 0; } address{ font-style: normal; line-height: 1.5rem; margin-bottom: 1.5rem; padding-left: 0.85rem; } /*-------------------------------------------------------- Buttons -------------------------------------------------------- */ button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #0078bf; border-color: #0078bf; color: white; } .button,.teardrop, input[type='text']{border-radius:5px 0 5px 0} button:hover, button:focus, .button:hover, .button:focus { background-color: #2284a1; } button:hover, button:focus, .button:hover, .button:focus { color: white; } button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; } button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; } button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; } button.expand, .button.expand { padding-right: 0px; padding-left: 0px; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #2ba6cb; border-color: #2284a1; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2284a1; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2ba6cb; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } button, .button { padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-appearance: none; } button.tiny, .button.tiny { padding-top: 0.5em; padding-bottom: 0.4375em; -webkit-appearance: none; } button.small, .button.small { padding-top: 0.625em; padding-bottom: 0.5625em; -webkit-appearance: none; } button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; -webkit-appearance: none; } .blue-text, .blue-text*{color:#1a6fa9;} .yellow-text, .yellow-text*{color:#ffd06d;} .dark-yellow-text, .dark-yellow-text*{color:#f5c04c;} .brown-text, .brown-text*{color:#8f6f29 ;} /*------------------------------------------------------------------------------------------------------ HTML 5 ------------------------------------------------------------------------------------------------------*/ /* Tell the browser to render HTML 5 elements as block */ header, footer, aside, nav, article, section { display: block; } header {} nav {} section {} aside {} article {} footer {} /*------------------------------------------------------------------------------------------------------ Generic Classes ------------------------------------------------------------------------------------------------------*/ .left { float: left; } .right { float: right; } img.left { margin-right: 1em; margin-bottom: 1.5em; } img.right { margin-left: 1em; margin-bottom: 1.5em; } .half { width: 45%; /* Not exactly half to account for paddings, margins etc. */ } .hide { /* Hide stuff without resorting to display:none; */ visibility: hidden; width: 0!important; height: 0!important; line-height: 0!important; padding: 0!important; margin: 0!important; } /*------------------------------------------------------------------------------------------------------ Page Layout elements ------------------------------------------------------------------------------------------------------*/ html, body { height: 100%; } body { } #header, #main-nav, #content, #footer { display: block; } #wrapper { } #header { background: #fff; border-top: 0.5rem solid #1a6fa9; } /*--------------------------------------- Main Logo styling using a H1 and an A tag ---------------------------------------*/ #logo { } #logo h1 { margin: 0 0 0 0; padding: 0 0 0 0; } #logo img { display: block; outline: none; margin:1.5rem 0 1.5rem -1rem; } #form-toggle{ position:relative; margin-bottom: 1.5rem; } #form-toggle > img{position:absolute; width:100%;height: 100%;} #form-toggle > a{ color: #8f6f29; display: block; font-size: 0.95rem; padding: 0.75rem 0.5rem; position: relative; text-align: center; z-index: 100; margin-bottom: .5rem} .appraisal-form{ padding:2rem 0; } /*------------------------------------------------------------------------------------------------------ Horizontal navigation - for use with BC Dynamic menus. Just put module in a div with a class .h-nav -------------------------------------------------------------------------------------------------------*/ .h-nav { margin: 20px 0; } .h-nav > div /*BC puts a child div in by default*/ { } .h-nav ul { height: 1rem; background: none; padding: 0; margin:0; } .h-nav ul > li { float: left; display: block; position: relative; padding: 0; margin: 0; } .h-nav ul > li:first-child { } .h-nav ul > li:last-child { } .h-nav ul li a, .h-nav ul li a:visited { display: block; text-align: center; padding: 0 1em; line-height: 30px; height: 30px; text-decoration: none; } .h-nav ul li a:hover, .h-nav ul li.selected a, .h-nav ul li.active a { outline: none; } .h-nav ul li a:active { } /*------------------------------------ Horizontal Subnav ------------------------------------*/ .h-nav ul li ul { display: none; position: absolute; height: auto; width: 14rem; top: 1rem; z-index: 10; margin: 0; } .h-nav ul li ul li { float: none; } .h-nav ul li ul li a, .h-nav ul li.selected ul li a, .h-nav ul li.active ul li a { float: none; display: block; } .h-nav ul li ul li a:hover, .h-nav ul li ul li.selected > a, .h-nav ul li ul li.hovered > a {} /*--------------------------------------- Horizontal sub sub nav ---------------------------------------*/ .h-nav ul li ul li ul { position: absolute; top: 0; left: 14rem; width: 14rem; } .h-nav ul li ul li ul li { float: none; } .h-nav ul li ul li ul li a, .h-nav ul li.selected ul li ul li a,.h-nav ul li.selected ul li.selected ul li a { } .h-nav ul li ul li ul li a:hover, .h-nav ul li ul li ul li.selected a, .h-nav ul li.selected ul li ul li a:hover, .h-nav ul li.selected ul li.selected ul li a:hover, .h-nav ul li ul li ul li.active a, .h-nav ul li.active ul li ul li a:hover, .h-nav ul li.active ul li.active ul li a:hover { } .no-js .h-nav ul li:hover ul { display: block; } @media only screen and (max-width: 40.063em) { /*mobile nav - if it's needed*/ .h-nav { height: auto; } .h-nav ul { height: auto; } .h-nav ul li { float: none; display: block; } .h-nav ul li > a { text-align: left; } .h-nav ul li a { position: relative; right: 0; top: 0; padding: 22px; line-height: normal; z-index: 2; display: block; float: none; width: 100%; height: auto; } /*mobile sub nav*/ .h-nav ul li ul { width: auto; position: relative; top: 0; margin: 0; } .h-nav ul li ul li { width: auto; position: relative; } .h-nav ul li ul li a, .h-nav ul li.selected ul li a { background: #555!important; border: 1px solid #333!important; } .h-nav ul li ul li a:hover, .h-nav ul li.selected ul li a:hover { background: #111!important; } } /*--------------------------------------------------- Main Navigation ---------------------------------------------------*/ #main-nav .h-nav > div { } #main-nav .h-nav > div > ul { height: 3rem; } #main-nav .h-nav > div > ul > li { border-bottom: 1px solid #ddd; padding:0 1.5rem; } #main-nav .h-nav > div > ul > li > a { color:#0078bf; height: 2rem; line-height: 2rem; font-size:.86rem; padding: 0; transition: all 0.15s ease-in-out 0s; } #main-nav .h-nav > div > ul > li:first-child { padding-left:0; } #main-nav .h-nav > div > ul > li a:hover, #main-nav .h-nav > div > ul > li.selected > a, #main-nav .h-nav > div > ul > li.hovered > a { border-bottom: 0.2rem solid #ffd06d; color:#000; } @media only screen and (min-width:46.063rem){ #main-nav .h-nav > div > ul > li { border-bottom: 1px solid #ddd; padding:0 0 0 1.5rem; } #main-nav .h-nav > div > ul > li > a { font-size:.9rem; } } @media only screen and (min-width:62.063rem){ #main-nav .h-nav > div > ul > li { border-bottom: 1px solid #ddd; padding:0 0 0 2.25rem; } #main-nav .h-nav > div > ul > li > a { font-size:1rem; } } /*------------------------------------------------ Main sub navigation -------------------------------------------------*/ #main-nav ul li ul { top:2rem; background: #ffd06d; width:14rem; } #main-nav ul li ul li { } #main-nav ul li ul li a { text-align: left; color:#8f6f29 ; border-bottom: none; } #main-nav ul li ul li a:hover, #main-nav ul li ul li.selected > a, #main-nav ul li ul li.hovered > a { background:#1a6fa9; color:#fff!important; } /*------------------------------------------------ Main sub sub navigation -------------------------------------------------*/ #main-nav ul li ul li ul { top:0; left:14rem; } #main-nav ul li ul li ul li { } #main-nav ul li ul li ul li a { } #main-nav ul li ul li ul li a:hover, #main-nav ul li ul li ul li.selected a, #main-nav ul li ul li ul li.hovered a { } /*------------------------------------------------------------------------------------------------------ Vertical navigation ------------------------------------------------------------------------------------------------------*/ .v-nav { } .v-nav ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } .v-nav ul li { display: block; width: auto; position: relative; } .v-nav ul li a, .v-nav ul li a:visited { display: block; text-align: left; padding: 0.8em; line-height: 1em; height: auto; border: 1px solid #DDD; border-right-color: #f8f8f8; border-top-color: #f8f8f8; background: #EEE; text-decoration: none; } .v-nav ul li a:hover, .v-nav ul li.hovered a, .v-nav ul li.selected a { background: #EFF7FF; border: 1px solid #D1D8DF; border-top-color: #f1f1f1; border-right-color: #f1f1f1; outline: none; } .v-nav ul li a:active { } /*----------------------------------------- Vertical Sub Nav -----------------------------------------*/ .v-nav ul li ul { display: none; position: absolute; width: 100%; left: auto; top: 0; z-index: 10; } .v-nav.collapsible ul li ul, .v-nav.accordion ul li ul { position: relative; width: 100%; left: 0; top: auto; } .v-nav ul li ul li { } .v-nav ul li ul li a, .v-nav ul li.selected ul li a, .v-nav ul li.hovered ul li a { background: #ddd; } .v-nav.collapsible ul li ul li a, .v-nav.collapsible ul li.selected ul li a, .v-nav.collapsible ul li.hovered ul li a, .v-nav.accordion ul li ul li a, .v-nav.accordion ul li.selected ul li a, .v-nav.accordion ul li.hovered ul li a { padding-left: 2em; } .v-nav ul li ul li a:hover, .v-nav ul li ul li.selected a, .v-nav ul li ul li.hovered a { background: #EFF7FF; } /*---------------------------------------- Vertical Sub Sub Nav -----------------------------------------*/ .v-nav ul li ul li ul { position: absolute; width: auto; left: auto; top: 0; } .v-nav.collapsible ul li ul li ul, .v-nav.accordion ul li ul li ul { position: relative; width: auto; left: 0; top: auto; } .v-nav ul li ul li ul li { } .v-nav ul li ul li ul li a, .v-nav ul li.selected ul li ul li a, .v-nav ul li.selected ul li.selected ul li a { background: #EEE; } .v-nav ul li ul li ul li a:hover, .v-nav ul li ul li ul li.selected a, .v-nav ul li.selected ul li ul li a:hover, .v-nav ul li.selected ul li.selected ul li a:hover { background: #EFF7FF; } /*--------------------------------------------------------------------------------------------------- Mobile nav ---------------------------------------------------------------------------------------------------*/ /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: left 0.4s ease; -moz-transition: left 0.4s ease; -ms-transition: left 0.4s ease; -o-transition: left 0.4s ease; transition: left 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { background: inherit; display: block; overflow: hidden; width: 100%; height: 100%; padding: 0; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu > .mm-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 100%; z-index: 0; } .mm-menu > .mm-panel.mm-opened { left: 0%; } .mm-menu > .mm-panel.mm-subopened { left: -40%; } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding: 20px 0 40px 0; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-ismenu { background: #0078bf; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page, .mm-fixed-top, .mm-fixed-bottom { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border; -o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; } .mm-page, #mm-blocker { margin: 0; top: 0; right: 0; bottom: 0; left: 0; } .mm-page { border: 0px solid rgba(0, 0, 0, 0); } html.mm-opening .mm-page { border: 0px solid rgba(1, 1, 1, 0); } .mm-fixed-top, .mm-fixed-bottom { position: fixed; left: 0; } .mm-fixed-top { top: 0; } .mm-fixed-bottom { bottom: 0; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-opened .mm-page { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent; display: none; width: 100%; height: 100%; position: fixed; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 80%; } .mm-menu { width: 80%; } @media all and (max-width: 175px) { .mm-menu { width: 140px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 140px; } } @media all and (min-width: 550px) { .mm-menu { width: 440px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 440px; } } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu header addon CSS */ .mm-header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; width: 100%; height: 60px; padding: 30px 40px 0 40px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; z-index: 1; } .mm-header .mm-prev, .mm-header .mm-next { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-decoration: none; display: block; width: 40px; height: 100%; position: absolute; bottom: 0; } .mm-header .mm-prev:before, .mm-header .mm-next:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -15px; } .mm-header .mm-prev { left: 0; } .mm-header .mm-prev:before { border-right: none; border-bottom: none; left: 22px; } .mm-header .mm-next { right: 0; } .mm-header .mm-next:before { border-top: none; border-left: none; right: 18px; } .mm-menu.mm-hassearch .mm-header { height: 50px; padding-top: 20px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-prev:before, .mm-menu.mm-hassearch .mm-header .mm-mext:before { margin-bottom: -10px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-menu.mm-fixedlabels .mm-list { background: inherit; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label { background: inherit !important; opacity: 0.97; height: 25px; overflow: visible; position: relative; z-index: 1; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div { background: inherit; width: 100%; position: absolute; left: 0; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div { padding-top: 25px; } .mm-list > li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; } .mm-list > li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 17px; } .mm-list > li.mm-collapsed { display: none; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-search { background: inherit; width: 100%; padding: 10px; position: relative; top: 0; z-index: 2; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresultsmsg:after { border: none !important; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; } .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-search input:focus{ color: rgba(0, 0, 0, 0.6); } .mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu toggles addon CSS */ label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin: -15px 0 0 0; position: absolute; top: 50%; z-index: 1; } label.mm-toggle div { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle { position: absolute; left: -10000px; } input.mm-toggle:checked ~ label.mm-toggle div { float: right; } label.mm-toggle { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } a.mm-subopen + label.mm-toggle { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } em.mm-counter + a.mm-subopen + label.mm-toggle { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu label.mm-toggle div { background: #333333; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(40%); -moz-transform: translateX(40%); -ms-transform: translateX(40%); -o-transform: translateX(40%); transform: translateX(40%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-40%); -moz-transform: scale(0.7, 0.7) translateX(-40%); -ms-transform: scale(0.7, 0.7) translateX(-40%); -o-transform: scale(0.7, 0.7) translateX(-40%); transform: scale(0.7, 0.7) translateX(-40%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(40%); -moz-transform: scale(0.7, 0.7) translateX(40%); -ms-transform: scale(0.7, 0.7) translateX(40%); -o-transform: scale(0.7, 0.7) translateX(40%); transform: scale(0.7, 0.7) translateX(40%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-40%); -moz-transform: scale(0.7, 0.7) translateY(-40%); -ms-transform: scale(0.7, 0.7) translateY(-40%); -o-transform: scale(0.7, 0.7) translateY(-40%); transform: scale(0.7, 0.7) translateY(-40%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(40%); -moz-transform: scale(0.7, 0.7) translateY(40%); -ms-transform: scale(0.7, 0.7) translateY(40%); -o-transform: scale(0.7, 0.7) translateY(40%); transform: scale(0.7, 0.7) translateY(40%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-page .mm-page { -webkit-transition-property: -webkit-transform, top, right, bottom, left, border; -moz-transition-property: -moz-transform, top, right, bottom, left, border; -ms-transition-property: -ms-transform, top, right, bottom, left, border; -o-transition-property: -o-transform, top, right, bottom, left, border; transition-property: transform, top, right, bottom, left, border; } html.mm-zoom-page.mm-opened .mm-page { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-page.mm-opening .mm-page { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } html.mm-zoom-page.mm-right.mm-opened .mm-page { -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-page.mm-top.mm-opened .mm-page { -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-page.mm-bottom.mm-opened .mm-page { -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; -moz-transition-property: -moz-transform, left; -ms-transition-property: -ms-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7); -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -o-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } /* jQuery.mmenu fullscreen extension CSS */ html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 100%; } .mm-menu.mm-fullscreen { width: 100%; } @media all and (max-width: 140px) { .mm-menu.mm-fullscreen { width: 140px; } html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-fullscreen { width: 10000px; } html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 10000px; } } .mm-menu.mm-top.mm-fullscreen { height: 100%; } html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { top: 100%; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen { height: 140px; } html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { top: 140px; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen { height: 10000px; } html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { top: 10000px; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -10000px; } } .mm-menu.mm-right.mm-fullscreen { width: 100%; } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 100%; } @media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen { width: 140px; } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen { width: 10000px; } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 10000px; } } .mm-menu.mm-bottom.mm-fullscreen { height: 100%; } html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 100%; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { top: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen { height: 140px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 140px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { top: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen { height: 10000px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 10000px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { top: -10000px; } } .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -100%; } @media all and (max-width: 140px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -10000px; } } .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -10000px; } } .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -100%; } @media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -10000px; } } .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -10000px; } } html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; } html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top { top: 0; } html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top { width: 100%; } html.mm-top.mm-opened .mm-page, html.mm-top.mm-opened #mm-blocker { top: 0%; } html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top, html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { left: 0; } .mm-menu.mm-right { left: auto; right: 0; } html.mm-right.mm-opened .mm-page, html.mm-right.mm-opened #mm-blocker, html.mm-right.mm-opened .mm-fixed-top, html.mm-right.mm-opened .mm-fixed-bottom { left: auto; right: 0%; } html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { left: auto; } .mm-menu.mm-bottom { width: 100%; top: auto; bottom: 0; } html.mm-bottom.mm-opened .mm-page, html.mm-bottom.mm-opened #mm-blocker { bottom: 0%; top: auto; } html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { top: auto; left: 0; } .mm-menu.mm-top { height: 80%; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { top: 80%; } html.mm-top.mm-opening .mm-fixed-bottom { bottom: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-top { height: 140px; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { top: 140px; } html.mm-top.mm-opening .mm-fixed-bottom { bottom: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-top { height: 880px; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { top: 880px; } html.mm-top.mm-opening .mm-fixed-bottom { bottom: -880px; } } .mm-menu.mm-right { width: 80%; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { right: 80%; } @media all and (max-width: 175px) { .mm-menu.mm-right { width: 140px; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { right: 140px; } } @media all and (min-width: 550px) { .mm-menu.mm-right { width: 440px; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { right: 440px; } } .mm-menu.mm-bottom { height: 80%; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { bottom: 80%; } html.mm-bottom.mm-opening .mm-fixed-top { top: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-bottom { height: 140px; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { bottom: 140px; } html.mm-bottom.mm-opening .mm-fixed-top { top: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-bottom { height: 880px; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { bottom: 880px; } html.mm-bottom.mm-opening .mm-fixed-top { top: -880px; } } /* jQuery.mmenu z-position extension CSS */ html.mm-front.mm-opened .mm-page { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, -webkit-transform; -moz-transition-property: top, right, bottom, left, -moz-transform; -ms-transition-property: top, right, bottom, left, -o-transform; -o-transition-property: top, right, bottom, left, -o-transform; transition-property: top, right, bottom, left, transform; } html.mm-front .mm-page, html.mm-front #mm-blocker { z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { left: 0%; } .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { left: 0; } html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next { left: 0; top: 0%; } .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { left: auto; } html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next { left: auto; right: 0%; } .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { top: auto; left: 0; } html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next { left: 0; bottom: 0%; } .mm-menu.mm-front, .mm-menu.mm-next { left: -80%; } @media all and (max-width: 175px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -140px; } } @media all and (min-width: 550px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -440px; } } .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -880px; } } .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -80%; } @media all and (max-width: 175px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -140px; } } @media all and (min-width: 550px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -440px; } } .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -880px; } } html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; } html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top { top: 0; } html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-ismenu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle div { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-ismenu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle div { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-ismenu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle div { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } #viewport{ background:#fff; min-height: 100%; min-width: 100%; max-width:100%; /*overflow: scroll !important;*/ position: absolute !important; z-index: 2; } #screen{ background: none repeat scroll 0 0 #fff; } /* .touch #viewport{ overflow-y:auto; } .touch #screen{ -webkit-overflow-scrolling:touch; max-width:100%; height:100%; position: absolute; overflow-y:scroll; } .android2 #viewport, .android2 #screen{ overflow-y:scroll!important; min-height:100%!important; position:relative; }*/ #open-nav-container { position: fixed; /* position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky;*/ right: 1rem; top: 1.3rem; } #open-nav-container a { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); font-size: 1.5rem; padding: 0.5rem 0.8rem; } #mobile-nav ul{} #mobile-nav ul li{} #mobile-nav ul li a{} #mobile-nav ul li.selected > a{} /*------------------------------------------------------------------ Banner ------------------------------------------------------------------*/ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* 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;} -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('/js/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/js/flexslider/fonts/flexslider-icon.woff') format('woff'), url('/js/flexslider/fonts/flexslider-icon.ttf') format('truetype'), url('/js/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* 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 {width: 100%; display: block;} .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 { position: relative; zoom: 1;overflow: hidden; margin-bottom:2rem;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-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 { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } /* .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: "\f053"; } .flex-direction-nav a.flex-next:before { content: "\f053"; } */ .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; } .flex-direction-nav a.flex-next:before { } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:hover { opacity: 1; } /* .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: "\f054"; } .flex-pauseplay a.flex-play:before { content: "\f054"; } */ .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block;} .flex-pauseplay a.flex-play:before {} /* Control Nav */ .flex-control-nav {position: absolute; right: 0; text-align: center; top: 0.8rem; width: auto;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} /*.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(255,255,255,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,0.9); cursor: default; }*/ .flex-control-paging li a:before{ font-family:'FontAwesome'; content:'\f10c'; display:inline-block; color:#fff; position: relative; top:-2.6rem; } .flex-control-paging li a.flex-active:before{ font-family:'FontAwesome'; content:'\f111'; } .flex-control-paging li a{ height:1.8rem; padding-top:1.8rem; overflow:hidden; display:block; width:1rem; } .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;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } #banner{ background:#1a6fa9; } #banner img{ width:100%; height:auto; } .inside #banner img{ opacity:0; transition:opacity .25s linear; } #banner .flexslider { padding-bottom:0; margin-bottom: 0; } #banner .flex-control-nav { bottom: .6rem; margin: 0; position: absolute; right: 3rem; text-align: center; width: auto; z-index: 20; } #banner .row{ } #banner .row > div{ position:relative; } #banner .row > div h1{ bottom: 3rem; left: 4rem; position: absolute; } #banner .row > div h1 span{ padding: 0 .8rem; } #banner.loading{ background:#1A6FA9 url('/images/loading.gif') no-repeat center center ; min-height:20rem; } .inside #banner.loading{ min-height: 0; } @media only screen and (min-width:58.063rem){ #banner .row > div h1{ bottom: 6rem; } } #banner *{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #banner-title{ position:relative; } #banner-title > div{ } #banner-title .row > div > *{ color:#fff; line-height: 3rem; margin:0; } #banner-title .row > div > * > span{ color:#ffd06d; } /*--------------------------------------------------------------------------------------------------- Main Content ---------------------------------------------------------------------------------------------------*/ #content { } #page { min-height: 400px; padding-bottom:2rem; } #sidebar, aside { } /* Panels ---------------------- */ .panel { background: #f8ebb7; border: solid 1px #f8ebb7; margin: 0 0 1.5rem 0; padding: 1rem; } .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); } .panel.callout a { color: #fff; } .panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; } .panel.callout .button:hover, .panel.callout .button:focus { background: rgba(255, 255, 255, 0.8); } .panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /*---------------------------- padding boxes to use in cols ----------------------------*/ .box { background: none; padding: .5rem 1.5rem; } .box.border{border:1px solid #ddd;} .box.blue-border{ border:1px solid #1a6fa9; } .yellow-bg { background: #ffd06d; } .yellow-bg,.yellow-bg *{ color:#000; } .blue-bg { background:#1a6fa9; } .blue-bg,.blue-bg *{ color:#fff; } .dark-yellow-bg { background:#ffd06d; } .dark-yellow-bg,.dark-yellow-bg *{} .grey-bg { background:#f0e8d8; } .grey-bg, .grey-bg *{} .dark-grey-bg { background:#ccc7ba; } #page-footer{ padding:2rem 0; } #page-footer h4 { color: #005496; font-size: 1.25rem; line-height: 1rem; text-transform: uppercase; } #page-footer h4 small { color: #0078bf; font-size: 1rem; } #page-footer ul{ list-style:none; margin-left:0; } #page-footer ul li{ font-size: 0.9rem; padding: 0 0 0.5rem; } #page-footer ul li .fa{ color:#f5c04c; padding-left:.25rem; margin-right:.25rem; } @media only screen and (min-width:52.063rem){ #page-footer .border{ border-left:.2rem solid #00aeef; padding-left:1rem; } #page-footer p, #page-footer .button{ margin-bottom:0; margin-left:1.6rem; } } /*------------------------------------------ Properties -------------------------------------------*/ .Rent .Buy, .Rent .Sell, .Buy .Rent, .Buy .Sell, .Sell .Buy, .Sell .Rent, .Buy-Rent .Sell, .Sell .Buy-Rent, .Sold .Buy-Rent, .Leased .Buy-Rent, .block .Buy, .block .Rent{display:none;} .block .property{ opacity:0; transition:all .25s linear; } .property{ opacity:1; position: relative; } .property > div{ padding:.8rem; } .property .sold p{ background: none repeat scroll 0 0 #ff1000; border: 0.3rem solid #fff; box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.2); color: #fff; font-size: 3rem; font-weight: bold; left: -1rem; padding: 0 3rem; position: absolute; top: 2rem; transform: rotate(-25deg); z-index: 200; } .property .row{ margin:0 -.8rem; } .property .details{ margin-bottom:3rem!important; } .property .name{ bottom: 2.3rem; position: absolute; width:90%!important; } @media only screen and (min-width:42.063rem){ .property .name{ width:80%!important; } } .property .columns{ padding:0 .8rem; } .property .flexslider{ margin-bottom:0.2rem; } .property .features ul{ margin:0.2rem 0; } .property .features ul li{ padding:0.2rem; } .property .price p{ font-size: 1rem; font-weight: bold; line-height: 2.5rem; margin: 0 0 0.5rem; word-wrap: break-word; } .property .name *{ margin-bottom:0; } #property-description, #property-desription p, #property-description > *{ font-family: inherit; font-size: 1em; font-weight: normal; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizelegibility; } .property .link *{ text-align:right; } #property-detail, #property-detail-info{ margin-bottom:1rem; } /*------------------------------------------ Footer -------------------------------------------*/ #footer { border-top:.5rem solid #CCC7BA; } #footer *{ padding-bottom: 0; } #footer-top{ padding-bottom: 1.5rem; padding-top: 2rem; } #footer-top nav ul{ list-style:none; } #footer-top nav ul li{ margin-bottom: 1.5rem } #footer-top nav ul li a { color: #000; font-size: 0.9rem; } #footer-top nav ul li a i, #footer-top nav ul li a em { margin-right: 0.65rem; color:#918d85; } #footer-top nav ul li a i, #footer-top nav ul li a em, #footer-top nav ul li.selected a, #footer-top nav ul li a:hover{ color:#0078bf; } #footer-top p{ } #footer-contact p .large-text{ font-size:1.25rem; } #footer-contact p i, #footer-contact p em{ margin-right:1rem; } #footer-contact address{ font-style: normal; padding-left:1.84rem; margin-bottom: 1.5rem; line-height: 1.5rem; } #footer-contact a{ color:#000; font-weight: bold; } #footer-contact a:hover{ color:#444; } #footer-social img{ margin:0 0 1rem 0; display:inline-block; } #footer-social ul{ margin-top:1rem; margin-bottom: 1rem; } #footer-social li i, #footer-social li em{ } #footer-social ul li a{ color:#918d85; } #footer-social ul li a:hover{ color:#444; } #footer-bottom p{ line-height: 1.8rem; margin-bottom: 0; font-size:.65rem; } /*------------------------------------------------------------------------------------------------------ Forms - Overwrites catalyst styles -------------------------------------------------------------------------------------------------------*/ table.webform { } table.webform td { } div.form, div.item { } div.form { } div.form div.item { padding:0 0 .5rem; } /* Standard Forms ---------------------- */ form { margin: 0 0 19.41641px; } .row form .row { margin: 0 -6px; } .row form .row .column, .row form .row .columns { padding: 0 6px; } .row form .row.collapse { margin: 0; } .row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; } label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; } .js label{ display:none!important; } label.no-placeholder,.no-placeholder label, label.keep{ display:inherit!important; } label.right { float: none; text-align: right; } label.inline { line-height: 32px; margin: 0 0 12px 0; } .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; } a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; } span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; } .prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; } .postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; } #page-footer input[type='text'],aside input[type='text'],aside textarea,.yellow-fields input[type='text'], .yellow-fields textarea{ background-color:#fed06c; } #page-footer input[type='text']:focus,aside input[type='text']:focus,aside textarea:focus,.yellow-fields input[type='text']:focus, .yellow-fields textarea:focus{ background-color:#FCD68A; } textarea { height: auto; } select { width: 100%; } #sort-properties select{ background-position: 90% center; height: 2.3rem; line-height: 1rem; margin: 1rem 0; width: 110%; } /* Fieldsets */ fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px; margin: 18px 0; background: #EFEFEF; margin: 0.5em; padding: 1em; } fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; background: #DDD; padding: 0.2em 0.5em; } /* Errors */ .error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #f5797c; } .error label, label.error { color: #c60f13; } .error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .ie8 form.custom div.custom.dropdown a.selector { height: 28px; } /* Labels ---------------------- */ .label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; } .label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .label.alert { background-color: #c60f13; } .label.success { background-color: #5da423; } .label.secondary { background-color: #e9e9e9; color: #505050; } .tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; } label, .form label, .webform .label { display: block; width: auto; } input[type=text], input[type=email], input[type=url], input[type=number], input[type=password] { width: 100%; } input.cat_textbox, .form input, .webform input { } textarea, textarea.cat_listbox { width: 100%; } input[type=button], button, button.catwebformbutton, .cat_button { } input[type=radio] { width: auto; } input[type=radio]:checked { } input[type=checkbox] { width: auto; } input[type=checkbox]:checked { } select, select.cat_dropdown { } select.cat_dropdown_small { } select.cat_dropdown_smaller { } .appraisal-form { display: none; padding:2rem 0; } #page .appraisal-form { display:block; padding:1rem; } .appraisal-form h1 { font-size: 2.5rem; margin-bottom: .5rem; text-align: left; } .appraisal-form h1 span { } .appraisal-form p.large { font-size: 1.5rem; line-height: 4rem; margin-bottom: 0; } .appraisal-form hr{ border-color: #a17f35; } .appraisal-form p.large .fa { background: none repeat scroll 0 0 #b08c3f; border-radius: 100rem; color: #ffd06d; font-size: 65%; padding: 0.25rem 0.3rem; position: relative; top: -0.1rem; } .appraisal-form label { color: #1a6fa9; font-size: 1rem; } .appraisal-form textarea{ min-height:8.5rem; } #property-form textarea{ min-height:8.3rem; } .captchaimg, #CaptchaV2 { display: inline-block; float: left; width: 55%; } .captchaimg img { min-height: 2rem; } #CaptchaV2 { width: 45% !important; } .custom-select{ width:100%; overflow:hidden; } .custom-select > select{ width:120%; background:url("/images/select-arrow.png") no-repeat scroll 80% center #fff; } /*Form common styles and error messages*/ .hidden,.disappear { position: absolute; left: -9999em; } .invalid { background-color: #fce8e8; } .error { /* supply height to ensure consistent positioning for every browser */ background-color: #FCC; border: 1px solid #e8a2a2; font-size: 12px; color: #C00; padding: 3px 10px; } /* pure CSS arrow */ .error em { display: block; width: 0; height: 0; border: 10px solid; border-color: #FCC transparent transparent; /* positioning */ position: absolute; bottom: -19px; left: 0px; } .success { background-color: #c5f0da; border: 1px solid #99cdb3; font-size: 12px; color: #3f6e56; } .warning { font-size: 12px; background: #FFC; color: #C30; border: 1px solid #960; padding: 3px 10px; } .warning p { color: #C30; } /*------------------------------------------------------------------------------ CSS3 Doesn't work in IE 6-8 - but do we care? Just in case we do, there's a polyfill -------------------------------------------------------------------------------*/ .shadow { text-shadow: 1px 1px 1px #666; } .rounded-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .rounded-top-right-5 { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-radius: 0 5px 0 0; } .rounded-top-left-5 { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-radius: 5px 0 0 0; } .rounded-top-5, .v-nav ul li.first a { -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-radius: 5px 5px 0 0; } .rounded-bottom-right-5 { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0 0 5px 0; } .rounded-bottom-left-5 { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-radius: 0 0 0 5px; } .rounded-bottom-5, .v-nav ul li.first a { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0 0 5px 5px; } .rounded-left-5 { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-radius: 0 5px 5px 0; } .rounded-right-5 { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0 5px 5px 0; } .rounded-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .rounded-top-right-10 { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-radius: 0 10px 0 0; } .rounded-top-left-10 { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-radius: 10px 0 0 0; } .rounded-top-10 { -webkit-border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-radius: 10px 10px 0 0; } .rounded-bottom-right-10 { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-radius: 0 0 10px 0; } .rounded-bottom-left-10 { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-radius: 0 0 0 10px; } .rounded-bottom-10 { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-radius: 0 0 10px 10px; } .rounded-left-10 { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-radius: 0 10px 10px 0; } .rounded-right-10 { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-radius: 0 10px 10px 0; } .rounded-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .rounded-top-right-20 { -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; border-radius: 0 20px 0 0; } .rounded-top-left-20 { -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; border-radius: 20px 0 0 0; } .rounded-top-20 { -webkit-border-top-left-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; border-radius: 20px 20px 0 0; } .rounded-bottom-right-20 { -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-radius: 0 0 20px 0; } .rounded-bottom-left-20 { -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-radius: 0 0 0 20px; } .rounded-bottom-20 { -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-radius: 0 0 20px 20px; } .rounded-left-20 { -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-radius: 0 20px 20px 0; } .rounded-right-20 { -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-radius: 0 20px 20px 0; } .box-shadow { -webkit-box-shadow: 0px 0px 10px #ddd; -moz-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; } .rotate { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); } /*--------------------------------------------------------------------------------------------------------- inContext styling - use these styles to show/hide elements while inContext editing is on or off ---------------------------------------------------------------------------------------------------------*/ .inContextOn { } body.inContextOn { margin-top: 40px; } .inContextOff { } #inContextWarning { position: fixed; top: 0; width: 100%; height: 30px; z-index: 100000; color: #666; line-height: 30px; } #inContextWarning, .inContextOff #inContextWarning { display: none; } .inContextOn #inContextWarning { display: block; } /*------------------------------------------------------------------------------------------------------ JS disabled styles -----------------------------------------------------------------------------------------------------*/ .js #noJSWarning, #noJSWarning { display: none; } .no-js #noJSWarning { display: block; position: fixed; bottom: 0; width: 100%; height: 30px; z-index: 100000; color: #666; line-height: 30px; } .no-js nav li:hover ul { display: block; } .grid { margin: 32px 0; } .grid .row { background: #f1f1f1; } .grid .column > *, .grid .columns > *, .grid .block-grid > li { background: #ddd; } .grid .block-grid > li { border: 1px solid #333; }