/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0; /* 3 */
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
@font-face{font-family:lazaicon18;src:url(fonts/lazaicon18.ttf?v3iz42) format('truetype'),url(fonts/lazaicon18.woff?v3iz42) format('woff'),url(fonts/lazaicon18.svg?v3iz42#lazaicon18) format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" icon-"]:before,[class^=icon-]:before{font-family:lazaicon18!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-numpad:before{content:"\e931"}.icon-account:before{content:"\e900"}.icon-adobe-flash:before{content:"\e901"}.icon-airplane:before{content:"\e902"}.icon-alarm-clock:before{content:"\e903"}.icon-arrow-down:before{content:"\e904"}.icon-arrow-left:before{content:"\e905"}.icon-arrow-right:before{content:"\e906"}.icon-arrow-up:before{content:"\e907"}.icon-asterisk:before{content:"\e908"}.icon-attachment:before{content:"\e909"}.icon-audio:before{content:"\e90a"}.icon-award:before{content:"\e90b"}.icon-barcode:before{content:"\e90c"}.icon-battery:before{content:"\e90d"}.icon-battery-charge:before{content:"\e90e"}.icon-battery-empty:before{content:"\e90f"}.icon-bell:before{content:"\e910"}.icon-bicycle:before{content:"\e911"}.icon-binary:before{content:"\e912"}.icon-bluetooth:before{content:"\e913"}.icon-blur:before{content:"\e914"}.icon-body-weight:before{content:"\e915"}.icon-bold:before{content:"\e916"}.icon-book:before{content:"\e917"}.icon-bookmark:before{content:"\e918"}.icon-brightness:before{content:"\e919"}.icon-broadcast:before{content:"\e91a"}.icon-bug:before{content:"\e91b"}.icon-bus:before{content:"\e91c"}.icon-button:before{content:"\e91d"}.icon-button-clicked:before{content:"\e91e"}.icon-cabinet:before{content:"\e91f"}.icon-calculator:before{content:"\e920"}.icon-calendar:before{content:"\e921"}.icon-cake:before{content:"\e95d"}.icon-camera:before{content:"\e922"}.icon-camera-date:before{content:"\e923"}.icon-caption:before{content:"\e924"}.icon-car:before{content:"\e925"}.icon-caret-down:before{content:"\e926"}.icon-caret-large-down:before{content:"\e927"}.icon-caret-large-left:before{content:"\e928"}.icon-caret-large-right:before{content:"\e929"}.icon-caret-large-up:before{content:"\e92a"}.icon-caret-left:before{content:"\e92b"}.icon-caret-right:before{content:"\e92c"}.icon-caret-up:before{content:"\e92d"}.icon-cart-fotomoto:before{content:"\e92e"}.icon-chart:before{content:"\e92f"}.icon-chat:before{content:"\e930"}.icon-checkbox-checked:before{content:"\e932"}.icon-checkmark:before{content:"\e933"}.icon-child:before{content:"\e934"}.icon-close:before{content:"\e935"}.icon-close-circle:before{content:"\e936"}.icon-cloud:before{content:"\e937"}.icon-cloud-download:before{content:"\e938"}.icon-cloud-upload:before{content:"\e939"}.icon-code:before{content:"\e93a"}.icon-code-document:before{content:"\e93b"}.icon-coins:before{content:"\e93c"}.icon-color:before{content:"\e93d"}.icon-comment:before{content:"\e93e"}.icon-comment-text:before{content:"\e93f"}.icon-compass:before{content:"\e940"}.icon-connect:before{content:"\e941"}.icon-contacts:before{content:"\e942"}.icon-contract:before{content:"\e943"}.icon-contrast:before{content:"\e944"}.icon-copy:before{content:"\e945"}.icon-credit-card:before{content:"\e946"}.icon-crop:before{content:"\e947"}.icon-css:before{content:"\e948"}.icon-cube:before{content:"\e949"}.icon-cursor:before{content:"\e94a"}.icon-cut:before{content:"\e94b"}.icon-danger:before{content:"\e94c"}.icon-date:before{content:"\e94d"}.icon-date-add:before{content:"\e94e"}.icon-date-remove:before{content:"\e94f"}.icon-delicious:before{content:"\e950"}.icon-design:before{content:"\e951"}.icon-desktop:before{content:"\e952"}.icon-device-rotate:before{content:"\e953"}.icon-devices:before{content:"\e954"}.icon-diagnose:before{content:"\e955"}.icon-digg:before{content:"\e956"}.icon-disk:before{content:"\e957"}.icon-document:before{content:"\e958"}.icon-document-add:before{content:"\e959"}.icon-document-remove:before{content:"\e95a"}.icon-documents:before{content:"\e95b"}.icon-download:before{content:"\e95c"}.icon-earth:before{content:"\e95e"}.icon-edit:before{content:"\e95f"}.icon-edit-document:before{content:"\e960"}.icon-edit-text:before{content:"\e961"}.icon-edit-text-document:before{content:"\e962"}.icon-effect:before{content:"\e963"}.icon-eject:before{content:"\e964"}.icon-email:before{content:"\e965"}.icon-email-closed:before{content:"\e966"}.icon-email-send:before{content:"\e967"}.icon-embed:before{content:"\e968"}.icon-end:before{content:"\e969"}.icon-enter:before{content:"\e96a"}.icon-error:before{content:"\e96b"}.icon-ethernet:before{content:"\e96c"}.icon-exchange:before{content:"\e96d"}.icon-expand:before{content:"\e96e"}.icon-external:before{content:"\e96f"}.icon-eye:before{content:"\e970"}.icon-eye-off:before{content:"\e971"}.icon-facebook:before{content:"\e972"}.icon-facetag:before{content:"\e973"}.icon-fan:before{content:"\e974"}.icon-fast-backward:before{content:"\e975"}.icon-fast-forward:before{content:"\e976"}.icon-filter:before{content:"\e977"}.icon-filter-remove:before{content:"\e978"}.icon-fingerprint:before{content:"\e979"}.icon-fire:before{content:"\e97a"}.icon-flag:before{content:"\e97b"}.icon-flickr:before{content:"\e97c"}.icon-flip-horizontal:before{content:"\e97d"}.icon-flip-vertical:before{content:"\e97e"}.icon-flower:before{content:"\e97f"}.icon-folder:before{content:"\e980"}.icon-folder-add:before{content:"\e981"}.icon-folder-globe:before{content:"\e982"}.icon-folder-lock:before{content:"\e983"}.icon-folder-open:before{content:"\e984"}.icon-folder-refresh:before{content:"\e985"}.icon-folder-remove:before{content:"\e986"}.icon-folders:before{content:"\e987"}.icon-font:before{content:"\e988"}.icon-footer:before{content:"\e989"}.icon-form:before{content:"\e98a"}.icon-forward:before{content:"\e98b"}.icon-fotomoto:before{content:"\e98c"}.icon-foursquare:before{content:"\e98d"}.icon-fullscreen:before{content:"\e98e"}.icon-fullscreen-off:before{content:"\e98f"}.icon-game:before{content:"\e990"}.icon-gamma:before{content:"\e991"}.icon-gauge:before{content:"\e992"}.icon-gear:before{content:"\e993"}.icon-gift:before{content:"\e994"}.icon-globe:before{content:"\e995"}.icon-google:before{content:"\e996"}.icon-gps:before{content:"\e997"}.icon-group:before{content:"\e998"}.icon-hammer:before{content:"\e999"}.icon-hand:before{content:"\e99a"}.icon-harddisk:before{content:"\e99b"}.icon-header:before{content:"\e99c"}.icon-headphone:before{content:"\e99d"}.icon-headset:before{content:"\e99e"}.icon-heart:before{content:"\e99f"}.icon-heart-add:before{content:"\e9a0"}.icon-heart-pulse:before{content:"\e9a1"}.icon-heart-remove:before{content:"\e9a2"}.icon-help:before{content:"\e9a3"}.icon-hero:before{content:"\e9a4"}.icon-history:before{content:"\e9a5"}.icon-home:before{content:"\e9a6"}.icon-ice:before{content:"\e9a7"}.icon-image:before{content:"\e9a8"}.icon-image-add:before{content:"\e9a9"}.icon-image-remove:before{content:"\e9aa"}.icon-images:before{content:"\e9ab"}.icon-inbox:before{content:"\e9ac"}.icon-inbox-empty:before{content:"\e9ad"}.icon-indent:before{content:"\e9ae"}.icon-info:before{content:"\e9af"}.icon-instagram:before{content:"\e9b0"}.icon-invert:before{content:"\e9b1"}.icon-italic:before{content:"\e9b2"}.icon-jalbum:before{content:"\e9b3"}.icon-java:before{content:"\e9b4"}.icon-javascript:before{content:"\e9b5"}.icon-key:before{content:"\e9b6"}.icon-keyboard:before{content:"\e9b7"}.icon-knob:before{content:"\e9b8"}.icon-lab:before{content:"\e9b9"}.icon-laptop:before{content:"\e9ba"}.icon-layers:before{content:"\e9bb"}.icon-leaf:before{content:"\e9bc"}.icon-leave:before{content:"\e9bd"}.icon-lens:before{content:"\e9be"}.icon-library:before{content:"\e9bf"}.icon-lifebuoy:before{content:"\e9c0"}.icon-lightbox:before{content:"\e9c1"}.icon-lightbulb:before{content:"\e9c2"}.icon-lightning:before{content:"\e9c3"}.icon-like:before{content:"\e9c4"}.icon-line-graph:before{content:"\e9c5"}.icon-link:before{content:"\e9c6"}.icon-link-broken:before{content:"\e9c7"}.icon-linkedin:before{content:"\e9c8"}.icon-linux:before{content:"\e9c9"}.icon-list:before{content:"\e9ca"}.icon-location:before{content:"\e9cb"}.icon-lock:before{content:"\e9cc"}.icon-loop:before{content:"\e9cd"}.icon-loudspeaker:before{content:"\e9ce"}.icon-macos:before{content:"\e9cf"}.icon-man:before{content:"\e9d0"}.icon-map:before{content:"\e9d1"}.icon-megaphone:before{content:"\e9d2"}.icon-menu:before{content:"\e9d3"}.icon-microphone:before{content:"\e9d4"}.icon-microphone-off:before{content:"\e9d5"}.icon-minus:before{content:"\e9d6"}.icon-minus-circle:before{content:"\e9d7"}.icon-mobile-data:before{content:"\e9d8"}.icon-money:before{content:"\e9d9"}.icon-moon:before{content:"\e9da"}.icon-more:before{content:"\e9db"}.icon-more-menu:before{content:"\e9dc"}.icon-mosaic:before{content:"\e9dd"}.icon-mostphotos:before{content:"\e9de"}.icon-motorcycle:before{content:"\e9df"}.icon-mouse:before{content:"\e9e0"}.icon-network:before{content:"\e9e1"}.icon-new:before{content:"\e9e2"}.icon-new-fill:before{content:"\ea97"}.icon-nfc:before{content:"\e9e3"}.icon-notification:before{content:"\ea98"}.icon-no-coins:before{content:"\e9e4"}.icon-ok:before{content:"\e9e5"}.icon-one-level-up:before{content:"\e9e6"}.icon-ordered-list:before{content:"\e9e7"}.icon-ordering:before{content:"\e9e8"}.icon-ordering-letter-ascending:before{content:"\e9e9"}.icon-ordering-letter-descending:before{content:"\e9ea"}.icon-ordering-number-ascending:before{content:"\e9eb"}.icon-ordering-number-descending:before{content:"\e9ec"}.icon-outdent:before{content:"\e9ed"}.icon-page:before{content:"\e9ee"}.icon-page-add:before{content:"\e9ef"}.icon-page-remove:before{content:"\e9f0"}.icon-paint:before{content:"\e9f1"}.icon-panorama:before{content:"\e9f2"}.icon-paragraph:before{content:"\e9f3"}.icon-paste:before{content:"\e9f4"}.icon-patch:before{content:"\e9f5"}.icon-pause:before{content:"\e9f6"}.icon-paypal:before{content:"\e9f7"}.icon-phone:before{content:"\e9f8"}.icon-phone-off:before{content:"\e9f9"}.icon-pie-chart:before{content:"\e9fa"}.icon-pin:before{content:"\e9fb"}.icon-pinterest:before{content:"\e9fc"}.icon-play:before{content:"\e9fd"}.icon-playlist:before{content:"\e9fe"}.icon-plug:before{content:"\e9ff"}.icon-plus:before{content:"\ea00"}.icon-plus-circle:before{content:"\ea01"}.icon-poi:before{content:"\ea02"}.icon-power:before{content:"\ea03"}.icon-presentation:before{content:"\ea04"}.icon-prev-next-page:before{content:"\ea05"}.icon-printer:before{content:"\ea06"}.icon-processor:before{content:"\ea07"}.icon-profile:before{content:"\ea08"}.icon-projector:before{content:"\ea09"}.icon-pulse:before{content:"\ea0a"}.icon-qr-code:before{content:"\ea0b"}.icon-random:before{content:"\ea0c"}.icon-record:before{content:"\ea0d"}.icon-recorder:before{content:"\ea0e"}.icon-recycle:before{content:"\ea0f"}.icon-reddit:before{content:"\ea10"}.icon-redo:before{content:"\ea11"}.icon-refresh:before{content:"\ea12"}.icon-rename:before{content:"\ea13"}.icon-reply:before{content:"\ea14"}.icon-reply-all:before{content:"\ea15"}.icon-rocket:before{content:"\ea16"}.icon-rotate:before{content:"\ea17"}.icon-rotate-left:before{content:"\ea18"}.icon-rotate-right:before{content:"\ea19"}.icon-rotation-lock:before{content:"\ea1a"}.icon-route:before{content:"\ea1b"}.icon-router:before{content:"\ea1c"}.icon-rss:before{content:"\ea1d"}.icon-running:before{content:"\ea1e"}.icon-save:before{content:"\ea1f"}.icon-scan-code:before{content:"\ea20"}.icon-screen-cast:before{content:"\ea21"}.icon-screenshot:before{content:"\ea22"}.icon-sd-card:before{content:"\ea23"}.icon-search:before{content:"\ea24"}.icon-search-small:before{content:"\ea25"}.icon-secret:before{content:"\ea26"}.icon-sections:before{content:"\ea27"}.icon-server:before{content:"\ea28"}.icon-server-connect:before{content:"\ea29"}.icon-server-disconnect:before{content:"\ea2a"}.icon-settings:before{content:"\ea2b"}.icon-share:before{content:"\ea2c"}.icon-sharpen:before{content:"\ea2d"}.icon-shield-ok:before{content:"\ea2e"}.icon-shield-remove:before{content:"\ea2f"}.icon-shield-warning:before{content:"\ea30"}.icon-ship:before{content:"\ea31"}.icon-shopping-bag:before{content:"\ea32"}.icon-shopping-cart:before{content:"\ea33"}.icon-shopping-cart-add:before{content:"\ea34"}.icon-shopping-cart-remove:before{content:"\ea35"}.icon-shortcut:before{content:"\ea36"}.icon-shuffle:before{content:"\ea37"}.icon-sidebar-left:before{content:"\ea38"}.icon-sidebar-right:before{content:"\ea39"}.icon-sim-card:before{content:"\ea3a"}.icon-site:before{content:"\ea3b"}.icon-skin:before{content:"\ea3c"}.icon-skype:before{content:"\ea3d"}.icon-smartphone:before{content:"\ea3e"}.icon-smart-watch:before{content:"\ea3f"}.icon-sound-off:before{content:"\ea40"}.icon-spreadsheet:before{content:"\ea41"}.icon-stamp:before{content:"\ea42"}.icon-star:before{content:"\ea43"}.icon-star-fill:before{content:"\ea99"}.icon-star-half:before{content:"\ea9a"}.icon-start:before{content:"\ea44"}.icon-stop:before{content:"\ea45"}.icon-stop-watch:before{content:"\ea46"}.icon-storage:before{content:"\ea47"}.icon-story:before{content:"\ea48"}.icon-straighten:before{content:"\ea49"}.icon-stumbleupon:before{content:"\ea4a"}.icon-suitcase:before{content:"\ea4b"}.icon-sun:before{content:"\ea4c"}.icon-tag:before{content:"\ea4d"}.icon-tape-recorder:before{content:"\ea4e"}.icon-target:before{content:"\ea4f"}.icon-tasks:before{content:"\ea50"}.icon-temperature:before{content:"\ea51"}.icon-terminal:before{content:"\ea52"}.icon-text:before{content:"\ea53"}.icon-text-center:before{content:"\ea54"}.icon-text-document:before{content:"\ea55"}.icon-text-justify:before{content:"\ea56"}.icon-text-left:before{content:"\ea57"}.icon-text-right:before{content:"\ea58"}.icon-threedee-printer:before{content:"\ea59"}.icon-thumbnails:before{content:"\ea5a"}.icon-thumbnails-9:before{content:"\ea5b"}.icon-time:before{content:"\ea5c"}.icon-time-add:before{content:"\ea5d"}.icon-timer:before{content:"\ea5e"}.icon-time-remove:before{content:"\ea5f"}.icon-title:before{content:"\ea60"}.icon-tools:before{content:"\ea61"}.icon-torch:before{content:"\ea62"}.icon-traffic-cone:before{content:"\ea63"}.icon-train:before{content:"\ea64"}.icon-tram:before{content:"\ea65"}.icon-transition:before{content:"\ea66"}.icon-trash:before{content:"\ea67"}.icon-tree:before{content:"\ea68"}.icon-tumblr:before{content:"\ea69"}.icon-twitter:before{content:"\ea6a"}.icon-type:before{content:"\ea6b"}.icon-underline:before{content:"\ea6c"}.icon-undo:before{content:"\ea6d"}.icon-unlock:before{content:"\ea6e"}.icon-upload:before{content:"\ea6f"}.icon-usb-drive:before{content:"\ea70"}.icon-user:before{content:"\ea71"}.icon-user-add:before{content:"\ea72"}.icon-user-remove:before{content:"\ea73"}.icon-users:before{content:"\ea74"}.icon-vibrate:before{content:"\ea75"}.icon-video:before{content:"\ea76"}.icon-video-camera:before{content:"\ea77"}.icon-video-off:before{content:"\ea78"}.icon-video-play:before{content:"\ea79"}.icon-vimeo:before{content:"\ea7a"}.icon-virtual-reality:before{content:"\ea7b"}.icon-volume:before{content:"\ea7c"}.icon-volume-down:before{content:"\ea7d"}.icon-volume-off:before{content:"\ea7e"}.icon-volume-up:before{content:"\ea7f"}.icon-walk:before{content:"\ea80"}.icon-warning:before{content:"\ea81"}.icon-watch:before{content:"\ea82"}.icon-weather-cloudy:before{content:"\ea83"}.icon-weather-cloudy-sunny:before{content:"\ea84"}.icon-weather-foggy:before{content:"\ea85"}.icon-weather-rainy:before{content:"\ea86"}.icon-weather-rainy-sunny:before{content:"\ea87"}.icon-weather-snowy:before{content:"\ea88"}.icon-weather-stormy:before{content:"\ea89"}.icon-weather-sunny:before{content:"\ea8a"}.icon-weather-windy:before{content:"\ea8b"}.icon-webcamera:before{content:"\ea8c"}.icon-wheelchair:before{content:"\ea8d"}.icon-widget:before{content:"\ea8e"}.icon-wifi:before{content:"\ea8f"}.icon-windows:before{content:"\ea90"}.icon-wizard:before{content:"\ea91"}.icon-woman:before{content:"\ea92"}.icon-wrench:before{content:"\ea93"}.icon-zip:before{content:"\ea94"}.icon-zoom-in:before{content:"\ea95"}.icon-zoom-out:before{content:"\ea96"}
/* laza.modal.scss */
/* defaults.scss :: default values, functions and mixins */
/*
$fontL: 1.143em;
$fontXL: 1.333em;
$fontXXL: 1.455em;
*/
@keyframes fade-and-hide {
0% {
display: block;
opacity: 100%; }
99% {
opacity: 0; }
100% {
opacity: 0;
display: none; } }
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg); } }
@-moz-keyframes rotating {
0% {
-moz-transform: rotate(0); }
100% {
-moz-transform: rotate(360deg); } }
@-o-keyframes rotating {
0% {
-o-transform: rotate(0); }
100% {
-o-transform: rotate(360deg); } }
@keyframes rotating {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
@-webkit-keyframes appear-up {
0% {
-webkit-transform: translateY(32px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
opacity: 1; } }
@-moz-keyframes appear-up {
0% {
-moz-transform: translateY(32px);
opacity: 0; }
100% {
-moz-transform: translateY(0);
opacity: 1; } }
@-o-keyframes appear-up {
0% {
-o-transform: translateY(32px);
opacity: 0; }
100% {
-o-transform: translateY(0);
opacity: 1; } }
@keyframes appear-up {
0% {
transform: translateY(32px);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
@-moz-keyframes move-down-bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
transform: translateY(0); }
40% {
-moz-transform: translateY(-16px);
transform: translateY(-16px); }
60% {
-moz-transform: translateY(-7px);
transform: translateY(-7px); } }
@-webkit-keyframes move-down-bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
transform: translateY(0); }
40% {
-moz-transform: translateY(-16px);
transform: translateY(-16px); }
60% {
-moz-transform: translateY(-7px);
transform: translateY(-7px); } }
@keyframes move-down-bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-moz-transform: translateY(-16px);
-ms-transform: translateY(-16px);
-webkit-transform: translateY(-16px);
transform: translateY(-16px); }
60% {
-moz-transform: translateY(-7px);
-ms-transform: translateY(-7px);
-webkit-transform: translateY(-7px);
transform: translateY(-7px); } }
.modal {
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 300000; }
.modal .window {
position: absolute;
top: 50%;
left: 10%;
top: 50%;
width: 80%;
max-height: 98%;
padding: 0;
color: #222;
background-color: #eee;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
overflow: auto; }
.modal .window.small {
left: 15%;
width: 70%; }
.modal .window.large {
left: 5%;
width: 90%; }
.modal .window.alert {
border-left: 4px solid #900; }
.modal .window.warning {
border-left: 4px solid #f90; }
.modal .window.success {
border-left: 4px solid #090; }
.modal .window.secondary {
border-left: 4px solid #777; }
.modal .window .content {
padding: 20px 60px 20px 20px;
-webkit-overflow-scrolling: touch; }
.modal .window.has-header .content {
padding: 20px; }
.modal .window.no-padding .content {
padding: 0; }
.modal .window header {
height: 60px;
line-height: 60px;
padding-left: 20px;
padding-right: 60px;
text-align: left;
color: #fff;
background-color: #444; }
.modal .window .content h1, .modal .window .content h2, .modal .window .content h3, .modal .window .content h4, .modal .window .content h5, .modal .window .content h6 {
color: #222; }
.modal .window .content .text-center {
text-align: center; }
.modal .window.map {
padding: 0 60px 0 0;
background-color: #000; }
.modal .window.map img {
max-width: none; }
.modal .window .btn {
position: absolute;
text-align: left;
text-indent: -9999px;
background-color: rgba(0, 0, 0, 0.1);
padding: 0;
position: absolute;
border: none;
width: 60px; }
.modal .window .btn:hover, .modal .window .btn:focus {
background-color: rgba(0, 0, 0, 0.4);
outline: none; }
.modal .window .btn:hover:before, .modal .window .btn:hover:after {
background-color: #fff; }
.modal .window .btn:before, .modal .window .btn:after {
position: absolute;
margin-left: -0.5px;
width: 2px;
background-color: rgba(255, 255, 255, 0.5);
content: ''; }
.modal .window .btn.close {
height: 60px;
z-index: 20;
top: 0;
right: 0; }
.modal .window .btn.close:before, .modal .window .btn.close:after {
bottom: 25%;
left: 50%;
top: 25%; }
.modal .window .btn.close:before {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.modal .window .btn.close:after {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.modal .window .buttons {
text-align: center; }
.modal .window .buttons .button {
padding: 0.85em 1em;
margin: .55rem .1rem .25rem;
color: #eee;
background-color: #222; }
.modal .window .buttons .button:hover, .modal .window .buttons .button:focus {
color: #ffffff;
background-color: #ca6206; }
@media only screen and (min-width: 64em) {
.modal .window {
left: 25%;
width: 50%; }
.modal .window.small {
left: 33%;
width: 34%; }
.modal .window.large {
left: 15%;
width: 70%; } }
@media print {
body.has-modal > * {
display: none; }
body.has-modal .modal {
position: static !important;
display: block;
color: #000;
background-color: transparent !important;
box-shadow: none;
border: 1px solid #ddd; }
body.has-modal .modal.hidden {
display: none; }
body.has-modal .modal .window {
position: static !important;
transform: none; }
body.has-modal .modal header {
color: #000;
background-color: #ddd; }
body.has-modal .modal .content {
position: static !important; }
body.has-modal .modal .button {
display: none !important; } }
/*# sourceMappingURL=laza.modal.css.map */
/* user.scss :: User defined styles */
/* defaults.scss :: default values, functions and mixins */
/*
$fontL: 1.143em;
$fontXL: 1.333em;
$fontXXL: 1.455em;
*/
@keyframes fade-and-hide {
0% {
display: block;
opacity: 100%; }
99% {
opacity: 0; }
100% {
opacity: 0;
display: none; } }
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg); } }
@-moz-keyframes rotating {
0% {
-moz-transform: rotate(0); }
100% {
-moz-transform: rotate(360deg); } }
@-o-keyframes rotating {
0% {
-o-transform: rotate(0); }
100% {
-o-transform: rotate(360deg); } }
@keyframes rotating {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
@-webkit-keyframes appear-up {
0% {
-webkit-transform: translateY(32px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
opacity: 1; } }
@-moz-keyframes appear-up {
0% {
-moz-transform: translateY(32px);
opacity: 0; }
100% {
-moz-transform: translateY(0);
opacity: 1; } }
@-o-keyframes appear-up {
0% {
-o-transform: translateY(32px);
opacity: 0; }
100% {
-o-transform: translateY(0);
opacity: 1; } }
@keyframes appear-up {
0% {
transform: translateY(32px);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
@-moz-keyframes move-down-bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
transform: translateY(0); }
40% {
-moz-transform: translateY(-16px);
transform: translateY(-16px); }
60% {
-moz-transform: translateY(-7px);
transform: translateY(-7px); } }
@-webkit-keyframes move-down-bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
transform: translateY(0); }
40% {
-moz-transform: translateY(-16px);
transform: translateY(-16px); }
60% {
-moz-transform: translateY(-7px);
transform: translateY(-7px); } }
@keyframes move-down-bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-moz-transform: translateY(-16px);
-ms-transform: translateY(-16px);
-webkit-transform: translateY(-16px);
transform: translateY(-16px); }
60% {
-moz-transform: translateY(-7px);
-ms-transform: translateY(-7px);
-webkit-transform: translateY(-7px);
transform: translateY(-7px); } }
/******************************************* Styling default tags */
* {
box-sizing: border-box; }
html {
background-color: transparent; }
@media screen {
html, body {
scrollbar-color: dark; } }
html, body {
height: 100%;
height: 100vh; }
body {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
color: #473b28;
line-height: 1.25;
background-color: #e9e4dc;
background-image: url(bg.png);
background-position: center center;
background-repeat: repeat;
background-size: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch; }
.scrollable {
overflow: auto;
scrollbar-color: dark; }
.scrollable::-webkit-scrollbar {
width: .8rem; }
.scrollable::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.25); }
.scrollable::-webkit-scrollbar-thumb {
border: 1px solid rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.15); }
.light-mode.scrollable {
scrollbar-color: light; }
.light-mode.scrollable::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.2); }
.light-mode.scrollable::-webkit-scrollbar-thumb {
border: 1px solid rgba(0, 0, 0, 0.25);
background-color: rgba(255, 255, 255, 0.6); }
.jalbumWidgetbar #main {
margin-bottom: 20px; }
p {
font-family: inherit;
font-weight: normal;
text-rendering: optimizeLegibility; }
h1, h2, h3, h4, h5, h6 {
font-style: normal;
color: #473b28;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
text-rendering: optimizeLegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: inherit; }
h1 {
font-size: 1.75rem; }
h2 {
font-size: 1.5rem; }
h3 {
font-size: 1.25rem; }
h4 {
font-size: 1.125rem; }
h5 {
font-size: 1rem; }
h6 {
font-size: 1rem; }
h1, h2, h3, h4 {
font-family: Oswald, sans-serif;
font-weight: 400;
line-height: 1.23;
-webkit-font-smoothing: subpixel-antialiased; }
h5, h6 {
font-weight: bold; }
p {
font-family: inherit;
text-rendering: optimizeLegibility; }
p a:not(.button) {
font-weight: bold; }
a {
color: #804b1c;
text-decoration: none;
line-height: inherit; }
a:hover {
color: #ca6206; }
a img {
border: none; }
.hidden {
display: none; }
label {
display: inline;
font-size: 0.75em;
color: #473b28;
text-transform: uppercase; }
code,
kbd {
font-size: 0.875em;
padding: 0.15625rem 0.3125rem;
border: 1px solid rgba(71,59,40,0.400); }
[class^="icon-"]:before, [class*=" icon-"]:before {
line-height: 1rem;
font-size: 112.5%; }
button,
.button,
.btn {
border: none;
color: #eeeeee;
background-color: #ca6206;
cursor: pointer;
transition: color 500ms, background-color 500ms, opacity 500ms;
-webkit-appearance: none; }
button:hover, button.on,
.button:hover,
.button.on,
.btn:hover,
.btn.on {
color: #ffffff;
background-color: #ca6206; }
button:focus,
.button:focus,
.btn:focus {
outline: 1px dotted #ca6206; }
button.secondary, button.secondary:hover,
.button.secondary,
.button.secondary:hover,
.btn.secondary,
.btn.secondary:hover {
color: #444; }
button:before,
.button:before,
.btn:before {
font-size: 1.125rem;
vertical-align: -2px; }
a.btn {
display: inline-block; }
button.disabled,
button.disabled:focus,
button.disabled:hover,
.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
opacity: 0.5;
color: #eeeeee;
background-color: transparent;
cursor: not-allowed; }
.smallbtn {
display: inline-block;
margin: .1em;
color: #804b1c;
padding: 0.3125rem 0.625rem;
margin: 0.1em;
font-size: 0.875em;
border: 1px solid rgba(71,59,40,0.400);
border-radius: px;
white-space: nowrap;
transition: all 500ms ease-out; }
.smallbtn:hover {
color: #ffffff;
background-color: #ca6206;
border-color: #ca6206; }
.smallbtn:before {
font-size: 13.5px !important;
vertical-align: -1px; }
input:focus {
outline: 1px solid #ca6206;
outline-offset: -1px; }
.text-left {
text-align: left; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.text-small {
font-size: 0.875em; }
.text-x-small {
font-size: 0.75em; }
.text-large {
font-size: 1.125em; }
.text-x-large {
font-size: 1.25em; }
@keyframes fadeInFlex {
0% {
opacity: 0; }
1% {
display: flex;
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOutFlex {
0% {
display: flex;
opacity: 1; }
99% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes rotation {
0% {
transform: translate(-50%, -50%) rotate(0deg); }
100% {
transform: translate(-50%, -50%) rotate(359.9deg); } }
@keyframes coverDown {
0% {
height: 50%;
top: -50%;
overflow: hidden; }
99.9% {
overflow: hidden; }
100% {
height: 100%;
top: 0;
overflow: auto; } }
@keyframes coverUp {
0% {
height: 100%;
top: 0;
overflow: hidden; }
100% {
height: 50%;
top: -50%; } }
@keyframes overflowAt100 {
0% {
overflow: hidden; }
99.9% {
overflow: hidden; }
100% {
overflow: auto; } }
@-moz-keyframes progressbar {
0% {
left: -100%; }
100% {
left: 100%; } }
@-webkit-keyframes progressbar {
0% {
left: -100%; }
100% {
left: 100%; } }
@-ms-keyframes progressbar {
0% {
left: -100%; }
100% {
left: 100%; } }
@keyframes progressbar {
0% {
left: -100%; }
100% {
left: 100%; } }
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg); } }
@-moz-keyframes rotating {
0% {
-moz-transform: rotate(0); }
100% {
-moz-transform: rotate(360deg); } }
@-o-keyframes rotating {
0% {
-o-transform: rotate(0); }
100% {
-o-transform: rotate(360deg); } }
@keyframes rotating {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
/******************************************* Sharing */
.share-card {
text-align: center; }
.share-card .preview {
background-color: #f4f4f4;
margin-bottom: 0.625rem;
box-shadow: ; }
.share-card .preview .caption {
padding: 0.3125rem;
color: #473b28; }
.share-card .preview .caption h3 {
color: #473b28; }
.share-card .preview .caption p:last-child {
margin-bottom: 0; }
.social-links .icon-facebook {
background-color: #3b5999; }
.social-links .icon-twitter {
background-color: #55acee; }
.social-links .icon-linkedin {
background-color: #0077B5; }
.social-links .icon-google-plus {
background-color: #dd4b39; }
.social-links .icon-tumblr {
background-color: #34465d; }
.social-links .icon-pinterest {
background-color: #bd081c; }
.social-links .icon-instagram {
background-color: #34465d; }
.social-links .icon-digg {
background-color: #111111; }
.social-links .icon-stumbleupon {
background-color: #eb4924; }
.social-links .icon-reddit {
background-color: #ff5700; }
.social-links .icon-email {
background-color: #666666; }
.likebtn {
display: inline-block;
vertical-align: middle;
margin: .1em;
padding: .5em 0.75em;
font-size: 0.75em;
font-weight: bold;
color: #fff;
border-radius: 4px; }
.likebtn:hover {
color: #fff; }
.likebtn a {
color: #fff; }
.likebtn a:hover {
color: #fff; }
/******************************************* Social boxes */
.social-box {
text-align: center;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem; }
.social-box iframe {
border: none; }
#fb-comments {
/*iframe {
background-color: _(boxBgColor);
box-shadow: _(boxShadow);
}*/ }
#fb-comments .fb_iframe_widget, #fb-comments .fb_iframe_widget span, #fb-comments .fb_iframe_widget span iframe[style] {
width: 100% !important; }
#disqus-comments > div {
padding: 0.625rem;
background-color: ;
box-shadow: ; }
/******************************************* Cookie policy */
#cookiepolicy {
position: absolute;
position: fixed;
display: none;
left: 0;
bottom: 0;
width: 100%;
padding: 0.625rem;
background-color: rgba(0, 0, 0, 0.8);
font-size: 0.75em;
z-index: 999999; }
#cookiepolicy .close {
display: inline-block;
position: absolute;
right: 0;
top: 0;
color: #666;
width: 2rem;
height: 2rem;
text-align: center;
line-height: 2rem;
font-size: 1rem;
cursor: pointer; }
#cookiepolicy .close:hover {
color: #fff; }
#cookiepolicy p {
margin: 0;
color: #eeeeee;
text-align: center; }
#cookiepolicy p a.btn {
margin: 0 0.25em;
padding: 0.2em 0.5em;
color: #eeeeee;
background-color: #ca6206;
cursor: pointer; }
#cookiepolicy p span {
margin: 0 1em;
cursor: pointer; }
/******************************************* Main layout */
[data-whatintent=mouse] #main > aside .sidebtn:hover {
color: #ffffff;
background-color: #ca6206; }
[data-whatintent=mouse] #main > aside .sidebtn:hover path {
fill: #ffffff; }
#main {
display: flex;
flex: 1;
overflow: hidden; }
#main > * {
display: flex; }
#main.playing > aside > div .btn.pause {
display: block; }
#main.playing > aside > div .btn.play {
display: none; }
#main.playing > aside {
display: inherit; }
#main.playing .lightbox .jcards .jcard .jcaption .buttons {
display: none; }
#main.paused > aside > div .btn.play {
display: block; }
#main.paused > aside > div .btn.pause {
display: none; }
#main.fullscreen > aside .top #fullscreen-exit-btn {
display: inline-block; }
#main.fullscreen > aside .top #fullscreen-btn {
display: none; }
#main > aside {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex: 0;
color: #473b28;
background-color: rgba(245,242,237,0.800);
background-image: none;
background-position: center center;
background-size: auto;
order: -1;
z-index: 1;
max-width: 20%; }
#main > aside > div {
position: relative; }
#main > aside > div > .topnav {
max-height: 50vh; }
#main > aside .sidebtn {
font-size: 0.75em;
line-height: 1.2;
cursor: pointer;
text-align: center;
min-width: 3.25rem;
color: #473b28;
background-color: transparent; }
#main > aside .sidebtn:before {
display: block;
font-size: 1.25rem;
line-height: 18px; }
#main > aside .sidebtn span {
display: none; }
#main > aside .sidebtn.on {
color: #ffffff;
background-color: #ca6206; }
#main > aside .sidebtn.on path {
fill: #ffffff; }
#main > aside .top {
display: flex;
flex-flow: row wrap;
position: relative;
text-align: center;
border-bottom: 1px solid rgba(71,59,40,0.100); }
#main > aside .top > a {
flex: 1; }
#main > aside .top .sidebtn {
display: inline-block;
padding: 0.625rem 0.9375rem;
vertical-align: top; }
#main > aside .top .player-btn .pause-btn {
display: none; }
#main > aside .top .player-btn .pause-btn .disc {
-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-moz-animation: rotating 4s linear infinite;
-webkit-animation: rotating 4s linear infinite;
animation: rotating 4s linear infinite; }
#main > aside .top .player-btn .play-btn {
display: inline-block; }
#main > aside .top .player-btn.active .pause-btn {
display: inline-block; }
#main > aside .top .player-btn.active .play-btn {
display: none; }
#main > aside .top .player-btn:hover svg g {
fill: #eeeeee; }
#main > aside .top #fullscreen-exit-btn {
display: none; }
#main > aside .top .panel .btn {
width: auto;
min-width: auto;
padding: .625rem; }
#main > aside .top .panel {
left: 100%;
top: 0;
max-width: calc(100vw - 4rem);
z-index: 999; }
#main > aside .top:hover > .button, #main > aside .top:focus > .button {
color: #eeeeee;
background-color: #ca6206; }
#main > aside .bottom {
order: -1;
align-self: stretch;
border-top: none;
border-bottom: 1px solid rgba(71,59,40,0.100); }
#main > aside .bottom .sidebtn {
padding: 1rem .5rem;
display: none;
text-align: center; }
#main > aside .bottom .sidebtn:before {
font-size: 1.4rem; }
#main > aside .bottom:after {
align-self: flex-end;
margin-top: auto; }
#main > aside .topnav {
position: relative;
overflow: hidden;
overflow-y: auto;
margin: 0 auto;
padding: 0.625rem;
font-size: 0.875em;
text-align: left; }
#main > aside .topnav a {
display: block;
padding: 0.3125rem;
transition: all 500ms;
color: #473b28;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
#main > aside .topnav a:hover {
color: #eeeeee;
background-color: #ca6206; }
#main > aside .topnav a.toggle {
position: absolute;
right: 0;
top: 0.3125rem;
padding: 0.3125rem; }
#main > aside .topnav .actual > a {
outline: 1px solid rgba(71,59,40,0.400); }
#main > aside .topnav .home > a {
font-weight: bold;
padding: 0.46875rem; }
#main > aside .topnav ul {
position: relative;
padding: 0 0 0 .75rem;
margin: 0;
list-style-type: none; }
#main > aside .topnav ul li {
padding: 0 0 0 .5rem;
position: relative;
vertical-align: middle;
white-space: nowrap;
max-width: 20rem;
text-overflow: ellipsis; }
#main > aside .topnav ul li:before {
content: '';
position: absolute;
left: 0;
top: .75rem;
width: .5rem;
height: 1px;
background-color: rgba(71,59,40,0.400); }
#main > aside .topnav ul li::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background-color: rgba(71,59,40,0.400); }
#main > aside .topnav ul li:last-child::after {
height: .75rem; }
#main .panel {
display: none;
position: absolute;
left: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-height: 100vh;
padding: 0 2rem 0 0;
text-align: left;
color: #473b28;
background-color: rgba(245,242,237,0.800);
background-image: none;
background-position: center center;
overflow-x: hidden;
overflow-y: auto; }
#main .panel .close {
position: absolute;
display: inline-block;
right: 0;
top: 0;
width: 2rem;
height: 100%;
font-size: 1rem;
line-height: 1;
text-align: center;
color: #999;
background-color: #ca6206;
z-index: 99999;
border: none; }
#main .panel .close:before, #main .panel .close:after {
position: absolute;
top: 50%;
left: 50%;
width: .8rem;
height: .1rem;
content: "";
background-color: #eeeeee; }
#main .panel .close:before {
transform: translate(-50%, -0.32rem) rotate(-60deg); }
#main .panel .close:after {
transform: translate(-50%, 0.32rem) rotate(60deg); }
#main .panel .close:focus {
outline: none; }
#main .panel section {
padding: 0;
min-width: 4rem;
max-height: 100%;
overflow: auto; }
#main .panel.topnav-cont {
text-align: left; }
#main .panel.topnav-cont.auto {
display: none; }
#main .panel.topnav-cont section {
justify-content: center; }
#main .panel.topnav-cont section .topnav {
width: fit-content; }
#main .panel.search form, #main .panel.tag-cloud-cont form {
display: block;
white-space: nowrap;
margin: .75rem 2.5rem .75rem .5rem; }
#main .panel.search form > *, #main .panel.tag-cloud-cont form > * {
border: none;
display: inline-block;
vertical-align: middle; }
#main .panel.search form .btn, #main .panel.tag-cloud-cont form .btn {
padding: 0.4375rem .625rem; }
#main .panel.search form input, #main .panel.tag-cloud-cont form input {
padding: .5rem;
max-width: calc(100vw - 10rem); }
#main .panel.search form {
margin: .75rem; }
#main .panel.social {
flex-flow: row;
overflow: hidden; }
#main .panel.social .preview {
margin: 1rem;
background-color: #eee;
overflow-x: hidden; }
#main .panel.social .preview .thumb {
min-width: 10rem;
max-height: 60vh;
overflow: hidden; }
#main .panel.social .preview .thumb img {
width: 20rem;
max-width: 100%; }
#main .panel.social .preview .caption {
color: #222;
padding: 1rem; }
#main .panel.social .preview .caption > * {
color: #222; }
#main .panel.social .preview .caption p {
font-size: 0.875em;
margin: 0.3125rem 0 0 0; }
#main .panel.social .social-links {
margin: 1rem 1rem 1rem 0; }
#main .panel.social .social-links .shares {
display: flex;
flex-direction: column; }
#main .panel.social .social-links .shares .btn {
display: block;
padding: 0.625rem 0.46875rem 0.3125rem 0.46875rem;
color: #ffffff;
margin-bottom: 1px;
font-size: 0.75em;
min-width: 3.5rem;
white-space: nowrap; }
#main .panel.social .social-links .shares .btn:before {
display: block;
margin-bottom: .3125em;
font-size: 1rem; }
#main .panel.tag-cloud-cont {
min-width: 20vw; }
#main .panel.tag-cloud-cont form {
margin: 1rem; }
#main .panel.tag-cloud-cont .tag-cloud {
margin: .75rem; }
#main .panel.tag-cloud-cont .tag-cloud a.tag {
display: inline-block;
margin: .1em;
color: #473b28;
padding: .1em .5em;
font-size: 0.6875em;
cursor: pointer; }
#main .panel.tag-cloud-cont .tag-cloud a.tag:hover span {
color: #473b28;
text-decoration: underline; }
#main .panel.tag-cloud-cont .tag-cloud a.tag em {
padding: 0 .4em;
font-size: .8em;
border-radius: .4em;
background-color: #804b1c;
font-style: normal; }
#main .panel.tag-cloud-cont .tag-cloud a.tag sup {
opacity: 0.5;
font-size: 0.6rem; }
#main .panel.tag-cloud-cont .tag-cloud a.tag.size-1 {
font-size: 0.75em; }
#main .panel.tag-cloud-cont .tag-cloud a.tag.size-2 {
font-size: 0.875em; }
#main .panel.tag-cloud-cont .tag-cloud a.tag.size-3 {
font-size: 1em; }
#main .panel.tag-cloud-cont .tag-cloud a.tag.size-4 {
font-size: 1.125em; }
#main .panel.tag-cloud-cont .tag-cloud a.tag.size-5 {
font-size: 1.25em; }
#main .panel.tag-cloud-cont .tag-cloud a.tag.size-6 {
font-size: 1.375em; }
#main .panel.map-cont section {
width: 50vw;
height: 50vw;
max-height: 60%; }
#main .panel.map-cont section .map-root {
height: 100%; }
#main > .cont {
flex-direction: column;
flex: 1;
position: relative;
z-index: 0; }
#main > .cont .thumbnails {
position: absolute;
z-index: 999;
overflow: hidden;
transition: transform 500ms; }
#main > .cont .thumbnails button {
border: none;
color: #473b28;
background-color: rgba(255,255,255,0.25); }
#main > .cont .thumbnails button:focus {
outline: none; }
#main > .cont .thumbnails button:hover, #main > .cont .thumbnails button:focus {
background-color: rgba(255,255,255,0.9); }
#main > .cont .thumbnails button:hover:before, #main > .cont .thumbnails button:hover:after, #main > .cont .thumbnails button:focus:before, #main > .cont .thumbnails button:focus:after {
color: #241e14; }
#main > .cont .thumbnails.fill .clip {
position: absolute; }
#main > .cont .thumbnails.fill .clip .thumb-cont {
position: absolute;
top: 0;
left: 0; }
#main > .cont .thumbnails.fill button {
display: inline-block; }
#main > .cont .thumbnails .clip {
overflow: hidden; }
#main > .cont .thumbnails .clip .thumb-cont .thumb {
position: relative; }
#main > .cont .thumbnails .clip .thumb-cont .thumb.folder {
width: 45px;
height: 45px;
overflow: hidden;
border-radius: 50%; }
#main > .cont .thumbnails .clip .thumb-cont .thumb.folder img {
content-fit: cover; }
#main > .cont .thumbnails .clip .thumb-cont .thumb img {
-webkit-filter: saturate(20%);
filter: saturate(20%);
opacity: 0.4;
transition: all 500ms; }
#main > .cont .thumbnails .clip .thumb-cont .thumb.active img, #main > .cont .thumbnails .clip .thumb-cont .thumb:hover img {
opacity: 1;
-webkit-filter: none;
filter: none; }
#main > .cont .thumbnails .clip .thumb-cont .thumb .checkbox,
#main > .cont .thumbnails .clip .thumb-cont .thumb .folder-link,
#main > .cont .thumbnails .clip .thumb-cont .thumb .new-image {
position: absolute;
top: 0;
width: 1.5rem;
height: 1.5rem;
padding: 0;
line-height: 1.5rem;
text-align: center;
color: #ffffff;
font-size: 0.75em;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: rgba(0, 0, 0, 0.1); }
#main > .cont .thumbnails .clip .thumb-cont .thumb .checkbox {
left: 0;
width: 16px;
height: 16px;
border: 1px solid #ffffff;
position: absolute;
z-index: 1; }
#main > .cont .thumbnails .clip .thumb-cont .thumb .folder-link {
left: 1.5rem;
z-index: 3; }
#main > .cont .thumbnails .clip .thumb-cont .thumb .new-image {
position: absolute;
right: 0;
width: auto;
padding: 0 .3125rem;
z-index: 4;
border: none;
color: #fff;
background-color: #c00;
font-size: 12px;
font-weight: 600;
line-height: 2; }
#main > .cont .thumbnails .clip .thumb-cont .thumb .new-image.icon-new-fill {
color: #f22;
background-color: transparent;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
line-height: 1.5; }
#main > .cont .thumbnails .clip .thumb-cont .thumb .new-image.icon-new-fill:before {
font-size: 16px;
vertical-align: middle; }
#main > .cont .thumbnails .clip .thumb-cont .thumb .checked .checkbox {
content: "<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><polygon points='2.64 8.71 4.05 7.29 5.88 9.12 11.95 3.05 13.36 4.46 5.88 11.95 2.64 8.71' fill='#333' fill-rule='evenodd'/></svg>"; }
#main > .cont .thumbnails button {
position: absolute;
display: none; }
#main > .cont .thumbnails button:active, #main > .cont .thumbnails button:focus {
outline: none; }
#main > .cont.thumbs-top .thumbnails, #main > .cont.thumbs-bottom .thumbnails {
left: 50%;
max-width: 100%;
height: 45px;
padding: 0 2rem;
transform: translateX(-50%); }
#main > .cont.thumbs-top .thumbnails.fill, #main > .cont.thumbs-bottom .thumbnails.fill {
left: 0;
transform: translateX(0);
width: 100%; }
#main > .cont.thumbs-top .thumbnails.fill .clip, #main > .cont.thumbs-bottom .thumbnails.fill .clip {
left: 2rem;
right: 2rem;
top: 0;
height: 100%; }
#main > .cont.thumbs-top .thumbnails .clip, #main > .cont.thumbs-bottom .thumbnails .clip {
max-width: 100%; }
#main > .cont.thumbs-top .thumbnails .clip .thumb-cont, #main > .cont.thumbs-bottom .thumbnails .clip .thumb-cont {
height: 100%;
display: flex;
align-items: center;
white-space: nowrap; }
#main > .cont.thumbs-top .thumbnails .clip .thumb-cont .thumb, #main > .cont.thumbs-bottom .thumbnails .clip .thumb-cont .thumb {
display: inline-block;
margin-right: 1px; }
#main > .cont.thumbs-top .thumbnails .clip .thumb-cont .thumb img, #main > .cont.thumbs-bottom .thumbnails .clip .thumb-cont .thumb img {
vertical-align: top;
max-height: 45px; }
#main > .cont.thumbs-top .thumbnails button, #main > .cont.thumbs-bottom .thumbnails button {
top: 0;
width: 2rem;
height: 100%; }
#main > .cont.thumbs-top .thumbnails button.scroll-back, #main > .cont.thumbs-bottom .thumbnails button.scroll-back {
left: 0; }
#main > .cont.thumbs-top .thumbnails button.scroll-forward, #main > .cont.thumbs-bottom .thumbnails button.scroll-forward {
right: 0; }
#main > .cont.thumbs-left .thumbnails, #main > .cont.thumbs-right .thumbnails {
top: 50%;
max-height: 100%;
width: 45px;
padding: 2rem 0;
transform: translateY(-50%); }
#main > .cont.thumbs-left .thumbnails.fill, #main > .cont.thumbs-right .thumbnails.fill {
top: 0;
transform: translateY(0);
height: 100%; }
#main > .cont.thumbs-left .thumbnails.fill .clip, #main > .cont.thumbs-right .thumbnails.fill .clip {
top: 2rem;
bottom: 2rem;
left: 0;
width: 100%; }
#main > .cont.thumbs-left .thumbnails.fill .clip .thumb-cont, #main > .cont.thumbs-right .thumbnails.fill .clip .thumb-cont {
width: 100%; }
#main > .cont.thumbs-left .thumbnails .clip, #main > .cont.thumbs-right .thumbnails .clip {
max-height: 100%;
width: 45px; }
#main > .cont.thumbs-left .thumbnails .clip .thumb-cont .thumb, #main > .cont.thumbs-right .thumbnails .clip .thumb-cont .thumb {
display: block;
text-align: center;
margin-bottom: 1px; }
#main > .cont.thumbs-left .thumbnails .clip .thumb-cont .thumb img, #main > .cont.thumbs-right .thumbnails .clip .thumb-cont .thumb img {
max-width: 45px;
vertical-align: top; }
#main > .cont.thumbs-left .thumbnails button, #main > .cont.thumbs-right .thumbnails button {
left: 0;
height: 2rem;
width: 100%; }
#main > .cont.thumbs-left .thumbnails button.scroll-back, #main > .cont.thumbs-right .thumbnails button.scroll-back {
top: 0; }
#main > .cont.thumbs-left .thumbnails button.scroll-forward, #main > .cont.thumbs-right .thumbnails button.scroll-forward {
bottom: 0; }
#main > .cont.thumbs-top .thumbnails {
top: 0; }
#main > .cont.thumbs-top .lightbox {
top: 45px; }
#main > .cont.thumbs-bottom .thumbnails {
bottom: 0; }
#main > .cont.thumbs-bottom .lightbox {
bottom: 45px; }
#main > .cont.thumbs-left .thumbnails {
left: 0; }
#main > .cont.thumbs-left .lightbox {
left: 45px; }
#main > .cont.thumbs-right .thumbnails {
right: 0; }
#main > .cont.thumbs-right .lightbox {
right: 45px; }
#main > .cont.thumbs-top.thumbs-auto.playing .thumbnails {
top: -100%; }
#main > .cont.thumbs-top.thumbs-auto.playing .lightbox {
top: 0; }
#main > .cont.thumbs-bottom.thumbs-auto.playing .thumbnails {
bottom: -100%; }
#main > .cont.thumbs-bottom.thumbs-auto.playing .lightbox {
bottom: 0; }
#main > .cont.thumbs-left.thumbs-auto.playing .thumbnails {
left: -100%; }
#main > .cont.thumbs-left.thumbs-auto.playing .lightbox {
left: 0; }
#main > .cont.thumbs-right.thumbs-auto.playing .thumbnails {
right: -100%; }
#main > .cont.thumbs-right.thumbs-auto.playing .lightbox {
right: 0; }
#main > .cont.baseset.thumbs-hidden .thumbnails {
display: none !important; }
#main > .cont.baseset.thumbs-hidden .lightbox {
left: 0;
top: 0;
right: 0;
bottom: 0; }
#main > .cont.cover-down .hero {
animation: coverDown 1s ease forwards; }
#main > .cont.overlay.thumbs-top .thumbnails {
top: 46px; }
#main > .cont.overlay.thumbs-top .lightbox {
top: 137px; }
#main > .cont.overlay.thumbs-bottom .lightbox {
top: 46px; }
#main > .cont.overlay.thumbs-left .thumbnails.fill, #main > .cont.overlay.thumbs-right .thumbnails.fill {
top: 46px; }
#main > .cont.overlay.thumbs-left .lightbox, #main > .cont.overlay.thumbs-right .lightbox {
top: 46px; }
#main > .cont.cover-up .hero {
animation: coverUp 1s ease forwards;
overflow: hidden; }
#main > .cont.cover-up .hero .window {
overflow: hidden; }
#main > .cont.cover-up .hero-handle:before {
transform: translateX(-10px) rotate(30deg); }
#main > .cont.cover-up .hero-handle:after {
transform: translateX(0) rotate(-30deg); }
#main > .cont > header {
position: absolute;
left: 50%;
max-width: 100%;
top: 0;
height: 46px;
line-height: 2;
overflow: hidden;
transform: translateX(-50%);
white-space: nowrap; }
#main > .cont > header > * {
display: inline-block;
vertical-align: middle; }
#main > .cont > header h4 {
line-height: 2;
margin: 0;
white-space: nowrap;
text-overflow: ellipsis; }
#main > .cont > header h4 small {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.75em;
margin-left: .5rem; }
#main > .cont > header .close {
position: relative;
width: 2rem;
height: 2rem;
margin-left: .5rem;
content: '';
background-color: #ca6206;
border-radius: .125rem; }
#main > .cont > header .close:before, #main > .cont > header .close:after {
width: 1rem;
height: .125rem;
position: absolute;
left: 50%;
top: 50%;
background-color: #eeeeee;
content: ''; }
#main > .cont > header .close:before {
transform: translate(-50%, -50%) rotate(45deg); }
#main > .cont > header .close:after {
transform: translate(-50%, -50%) rotate(-45deg); }
#main > .cont > header .progressbar {
position: relative;
height: 0.2em;
overflow: hidden; }
#main > .cont > header .progressbar:after {
position: absolute;
background-color: #473b28;
width: 100%;
height: 100%;
left: -100%;
content: ' ';
-moz-animation: progressbar 2s linear infinite alternate;
-webkit-animation: progressbar 2s linear infinite alternate;
animation: progressbar 2s linear infinite alternate; }
#main > .cont > header div.progressbar {
display: block;
width: 20%;
margin: 1em auto; }
#main > .cont > header span.progressbar {
display: inline-block;
vertical-align: middle;
margin-left: 0.5em;
width: 2em; }
#main > .cont .top-bar {
display: flex;
flex: 0;
flex-direction: column;
justify-content: center;
padding: 0.625rem;
font-size: 0.875em; }
#main > .cont .top-bar.hasmenu.haslogo {
justify-content: space-between;
align-items: center; }
#main > .cont .top-bar .logo {
text-align: center; }
#main > .cont .top-bar .logo a {
padding: 0.625rem;
display: block; }
#main > .cont .top-bar .logo img {
max-width: 50vw;
max-height: 20vh;
vertical-align: top; }
#main > .cont .top-bar .menu {
text-align: center; }
#main > .cont .top-bar .menu a {
padding: .75rem;
cursor: pointer;
display: inline-block;
color: #473b28;
background-color: transparent; }
#main > .cont .top-bar .menu a:first-child {
border-left: none; }
#main > .cont .top-bar .menu a:hover, #main > .cont .top-bar .menu a:focus {
color: #eeeeee;
background-color: #ca6206; }
#main > .cont .hasimages .top-bar {
padding-top: 2rem; }
#main > .cont .hero {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
color: #473b28;
background-color: #e9e4dc;
background-image: url(bg.png);
background-position: center center;
background-repeat: repeat;
background-size: auto;
z-index: 999; }
#main > .cont .hero .window {
position: absolute;
left: 0;
top: 0;
width: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between; }
#main > .cont .hero .window.hasimages header {
margin-top: 1rem; }
#main > .cont .hero .window footer {
display: flex;
flex: 0;
justify-content: center;
flex-wrap: wrap;
padding: 1rem;
font-size: 0.875em; }
#main > .cont .hero .window footer > * {
padding: 0 1em;
text-align: center; }
#main > .cont .hero .window footer .custom-content {
flex: 10; }
#main > .cont .hero .window.hasfolders .album-title.fullwidth .folder-image {
height: 30vh; }
#main > .cont .hero .window.hasfolders .album-title.card {
margin: 3vh auto; }
#main > .cont .hero .window.hasfolders .album-title.card .folder-image {
height: 30vh; }
#main > .cont .hero .window .album-title {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
position: relative; }
#main > .cont .hero .window .album-title .breadcrumb {
line-height: 2;
text-transform: uppercase;
font-size: 0.75em;
padding: 0.3125rem; }
#main > .cont .hero .window .album-title .breadcrumb > * {
padding: 0 0.3125rem; }
#main > .cont .hero .window .album-title .breadcrumb > *:before {
margin-right: 0.625rem;
content: '/'; }
#main > .cont .hero .window .album-title.fullwidth .breadcrumb, #main > .cont .hero .window .album-title.card .breadcrumb {
position: absolute;
z-index: 999;
left: 50%;
top: 0;
transform: translateX(-50%);
border-radius: 0 0 .5rem .5rem;
background-color: rgba(0, 0, 0, 0.5); }
#main > .cont .hero .window .album-title .title {
width: 60%;
margin: .5rem auto; }
#main > .cont .hero .window .album-title .title .date {
margin: .5rem;
display: block;
font-size: 40%;
white-space: nowrap; }
#main > .cont .hero .window .album-title .title .description {
line-height: 1.5; }
#main > .cont .hero .window .album-title .folder-image {
position: relative;
height: 50vh; }
#main > .cont .hero .window .album-title .folder-image .image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center; }
#main > .cont .hero .window .album-title .folder-image .autoplay {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 3.6rem;
height: 3.6rem;
padding-top: 0.35rem;
font-size: 1.4rem;
text-align: center;
border-radius: 50%;
background-color: #ca6206; }
#main > .cont .hero .window .album-title .folder-image .autoplay:before {
margin-left: 1px;
font-size: 1.25em; }
#main > .cont .hero .window .album-title .folder-image .autoplay:focus, #main > .cont .hero .window .album-title .folder-image .autoplay:active {
outline: none; }
#main > .cont .hero .window .album-title.turntable {
flex: 3; }
#main > .cont .hero .window .album-title.turntable.hasbutton .folder-image:hover .image {
-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-moz-animation: rotation 4s linear infinite;
-webkit-animation: rotation 4s linear infinite;
animation: rotation 4s linear infinite; }
#main > .cont .hero .window .album-title.turntable .folder-image {
width: 12rem;
height: 12rem;
margin: 0 auto; }
#main > .cont .hero .window .album-title.turntable .folder-image .image {
position: absolute;
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
#main > .cont .hero .window .album-title.fullwidth {
flex: 1;
justify-content: flex-start; }
#main > .cont .hero .window .album-title.fullwidth .folder-image {
margin-bottom: 2rem; }
#main > .cont .hero .window .album-title.fullwidth .folder-image .autoplay {
top: 100%; }
#main > .cont .hero .window .album-title.card {
width: 70%;
max-width: 560px;
min-height: 240px;
margin: 15vh auto;
border: 1px solid rgba(136, 136, 136, 0.2);
border-radius: 1rem;
overflow: hidden;
color: #473b28;
background-color: rgba(245,242,237,0.800); }
#main > .cont .hero .window .album-title.card .title {
width: 90%; }
#main > .cont .hero .window .album-title.card .folder-image {
height: 35vh;
min-height: 200px; }
#main > .cont .hero .window .album-title.card h1, #main > .cont .hero .window .album-title.card h2, #main > .cont .hero .window .album-title.card h3 {
color: #473b28; }
#main > .cont .hero .window .folders {
padding: 1rem;
flex: 2;
display: flex;
align-content: center;
flex-wrap: wrap;
justify-content: center; }
#main > .cont .hero .window .folders .card {
margin: 1rem 3rem;
text-align: center;
max-width: 80%; }
#main > .cont .hero .window .folders .card .thumb {
display: block;
width: 6rem;
height: 6rem;
margin: 0 auto;
overflow: hidden;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
#main > .cont .hero .window .folders .card .thumb img {
max-width: 100%;
object-fit: cover; }
#main > .cont .hero .window .folders .card.icon .thumb {
background-size: 75%;
background-color: #ca6206; }
#main > .cont .hero .window .folders .card .caption {
margin: 0.5rem 0; }
#main > .cont .hero .window .folders .card .caption .counts {
margin: 0.5rem 0;
font-size: 0.75em; }
#main > .cont .hero .window .folders.circle .card .thumb {
border-radius: 3rem; }
#main > .cont .hero .window .folders.rounded .card .thumb {
border-radius: .5rem; }
#main > .cont .hero-handle {
position: absolute;
left: 50%;
top: 0;
width: 4rem;
height: 2.5rem;
transform: translateX(-50%);
color: #473b28;
background-color: rgba(255,255,255,0.25);
z-index: 1000;
transition: all 500ms;
border-radius: 0 0 2rem 2rem;
content: ''; }
#main > .cont .hero-handle:before, #main > .cont .hero-handle:after {
position: absolute;
left: 50%;
top: 1rem;
width: 12px;
height: 2px;
background-color: #241e14;
transition: transform 500ms;
content: ''; }
#main > .cont .hero-handle:before {
transform: translateX(-10px) rotate(-30deg); }
#main > .cont .hero-handle:after {
transform: translateX(0) rotate(30deg); }
#main > .cont .hero-handle:hover {
background-color: rgba(255,255,255,0.9); }
#main > .cont .hero-handle:focus {
outline: none; }
#main > .cont.playing .hero-handle {
display: none; }
#main > .cont.playing .lightbox .jcards .jcard .jcaption > .meta {
display: none; }
#main > .cont .lightbox {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 0; }
#main > .cont .lightbox .jprev, #main > .cont .lightbox .jnext {
display: none;
position: absolute;
width: 3rem;
height: 6rem;
top: 50%;
transform: translateY(-50%);
line-height: 1;
background-color: rgba(255,255,255,0.25);
border: none; }
#main > .cont .lightbox .jprev:before, #main > .cont .lightbox .jprev:after, #main > .cont .lightbox .jnext:before, #main > .cont .lightbox .jnext:after {
position: absolute;
top: 50%;
left: 50%;
width: 1rem;
height: .15rem;
content: "";
background-color: #473b28; }
#main > .cont .lightbox .jprev:focus, #main > .cont .lightbox .jnext:focus {
outline: none; }
#main > .cont .lightbox .jprev:hover, #main > .cont .lightbox .jprev:focus, #main > .cont .lightbox .jnext:hover, #main > .cont .lightbox .jnext:focus {
background-color: rgba(255,255,255,0.9); }
#main > .cont .lightbox .jprev:hover:before, #main > .cont .lightbox .jprev:hover:after, #main > .cont .lightbox .jprev:focus:before, #main > .cont .lightbox .jprev:focus:after, #main > .cont .lightbox .jnext:hover:before, #main > .cont .lightbox .jnext:hover:after, #main > .cont .lightbox .jnext:focus:before, #main > .cont .lightbox .jnext:focus:after {
background-color: #241e14; }
#main > .cont .lightbox .jprev {
left: 0;
z-index: 2; }
#main > .cont .lightbox .jprev:before {
transform: translate(-50%, -0.4rem) rotate(-60deg); }
#main > .cont .lightbox .jprev:after {
transform: translate(-50%, 0.4rem) rotate(60deg); }
#main > .cont .lightbox .jnext {
right: 0;
z-index: 3; }
#main > .cont .lightbox .jnext:before {
transform: translate(-50%, -0.4rem) rotate(60deg); }
#main > .cont .lightbox .jnext:after {
transform: translate(-50%, 0.4rem) rotate(-60deg); }
#main > .cont .lightbox.threedee {
background-color: transparent;
-moz-perspective: 88em;
-webkit-perspective: 88em;
perspective: 88em; }
#main > .cont .lightbox.threedee.book, #main > .cont .lightbox.threedee.coverflow {
-moz-perspective: none;
-webkit-perspective: none;
perspective: none; }
#main > .cont .lightbox.threedee.book .jcards, #main > .cont .lightbox.threedee.coverflow .jcards {
-moz-transform-style: flat;
-webkit-transform-style: flat;
transform-style: flat;
-moz-perspective: 88em;
-webkit-perspective: 88em;
perspective: 88em; }
#main > .cont .lightbox.threedee .jcards {
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
#main > .cont .lightbox.threedee .jcards .jcard {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
#main > .cont .lightbox.threedee.flip .jcards .jcard {
-moz-backface-visibility: visible;
-webkit-backface-visibility: visible;
backface-visibility: visible; }
#main > .cont .lightbox .jcards {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0; }
#main > .cont .lightbox .jcards > .jcard {
left: 10px;
top: 10px;
right: 10px;
bottom: 10px; }
#main > .cont .lightbox .jcards .jcard {
position: absolute;
overflow: hidden; }
#main > .cont .lightbox .jcards .jcard img, #main > .cont .lightbox .jcards .jcard audio, #main > .cont .lightbox .jcards .jcard video {
max-width: none;
position: absolute; }
#main > .cont .lightbox .jcards .jcard img {
z-index: 1; }
#main > .cont .lightbox .jcards .jcard audio, #main > .cont .lightbox .jcards .jcard video {
z-index: 3; }
#main > .cont .lightbox .jcards .jcard .play-btn {
position: absolute;
display: block;
font-size: 2rem;
width: 4rem;
height: 4rem;
left: 50%;
top: 50%;
line-height: 2;
text-align: center;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.25);
border-radius: 50%;
border: 0.2rem solid rgba(255, 255, 255, 0.5);
z-index: 2; }
#main > .cont .lightbox .jcards .jcard .play-btn:before {
margin-left: .45rem; }
#main > .cont .lightbox .jcards .jcard .regions {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 4; }
#main > .cont .lightbox .jcards .jcard .regions a {
position: absolute;
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.5);
transition: all 500ms; }
#main > .cont .lightbox .jcards .jcard .regions a span {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
padding: 0 4px 4px 6px;
background-color: rgba(255, 255, 255, 0.5);
font-size: 0.75em;
color: #473b28;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
transition: all 500ms; }
#main > .cont .lightbox .jcards .jcard .regions a .active, #main > .cont .lightbox .jcards .jcard .regions a:hover {
border: 1px solid #fff; }
#main > .cont .lightbox .jcards .jcard .regions a .active span, #main > .cont .lightbox .jcards .jcard .regions a:hover span {
color: #241e14;
max-width: none;
background-color: #fff; }
#main > .cont .lightbox .jcards .jcard .jcaption {
display: flex;
position: absolute;
width: fit-content;
padding: 0;
overflow: hidden;
font-size: 0.875rem;
z-index: 5; }
#main > .cont .lightbox .jcards .jcard .jcaption > * {
margin: 0; }
#main > .cont .lightbox .jcards .jcard .jcaption .nr {
text-align: center;
font-weight: 700;
white-space: nowrap; }
#main > .cont .lightbox .jcards .jcard .jcaption .nr em {
display: inline-block;
font-style: normal;
font-weight: 300;
opacity: 0.5;
margin-left: 0.2rem;
padding-left: 0.2rem;
border-top: none;
border-left: 1px solid rgba(128, 128, 128, 0.5); }
#main > .cont .lightbox .jcards .jcard .jcaption .nr,
#main > .cont .lightbox .jcards .jcard .jcaption .text {
padding: 0.5rem 0.75rem; }
#main > .cont .lightbox .jcards .jcard .jcaption .buttons {
padding: 0;
align-items: flex-start; }
#main > .cont .lightbox .jcards .jcard .jcaption .buttons .btn {
background-color: transparent;
padding: 0.5rem 0.75rem; }
#main > .cont .lightbox .jcards .jcard .jcaption .buttons .btn:hover {
background-color: #ca6206; }
#main > .cont .lightbox .jcards .jcard .jcaption h5 {
font-size: 0.875rem; }
#main > .cont .lightbox .jcards .jcard .jcaption h6 {
font-size: 1rem; }
#main > .cont .lightbox .jcards .jcard .jcaption .comment {
margin: .2em 0 0 0;
font-size: 0.875em;
max-height: 8.7rem;
scrollbar-color: dark;
overflow-y: auto; }
#main > .cont .lightbox .jcards .jcard .jcaption .comment::-webkit-scrollbar {
width: .8rem; }
#main > .cont .lightbox .jcards .jcard .jcaption .comment::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.25); }
#main > .cont .lightbox .jcards .jcard .jcaption .comment::-webkit-scrollbar-thumb {
border: 1px solid rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.15); }
#main > .cont .lightbox .jcards .jcard .jcaption p {
margin: .2em 0 0 0;
font-size: 0.875em; }
#main > .cont .lightbox .jcards .jcard .jcaption.left {
text-align: left;
left: 0; }
#main > .cont .lightbox .jcards .jcard .jcaption.center {
left: 50%;
text-align: center;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
#main > .cont .lightbox .jcards .jcard .jcaption.right {
text-align: right;
right: 0; }
#main > .cont .lightbox .jcards .jcard .jcaption.top {
top: 0; }
#main > .cont .lightbox .jcards .jcard .jcaption.middle {
max-width: 30%;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
#main > .cont .lightbox .jcards .jcard .jcaption.center.middle {
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#main > .cont .lightbox .jcards .jcard .jcaption.bottom {
bottom: 0; }
#main > .cont .lightbox .jcards .jcard .jcaption.white {
background-color: white; }
#main > .cont .lightbox .jcards .jcard .jcaption.white > *,
#main > .cont .lightbox .jcards .jcard .jcaption.white h1, #main > .cont .lightbox .jcards .jcard .jcaption.white h2, #main > .cont .lightbox .jcards .jcard .jcaption.white h3, #main > .cont .lightbox .jcards .jcard .jcaption.white h4, #main > .cont .lightbox .jcards .jcard .jcaption.white h5, #main > .cont .lightbox .jcards .jcard .jcaption.white h6 {
color: #222; }
#main > .cont .lightbox .jcards .jcard .jcaption.light {
background-color: rgba(255, 255, 255, 0.8); }
#main > .cont .lightbox .jcards .jcard .jcaption.light:hover {
background-color: white; }
#main > .cont .lightbox .jcards .jcard .jcaption.light > *,
#main > .cont .lightbox .jcards .jcard .jcaption.light h1, #main > .cont .lightbox .jcards .jcard .jcaption.light h2, #main > .cont .lightbox .jcards .jcard .jcaption.light h3, #main > .cont .lightbox .jcards .jcard .jcaption.light h4, #main > .cont .lightbox .jcards .jcard .jcaption.light h5, #main > .cont .lightbox .jcards .jcard .jcaption.light h6 {
color: #111; }
#main > .cont .lightbox .jcards .jcard .jcaption.transparent:hover {
background-color: rgba(0, 0, 0, 0.3); }
#main > .cont .lightbox .jcards .jcard .jcaption.transparent > *,
#main > .cont .lightbox .jcards .jcard .jcaption.transparent h1, #main > .cont .lightbox .jcards .jcard .jcaption.transparent h2, #main > .cont .lightbox .jcards .jcard .jcaption.transparent h3, #main > .cont .lightbox .jcards .jcard .jcaption.transparent h4, #main > .cont .lightbox .jcards .jcard .jcaption.transparent h5, #main > .cont .lightbox .jcards .jcard .jcaption.transparent h6 {
color: #eee; }
#main > .cont .lightbox .jcards .jcard .jcaption.dark {
background-color: rgba(0, 0, 0, 0.85); }
#main > .cont .lightbox .jcards .jcard .jcaption.dark:hover {
background-color: black; }
#main > .cont .lightbox .jcards .jcard .jcaption.dark > *,
#main > .cont .lightbox .jcards .jcard .jcaption.dark h1, #main > .cont .lightbox .jcards .jcard .jcaption.dark h2, #main > .cont .lightbox .jcards .jcard .jcaption.dark h3, #main > .cont .lightbox .jcards .jcard .jcaption.dark h4, #main > .cont .lightbox .jcards .jcard .jcaption.dark h5, #main > .cont .lightbox .jcards .jcard .jcaption.dark h6 {
color: #ddd; }
#main > .cont .lightbox .jcards .jcard .jcaption.black {
background-color: black; }
#main > .cont .lightbox .jcards .jcard .jcaption.black > *,
#main > .cont .lightbox .jcards .jcard .jcaption.black h1, #main > .cont .lightbox .jcards .jcard .jcaption.black h2, #main > .cont .lightbox .jcards .jcard .jcaption.black h3, #main > .cont .lightbox .jcards .jcard .jcaption.black h4, #main > .cont .lightbox .jcards .jcard .jcaption.black h5, #main > .cont .lightbox .jcards .jcard .jcaption.black h6 {
color: #ccc; }
#main > .cont .lightbox .jcards.crossfade {
overflow: hidden; }
#main > .cont .lightbox .jcards.crossfade img {
transition: transform 1s ease; }
#main > .cont .lightbox .jcards.stack .jcard {
-moz-transform: scale(0.92);
-ms-transform: scale(0.92);
-webkit-transform: scale(0.92);
transform: scale(0.92); }
#main > .cont .lightbox .jcards.kenburns {
overflow: hidden; }
#main > .cont .lightbox .jcards.slide {
overflow: hidden; }
#main > .cont .lightbox .jcards.carousel {
will-change: transform; }
#main > .cont .lightbox .jcards.carousel .jcard {
position: absolute;
text-align: center;
opacity: .6;
left: 34%;
top: 0%;
width: 32%;
height: 100%; }
#main > .cont .lightbox .jcards.carousel.max-3 .jcard, #main > .cont .lightbox .jcards.carousel.max-4 .jcard {
left: 0;
width: 100%; }
#main > .cont .lightbox .jcards.carousel.max-5 .jcard {
left: 2%;
width: 96%; }
#main > .cont .lightbox .jcards.carousel.max-6 .jcard {
left: 12.5%;
width: 75%; }
#main > .cont .lightbox .jcards.carousel.max-7 .jcard {
left: 20%;
width: 60%; }
#main > .cont .lightbox .jcards.carousel.max-8 .jcard {
left: 23.5%;
width: 53%; }
#main > .cont .lightbox .jcards.carousel.max-9 .jcard {
left: 25.5%;
width: 49%; }
#main > .cont .lightbox .jcards.carousel.max-10 .jcard {
left: 27%;
width: 46%; }
#main > .cont .lightbox .jcards.carousel.max-11 .jcard {
left: 30%;
width: 40%; }
#main > .cont .lightbox .jcards.carousel.max-12 .jcard {
left: 32%;
width: 36%; }
#main > .cont .lightbox .jcards.carousel.max-13 .jcard {
left: 33%;
width: 34%; }
#main > .cont .lightbox .jcards.flip .jcard:first-child {
z-index: 1;
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-webkit-transform: rotateY(0);
transform: rotateY(0); }
#main > .cont .lightbox .jcards.flip .jcard:nth-child(2) {
z-index: 0;
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg); }
#main > .cont .lightbox .jcards.book > * {
position: absolute;
top: 10px;
bottom: 10px;
overflow: hidden; }
#main > .cont .lightbox .jcards.book > * .jcard {
opacity: 1;
left: 0;
top: 0;
height: 100%; }
#main > .cont .lightbox .jcards.book.fwd .jprevpg {
left: 10px;
right: 50%; }
#main > .cont .lightbox .jcards.book.fwd .jnextpg {
left: 50%;
right: 10px; }
#main > .cont .lightbox .jcards.book.fwd .jnextpg .jcard {
left: -100%; }
#main > .cont .lightbox .jcards.book.fwd .jpaging {
left: 50%;
right: 10px;
-moz-transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-webkit-transform: rotateY(0);
transform: rotateY(0); }
#main > .cont .lightbox .jcards.book.fwd .jpaging .jcard:first-child {
left: -100%; }
#main > .cont .lightbox .jcards.book.fwd .jpaging .jcard:first-child .jshade {
opacity: 0;
background-color: #fff; }
#main > .cont .lightbox .jcards.book.fwd .jpaging .jcard:nth-child(2) {
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
#main > .cont .lightbox .jcards.book.fwd .jpaging .jcard:nth-child(2) .jshade {
opacity: 0.5;
background-color: #000; }
#main > .cont .lightbox .jcards.book.bwd .jprevpg {
left: 50%;
right: 10px; }
#main > .cont .lightbox .jcards.book.bwd .jnextpg {
left: 10px;
right: 50%; }
#main > .cont .lightbox .jcards.book.bwd .jpaging {
left: 10px;
right: 50%;
-moz-transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-webkit-transform: rotateY(0);
transform: rotateY(0); }
#main > .cont .lightbox .jcards.book.bwd .jpaging .jcard:first-child .jshade {
opacity: 0;
background-color: #000; }
#main > .cont .lightbox .jcards.book.bwd .jpaging .jcard:nth-child(2) {
left: -100%;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
#main > .cont .lightbox .jcards.book.bwd .jpaging .jcard:nth-child(2) .jshade {
opacity: 0.5;
background-color: #fff; }
#main > .cont .lightbox .jcards.book .jpaging {
-moz-backface-visibility: visible;
-webkit-backface-visibility: visible;
backface-visibility: visible;
z-index: 3;
transition-property: none; }
#main > .cont .lightbox .jcards.book .jpaging .jcard {
top: 0;
bottom: 0;
background-color: #e9e4dc; }
#main > .cont .lightbox .jcards.book .jpaging .jcard .jshade {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
will-change: opacity; }
#main > .cont .lightbox .jcards.book .jpaging .jcard .jprevpg {
z-index: 1; }
#main > .cont .lightbox .jcards.book .jpaging .jcard .jnextpg {
z-index: 2; }
#main > .cont .lightbox .jcards.cube .jcard {
overflow: hidden; }
#main > .cont .lightbox .jcards.cube .jcard.empty {
background-color: #555; }
#main > .cont .lightbox .jcards.coverflow .jcard {
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-moz-transform: scale(0.82);
-ms-transform: scale(0.82);
-webkit-transform: scale(0.82);
transform: scale(0.82);
will-change: transform, opacity; }
#main > .cont .panel {
left: 0;
top: 0;
right: 0;
max-height: 100%; }
.no-fitcontent #main .panel {
display: table;
white-space: nowrap; }
.no-fitcontent #main .panel .preview,
.no-fitcontent #main .panel .social-links {
display: inline-block;
vertical-align: top; }
/******************************************* Photo data */
.photodata {
width: 280px;
font-size: 0.875em; }
.photodata p {
font-size: 0.875em;
padding: .2rem;
line-height: 1.5;
margin: 0; }
.photodata p b {
float: left;
display: inline-block;
font-weight: normal;
width: 35%;
margin-right: 1rem; }
.photodata p i {
display: block;
font-style: normal;
overflow: hidden; }
.photodata p:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.1); }
.photodata p:before, .photodata p:after {
content: "\0020";
display: block;
height: 0;
visibility: hidden; }
.photodata p:after {
clear: both; }
/******************************************* Image counts */
.counts span {
font-size: 0.875em;
display: inline-block;
padding: 0.125rem 0.3125rem;
line-height: 1.2;
border-top: 1px solid rgba(71,59,40,0.400);
border-bottom: 1px solid rgba(71,59,40,0.400);
border-left: 1px solid rgba(71,59,40,0.400); }
.counts span:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.counts span:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right: 1px solid rgba(71,59,40,0.400); }
/******************************************* Tooltip */
.tooltip {
display: none;
position: absolute;
left: 0;
top: 0;
padding: 0.3125rem 0.625rem;
max-width: 360px;
max-height: 90vh;
z-index: 999999;
font-size: 0.875em;
background-color: #141414;
color: #eeeeee;
transition: opacity 500ms linear; }
.tooltip h1, .tooltip h2, .tooltip h3, .tooltip h4, .tooltip h5, .tooltip h6, .tooltip a {
color: #eeeeee; }
.tooltip a {
text-decoration: underline; }
.tooltip > .nub {
position: absolute;
display: block;
padding: 0;
width: 0;
height: 0;
border: solid 5px;
border-color: transparent transparent #141414 transparent; }
.tooltip.valign-top > .nub {
border-color: #141414 transparent transparent transparent; }
.tooltip.valign-middle.align-left > .nub {
border-color: transparent transparent transparent #141414; }
.tooltip.valign-middle.align-right > .nub {
border-color: transparent #141414 transparent transparent; }
.tooltip.wide {
max-width: 560px; }
/******************************************* Audio player button */
.tooltip.player {
width: 320px;
max-width: none;
color: #473b28;
background-color: rgba(245,242,237,0.800);
padding: .75rem; }
.tooltip.player audio {
max-width: 100%; }
.tooltip.player a {
text-decoration: none;
color: #473b28; }
.tooltip.player > .nub {
border-bottom-color: rgba(245,242,237,0.800); }
.tooltip.player.valign-top > .nub {
border-top-color: rgba(245,242,237,0.800); }
.tooltip.player.valign-middle.align-left > .nub {
border-left-color: rgba(245,242,237,0.800); }
.tooltip.player.valign-middle.align-right > .nub {
border-right-color: rgba(245,242,237,0.800); }
.tooltip.player .play-list {
padding: 0;
list-style-type: none;
line-height: 2;
text-align: center;
max-height: 8em;
overflow-x: hidden;
overflow-y: auto; }
.tooltip.player .play-list li a {
cursor: pointer;
text-decoration: none; }
.tooltip.player .play-list li.active {
background-color: #ca6206; }
.tooltip.player .play-list li.active a {
color: #eeeeee; }
/******************************************* Media queries */
/********* portrait mode mobile */
@media only screen and (orientation: portrait) and (max-width: 29.99em) {
#main .panel.social {
flex-direction: column; }
#main .panel.social .social-links {
margin: 0 1rem 1rem 1rem; }
#main .panel.social .social-links .shares {
flex-flow: row wrap;
justify-content: center; } }
/********* small display, width: 480 - 640 */
@media only screen and (min-width: 30em) {
#main > .cont .hero .window .folders .card {
max-width: 45%; }
#main > .panel > .cont .thumbnails .clip .thumb-cont .thumb.folder {
width: 60px;
height: 60px; }
#main > .cont.thumbs-left .thumbnails, #main > .cont.thumbs-right .thumbnails {
height: 60px; }
#main > .cont.thumbs-left .thumbnails .clip, #main > .cont.thumbs-right .thumbnails .clip {
width: 60px; }
#main > .cont.thumbs-left .thumbnails .clip .thumb-cont .thumb img, #main > .cont.thumbs-right .thumbnails .clip .thumb-cont .thumb img {
max-width: 60px; }
#main > .cont.thumbs-left .lightbox {
left: 60px; }
#main > .cont.thumbs-right .lightbox {
right: 60px; } }
/********* small display, height: 480 - 640 */
@media only screen and (min-height: 30em) {
#main > .panel > .cont .thumbnails .clip .thumb-cont .thumb.folder {
width: 60px;
height: 60px; }
#main > .cont.thumbs-top .thumbnails, #main > .cont.thumbs-bottom .thumbnails {
height: 60px; }
#main > .cont.thumbs-top .thumbnails .clip .thumb-cont .thumb img, #main > .cont.thumbs-bottom .thumbnails .clip .thumb-cont .thumb img {
max-height: 60px; }
#main > .cont.thumbs-top .lightbox {
top: 60px; }
#main > .cont.thumbs-bottom .lightbox {
bottom: 60px; } }
/********* non-mobile displays: width & height >= 640px */
@media screen and (min-height: 40em) and (min-width: 40em) {
h1 {
font-size: 2.5rem; }
h2 {
font-size: 2rem; }
h3 {
font-size: 1.5rem; }
h4 {
font-size: 1.25rem; }
h5 {
font-size: 1.125rem; }
#main > aside {
justify-content: space-between; }
#main > aside > .top > .btn,
#main > aside > .bottom .btn {
min-width: 4.5rem; }
#main > aside > .top > .btn span,
#main > aside > .bottom .btn span {
display: block;
opacity: 0.75; }
#main > aside > .top > .btn:hover span, #main > aside > .top > .btn.on span,
#main > aside > .bottom .btn:hover span,
#main > aside > .bottom .btn.on span {
opacity: 1; }
#main > aside .sidebtn {
padding: 1rem .5rem .5rem; }
#main > aside .sidebtn:before {
margin-bottom: .5rem; }
#main > aside .sidebtn span {
min-width: 3rem; }
#main > aside .bottom {
order: 1;
border-top: 1px solid rgba(71,59,40,0.100);
border-bottom: none; }
#main > aside .bottom .sidebtn {
padding: 1rem .5rem .5rem; }
#main > aside .bottom .sidebtn:before {
margin-bottom: .5rem; }
#main > aside .panel.topnav-cont.auto {
display: flex;
padding-right: 0;
visibility: visible;
opacity: 1;
transform: translateX(0);
position: static;
transition-property: none;
max-width: 100%;
background-color: transparent;
background-image: none; }
#main > aside .panel.topnav-cont.auto .close {
display: none; }
#main > aside #topnav-toggle.auto {
display: none; }
#main .cont .lightbox .jcards .jcard .jcaption .buttons {
white-space: nowrap; }
#main .cont .lightbox .jprev,
#main .cont .lightbox .jnext {
display: block; } }
/********* medium display, width: 640 - 1024 */
@media screen and (min-width: 40em) {
#main .panel.map-cont section {
width: 30vw;
height: 30vw;
max-height: 60%; }
#main > .cont .top-bar.hasmenu.haslogo {
flex-direction: row; }
#main > .cont .hero .window .folders .card {
max-width: 30%; }
#main > .cont .lightbox .jcards .jcard .jcaption {
max-width: 90%; }
#main > .panel > .cont .thumbnails .clip .thumb-cont .thumb.folder {
width: 90px;
height: 90px; }
#main > .cont.thumbs-left .thumbnails, #main > .cont.thumbs-right .thumbnails {
height: 90px; }
#main > .cont.thumbs-left .thumbnails .clip, #main > .cont.thumbs-right .thumbnails .clip {
width: 90px; }
#main > .cont.thumbs-left .thumbnails .clip .thumb-cont .thumb img, #main > .cont.thumbs-right .thumbnails .clip .thumb-cont .thumb img {
max-width: 90px; }
#main > .cont.thumbs-left .lightbox {
left: 90px; }
#main > .cont.thumbs-right .lightbox {
right: 90px; } }
/********* medium display, height: 640 -1024 */
@media only screen and (min-height: 40em) {
#main > .panel > .cont .thumbnails .clip .thumb-cont .thumb.folder {
width: 90px;
height: 90px; }
#main > .cont.thumbs-top .thumbnails, #main > .cont.thumbs-bottom .thumbnails {
height: 90px; }
#main > .cont.thumbs-top .thumbnails .clip .thumb-cont .thumb img, #main > .cont.thumbs-bottom .thumbnails .clip .thumb-cont .thumb img {
max-height: 90px; }
#main > .cont.thumbs-top .lightbox {
top: 90px; }
#main > .cont.thumbs-bottom .lightbox {
bottom: 90px; }
#main > .cont .hero .window .album-title.card {
min-height: 320px; }
#main > .cont .hero .window .album-title.card .folder-image {
min-height: 280px; } }
/********* large displays >= 1024px */
@media only screen and (min-width: 64em) {
#main > .cont .hero .window .album-title.card {
width: 60%; }
#main > .cont .hero .window .folders .card {
max-width: 22%; }
#main > .cont .lightbox .jcards .jcard .jcaption {
max-width: 70%; } }
/********* Print */
@media print {
a[href]:after {
content: ''; } }
/*# sourceMappingURL=user.css.map */
/* styles.css :: custom styles for the skin's Page templates */
/* defaults.scss :: default values, functions and mixins */
/*
$fontL: 1.143em;
$fontXL: 1.333em;
$fontXXL: 1.455em;
*/
@keyframes fade-and-hide {
0% {
display: block;
opacity: 100%; }
99% {
opacity: 0; }
100% {
opacity: 0;
display: none; } }
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0); }
100% {
-webkit-transform: rotate(360deg); } }
@-moz-keyframes rotating {
0% {
-moz-transform: rotate(0); }
100% {
-moz-transform: rotate(360deg); } }
@-o-keyframes rotating {
0% {
-o-transform: rotate(0); }
100% {
-o-transform: rotate(360deg); } }
@keyframes rotating {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
@-webkit-keyframes appear-up {
0% {
-webkit-transform: translateY(32px);
opacity: 0; }
100% {
-webkit-transform: translateY(0);
opacity: 1; } }
@-moz-keyframes appear-up {
0% {
-moz-transform: translateY(32px);
opacity: 0; }
100% {
-moz-transform: translateY(0);
opacity: 1; } }
@-o-keyframes appear-up {
0% {
-o-transform: translateY(32px);
opacity: 0; }
100% {
-o-transform: translateY(0);
opacity: 1; } }
@keyframes appear-up {
0% {
transform: translateY(32px);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1; } }
@-moz-keyframes move-down-bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
transform: translateY(0); }
40% {
-moz-transform: translateY(-16px);
transform: translateY(-16px); }
60% {
-moz-transform: translateY(-7px);
transform: translateY(-7px); } }
@-webkit-keyframes move-down-bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
transform: translateY(0); }
40% {
-moz-transform: translateY(-16px);
transform: translateY(-16px); }
60% {
-moz-transform: translateY(-7px);
transform: translateY(-7px); } }
@keyframes move-down-bounce {
0%,
100%,
20%,
50%,
80% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-moz-transform: translateY(-16px);
-ms-transform: translateY(-16px);
-webkit-transform: translateY(-16px);
transform: translateY(-16px); }
60% {
-moz-transform: translateY(-7px);
-ms-transform: translateY(-7px);
-webkit-transform: translateY(-7px);
transform: translateY(-7px); } }
/*
.custom-page {
flex: 1;
flex-direction: column;
justify-content: space-between;
position: relative;
background-color: _(heroBgColor);
overflow-y: auto;
.cont {
padding: 1rem;
display: block;
}
footer {
padding: 1rem;
justify-content: center;
flex-wrap: wrap;
font-size: $fontS;
text-align: center;
margin-top: auto;
> * {
display: inline-block;
padding: 0 1em;
}
.custom-content {
flex: 10;
}
}
}
@media screen and (min-width: 60em) {
.custom-page {
.cont {
padding: 2rem;
}
}
}
*/
.pages-cont {
display: flex;
flex-direction: column;
align-items: center;
padding: 1.875rem; }
.pages-cont > div {
overflow-x: hidden;
width: 100%;
max-width: 60rem; }
.pages-cont h1, .pages-cont h2 {
text-align: center;
margin-bottom: 1.875rem; }
/************************************************ About page */
.about-page {
display: flex;
flex-flow: column;
align-items: center; }
.about-page .author-image {
width: fit-content;
max-width: 80%;
margin: 0 1.875rem;
overflow: hidden; }
.about-page .author-image img {
max-width: 100%; }
.about-page .content {
padding: 1.875rem 0 0 0;
text-align: center;
flex: 1; }
.about-page .content > *:first-child {
margin-top: 0; }
.about-page .content h1, .about-page .content h2, .about-page .content h3 {
margin-bottom: 1rem; }
.about-page .content p {
line-height: 1.5; }
.about-page .content .text {
max-width: 40rem; }
/* medium displays >= 640px */
@media only screen and (min-width: 40em) {
.about-page {
flex-flow: row wrap;
align-items: flex-start;
justify-content: center; }
.about-page .author-image {
max-width: 40%; }
.about-page .content {
padding: 0;
text-align: left; }
.about-page .content h1, .about-page .content h2, .about-page .content h3 {
text-align: left; } }
/************************************************ Contact page */
.contact-page > div {
padding: 0.9375rem 0.625rem;
text-align: center; }
.contact-page > div.custom {
margin: 0; }
.contact-page blockquote,
.contact-page a {
font-size: 0.875em;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; }
.contact-page blockquote {
display: inline-block;
margin: 0;
line-height: 2;
text-align: left;
padding: 0 1rem;
border-left: 0.3rem solid #473b28; }
.contact-page a {
margin-right: 0.3125rem;
padding: 0.3125rem 0.625rem;
border: 1px solid #473b28;
border-radius: .2rem;
transition: all 500ms;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
color: #473b28; }
.contact-page a.button {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0; }
.contact-page a:hover, .contact-page a:focus {
background-color: #ca6206;
color: #eeeeee;
border: 1px solid #ca6206; }
.contact-page a:before {
vertical-align: -2px; }
.contact-page strong {
display: block;
text-align: center;
font-size: 0.875em;
margin-bottom: 0.625rem; }
/* medium displays >= 640px */
@media only screen and (min-width: 40em) {
.contact-page > div {
display: flex;
flex-flow: row wrap;
align-items: baseline; }
.contact-page strong {
display: inline-block;
margin-right: 5%;
width: 35%;
max-width: 16rem;
text-align: right; } }
/************************************************ Sitemap page */
.sitemap-page .sitemap {
margin: 0 auto;
flex: 1;
text-align: left;
font-size: 1.125em; }
.sitemap-page .sitemap .title {
max-width: 50rem;
padding: 1rem 2rem; }
.sitemap-page .sitemap .title a {
font-size: 1.125em; }
.sitemap-page .sitemap .title a:before {
display: inline-block;
vertical-align: middle;
text-align: center;
margin-right: 1rem;
width: 3rem;
height: 3rem;
line-height: 3rem;
color: #eeeeee;
background-color: #ca6206;
border-radius: 50%; }
.sitemap-page .sitemap .title small {
margin-left: 4rem; }
.sitemap-page .sitemap ul {
padding: 1rem 2rem;
line-height: 2; }
.sitemap-page .sitemap ul li {
display: flex;
flex-flow: row wrap;
padding: 0;
margin: 0.5rem 0;
white-space: nowrap; }
.sitemap-page .sitemap ul li a.thumb {
display: inline-flex;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
margin-right: 1rem;
overflow: hidden;
justify-content: center;
align-items: center; }
.sitemap-page .sitemap ul li a.thumb img {
object-fit: cover; }
.sitemap-page .sitemap ul li a.thumb.icon img {
object-fit: contain;
width: 3rem;
height: 3rem; }
.sitemap-page .sitemap ul li div {
max-width: calc(100% - 4rem);
overflow: hidden;
display: inline-block; }
.sitemap-page .sitemap.showthumbs ul {
padding-left: 0;
margin: 1rem 0 0 0;
list-style-type: none; }
.sitemap-page .sitemap.showthumbs > ul {
padding-left: 6rem; }
.sitemap-page .caption {
margin: 0 0 1rem 0; }
.sitemap-page small {
display: block;
overflow: hidden;
text-overflow: ellipsis; }
/************************************************ Contents page */
.contents-page .title {
text-align: center;
margin-bottom: 20px; }
.contents-page .content {
flex: 1;
flex-direction: row;
text-align: center; }
.contents-page .content .one-letter {
display: inline-block;
vertical-align: top;
max-width: calc(50% - 1rem);
padding: 1rem;
margin: .5rem;
text-align: center; }
.contents-page .content .one-letter h2 {
text-align: center;
border-bottom: 1px solid #473b28; }
.contents-page .content .one-letter small {
margin-top: 0.5em;
display: block; }
.contents-page .content .one-letter ul {
padding: 0;
list-style-type: none; }
.contents-page .content .one-letter ul li a.thumb {
display: flex;
margin: 0.625rem auto 0 auto;
width: 4rem;
height: 4rem;
border-radius: 2rem;
overflow: hidden;
justify-content: center;
align-items: center; }
.contents-page .content .one-letter ul li a.thumb img {
object-fit: cover; }
.contents-page .content .one-letter ul li a.thumb.icon img {
object-fit: contain;
width: 4rem;
height: 4rem; }
.contents-page .content .one-letter ul li div a {
font-weight: bold;
color: #473b28; }
.contents-page .content.showthumbs .one-letter ul {
padding-left: 0; }
.contents-page .content.showthumbs .one-letter ul li div {
margin-top: 0.5rem; }
@media screen and (min-width: 30em) {
.contents-page .content .one-letter {
max-width: calc(33.333% - 1rem); } }
@media screen and (min-width: 40em) {
.contents-page .content .one-letter {
max-width: calc(25% - 1rem); } }
/************************************************ Contents page */
.calendar-page .years {
display: flex;
flex-direction: column; }
.calendar-page .years.thumbs-1 .year .months .month .days .day .thumbs a {
min-width: auto;
max-width: none;
width: 100%;
height: 3.3rem; }
.calendar-page .years.thumbs-2:not(col-2) .year .months .month .days .day .thumbs {
flex-direction: column;
flex-wrap: nowrap; }
.calendar-page .years.thumbs-2:not(col-2) .year .months .month .days .day .thumbs a {
min-width: 100%;
max-width: 100%; }
.calendar-page .years.thumbs-3 .year .months .month .days .day .thumbs {
flex-wrap: nowrap; }
.calendar-page .years.thumbs-4 .year .months .month .days .day .thumbs a {
min-width: 35%;
max-width: 65%; }
.calendar-page .years .year {
flex-direction: column; }
.calendar-page .years .year h2, .calendar-page .years .year h3 {
margin: 1em 0 .25em 0; }
.calendar-page .years .year h4, .calendar-page .years .year h5, .calendar-page .years .year h6 {
text-transform: capitalize; }
.calendar-page .years .year h2, .calendar-page .years .year h3, .calendar-page .years .year h4, .calendar-page .years .year h5, .calendar-page .years .year h6 {
text-align: center; }
.calendar-page .years .year .months .month {
display: flex;
flex-direction: column; }
.calendar-page .years .year .months .month .weekdays {
display: flex;
text-transform: uppercase;
justify-content: space-around;
padding: .2rem; }
.calendar-page .years .year .months .month .weekdays > * {
font-size: 0.75em;
letter-spacing: .2rem; }
.calendar-page .years .year .months .month .days {
display: flex;
flex-flow: row wrap; }
.calendar-page .years .year .months .month .days .day {
display: flex;
justify-content: stretch;
align-content: flex-end;
margin: 2px;
width: calc(14.285714% - 4px);
border: 1px solid rgba(128, 128, 128, 0.2);
padding-top: 1.5rem;
min-height: 4rem;
position: relative;
/*
&:nth-child(7n),
&:nth-child(7n-1) {
font-weight: bold;
}
*/ }
.calendar-page .years .year .months .month .days .day.spacer {
border: none; }
.calendar-page .years .year .months .month .days .day.empty span {
opacity: 0.5; }
.calendar-page .years .year .months .month .days .day span {
position: absolute;
left: 0;
top: 0;
padding: 0 .2rem;
font-size: 0.75em; }
.calendar-page .years .year .months .month .days .day .thumbs {
display: flex;
width: 100%;
overflow: hidden;
flex-flow: row wrap;
padding: 2px;
align-content: flex-start; }
.calendar-page .years .year .months .month .days .day .thumbs a {
display: flex;
overflow: hidden;
flex: 1 0 auto;
margin: 1px;
height: 2rem;
min-width: 25%;
max-width: 50%; }
.calendar-page .years .year .months .month .days .day .thumbs a img {
display: block;
object-fit: cover; }
.calendar-page .years .year .months .month .days .day .thumbs a.icon img {
object-fit: contain; }
.calendar-page .years .year .months .month .days .day .more {
position: absolute;
right: 0;
bottom: 0;
padding: 0.3125rem 0.625rem;
font-size: 0.75em;
color: #eeeeee;
background-color: ;
transition: background-color 500ms ease-out; }
.calendar-page .years .year .months .month .days .day .more:hover {
background-color: #ca6206; }
@media screen and (min-width: 30em) {
.calendar-page .years.col-2 .year .months {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.calendar-page .years.col-2 .year .months .month {
margin: .5rem;
width: calc(50% - 1rem); }
.calendar-page .years.thumbs-1 .year .months .month .days .day .thumbs a {
height: 6.6rem; }
.calendar-page .years.thumbs-2 .year .months .month .days .day .thumbs, .calendar-page .years.thumbs-4 .year .months .month .days .day .thumbs {
flex-direction: row; }
.calendar-page .years.thumbs-2 .year .months .month .days .day .thumbs a, .calendar-page .years.thumbs-4 .year .months .month .days .day .thumbs a {
min-width: 33.3333%;
max-width: 66.6667%;
height: 3.3rem; } }
/************************************************ Tumblr Feed */
.tumblr-page .tumblr_post {
background-color: rgba(255, 255, 255, 0.1);
padding: 2em 2em 1em 2em;
width: 90%;
margin: 0.5em auto;
list-style-type: none;
padding: 0; }
.tumblr-page .tumblr_title {
font-size: 2rem; }
.tumblr-page .tumblr_body img {
height: 300px; }
.tumblr-page .tumblr_photo {
height: 300px; }
/*# sourceMappingURL=styles.css.map */