/* Theme Name: BigBlank Theme URI: http://bigemployee.com/projects/big-blank-responsive-wordpress-theme/ Description: A responsive blank theme with semantic HTML5 code and a very minimal css styling. This is not a naked or barebone theme, but a clean starting boilerplate for a more complex theme development. Author: Big Employee Author URI: http://bigemployee.com Version: 1.2 Tags: flexible-width, custom-menu, microformats, sticky-post, theme-options, translation-ready, one-column, two-columns, right-sidebar, left-sidebar, light, white License: GPL2 & MIT License URI: http://www.gnu.org/licenses/gpl.html */ /*! Modified normalize.css v2.1.2 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; height: auto;} audio:not([controls]) { display: none; } [hidden] { display: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { font-style: italic; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; } dd { margin: 0; } nav ul, nav ol { list-style: none; list-style-image: none;} img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;} button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;} button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;} input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } nav ul, nav ol { list-style: none; list-style-image: none;} html, button, input, select, textarea { font-family: 'Droid Serif', Helvetica, Arial, Tahoma, sans-serif; color: #222; } body { margin: 0; font-size: 15px; line-height: 1.6;} ::-moz-selection { background: #ffe26e; color: #000; text-shadow: none; } ::selection { background: #ffe26e; color: #000; text-shadow: none; } a, a:visited{ color: #333; -webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; transition:all 0.1s ease-out; } a:hover { color: #c00; } /* Fonts ============================================================================ */ @font-face { font-family: 'Droid Serif'; font-style: normal; font-weight: 400; src: local('Droid Serif'), local('DroidSerif'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v3/0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff) format('woff'); } @font-face { font-family: 'Playfair Display SC'; font-style: normal; font-weight: 400; src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplaysc/v1/G0-tvBxd4eQRdwFKB8dRkf5twPfG3l5Gc3nk2Vyncrg.woff) format('woff'); } @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplay/v7/2NBgzUtEeyB-Xtpr9bm1CZa6Tn9fxpDPuRSK4Gn5Ybw.woff) format('woff'); } @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplay/v7/UC3ZEjagJi85gF9qFaBgIDTx0bvFePwcBpOqDg3uc64.woff) format('woff'); } @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 900; src: local('Playfair Display Black'), local('PlayfairDisplay-Black'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplay/v7/UC3ZEjagJi85gF9qFaBgIAG5DHOz35zlU4kDybZd5w0.woff) format('woff'); } /* Font Awesome 4.0.1 */ @font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.0.1');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.0.1#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.3333333333333333em;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.2857142857142858em;text-align:center} .fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative} .fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em} .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)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{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-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-move: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-resize-full:before{content:"\f065"} .fa-resize-small: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-resize-vertical:before{content:"\f07d"} .fa-resize-horizontal: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-fullscreen:before{content:"\f0b2"} .fa-group: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-reorder: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-asc:before{content:"\f0dd"} .fa-sort-up:before,.fa-sort-desc: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:before{content:"\f0f7"} .fa-hospital: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-expand-o:before{content:"\f116"} .fa-collapse-o:before{content:"\f117"} .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-reply-all:before{content:"\f122"} .fa-mail-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-o:before{content:"\f13e"} .fa-bullseye:before{content:"\f140"} .fa-ellipsis-horizontal:before{content:"\f141"} .fa-ellipsis-vertical: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"} /* Main Skeleton ============================================================================ */ html{ width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; } body{ margin: 0 auto; width: 100%; max-width: 960px; height: 100%; } /* Headings & Paragraphs ============================================================================ */ h1,h2,h3,h4,h5, h6{ text-align: left; margin: 5px 0 0; font-family: 'Droid Serif', Helvetica, Arial, Tahoma, sans-serif; font-smooth:always; -webkit-font-smoothing:antialiased; } h1{ font-family: 'Playfair Display', serif; font-weight: 300; font-size: 2.0em; } h2{ font-weight: normal; font-size: 1.6em; } h3{ font-size: 1.2em; } h4{ font-size: 1.1em; } h5, h6, li{ font-size: 1.0em; } p{ font-size: 1.0em; text-shadow: none; margin: 0 0 10px; } /* Form Styles ============================================================================ */ form li{ list-style: none;} input[type="text"],input[type="email"],input[type="tel"], input[type="url"], input[type="password"], select, textarea{ margin-bottom: 5px; padding: 2px 7px; height: 30px; color: #666; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus, input[type="url"]:focus, select:focus, textarea:focus { outline: none; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 212, 82, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 212, 82, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 212, 82, 0.6); } textarea{ height: 200px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } label{ display: block; } .placeholder{ color: #aaa; } input[type="submit"], .button, .button:link, .button:visited{ text-decoration: none; padding: 7px 20px; margin-top: 10px; display: inline-block; background: #ffd46e; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffd46e), color-stop(1, #ffee9c)); background: -moz-linear-gradient(center bottom, #ffd46e 0%, #ffee9c 100%); background: -ms-linear-gradient(top, #ffee9c, #ffd46e); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffee9c', EndColorStr='#ffd46e'); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0 none; border-bottom: solid 1px #f5e383; -webkit-box-shadow: #be9144 0 2px 0; -moz-box-shadow: #be9144 0 2px 0; box-shadow: #be9144 0 2px 0; text-shadow: #fff0ac 0 1px 0; font-size: 1.2em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #333; } input[type="submit"]:hover, .button:hover { background: #fffda5; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fae67f), color-stop(1, #fdffba)); background: -moz-linear-gradient(center bottom, #fae67f 0%, #fdffba 100%); background: -ms-linear-gradient(top, #fdffba,#fae67f); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fdffba', EndColorStr='#fae67f'); border-bottom: solid 1px #fff9b6; -webkit-box-shadow: #dcb759 0 2px 0; -moz-box-shadow: #dcb759 0 2px 0; box-shadow: #dcb759 0 2px 0; } input[type="submit"]:active, .button:active { position: relative; top: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); } #main .button-full{ float: left; width: 96%; padding: 10px 2%; text-align: center; margin: 10px 0; } #main .button-small{ width: 100px; } #main .button-medium{ width: 170px; } #main .button-big{ width: 260px; } .error{ border: 1px solid #c00 !important; background: #ffd !important; } .required{} /* Header ============================================================================ */ #header{ float: left; width: 100%; clear: both; margin: 10px 0; border-bottom: 1px solid #000; text-align: center; } #logo { float: left; position: relative; margin: 15px 0 15px 15px; z-index: 100; } #site-title{ margin: 0 auto; font: 400 5.4em/1 'Playfair Display SC', serif; text-decoration: none; clear: both; color: #000; } #site-description{ float: left; width: 100%; font: 400 2em/1.2 'Playfair Display', serif; clear: both; } #menu-toggle{ display: none; float: right; width: 35px; height: 30px; font-size: 16px; line-height: 30px; margin-top: 10px; text-align: center; border-radius: 3px; border: 1px solid #ebebeb; text-decoration: none; } /* Main Menu ============================================================================ */ #nav{ float: left; width: 100%; clear: both; margin:15px auto 2px; font-size: 1.2em; line-height: 2.2em; text-align: center; position: relative; background: #000; } #nav ul{ float: left; margin: 0 auto; text-align: left; list-style: none; position: relative; left: 50%; z-index: 5; } #nav li{ margin: 5px 20px; float: left; position: relative; right: 50%; white-space: nowrap; /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ } #nav li a { padding: 4px 0; text-decoration: none; color: #fff; } #nav li a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } #nav li a:hover::after, #nav li a:focus::after { opacity: 1; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); } #nav li a, #nav li a:visited{} #nav li a:hover{} #nav li:hover{ /*background: rgba(238,238,238,0.1);*/ /* -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;*/ } #nav li:hover a{} #nav li ul{ display: none; position: absolute; left: 0; z-index: 10; margin-left: -15px; padding: 0 15px 15px; /* -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius: 3px; -moz-border-radius-topleft: 0; border-radius: 3px; border-top-left-radius: 0;*/ } #nav li:hover ul{ display: block; background: #000; } #nav li li{ right: 0; margin: 0; padding: 0; float: left; width: 100%; } #nav li li a, #nav li li a:visited{ float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -box-sizing: border-box; } #nav li li a:hover{ color: #fff; /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ } #nav .current-menu-item > a::after, #nav .current-menu-parent > a::after{ opacity: 1; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); } /* Content Wrapper ============================================================================ */ .site-content{ position:relative; clear:both; float:left; width:100%; } /* General Column Settings ============================================================================ */ #main{ width: 75%; /* lower this value if you would like some kind of margin between the sidebar and content */ } #sidebar{ width: 25%; } #sidebar li{ list-style: none; } article, #sidebar > .widget, #nav-below{ padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-wrap: break-word; word-break: break-word; } /* 2 Column content=sidebar ============================================================================ */ .content-sidebar{} .content-sidebar #main{ float: left; } .content-sidebar #sidebar{ float: right; } /* 2 Column sidebar-content ============================================================================ */ .sidebar-content{} .sidebar-content #main{ float: right; } .sidebar-content #sidebar{ float: left; } /* fullpage ============================================================================ */ .content, .content #main{ float: left; width: 100%; } /* Main Content ============================================================================ */ #main h1, #main h1 a, #main h1 a:hover{ display: block; text-decoration: none; margin: 0 0 5px; line-height: 1.1; } #main ul, #main ol{ list-style-position: inside; } #main header{ float: left; width: 100%; padding: 0; margin: 0; } /* Blog ============================================================================ */ img { max-width: 100%; height: auto; } blockquote { display: block; margin: 10px 5px 10px 10px; background: #f9f9f9; color: #777; /* border-radius: 5px;*/ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } blockquote p{ margin: 5px; text-indent: 20px; text-align: justify; font-family: Georgia, Times, serif; font-style: italic; padding: 15px 10px 5px; } blockquote:before{ content: "“ "; float: left; font: bold 3.6em/0.9 Georgia, Times, serif; color: #ccc; height: 20px; width: 20px; text-indent: 0; margin: 10px 0 0 10px; } blockquote cite{ font-size: inherit; font-weight: normal; font-style: italic; margin: 0; padding: 0; } table{ margin-bottom: 10px; } td, th{ padding: 2px 8px; border: 1px solid #999; } th{ background: #f9f9f9; } article ul, article ol{ margin-left: 15px; } dl{ float: left; clear: both; margin: 0 0 10px; } dt{ display: block; font-weight: bold; } dd{ display: block; margin-bottom: 10px } pre, address{ float: left; width: 100%; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #efefef; /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ margin: 0 0 10px; } pre, code{ background-color: #555; color: #fff; /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ overflow-x: scroll; word-break: normal; word-wrap: normal; white-space: pre; } code{ padding: 0 3px; } .post{ float: left; width: 100%; margin-bottom: 40px; text-align: justify; } .entry-title{} .entry-title .pilcrow{ display: none; } .entry-title a:empty, .entry-title a:hover:after{ content: '\00B6'; display: inline-block; font-family: Helvetica , Arial, Verdana, Tahoma, sans-serif; font-size: 60%; line-height: 1; margin: -5px 0 0 5px; } .entry-content{ float: left; width: 100%; padding-top: 10px; } article.page a:hover, article.post a:hover{} .post h1 a:hover{} /*.post h1 a:hover:after{ content: " »"; color: #ed1c24; }*/ .sticky{ border-left: 3px solid #ffe26e; /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ } .entry-meta{ float: left; width: 100%; clear: both; padding: 5px 0; margin-top: 15px; border-top: 1px solid #d3d3d3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .entry-meta .meta{ float: left; margin-right: 10px; font-size: 85%; } .entry-meta i{ float: left; margin: 3px 4px 0 0; } .entry-meta a{ } .entry-meta a:hover{ } .page-link{ float: left; width: 100%; margin: 10px 0; clear: both; } .page-link span{ margin-left: 5px; text-decoration: none; padding: 4px 10px; border: 1px solid #333; background: #000; color: #fff; } .page-link a span{ background: #fff; color: #000; } .page-link a{ } .page-link a:hover span{ background: #000; color: #fff; } dl.gallery-item{ float: left; margin: 0; clear: none; width: 33%; text-align: center; } .gallery-item dt { float: none; margin: 0 auto; min-width: 0; font-weight: normal; clear: both; } .gallery-item dt img{ border: 1px solid #000; } .gallery-item dd{ float: left; width: 100%; text-align: center; clear: both; border: 0 none; padding: 0; margin: 0; } /* Images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ } /* Alignment */ img.alignleft{ margin: 0.4em 1.0em 0.6em 0; } img.alignright{ margin: 0.4em 0 0.6em 1.0em; } img.aligncenter{ margin: 0.4em auto 0.6em; } img.alignnone{ margin: 0.4em 0 0.6em; } p img{ margin-top: 0.4em; } img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { background: #f1f1f1; margin: 0.4em 1.0em 0.6em; max-width: 96%; padding: 10px 5px 5px; /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 5px; margin: 10px; position: relative; } /* pull images out of the content for left and right aligns */ /*img.alignleft, .wp-caption.alignleft{ margin-left: -50px; } img.alignright, .wp-caption.alignright{ margin-right: -50px; }*/ #content .gallery{ margin: 0 auto 1.625em; } #content .gallery a img { border: none; } /* Image borders */ img[class*="align"], img[class*="wp-image-"]{/* Add border radius to all WordPress-added images but not things like badges and icons and the like */ /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/ } .wp-caption img{ border-color: #eee; } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"]{/* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } .prev-next-links, .prev-next-links ul, #comment-nav, #nav-below{ float: left; width: 100%; clear: both; } #comment-nav a, #nav-below a{ text-decoration: none; padding: 4px 10px; border: 1px solid #333; } #comment-nav a:last-child, #nav-below a:last-child{ float: right; } #comment-nav a:first-child, #nav-below a:first-child{ float: left; } #comment-nav a:hover, #nav-below a:hover{ background: #000; color: #fff; } #comment-nav li:first-child, .prev-next-links li:first-child{ float: left; } #comment-nav li:last-child, .prev-next-links li:last-child{ float: right; } /* Comments */ #comments{ float: left; width: 100%; margin: 20px auto; -ms-word-wrap: break-word; word-break: break-word; } #comment-nav, #commentlist{ float: left; width: 100%; margin: 0 0 20px; } #commentlist{ position: relative; counter-reset: item; list-style: none; } #commentlist .comment, #commentform li{ list-style: none; } #commentlist ul, #commentlist ol{ margin-left: 25px; } #commentlist article{ float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentlist .comment_content ul li, #commentlist .comment_content ol li{ list-style-type: inherit; } #commentlist .avatar, .author-avatar .avatar{ background-color: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #commentlist .avatar, .author-avatar .avatar{ width: 64px; height: 64px; } #commentlist .comment-reply-link, #commentlist .comment-reply-login{ float: right; margin-top: -38px; font-size: 85%; padding: 4px 10px; border: 1px solid #333; display: none; } #commentlist .comment-reply-link:hover, #commentlist .comment-reply-logino:hover{ background: #000; color: #fff; } #commentlist article:hover > .reply .comment-reply-link, #commentlist article:hover > .comment-reply-login{ display: block; } #commentlist .trackback, #commentlist .pingback, #commentlist .comment{ float: left; clear: both; margin-top: 50px; width: 100%; border-top: 1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentlist .trackback cite, #commentlist .pingback cite{ font-size: 1.1em; margin: 0; text-decoration: underline; font-weight: normal; } #commentlist .comment-author{ position: relative; /*margin-top: -35px;*/ } #commentlist .avatar{ position: absolute; margin-top: -36px; } .comment-author b{ float: left; margin-left: 70px; height: 26px; margin-top: -26px; } .comment-metadata{ float: left; margin-left: 70px; font-size: 85%; } #commentlist .edit-link i{ margin: 0 5px 0 10px; } .comment-content{ float: left; width: 100%; clear: both; margin-top: 10px; } .comment-respond{ float: left; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentlist .moderation{ background-color: #cff0ff; color: #069; margin-top: -15px; padding: 5px 0 10px; text-align: center; border-radius: 5px; } #commentlist blockquote { display: block; margin: 10px 5px 15px 10px; padding-bottom: 10px; background: #f9f9f9; color: #777; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } #commentlist blockquote p{ margin: 5px; text-indent: 10px; text-align: justify; font-family: Georgia, Times, serif; font-style: italic; padding: 15px 10px 5px; } #commentlist blockquote:before{ content: "“ "; float: left; font: bold 3.6em/0.9 Georgia, Times, serif; color: #ccc; height: 20px; width: 20px; text-indent: 0; margin: 10px 0 0 10px; } #commentlist blockquote > p:first-child:before, #commentlist blockquote > p:last-child:before { content: ""; height: 0; width: 0; text-indent: 0; margin: 0; } #commentlist .comment_content cite, #commentlist .comment_content blockquote cite{ font-size: inherit; font-weight: normal; font-style: italic; margin: 0; padding: 0; } #commentlist blockquote cite i{ font-size: 80%; color: #999; } #commentlist .bypostauthor .comment_content{ background: #e4f5ff; } #allowed_tags{ font-size: 80%; } #allowed_tags code{ color: #333; background: none; -ms-word-wrap: break-word; word-break: break-word; } #commentform{ } #commentform ul{ margin: 0; } #commentform input{ width: 45%; } #commentform textarea{ margin: 5px 0; padding: 7px 5px; } #commentform .button{ width: auto; } .author-info{ float: left; width: 100%; margin-top: 45px; padding: 10px 20px; background: #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .author-avatar{ float: left; margin: -45px 5px 5px -15px; } .author-link a{ float: left; text-decoration: none; padding: 4px 10px; border: 1px solid #333; } .author-link a:hover{ background: #000; color: #fff; } .author-description h2{ margin-top: 0; } /* Search Form */ #searchform, #searchform .search-field{ float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } #searchform{ margin-bottom: 15px; } #searchform .search-field{ height: 40px; } #searchform .search-submit{ position: absolute; top: 0; right: 0; margin: 2px 2px 0 0; padding: 0; width: 34px; height: 34px; line-height: 36px; color: #fff; opacity: 0; background: transparent; text-shadow: none; box-shadow: none; z-index: 8; } #searchform i{ position: absolute; top: 0; right: 0; margin: 2px 2px 0 0; display: inline-block; font-size: 28px; width: 34px; height: 34px; line-height: 36px; color: #ddd; z-index: 6; text-align: center; } #searchform .search-field:focus ~ i{ color: #ccc; } /* Gallery ============================================================================ */ .be-wrap:before, .be-wrap:after, .be-slider:after, .be-thumb-wrap:after, .be-arrows:after, .be-caption:after { content: " "; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; } /* ===[ Slider ]=== */ .be-wrap { float: left; position: relative; width: 100%; max-width: 100%; margin: 0 auto 10px; } .be-slide-bg { background: #f9f9f9; position: relative; *zoom: 1 } .be-slider > li { list-style: none; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0 -100% 0 0; padding: 0; text-align: center; float: left; position: relative; } .be-slider > li > a:first-child , .be-slider > li img:first-child { float: left; max-width: 100%; max-height: 100%; margin: 0 auto; padding: 0; -ms-interpolation-mode: bicubic; } .be-cover .be-slider > li{ overflow: hidden; } .be-bestfit .be-slider{ font-size: 0; } .be-bestfit .be-slider > li{ float: none; display: inline-block; font-size: 1rem; } .be-bestfit .be-slider > li a:first-child, .be-bestfit .be-slider > li img:first-child { float: none; display: inline-block; vertical-align: middle; position: relative; transform: translate3d(0,0,0); } /* ===[ Thumbnails ]=== */ .be-thumb-wrap { *zoom: 1 } .be-thumb-wrap > a { display: block; float: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; /* Hardware accelerate to prevent jumps on transition */ } .be-thumb-wrap > a > img { max-width: 100%; max-height: 100%; display: block; -ms-interpolation-mode: bicubic; } .be-thumb-wrap > a:last-child { margin-right: 0!important } /* ===[ Captions ]=== */ .be-caption { position: absolute; max-height: 100%; overflow: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; bottom: 0; left: 0; margin-bottom: 0; } .be-caption.be-top-left { top: 0; bottom: auto; } .be-caption.be-top-right { top: 0; right: 0; left: auto; bottom: auto; } .be-caption.be-bottom-left { bottom: 0; left: 0; } .be-caption.be-bottom-right { right: 0; left: auto; border-bottom: none; border-right: none; } .be-caption.be-top { top: 0; bottom: auto; width: 100%!important; } .be-caption.be-bottom { width: 100%!important } .be-caption.be-left { top: 0; height: 100%; } .be-caption.be-right { top: 0; left: auto; right: 0; height: 100%; } /* Optional - remove captions at smaller screen widths @media screen and (max-width: 480px) { .be-caption { opacity: 0!important; } } */ /* ===[ Modal ]=== */ .be-modal{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; margin: 0 auto; } .be-modal .be-slide-bg{ /*background: rgba(0,0,0,0.9);*/ background: none; } .be-modal .be-slider{ padding: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .be-modal .be-thumb-wrap{ /*margin: -85px 0 0;*/ } .be-modal-close{ position: absolute; top: 0; right: 0; font-size: 2em; color: #999; padding: 15px; cursor: pointer; } /* ===[ Grid ]=== */ .be-grid { position: absolute; overflow: hidden; width: 100%; height: 100%; display: none; border: 1px solid red; top: 0; } .be-gridlet { position: absolute; opacity: 1; border: 1px solid blue; } /* ===[ Image Loading ]=== */ /* */ /* ===[ Default Theme ]=== */ .be-slide-bg , .be-slider{ width: 100%; height: 100%; } .be-slider > li {} .be-slider > li img {} /* ===[ Thumbnails ]=== */ .be-thumb-wrap { margin: 10px 0 30px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; } .be-thumbs{ float: left; position: relative; z-index: 2; width: 300%; height: 84px; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .be-thumbs > a{ float: left; height: 84px; width: 150px; padding: 0; margin: 0 5px 5px 0; cursor: pointer; background: #333; text-align: center; overflow: hidden; } .be-thumbs > a:last-child{ margin-right: 0 !important; } .be-thumbs > a > img{ height: 100%; max-height: 84px; width: auto; opacity: 0.4; -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; } .be-thumbs > a:hover img, .be-thumbs > a.active img{ opacity: 1 } .controls-thumbs{ display: block; } .thumbs-prev{ clear: left; } /* ===[ Arrows ]=== */ .be-arrows { position: absolute; top: 0; float: left; height: 100%; width: 100%; /*z-index: 1;*/ } .be-arrows a.be-next , .be-arrows a.be-prev { text-decoration: none; text-align: center; font-size: 2.4em; z-index: 15; background: #fff; color: #c00; } .be-arrows a.be-next:hover , .be-arrows a.be-prev:hover{ background: #c00; color: #fff; } .be-arrows .be-next, .be-arrows .be-prev { width: 40px; height: 80px; line-height: 80px; margin-top: -40px; display: block; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 50%; } .be-arrows .be-next:active, .be-arrows .be-prev:active { -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset; -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset; box-shadow: 0 1px 6px rgba(0, 0, 0, .7) inset; } .be-arrows .be-next:before, .be-arrows .be-prev:before { content: ""; width: 0; height: 0; } .be-arrows .be-prev{ float: left; } .be-arrows .be-next{ float: right; } .be-thumb-wrap .be-arrows{ float: left; width: 100%; } .be-thumb-wrap .be-arrows .be-prev, .be-thumb-wrap .be-arrows .be-next{ top: 0; position: absolute; margin: 2px; } .be-thumb-wrap .be-arrows .be-prev{ left: 0; } .be-thumb-wrap .be-arrows .be-next{ right: 0; } /* Show arrows on hover animation effect */ /*.be-arrows a{ -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .be-slide-bg > .be-arrows .be-prev{ margin-left: -40px; opacity: 0; } .be-slide-bg > .be-arrows .be-next{ margin-right: -40px; opacity: 0; } .be-slide-bg:hover > .be-arrows .be-prev, .be-slide-bg:hover > .be-arrows .be-next{ margin-left: 0; margin-right: 0; opacity: 1; }*/ /* ===[ Captions ]=== */ .be-caption { padding: 20px; color: #fff; border: 1px solid rgba(0, 0, 0, .8); background: rgba(0, 0, 0, .6); } .be-caption p { color: #fff; margin-bottom: 0; } .be-caption.be-top-left { border-top: none; border-left: none; } .be-caption.be-bottom-right { border-bottom: none; border-right: none; } .be-caption.be-top-right { border-top: none; border-right: none; } .be-caption.be-bottom-left { border-bottom: none; border-left: none; } .be-caption.be-bottom { border-bottom: none; border-left: none; border-right: none; } .be-caption.be-top { border-top: none; border-left: none; border-right: none; } .be-caption.be-left { border-left: none; border-top: none; border-bottom: none; } .be-caption.be-right { border-right: none; border-top: none; border-bottom: none; } /* ===[ Grid ]=== */ .be-grid { border-radius: 5px; overflow: hidden; } .be-gridlet.be-top-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .be-gridlet.be-top-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .be-gridlet.be-bottom-left { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .be-gridlet.be-bottom-right { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } /* ===[ Controls ]=== */ .be-controls{ float: left; width: 100%; text-align: center; position: relative; z-index: 100; line-height: 1; margin: 10px 0; } .be-numbers{ } .be-numbers a{ display: inline-block; padding: 5px 10px; margin: 0 5px; } .be-dots a{ display: inline-block; padding: 0; margin: 0 5px; text-indent: -50px; width: 12px; height: 12px; border-radius: 6px; /*border: 1px solid transparent;*/ border: 2px solid #999; background: transparent; overflow: hidden; /* -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: -moz-transform 1000ms cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: -ms-transform 1000ms cubic-bezier(0.77, 0, 0.175, 1); transition: transform 1000ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .be-dots a.active{ /*background: transparent;*/ background: #999; position: relative; border: 2px solid #999; /* -webkit-transform: rotateY(180deg) rotateX(-180deg); -moz-transform: rotateY(180deg) rotateX(-180deg); -ms-transform: rotateY(180deg) rotateX(-180deg); transform: rotateY(180deg) rotateX(-180deg);*/ } .be-bricks a{ display: inline-block; padding: 0; margin: 5px 5px 0; text-indent: -50px; width: 10px; height: 10px; /*border-radius: 10px;*/ background: rgba(0, 0, 0, 0.1); overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .be-bricks a.active{ background: rgba(0, 0, 0, 0.4); } article ul.gallery, article ol.gallery{ margin-left: 0; } /* Footer ============================================================================ */ #footer{ float: left; width: 100%; margin: 30px 0 0 0; } #footer a, #footer a:visited{ text-decoration: underline; } #footer a:hover, #footer a:focus{ } #footer-nav{ float: left; clear: both; margin: 0 15px 5px 5px; font-size: 1.0em; line-height: 2em; } #footer-nav ul{ float: left; list-style: none; } #footer-nav li{ float: left; margin: 5px 10px 5px 0; } #footer-nav a{ padding: 5px; } #footer-nav a:hover{} #copyright{ float: right; font:normal .8em/.8 Georgia, Times, serif; margin: 0 5px 20px 0; text-align: right; } /* Multi Purpose Styles ============================================================================ */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;} .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .aligncenter { display:block; margin:0 auto } .left {float:left; } .right {float:right; } .block { float: left; width: 100%; clear: both;} .alignleft { display: inline; float: left; margin-left: 0; } .alignright { display: inline; float: right; margin-right: 0; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignnone{ margin-left: 0; margin-right: 0; } .no-border{ border: 0 none !important;} .no-shadow{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} /* Devicification ============================================================================ */ @media only screen and (max-width : 768px) { #main{ width: 100%; } #sidebar{ width: 100%; } #sidebar .widget{ float: left; width: 50%; min-width: 250px; } } @media only screen and (max-width : 640px){ h1{ font-weight: bold; font-size: 2.0em; } h2{ font-weight: bold; font-size: 1.65em; } h3{ font-size: 1.35em; } h4{ font-size: 1.2em; } h5, h6, p{ font-size: 1.1em; } #site-title{ font-size: 3.6em; } #site-description{ font-size: 1.7em; } #menu-toggle{ display: inline-block; } #nav{ display: none; } #nav{ font-size: 1.1em; } #footer-nav{ width: 90%; margin: 0 5%; } #footer-nav ul{ width: 100%; background: #f1f1f1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -box-sizing: border-box; text-align: center; border: 1px solid #ccc; } #footer-nav li{ float: left; margin: 0; width: 100%; clear: both; border-top: 1px dotted #ccc; } #footer-nav li:first-child{ border: 0 none; } #footer-nav a{ float: left; width: 100%; padding: 10px 0; text-decoration: none; } #copyright{ width: 100%; clear: both; margin: 20px auto; text-align: center; } } @media only screen and (max-width : 480px){ html{ min-width: 320px; } h1{ font-size: 1.65em; } h2{ font-weight: bold; font-size: 1.4em; } h3{ font-size: 1.2em; } h4{ font-size: 1.1em; } h5, h6, p{ font-size: 1.0em; } #site-title{ font-size: 3.0em; } #site-description{ font-size: 1.4em; } #nav{ font-size: 1.0em; } #sidebar .widget{ float: none; display: block; margin-left: auto; margin-right: auto; min-width: 250px; } /* Optional - remove captions at smaller screen widths .be-caption { opacity: 0!important; } */ } /* Print Styles ============================================================================ */ @media print { * {background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited {text-decoration: underline;} a[href]:after {content: " (" attr(href) ")";} header a[href]:after, footer a[href]:after { content: "";} abbr[title]:after {content: " (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "";} pre, blockquote { border: 1px solid #999; page-break-inside: avoid;} thead {display: table-header-group;} tr, img {page-break-inside: avoid;} img {max-width: 100% !important;} @page {margin: 0.5cm;} h1, h2, h3, h4, h5 {font-family: Georgia, 'Times New Roman', Times, serif;} p, h2, h3 {orphans: 3; widows: 3;} h2, h3 {page-break-after: avoid;} .link-print, .button-close{ display: none;} #header{ float: left; width: 100%; clear: both; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px dashed #000; margin: 0.25cm; } #nav, nav, #sidebar, .sidebar, .pagination-links{display: none;} #main{margin:0; width: 100%;} #footer{text-align: center; border-top: 1px dashed #000;} #logo, #footer a{text-decoration: none;} #footer a[href]:after {content: "";} } /* Stylish Debug ============================================================================ */ .debug{ border:1px solid red; } /*.content-wrap{ background: yellowgreen; } #main{ background: yellow; } #sidebar{ background: lightblue; } #sidebar .widget{ background: lightcyan; } article{ background: pink; } .content, .content #main{ background: lightsalmon; }*/ /* Transofrm with small touches ============================================================================ */ /* uncomment code below to see amazing new theme with just few lines of code */ /* html{ background: url(images/bg_paper.png) repeat 0 0; } #header{ border: 0 none; } #nav{ margin: 15px auto 0; } .content-wrap{ background: #fff; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); padding: 20px 0 30px; } #main article, #sidebar .widget{ padding: 0 25px; } #nav > ul > li:hover{ background: rgba(250,250,250,1); box-shadow: 0 1px 2px rgba(0,0,0,0.4); } #nav > ul > li:focus{ } #nav li:hover ul{ background: rgba(250,250,250,1); box-shadow: 0 2px 2px rgba(0,0,0,0.4); } */