a.fancybox { display: inline-block; font-size: 0; line-height: 0; position: relative; } a.fancybox::after { background: rgba(0,0,0,0.5); bottom: 0; content: ''; display: block; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity 0.35s; z-index: 10; } a.fancybox:hover::after { opacity: 0.99; } a.fancybox::before { background-position: center; background-repeat: no-repeat; background-size: 0px 0px; content: ''; display: block; height: 50px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: absolute; top: 50%; transition: all .35s; width: 40px; z-index: 15; background-image: url("data:image/svg+xml;utf8,"); } a.fancybox:hover::before { background-size: 40px 40px; opacity: 0.99; } .fancybox-container, .fancybox-infobar__body { -webkit-tap-highlight-color: transparent } .fancybox-infobar__body { -webkit-touch-callout: none; -ms-user-select: none; } /**:not(.masonry) .placeholder { font-size: 0; height: 0; line-height: 0; padding-bottom: 66%; position: relative; }*/ *:not(.masonry) .placeholder svg { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #Stardekk-Review-Container { max-width: 100% } #Stardekk-AddReview-Rate { width: auto !important } /* HEADER *************************************************************************************************/ nav a { transition: all 0.35s; } #header-wrap.fixed, #nav-top .language > a::after, nav ul ul a.sf-with-ul::before, nav ul ul a.sf-with-ul::after { transition: all 0.35s; } #logo svg { max-height: none; max-width: none; } /* SLICK *************************************************************************************************/ .slick-slider { box-sizing: border-box; display: block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .slick-track { display: block; left: 0; position: relative; top: 0; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; } .slick-arrow.slick-hidden { display: none; } /* SLIDER *************************************************************************************************/ .slider-wrap figure { background: none; } .slider-wrap figure img { background: transparent; display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .slick-slider button { border: 0; cursor: pointer; font-size: 0; line-height: 0; margin: 0; padding: 0; text-indent: -9999px; transition: all 0.35s; -webkit-appearance: none; -webkit-backface-visibility: hidden; } .slick-slider button::before, .slick-slider button::after { transition: all 0.35s; -webkit-appearance: none; -webkit-backface-visibility: hidden; } .slick-slider figure { -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } /* arrows */ .slick-slider.arrows .slick-arrow { display: block; font-size: 0; height: 40px; line-height: 0; margin-top: -20px; outline: none !important; position: absolute; top: 50%; visibility: inherit; width: 40px; z-index: 999; } .slick-slider.arrows .slick-prev, .slider.arrows .slider:hover .slick-prev { left: 1.5%; } .slick-slider.arrows .slick-next, .slider.arrows .slider:hover .slick-next { right: 1.5%; } .slick-slider.arrows .slick-arrow::before, .slick-slider.arrows .slick-arrow::after { border-radius: 2px; content: ''; display: block; height: 2px; margin-top: -1px; position: absolute; top: 20px; width: 20px; } .slick-slider.arrows .slick-arrow:hover::before, .slick-slider.arrows .slick-arrow:hover::after { top: 20px; } .slick-slider.arrows .slick-prev::before, .slick-slider.arrows .slick-prev::after { left: 10px; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .slick-slider.arrows .slick-next::before, .slick-slider.arrows .slick-next::after { right: 10px; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .slick-slider.arrows .slick-prev::before, .slick-slider.arrows .slick-next::after { -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .slick-slider.arrows .slick-prev::after, .slick-slider.arrows .slick-next::before { -webkit-transform: rotate(40deg); -ms-transform: rotate( 40deg ); transform: rotate(40deg); } .slick-slider.arrows .slick-prev:hover::before, .slick-slider.arrows .slick-next:hover::after { -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } .slick-slider.arrows .slick-prev:hover::after, .slick-slider.arrows .slick-next:hover::before { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .slick-slider.arrows-hidden .slick-prev { left: -100px; } .slick-slider.arrows-hidden:hover .slick-prev { left: 1.5%; } .slick-slider.arrows-hidden .slick-next { right: -100px; } .slick-slider.arrows-hidden:hover .slick-next { right: 1.5%; } .slick-slider.arrows-middle .slick-prev, .slick-slider.arrows-middle .slick-next { bottom: 20px; left: 50%; right: auto; top: auto; } .slick-slider.arrows-middle .slick-prev { margin-left: -50px; } .slick-slider.arrows-middle .slick-next { margin-left: 10px; } /* dots */ .slick-slider.dots .slick-dots { bottom: 0; height: auto; left: 50%; position: absolute; visibility: visible; width: 100%; z-index: 999; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slick-slider.dots .slick-dots { list-style: none; margin: 0; outline: none !important; padding: 10px; text-align: center; } .slick-slider.dots .slick-dots li { display: inline; list-style: none; margin: 0 5px; padding: 0; vertical-align: top; } .slick-slider.dots .slick-dots button { background: none; display: inline-block; height: 20px; outline: none !important; position: relative; width: 20px; } .slick-slider.dots .slick-dots button::after { background: #fff; border-style: solid; border-width: 1px; content: ''; display: block; height: 10px; left: 5px; position: absolute; top: 5px; width: 10px; } .slick-slider.dots .slick-dots .slick-active button::after { border-width: 3px; height: 12px; left: 4px; top: 4px; width: 12px; } .slick-slider.dots.dots-rectangle .slick-dots button { width: 30px; } .slick-slider.dots.dots-rectangle .slick-dots button::after { left: 2px; height: 8px; top: 6px; width: 26px; } .slick-slider.dots.dots-rectangle .slick-dots .slick-active button::after { border-width: 3px; height: 10px; left: 0; top: 5px; width: 30px; } .slick-slider.dots.dots-line .slick-dots button { width: 40px; } .slick-slider.dots.dots-line .slick-dots button::after { border: none !important; height: 1px; left: 0; top: 10px; width: 40px; } .slick-slider.dots.arrows-middle .slick-prev, .slick-slider.dots.arrows-middle .slick-next { bottom: 60px; } .slick-slider.dots.dots-outside { padding-bottom: 40px; } .slick-slider.dots.dots-outside.arrows:not(.arrows-middle) .slick-arrow { margin-top: -40px; } /* animations */ .slick-slider.ken-burns { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .slider-wrap .ken-burns-zoom-out li.slick-active figure, .slider-wrap .ken-burns-zoom-alt li.slick-active:nth-child(odd) figure, .slider-wrap li.slick-active.ken-burns-rand-8 figure { -webkit-animation: kenburns_zoom_out 11s 1 ease-in-out; -ms-animation: kenburns_zoom_out 11s 1 ease-in-out; animation: kenburns_zoom_out 11s 1 ease-in-out; } .slider-wrap .ken-burns-zoom-in li.slick-active figure, .slider-wrap .ken-burns-zoom-alt li.slick-active:nth-child(even) figure, .slider-wrap li.slick-active.ken-burns-rand-9 figure { -webkit-animation: kenburns_zoom_in 11s 1 ease-in-out; -ms-animation: kenburns_zoom_in 11s 1 ease-in-out; animation: kenburns_zoom_in 11s 1 ease-in-out; } .slider-wrap li.slick-active.ken-burns-rand-0 figure { -webkit-animation: kenburns_zoom_rand_0 11s 1 ease-in-out; -ms-animation: kenburns_zoom_rand_0 11s 1 ease-in-out; animation: kenburns_zoom_rand_0 11s 1 ease-in-out; } .slider-wrap li.slick-active.ken-burns-rand-1 figure { -webkit-animation: kenburns_zoom_rand_1 11s 1 ease-in-out;-ms-animation: kenburns_zoom_rand_1 11s 1 ease-in-out; animation: kenburns_zoom_rand_1 11s 1 ease-in-out; } .slider-wrap li.slick-active.ken-burns-rand-2 figure { -webkit-animation: kenburns_zoom_rand_2 11s 1 ease-in-out; -ms-animation: kenburns_zoom_rand_2 11s 1 ease-in-out; animation: kenburns_zoom_rand_2 11s 1 ease-in-out; } .slider-wrap li.slick-active.ken-burns-rand-3 figure { -webkit-animation: kenburns_zoom_rand_3 11s 1 ease-in-out; -ms-animation: kenburns_zoom_rand_3 11s 1 ease-in-out; animation: kenburns_zoom_rand_3 11s 1 ease-in-out; } .slider-wrap li.slick-active.ken-burns-rand-4 figure { -webkit-animation: kenburns_zoom_rand_4 11s 1 ease-in-out; -ms-animation: kenburns_zoom_rand_4 11s 1 ease-in-out; animation: kenburns_zoom_rand_4 11s 1 ease-in-out; } .slider-wrap li.slick-active.ken-burns-rand-5 figure { -webkit-animation: kenburns_zoom_rand_5 11s 1 ease-in-out; -ms-animation: kenburns_zoom_rand_5 11s 1 ease-in-out; animation: kenburns_zoom_rand_5 11s 1 ease-in-out; } .slider-wrap li.slick-active.ken-burns-rand-6 figure { -webkit-animation: kenburns_zoom_rand_6 11s 1 ease-in-out; -ms-animation: kenburns_zoom_rand_6 11s 1 ease-in-out; animation: kenburns_zoom_rand_6 11s 1 ease-in-out; } .slider-wrap li.slick-active.ken-burns-rand-7 figure { -webkit-animation: kenburns_zoom_rand_7 11s 1 ease-in-out; -ms-animation: kenburns_zoom_rand_7 11s 1 ease-in-out; animation: kenburns_zoom_rand_7 11s 1 ease-in-out; } /* scroll to */ a.scroll-to { display: block; position: relative; text-align: center; text-decoration: none; transition: background .35s; z-index: 100; } a.scroll-to:not(.double) { height: 50px; text-indent: -9999px; } a.scroll-to::before, a.scroll-to::after { content: ''; display: block; left: 50%; position: absolute; transition: all .35s; } a.scroll-to:not(.cursor):not(.double)::before, a.scroll-to:not(.cursor):not(.double)::after { border-radius: 2px; height: 2px; margin-top: -2px; top: 33px; width: 20px; } a.scroll-to:not(.cursor):not(.double)::before { margin-left: -20px; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } a.scroll-to:not(.cursor):not(.double)::after { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } a.scroll-to:not(.cursor):not(.double):hover::before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } a.scroll-to:not(.cursor):not(.double):hover::after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } a.scroll-to:not(.ribbon) { bottom: 50px; left: 50%; margin-left: -25px; position: absolute; width: 50px; } .post-thumbnail-wrap a.scroll-to:not(.ribbon) { bottom: 10px; } a.scroll-to.arrow-animated:not(:hover)::before, a.scroll-to.arrow-animated:not(:hover)::after { -webkit-animation: arrow_animated 2.5s infinite; -ms-animation: arrow_animated 2.5s infinite; animation: arrow_animated 2.5s infinite; } a.scroll-to.cursor { background: transparent !important; bottom: 40px; width: 50px; } a.scroll-to.cursor::before { background: transparent; border-style: solid; border-radius: 7px; border-width: 2px; box-shadow: 0 0 2px rgba(0,0,0,.25); height: 22px; margin-left: -7px; top: 14px; width: 14px; } a.scroll-to.cursor:hover::before { box-shadow: 0 0 7px rgba(0,0,0,0.75); } a.scroll-to.cursor::after { border-radius: 1px; height: 3px; margin-left: -1px; top: 19px; width: 2px; -webkit-animation: cursor_scroll 2.5s infinite; -ms-animation: cursor_scroll 2.5s infinite; animation: cursor_scroll 2.5s infinite; } a.scroll-to.double { font-size: 16px; height: 80px; line-height: 20px; margin-left: -50px; padding-top: 60px; width: 100px; } a.scroll-to.double::before, a.scroll-to.double::after { background: transparent !important; border: 5px solid #fff; border-left-color: transparent; border-top-color: transparent; content: ''; display: block; height: 40px; left: 50%; position: absolute; transition: all 0.35s; width: 40px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } a.scroll-to.double::before { top: -25px; } a.scroll-to.double::after { top: -10px; } a.scroll-to.double:hover::before { top: -20px; } a.scroll-to.double:hover::after { top: 0px; } /* overlay */ .slider-wrap .overlay-wrap { display: block; font-size: 18px; height: auto; line-height: 1.5; min-width: 240px; position: absolute; visibility: visible; z-index: 100; } .slick-slider .overlay-wrap.closed { display: none; } .slider-wrap .overlay-wrap.fixed-left, .slick-slider .overlay-wrap.lf, .slider-wrap .overlay-wrap.fixed-center, .slick-slider .overlay-wrap.cf, .slider-wrap .overlay-wrap.fixed-right, .slick-slider .overlay-wrap.rf { bottom: 0; left: 50%; top: 0; width: 400px; } .slider-wrap .overlay-wrap.fixed-left, .slick-slider .overlay-wrap.lf { margin: 0 0 0 -600px; } .slider-wrap .overlay-wrap.fixed-center, .slick-slider .overlay-wrap.cf { margin: 0 0 0 -200px; } .slider-wrap .overlay-wrap.fixed-right, .slick-slider .overlay-wrap.rf { margin: 0 0 0 200px; } .slick-slider.dots.dots-outside + .overlay-wrap { bottom: 40px; } .slider-wrap .overlay-wrap.fixed-left .overlay, .slick-slider .overlay-wrap.lf .overlay, .slider-wrap .overlay-wrap.fixed-center .overlay, .slick-slider .overlay-wrap.cf .overlay, .slider-wrap .overlay-wrap.fixed-right .overlay, .slick-slider .overlay-wrap.rf .overlay { left: 5%; position: absolute; right: 5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slick-slider .overlay-wrap.lt, .slick-slider .overlay-wrap.ct, .slick-slider .overlay-wrap.rt, .slick-slider .overlay-wrap.lc, .slick-slider .overlay-wrap.cc, .slick-slider .overlay-wrap.rc, .slick-slider .overlay-wrap.lb, .slick-slider .overlay-wrap.cb, .slick-slider .overlay-wrap.rb { padding: 1.5%; max-width: 30%; z-index: 1000; } .slick-slider .overlay-wrap.lt { left: 5%; top: 5%; } .slick-slider .overlay-wrap.ct { left: 50%; top: 5%; } .slick-slider .overlay-wrap.rt { right: 5%; top: 5%; } .slick-slider .overlay-wrap.lc { left: 5%; top: 50%; } .slick-slider .overlay-wrap.cc { left: 50%; top: 50%; } .slick-slider .overlay-wrap.rc { right: 5%; top: 50%; } .slick-slider .overlay-wrap.lb { bottom: 5%; left: 5%; } .slick-slider .overlay-wrap.cb { bottom: 5%; left: 50%; } .slick-slider .overlay-wrap.rb { bottom: 5%; right: 5%; } .slick-slider .overlay-wrap.cc { -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .slick-slider .overlay-wrap.ct, .slick-slider .overlay-wrap.cb { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slick-slider .overlay-wrap.lc, .slick-slider .overlay-wrap.rc { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slick-slider .overlay > * + * { margin-top: 1em; } .slick-slider .overlay h1, .slick-slider .overlay h2, .slick-slider .overlay h3, .slick-slider .overlay a { color: inherit !important; } .slick-slider .overlay-close { cursor: pointer; display: block; font-size: 0; height: 30px; line-height: 0; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 30px; z-index: 1; } .slick-slider .overlay-close::before, .slick-slider .overlay-close::after { content: ''; display: block; height: 1px; left: 50%; margin: 0 0 0 -10px; position: absolute; top: 50%; transition: all 0.35s; width: 20px; } .slick-slider .overlay-close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .slick-slider .overlay-close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .slick-slider .overlay-close:hover::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .slick-slider .overlay-close:hover::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .slick-slider .overlay-open { cursor: pointer; display: block; font-size: 0; height: 31px; line-height: 0; position: absolute; right: -31px; text-indent: -9999px; top: 5px; transition: all 0.35s; width: 31px; z-index: 1; } .slick-slider .overlay-wrap.closed + .overlay-open { right: 5px; } .slick-slider .overlay-open::before, .slick-slider .overlay-open::after { content: ''; display: block; height: 1px; left: 50%; margin: -1px 0 0 -11px; position: absolute; top: 50%; transition: all 0.35s; width: 21px; } .slick-slider .overlay-open::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slick-slider .overlay-open:hover::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .slick-slider .overlay-open:hover::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* post thumbnail */ .post-thumbnail-wrap { position: relative; } .post-thumbnail { background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 250px; position: relative; z-index: 0; } .post-thumbnail img, .post-thumbnail figcaption { display: none; } .slider-mobile { text-align: center } .slider-mobile img { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100% } .slider-mobile figcaption { display: none } .slider-wrap li > span { position: absolute; right: 20px; top: 20px; z-index: 1 } .post-thumbnail-mobile { text-align: center } .post-thumbnail-mobile img { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100% } .post-thumbnail-mobile figcaption { display: none } .post-thumbnail-wrap li > span { position: absolute; right: 20px; top: 20px; z-index: 1 } /* video */ #container .video-wrap { position: relative; } #container .video { background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 250px; overflow: hidden; position: relative; } #container .video video { background: transparent; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; width: auto; z-index: 1; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .video-wrap .overlay-wrap { font-size: 18px; left: 50%; line-height: 1.5; min-width: 240px; position: absolute; top: 50%; z-index: 100; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* svg */ .svg-wrap { background: #eee; position: relative; } .svg { font-size: 0; line-height: 0; min-height: 250px; text-align: center; } .svg svg { height: auto; margin: 0 auto; max-width: 100%; } .svg figcaption { display: none; } .svg-wrap a.scroll-to:not(.ribbon) { bottom: 10px; } /* GOOGLE MAP - DIRECTIONS *************************************************************************************************/ .gmap-wrap { background: #eee; position: relative; } .gmap { min-height: 250px; overflow: hidden; position: relative; } .gmap-infowindow { display: table; min-width: 320px } .gmap-infowindow a { color: inherit; text-decoration: none } .gmap-infowindow h3 { display: block; margin: 0 0 10px } .gmap-infowindow p { font-size: 16px; line-height: 30px; margin: 0 } .gmap-infowindow .gmap-content { display: table-row } .gmap-infowindow .address, .gmap-infowindow .coordinates { display: table-cell; min-width: 200px; padding-right: 20px; vertical-align: top; width: 50% } .gmap-infowindow .coordinates a { text-decoration: none; white-space: nowrap } .gmap-infowindow .coordinates svg { fill: currentColor; height: 14px; margin: 0 10px 0 0; width: 16px } .gmap-infowindow + h4.readmore { border-top: 1px solid #ccc; display: block; clear: left; margin: 0; text-align: center; width: 100% } .get-directions { margin: 0 auto; max-width: 1200px; text-align: center } .get-directions .content { padding-bottom: 1.25%; padding-top: 1.25% } .get-directions .content > * + * { margin-left: 1em; margin-top: 0 !important } .get-directions .content .get-directions-start { background: #fff; border: 1px solid #666; color: #363b41; font-size: 1em; line-height: 1.333em; padding: 0.444em } .map-directions-wrap { margin: 0 auto; max-width: 1200px } .map-directions-wrap:not(.has-directions) { display: none } .map-directions table { width: 100% } .map-directions table.adp-placemark td:first-child { font-size: 0; line-height: 0; padding: 5px 15px } /* CONTENT *************************************************************************************************/ #breadcrumbs li > * { font-size: 14px; line-height: 1.5em; padding: 0 } #breadcrumbs li + li > * { margin: 0 0 0 0.5em } .content-wrap .content .alignleft { float: left; margin-bottom: 1em; margin-right: 1.5em; } .content-wrap .content .alignright { float: right; margin-bottom: 1em; margin-left: 1.5em; } .content-wrap .content .aligncenter { clear: both; display: block; margin-left: auto !important; margin-right: auto !important; } /*.content-wrap .content img:not(.mapplic-map-image) { max-width: 100%; width: auto; }*/ .content a.seo-link { cursor: inherit; outline: 0 !important; text-decoration: none!important } blockquote { clear: left; margin: 1em auto 0; text-align: center; } blockquote { display: block; font-size: 1.25em; width: auto } blockquote > * { display: inline-block; padding: 0.5em 0.75em } blockquote > :first-child { border-top: 1px solid #ccc; position: relative } blockquote > :last-child { border-bottom: 1px solid #ccc; margin: 0 } blockquote.style-1 { position: relative } blockquote.style-1 > * { border: none } blockquote.style-1 > :first-child::after, blockquote.style-1>:first-child::before { background: #ccc; border-radius: 0 0 8px; content: ''; display: block; height: 14px; position: absolute; top: 0; width: 8px; } blockquote.style-1 > :first-child::before { left: -10px } blockquote.style-1 > :first-child::after { left: 0 } h1.slogan, h2.slogan, h3.slogan { font-size: 1.25rem; line-height: 2rem; text-align: center; } h1.slogan em, h1.slogan strong, h2.slogan em, h2.slogan strong, h3.slogan em, h3.slogan strong { font-family: inherit; font-size: 1.75rem; font-style: normal; font-weight: inherit } hr { border: 0; border-top: 1px solid #ccc; height: 1px; margin: 1em auto 0; width: 80% } th { text-align: left; } ul.columns-2, ul.columns-3, ul.columns-4 { clear: left; } ul.columns-2 > li, ul.columns-3 > li, ul.columns-4 > li { float: left; vertical-align: top } ul.columns-2::after, ul.columns-3::after, ul.columns-4::after { clear: both; content: '\0020'; display: block; height: 0; visibility: hidden } ul.columns-2 > li { width: 50% } ul.columns-3 > li { width: 33.33% } ul.columns-4 > li { width: 25% } .nice-table td, .nice-table th, .pricetable td, .pricetable th { padding: 0.111em 0.333em; vertical-align: top } .nice-table tr:not(:first-child), .pricetable tr:not(:first-child) { border-top: 1px dotted #ccc } .nice-table tr:nth-child(even), .pricetable tr:nth-child(even) { background: rgba(0,0,0,0.05) } .nice-table, .pricetable { margin: 1em 0 0; width: 100% } .nice-table td:not(:first-child) { border-left: 1px dotted #ccc } .pricetable.double:not(.with-euro) td:nth-last-child(2), .pricetable.triple:not(.with-euro) td:nth-last-child(2), .pricetable.triple:not(.with-euro) td:nth-last-child(3), .pricetable:not(.with-euro) td:last-child { border-left: 1px dotted #ccc; text-align: right; width: 8% } .pricetable.double.with-euro td:nth-last-child(3), .pricetable.triple.with-euro td:nth-last-child(3), .pricetable.triple.with-euro td:nth-last-child(5), .pricetable.with-euro td:last-child { text-align: right; width: 8% } .pricetable.double.with-euro td:nth-last-child(4), .pricetable.triple.with-euro td:nth-last-child(4), .pricetable.triple.with-euro td:nth-last-child(6), .pricetable.with-euro td:nth-last-child(2) { border-left: 1px dotted #ccc; text-align: right; width: 3% } .om-iframe { margin: 1em auto 0; width: 100% } .om-iframe > iframe { border: 0; height: 500px; max-width: 100%; overflow: auto; width: 100% } .om-highlight { background: #ff0; display: inline-block; padding: 0 0.25em } .content-wrap > .content .vcard { margin-bottom: 1em } .vcard p + p:not(.tel-alt):not(.email-wrap) { margin-top: 1em } .vcard .photo, .vcard .type { display: none } .vcard .prefix { display: inline-block; min-width: 5em } .vcard .prefix::after { content: ':' } /* accordeon */ .accordeon .accordeon-content > * + * { margin-top: 1em } .js .accordeon .trigger { cursor: pointer; display: block; font-size: inherit; font-weight: inherit; padding: 0.278em 3.333em 0.278em 1.111em; position: relative } .js .accordeon .trigger > span { background: rgba(0,0,0,0.25); bottom: 0; display: block; position: absolute; right: 0; top: 0; width: 2.222em } .js .accordeon:not(.active) .accordeon-content { display: none; } .js .accordeon .trigger > span::after, .js .accordeon .trigger > span::before { border-radius: 1px; content: ''; height: 2px; left: 50%; margin: -1px 0 0 -0.5em; position: absolute; top: 50%; transition: all .35s; width: 1em; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50% } .js .accordeon:not(.active) .trigger > span::before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg) } .js .accordeon:not(.active) .trigger > span::after { -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0) } .js .accordeon.active .trigger > span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) } .js .accordeon.active .trigger > span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg) } .js .accordeon .accordeon-content { padding: 0.556em 1.111em } /* toc */ .toc-wrap .toc-list { display: none; } .js * + .toc-list, .toc-wrap .toc-content > * + * { margin-top: 1em } .js .toc-list { display: block; float: left; list-style: none; margin: 0 !important; padding: 0; width: 22.5%; } .js .toc { float: right; min-height: 5em; width: 75%; } .js .toc-list li { list-style: none; margin: 0; padding: 0; } .js .toc-list li + li { margin-top: 0.278em } .js .toc-list a { background: #eee; display: block; padding: 0.278em 1.667em 0.278em 0.556em; position: relative; text-align: left; text-decoration: none } .js .toc-list a::after, .js .toc-list a::before { background: currentColor; content: ''; display: block; height: 1px; margin-top: 2px; position: absolute; right: 15px; top: 50%; transition: all 0.35s; width: 8px; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50% } .js .toc-list a::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .js .toc-list a::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .js .toc-list a:hover::before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg) } .js .toc-list a:hover::after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg) } .js .toc-list a.active { background: #ccc } .js .toc .toc-item { display: none; width: 100% } /* wordcloud */ .wordcloud { margin-left: auto; margin-right: auto; padding: 1.25% 2.5%; text-align: center; width: 90% } .wordcloud a { margin: 0.25em } .wordcloud span { display: inline-block; font-size: 18px; line-height: 1.667em; margin: 0.25em; padding: 0.278em 0.556em } .wordcloud.default a { margin: 0 0.25em; text-decoration: underline } .wordcloud.default span { margin: 0 0.25em } .wordcloud.cloud a, .wordcloud.cloud span { line-height: 36px; margin: 5px; padding: 5px 10px } .wordcloud.cloud .keyword-0 > a, .wordcloud.cloud .keyword-0 > span { color: rgba(0,0,0,0.1); font-size: 12px } .wordcloud.cloud .keyword-1 > a, .wordcloud.cloud .keyword-1 > span { color: rgba(0,0,0,0.3); font-size: 18px } .wordcloud.cloud .keyword-2 > a, .wordcloud.cloud .keyword-2 > span { color: rgba(0,0,0,0.5); font-size: 24px; font-weight: 700 } .wordcloud.cloud .keyword-3 > a, .wordcloud.cloud .keyword-3 > span { color: rgba(0,0,0,0.7); font-size: 30px; font-weight: 700 } .wordcloud.cloud .keyword-4 > a, .wordcloud.cloud .keyword-4 > span { color: rgba(0,0,0,0.9); font-size: 36px; font-weight: 700 } .wordcloud.cloud a:hover { color: #fff } .wordcloud.tags a:hover { color: #fff !important } /* sitemap */ ul.sitemap, ul.sitemap li, ul.sitemap ul { list-style: none; padding: 0; } ul.sitemap { margin-left: 40px } ul.sitemap ul { margin: 0 0 0 40px } ul.sitemap li { margin: 0; text-align: left } ul.sitemap a { background: #fff; display: inline-block; font-size: 18px; line-height: 30px; margin: 0 0 1px; padding: 5px 20px 5px 60px; position: relative; text-decoration: none } ul.sitemap a, ul.sitemap a *, ul.sitemap a:before { transition: all 0.35s } ul.sitemap a::before { background-color: rgba(0,0,0,0.1); background-position: left center; background-repeat: no-repeat; background-size: 0 0; bottom: 0;content: ''; display: block; left: 0; position: absolute; top: 0; width: 40px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xNCAtMTQgMTI4IDEyOCI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTkwLjE5NiA1MUw0OS42MSA5MS41ODdsMi41OSAyLjc2M0w5Ny40NSA0OS4xIDUyLjIgMy44NWwtMi41OSAyLjc2M0w5MC4xOTUgNDcuMkgtMi41NVY1MSIvPgo8L3N2Zz4K) } ul.sitemap a:hover { color: #fff!important } ul.sitemap a:hover::before { background-color: rgba(0,0,0,0.2); background-position: center center; background-size: 30px 30px } /* pagination */ .pagination { text-align: center; } .pagination .page-numbers { font-size: 16px; line-height: 1.667em } .pagination .page-numbers:not(:hover) { color: inherit !important } .pagination .page-numbers:not(.prev):not(.next) { display: inline-block; margin: 0 0.278em; min-width: 2.222em; padding: 0.278em 0.556em; text-align: center; } .pagination a.page-numbers:not(.prev):not(.next) { border-style: solid; border-width: 1px } /* GALLERY *************************************************************************************************/ .gallery-wrap li { background: transparent; position: relative; } .gallery-wrap figure { position: relative; width: 100%; z-index: 1; } .gallery-wrap figure a { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; text-decoration: none; top: 0; width: 100%; } .gallery-wrap figure img { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } /* READ MORE *************************************************************************************************/ .readmore.animated { cursor: pointer; display: block; font-size: 1em; height: 1em; line-height: 1em; margin: 0 auto 0.75em; position: relative; text-align: center; width: 60px } .readmore.animated span, .readmore.animated::after, .readmore.animated::before { background: 0 0; border-color: rgba(0,0,0,0.5); border-style: solid; border-width: 1px; border-radius: 50%; content: ''; display: block; font-size: 0; height: 8px; left: 50%; line-height: 0; margin: -4px 0 0; position: absolute; text-indent: -9999px; top: 50%; transition: border, top 0.35s; width: 8px } .readmore.animated span { margin-left: -4px } .readmore.animated::before { margin-left: -16px } .readmore.animated::after { margin-left: 8px } .readmore.animated:hover span { top: 75% } .readmore.animated:hover::after, .readmore.animated:hover::before { top: 25% } /* MASONRY *************************************************************************************************/ .masonry li { background: transparent; position: relative; } .masonry li > a, .masonry .masonry-item { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .masonry figure, .masonry .masonry-placeholder { display: block; height: 100%; position: relative; width: 100%; z-index: 1; } .masonry figure img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .masonry figure figcaption { display: none; } .masonry .content { font-size: .9375vw; left: 0; line-height: 1.5em; padding: 0 5%; position: absolute; right: 0; text-align: center; top: 50%; z-index: 3; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .masonry .content h3 { display: inline-block; font-size: 1.75em; font-weight: 300; line-height: 1.25em; margin: 0 0 1em; position: relative; } .masonry .content h3::after { bottom: -0.5em; content: ''; display: block; height: 1px; position: absolute; } .masonry .content p { font-size: 1em; margin-top: 0 !important; } .masonry .hover { display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.35s; width: 100%; z-index: 2; } .masonry .has-img:not(.overlay-visible) .content h3 { opacity: 0; transition: opacity 0.5s, transform 0.5s; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } .masonry .has-img:not(.overlay-visible) .content h3::after { left: 35%; opacity: 0; right: 35%; transition: left 0.5s, right 0.5s, opacity 0.5s; } .masonry :not(.has-img) .content h3::after, .masonry .overlay-visible .content h3::after { left: 0; right: 0; } .masonry .has-img:not(.overlay-visible) .content p { opacity: 0; transition: transform 0.5s; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); } .masonry .has-img:not(.overlay-visible) a:hover .content h3, .masonry .has-img:not(.overlay-visible) a:hover .content p { opacity: 0.99; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .masonry .has-img:not(.overlay-visible) a:hover .content h3::after { left: 0; opacity: 0.99; right: 0; } .masonry .has-img a:hover .hover { opacity: 0.99; } .masonry .has-img.zoom > a:hover .content { display: none; } .masonry .has-img.zoom > a .hover::before { background-position: center; background-repeat: no-repeat; background-size: 0px 0px; content: ''; display: block; height: 50px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: absolute; top: 50%; transition: all .35s; width: 40px; z-index: 15; background-image: url("data:image/svg+xml;utf8,"); } .masonry .has-img.zoom > a:hover .hover::before { background-size: 40px 40px; opacity: 0.99; } .masonry-wrap .masonry ul > li > :not(span) { padding-bottom: 0 !important; } /* CAROUSEL *************************************************************************************************/ .carousel-wrap { background-position: center; background-repeat: no-repeat; background-size: cover; } .carousel-wrap .carousel:not(.carousel-content) a { box-shadow: 0 0 5px rgba(0,0,0,0.25); transition: background 0.35s, box-shadow 0.35s; } .carousel-wrap .carousel:not(.carousel-testimonials) figure { overflow: hidden; position: relative; } .carousel-wrap .carousel:not(.carousel-testimonials) figure img { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .carousel-pages .child-page .content { color: inherit; font-size: 0.889em; min-height: 7em; padding: 0.625em 1.250em; } .carousel-pages .child-page .content h3 { margin: 0 0 0.5em; } .carousel-pages .child-page .content .entry-author, .carousel-pages .child-page .content .entry-date { color: #787878; font-size: 0.778em; font-weight: inherit; line-height: 1; margin: 0; } .carousel-pages .child-page .content p { text-align: justify; } .carousel-pages .child-page .readmore { border-top: 1px solid #e0e0e0; color: #787878; display: block; font-size: 0.778em; margin: 0 1.429em; padding: 0.35em 0; text-align: center; } .carousel-content .child-page .content { font-size: 0.889em; min-height: 7em; padding: 0.625em 1.250em; } .carousel-content .child-page .content h3 { margin: 0 0 0.5em; } .carousel-content .child-page .content p { text-align: justify; } .carousel-content .child-page.readmore a { color: inherit; text-decoration: inherit; } .carousel-content .child-page.readmore figure > .readmore { border: 1px solid #fff; border-radius: 50%; font-size: 0; height: 8px; left: 50%; line-height: 0; margin: -4px 0 0 -4px; position: absolute; top: 50%; transition: all 0.35s; width: 8px; } .carousel-content .child-page.readmore figure > .readmore::before, .carousel-content .child-page.readmore figure > .readmore::after { border: 1px solid #fff; border-radius: 50%; content: ''; display: block; height: 8px; left: 50%; position: absolute; top: 50%; transition: all .35s; width: 8px; } .carousel-content .child-page.readmore figure > .readmore::before { margin: -4px 0 0 -16px; } .carousel-content .child-page.readmore figure > .readmore::after { margin: -4px 0 0 8px; } .carousel-content .child-page.readmore a:hover figure > .readmore { margin-top: 0; } .carousel-content .child-page.readmore a:hover figure > .readmore::before, .carousel-content .child-page.readmore a:hover figure > .readmore::after { margin-top: -12px; } .carousel-posts .post .content { font-size: 0.889em; min-height: 7em; padding: 0.625em 1.250em; } .carousel-posts .post .content h3 { margin: 0 0 0.5em; } .carousel-posts .post .content .entry-author, .carousel-posts .post .content .entry-date { color: #787878; font-size: 0.778em; font-weight: inherit; line-height: 1; margin: 0; } .carousel-posts .post .content p { text-align: justify; } .carousel-posts .post .readmore { border-top: 1px solid #e0e0e0; color: #787878; display: block; font-size: 0.778em; margin: 0 1.429em; padding: 0.35em 0; text-align: center; } .carousel-wrap .carousel-testimonial li { margin: 1em 0; width: 100%; } .carousel-wrap .carousel-testimonials img { height: auto; margin: 0 auto; max-width: 150px; width: 100%; } .carousel-wrap .carousel-testimonials h3 { text-align: center; } .carousel-wrap .carousel-testimonials .testimonial-meta { font-size: 0.778em; text-align: center; } .carousel-portfolio .post .content { font-size: 0.889em; min-height: 7em; padding: 0.625em 1.250em; } .carousel-portfolio .post .content h3 { margin: 0 0 0.5em; } .carousel-portfolio .post .content p { text-align: justify; } .carousel-portfolio .post .readmore { border-top: 1px solid #e0e0e0; color: #787878; display: block; font-size: 0.778em; margin: 0 1.429em; padding: 0.35em 0; text-align: center; } /* PARTICLE *************************************************************************************************/ .particle a { position: relative; } .particle figure { bottom: 0; display: block; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .particle figure img { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .particle-wrap .particle figcaption, .particle-wrap .particle .placeholder > h3 { bottom: 1em; display: block; font-size: 1rem; font-weight: inherit; left: 1em; line-height: 1.5rem; position: absolute; transition: all 0.35s; z-index: 10; } .particle-wrap .particle .large figcaption, .particle-wrap .particle .large .placeholder > h3 { font-size: 1.333rem; } .particle a > figure::after { background: rgba(0,0,0,0); bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; transition: background 0.35s; z-index: 5; } .particle .overflow .content { font-size: 1rem; line-height: 1.667rem; } /* POSTS *************************************************************************************************/ .blog .content-wrap .post figure img { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } /* CTA *************************************************************************************************/ #container .content ul.social-links { margin: 0; } .cta.social header { float: left; width: 60%; } .cta.social .social-links { float: right; width: 37.5%; } ul.social-links { list-style: none; padding: 0; text-align: center; } ul.social-links li { display: inline; vertical-align: top; } ul.social-links a { display: inline-block; line-height: 1; margin: 0.75em; padding: 0.25em; text-decoration: none; } ul.social-links svg { height: 2.5em; max-height: none; max-width: none; transition: fill 0.35s; width: 2.5em; } #container .content ul.social-links { margin: 0; } .cta.social-share header { float: left; width: 60%; } .cta.social-share .social-links { float: right; width: 37.5%; } .cta.date-fromto { text-align: center; } .cta.date-fromto h3, .cta.date-fromto p { display: inline-block; margin: 0 0.25em; } .cta.date-time { text-align: center; } .cta.date-time h3, .cta.date-time p { display: inline-block; margin: 0 0.25em; } /* SEARCH *************************************************************************************************/ .searchform-wrap { box-shadow: 0 0 10px rgba(0,0,0,0.5); display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 9999999; } .searchform { margin: 0 auto; max-width: 1200px; width: 100%; } .searchform .form-wrap { text-align: center } .searchform-wrap .form-wrap { padding: 10% 2.5% } .searchform-close { font-size: 0; height: 60px; left: 50%; line-height: 0; margin-left: -30px; position: absolute; text-decoration: none; text-indent: -99999px; top: 0; width: 60px; } .searchform-close::after, .searchform-close::before { content: ''; display: block; height: 40px; left: 50%; margin-left: -2px; margin-top: -20px; position: absolute; top: 50%; transition: all 0.35s; width: 4px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .searchform-close::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .searchform-close::after, .searchform-close:hover::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .searchform-close:hover::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .searchform-wrap label .screen-reader-text { display: none } .searchform-wrap label input.search-field { background: rgba(0,0,0,0.2); border: none; font-size: 30px; line-height: 40px; padding: 10px 20px; vertical-align: top; -webkit-appearance: none } .searchform-wrap .submit { display: inline-block; height: 60px; margin-left: 20px; position: relative; text-decoration: none; vertical-align: top; width: 60px } .searchform-wrap .submit::after, .searchform-wrap .submit::before { border-radius: 2px; bottom: 10px; content: ''; display: block; left: 50%; margin-left: -2px; position: absolute; transition: all 0.35s; width: 4px; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100% } .searchform-wrap .submit::before { height: 20px; margin-bottom: 3px; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg) } .searchform-wrap .submit::after { height: 40px; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg) } .searchform-wrap .submit:hover::before { -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg) } .searchform-wrap .submit:hover::after { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg) } .search .content-wrap .searchform { padding: 2.5% } .search .content-wrap .searchform .search-field { border-style: solid; border-width: 1px; display: inline-block; font-size: 1em; line-height: 1.333em; margin: 0 0.444em; padding: 0.444em; -webkit-appearance: none; -moz-appearance: none; appearance: none } .search .content-wrap .content-category, .search .content-wrap .content-tag { margin-bottom: 5% } .search .content-wrap .post { margin: 0 0 1.5em; position: relative } .search .content-wrap .post a { display: block; padding: 10px; position: relative; text-decoration: none; transition: all 0.35s; width: 100%; z-index: 0 } .search .content-wrap .post .placeholder, .search .content-wrap .post figure { display: block; float: left; font-size: 0; height: 0; line-height: 0; padding-bottom: 66%; position: relative; width: 100% } .search .content-wrap .post .placeholder svg { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .search .content-wrap .post figure { background-position: center center; background-repeat: no-repeat; background-size: cover; font-size: 0; line-height: 0 } .search .content-wrap .post figure img { display: none; height: auto; max-width: 100% } .search .content-wrap .post figure figcaption { display: none } .search .content-wrap .post header { padding: 0 2.5% 1em } .search .content-wrap .post header .entry-title { margin: 0 0 0.5em } .search .content-wrap .post header .entry-author, .search .content-wrap .post header .entry-date { font-size: 0.778em; font-weight: inherit; line-height: 1; margin: 0 } .search .content-wrap .post .entry-content { font-size: 0.889em; padding: 0 2.5%; text-align: justify } .search .content-wrap .post:not(.grid) { clear: left } .search .content-wrap .post:not(.grid) + .post:not(.grid) { border-top: 1px solid #ccc; padding-top: 1.5em } .search .content-wrap .post:not(.grid).has-readmore .entry-content { padding-bottom: 1.5em } .search .content-wrap .post.grid .placeholder, .search .content-wrap .post.grid figure { margin: 0 0 10px } .search .content-wrap .post.grid .readmore { border-top: 1px solid #ccc; display: block; margin-top: 0.75em; text-align: center; width: 100% } /* NOTICES *************************************************************************************************/ .notice { background: #379bd4; color: #fff; margin: 0 auto 1em; padding: 0.75em 1.5em 0.75em 65px; position: relative; width: 90%; } .notice em { font-size: 0.778em; } .content a.seo-link, .notice > :not(.icon) { color: inherit !important } .notice::before { background: rgba(0,0,0,0.25); bottom: 0; content: ''; display: block; left: 0; position: absolute; top: 0; width: 0.35em; } .notice .icon { border-radius: 50%; font-size: 0; height: 24px; left: 35px; line-height: 0; margin-left: -12px; margin-top: -12px; position: absolute; top: 50%; width: 24px; } .notice .icon::after, .notice .icon::before { content: ''; display: block; font-size: 0; line-height: 0; position: absolute; } .notice:not(.success):not(.error) .icon::after, .notice:not(.success):not(.error) .icon::before { background: #379bd4; left: 10px; width: 4px; } .notice:not(.success):not(.error) .icon::before { height: 4px; top: 4px; } .notice:not(.success):not(.error) .icon::after { height: 10px; top: 10px; } .notice.success { background-color: #0f834d; } .notice.success .icon::after, .notice.success .icon::before { background-color: #0f834d; height: 4px; top: 10px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .notice.success .icon::before { left: 4px; width: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .notice.success .icon::after { left: 7px; width: 14px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .notice.error { background-color: #e2401c; } .notice.error .icon::after, .notice.error .icon::before { background-color: #e2401c; height: 4px; left: 50%; margin-left: -8px; margin-top: -2px; top: 50%; width: 16px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .notice.error .icon::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .notice.error .icon::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* WIDGETS *************************************************************************************************/ .widget { margin-top: 1em; zoom: 1; } .widget:before, .widget:after { content: '\0020'; display: block; height: 0; visibility: hidden; } .widget:after { clear: both; } .widget h3 { margin-bottom: 1px; padding: 0.25em 0.5em; text-align: center; } .om-widget-hcard a { text-decoration: none; } .om-widget-hcard h2 { padding: 2.5% 5%; } .om-widget-hcard h2 > a.url:not(.fn) { font-size: 0; line-height: 0; } .om-widget-hcard h2 > img, .om-widget-hcard h2 > svg { height: auto; max-width: 100%; } .om-widget-hcard .hcard-wrap { padding: 5%; } .om-widget-hcard .hcard-wrap p + p { margin-top: 0.5em; } .om-widget-hcard .hcard-wrap svg { fill: currentColor; height: 18px; width: 18px; } .om-widget-hcard .hcard-wrap .type, .om-widget-hcard .hcard-wrap .hidden, .om-widget-hcard .hcard-wrap .photo { display: none; } .om-widget-hcard .text-icons .hcard-wrap p { padding-left: 2em; position: relative; } .om-widget-hcard .text-icons .hcard-wrap p .icon { left: 0.375em; position: absolute; top: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .om-widget-hcard .text-icons .hcard-wrap p.vat .icon, .om-widget-hcard .text-icons .hcard-wrap p.extra .icon { font-size: 0.6em; top: 14px; } .om-widget-hcard .text .hcard-wrap .icon { display: none; } .om-widget-hcard .icons .hcard-wrap { text-align: center; } .om-widget-hcard .icons .hcard-wrap p { display: inline-block; } .om-widget-hcard .icons .hcard-wrap .icon { display: block; font-size: 0; margin: 3px; padding: 5px; } .om-widget-hcard .icons .hcard-wrap .icon + * { display: none; } .om-widget-image a { background-position: center; background-repeat: no-repeat; background-size: cover; display: block; height: 0; padding: 0 0 66.66%; } .om-widget-image a img, .om-widget-image figcaption { display: none; } .om-widget-svg figure { padding: 2.5% 5%; } .om-widget-svg svg { height: auto !important; width: 100% !important; } .om-widget-svg figcaption { display: none; } .om-widget-slider .slider-wrap { overflow: hidden; } .om-widget-slider figure { height: 0 !important; min-height: 100px; padding-bottom: 66.66%; } .om-widget-slider .slick-dots { width: 100%; } .om-widget-testimonials .slider-wrap { font-size: inherit; line-height: inherit; } .om-widget-testimonials .slider-wrap figure { background: none; height: auto; min-height: 0; padding: 2.5% 5%; text-align: center; } .om-widget-testimonials .slider-wrap figure img { display: block; margin: 0 auto; } .om-widget-testimonials .slider-wrap .content { padding: 2.5% 5%; } .om-widget-testimonials .slider-wrap .content * + * { margin-top: 1em; } .om-widget-socialmedia ul.social-links { list-style: none; padding: 0; text-align: center; } .om-widget-socialmedia ul.social-links li { display: inline; vertical-align: top; } .om-widget-socialmedia ul.social-links a { display: inline-block; line-height: 1; margin: 0.75em; padding: 0.25em; text-decoration: none; } .om-widget-socialmedia ul.social-links svg { fill: currentColor; height: 2.5em; transition: fill .35s; width: 2.5em; } .om-widget-socialshare ul.social-links { list-style: none; padding: 0; text-align: center; } .om-widget-socialshare ul.social-links li { display: inline; vertical-align: top; } .om-widget-socialshare ul.social-links a { display: inline-block; line-height: 1; margin: 0.75em; padding: 0.25em; text-decoration: none; } .om-widget-socialshare ul.social-links svg { fill: currentColor; height: 2.5em; transition: fill .35s; width: 2.5em; } .widget_text .textwidget { padding: 5%; } .widget_text .textwidget > * + * { margin-top: 1em; } /* FOOTER *************************************************************************************************/ #footer { display: block; } #footer-widget-area { margin-bottom: 1em; } #footer-widget-area:not(.widget-area-1) .widget { float: left; } /* FOOTER NAVIGATION *************************************************************************************************/ #nav-footer { display: block; float: left; width: 75%; } #nav-footer a { font-size: 16px; line-height: 1.875em; padding: 5px 0.5em; } #nav-footer li + li a::before { content: ' - '; left: -0.5em; position: relative; } /* ORIGINAL MEDIA *************************************************************************************************/ #about-the-author { display: block; float: right; font-size: 16px; margin: 0; padding: 0; text-align: right; width: 25%; } .original-media { color: #7b7c82 !important; display: inline-block; padding: 5px 0.5em; padding-left: 1.7em; position: relative; text-decoration: none; white-space: nowrap; } .original-media span { display: none; } .original-media strong { color: #d14943; font-weight: inherit; text-transform: lowercase; } .original-media:before { border: 2px solid #d14943; border-radius: 50%; content: ''; display: block; height: 1.1em; left: 0.5em; margin-top: -0.5em; position: absolute; top: 50%; width: 1.1em; } /* ABOUT THE AUTHOR *************************************************************************************************/ #about-original-media-wrap { background: #363b41; color: #adaeb2; } #about-original-media { margin: 0 auto; max-width: 1200px; width: 100%; } #about-original-media .content { padding: 2.5%; } #about-original-media * + * { margin-top: 1em; } #about-original-media h2 { text-align: center; } #about-original-media p { text-align: justify; } #about-original-media img { height: auto; max-width: 100%; } #about-original-media a { color: #adaeb2; text-decoration: underline; } #about-original-media a:hover { color: #fff; } /* COOKIE DISCLAIMER *************************************************************************************************/ #disclaimer-wrap { background: #eee; bottom: 0; color: #787878; font-size: 0.778rem; left: 0; right: 0; z-index: 123456789; } #disclaimer { margin: 0 auto; max-width: 1200px; width: 100%; } #disclaimer .content { padding-bottom: 0.75%; padding-top: 0.75%; } .disclaimer-txt { float: left; margin-bottom: 0; padding: 0.444em 0; width: 70%; } .disclaimer-buttons { float: right; margin-bottom: 0; padding: 0.444em 0; text-align: right; width: 25%; } #disclaimer .accept { background: #b8b8b8; color: #fff !important; margin-right: 1em; } #disclaimer .readmore { color: inherit; font-size: 0.857em; text-decoration: none; white-space: nowrap; } #disclaimer .readmore:hover { text-decoration: underline; } #disclaimer-wrap.top { left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } #cookie-disclaimer-wrap { background: rgba(238,238,238,0.95); border-top: 5px solid rgba(0,0,0,0.5); bottom: 0; left: 0; position: relative; right: 0; z-index: 123456789; } #cookie-disclaimer-wrap.top { border-bottom: 5px solid rgba(0,0,0,0.5); border-top: 0px none; bottom: auto; top: 0; } #cookie-disclaimer { font-size: 0.778rem; line-height: 1.333rem; margin: 0 auto; max-width: 1200px; width: 100%; } #cookie-disclaimer .content { float: left; padding: 20px 2.5%; width: 47.5%; } #cookie-disclaimer .content p { text-align: justify; } #cookie-disclaimer .content p.controls { margin-top: 0.75em; text-align: center; } #cookie-disclaimer .content a:not(.button) { color: inherit; text-decoration: underline; } #cookie-disclaimer .cookies { float: right; padding: 20px 2.5%; width: 50%; } #cookie-disclaimer .cookies ul { list-style: none; margin: 0; padding: 0; } #cookie-disclaimer .cookies li { list-style: none; margin: 0; padding: 0; } #cookie-disclaimer .cookies li + li { margin-top: 1em; } #cookie-disclaimer .cookies input { display: none; } #cookie-disclaimer .cookies label { display: block; padding-left: 80px; position: relative; } #cookie-disclaimer .cookies input:not(:disabled) + label { cursor: pointer; } #cookie-disclaimer .cookies label::before { background: #e2401c; border-radius: 12px; content: ''; cursor: pointer; display: block; font-size: 0; height: 24px; left: 0; line-height: 0; margin-top: -12px; position: absolute; top: 50%; width: 50px; z-index: 0; } #cookie-disclaimer .cookies label::after { background: #fff; border-radius: 50%; content: ''; display: block; font-size: 0; height: 18px; left: 3px; line-height: 0; margin-left: 0; margin-top: -9px; position: absolute; top: 50%; transition: margin 0.35s; width: 18px; z-index: 1; } #cookie-disclaimer .cookies input[type=checkbox]:disabled + label::before { background: #787878; } #cookie-disclaimer .cookies input[type=checkbox]:checked:not(:disabled) + label::before { background-color: #0f834d; } #cookie-disclaimer .cookies input[type=checkbox]:checked + label::after { margin-left: 26px; } /* SCROLL TO TOP *************************************************************************************************/ #scroll-to-top { bottom: 5%; height: 50px; position: fixed; right: 0; text-decoration: none; transition: background 0.35s; width: 50px; z-index: 1234567890; } #scroll-to-top::before, #scroll-to-top::after { border-radius: 2px; content: ''; display: block; height: 2px; left: 50%; position: absolute; top: 50%; transition: all 0.35s; width: 24px; } #scroll-to-top::before { margin: -12px 0 0 -23px; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #scroll-to-top::after { margin: -12px 0 0 0; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #scroll-to-top:hover { background-color: rgba(0,0,0,0.75); } #scroll-to-top:hover::before { background: #fff; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); } #scroll-to-top:hover::after { background: #fff; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } /* EDITABLE CONTENT *************************************************************************************************/ body:not(.logged-in) .om-edit-link { display: none !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; visibility: hidden !important; } body.logged-in .om-editable-area { border: 2px solid #eee !important; position: relative; } body.logged-in .om-editable-area .om-edit-link { background: #eee; border: 2px solid #eee; color: #333; display: inline-block; font-size: 12px; line-height: 16px; padding: 4px 10px; position: absolute; right: -2px; text-decoration: none; text-transform: uppercase; top: -2px; z-index: 999; } body.logged-in .om-editable-area:hover, body.logged-in .om-editable-area:hover .om-edit-link { border-color: #0073aa !important; } body.logged-in .om-editable-area .om-edit-link:hover { background-color: #0073aa !important; color: #fff !important; } body.logged-in .om-editable-area .om-edit-overlay { font-size: 0; line-height: 0; margin: 0 !important; } body.logged-in .om-editable-area .om-edit-link:hover + .om-edit-overlay { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 888; background-image: linear-gradient(45deg, rgba(0,115,170,0.25) 25%, transparent 25%, transparent 75%, rgba(0,115,170,0.25) 75%, rgba(0,115,170,0.25)), linear-gradient(45deg, rgba(0,115,170,0.25) 25%, transparent 25%, transparent 75%, rgba(0,115,170,0.25) 75%, rgba(0,115,170,0.25)); background-size: 2px 2px; background-position: 0 0, 1px 1px; } /* FANCYBOX *************************************************************************************************/ .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } /* Make sure that the first one is on the top */ .fancybox-container~.fancybox-container { z-index: 99992; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 50%; margin-left: -79px; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-toolbar { top: 0; right: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide>* { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none; } .fancybox-button[disabled] { cursor: default; pointer-events: none; } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, 0.8); } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button[disabled]::before, .fancybox-button[disabled]::after { opacity: 0.3; } .fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; } .fancybox-button--left::after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; } .fancybox-button--right { border-bottom-right-radius: 5px; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Navigation arrows */ .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s; } .fancybox-arrow::after { content: ''; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; } .fancybox-arrow--right { right: 0; } .fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .fancybox-arrow--right::after, .fancybox-arrow--left::after { left: 0; } .fancybox-show-nav .fancybox-arrow { opacity: 0.6; } .fancybox-show-nav .fancybox-arrow[disabled] { opacity: 0.3; } /* Loading indicator */ .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0; } .fancybox-button--left, .fancybox-button--right { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none; } /* Slideshow button */ .fancybox-button--play::before, .fancybox-button--pause::before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent; } .fancybox-button--play::before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; } .fancybox-button--pause::before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; } /* Thumbs */ .fancybox-thumbs { display: none; } .fancybox-button--thumbs { display: none; } @media all and (min-width: 800px) { .fancybox-button--thumbs { display: inline-block; } .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs::before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 220px; } .fancybox-thumbs>ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs>ul>li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs>ul>li>img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs>ul>li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs>ul>li.fancybox-thumbs-active:before { opacity: 1; } } /* JQUERY UI *************************************************************************************************/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-zfix, .ui-widget-overlay { height: 100%; left: 0; top: 0; width: 100%; } .ui-helper-reset { border: 0; font-size: 100%; line-height: 1.3; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none; } .ui-helper-clearfix:after, .ui-helper-clearfix:before { border-collapse: collapse; content: ""; display: table; } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { filter: Alpha(Opacity=0); opacity: 0; position: absolute; } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important } .ui-icon { background-repeat: no-repeat; display: block; text-indent: -99999px; } .ui-widget-overlay { position: fixed } .ui-datepicker { display: none; padding: .2em .2em 0; width: 17em; } .ui-datepicker .ui-datepicker-header { padding: .2em 0; position: relative; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { height: 1.8em; position: absolute; top: 2px; width: 1.8em; } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: block; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; } .ui-datepicker .ui-datepicker-title { line-height: 1.8em; margin: 0 2.3em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { border-collapse: collapse; font-size: .9em; margin: 0 0 .4em; width: 100%; } .ui-datepicker th { border: 0; font-weight: 700; padding: 0.7em 0.3em; text-align: center; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; border-bottom: 0; border-left: 0; border-right: 0; margin: 0.7em 0 0; padding: 0 0.2em; } .ui-datepicker .ui-datepicker-buttonpane button { cursor: pointer; float: right; margin: 0.5em 0.2em 0.4em; overflow: visible; padding: 0.2em 0.6em 0.3em; width: auto; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group table { margin: 0 auto 0.4em; width: 95%; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; font-size: 0; width: 100%; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { left: auto; right: 2px; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { left: auto; right: 1px; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-widget { font-family: inherit; font-size: .889em; line-height: 1.25em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: inherit; font-size: inherit; } .ui-widget-content { background: #fff; border: 1px solid #aaa; color: #222 } .ui-widget-header { background: url(../../images/jquery-ui/base/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc; border: 1px solid #aaa; font-weight: 700; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url(../../images/jquery-ui/base/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6; border: 1px solid #d3d3d3; color: #555; font-weight: 400; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; } .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { background: url(../../images/jquery-ui/base/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada; border: 1px solid #999; color: #212121; font-weight: 400; } .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: url(../../images/jquery-ui/base/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff; border: 1px solid #aaa; color: #212121; font-weight: 400; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: url(../../images/jquery-ui/base/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee; border: 1px solid #fcefa1; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { background: url(../../images/jquery-ui/base/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec; border: 1px solid #cd0a0a; color: #cd0a0a; } .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { filter: Alpha(Opacity=70); font-weight: 400; opacity: 0.7; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { background-image: none; filter: Alpha(Opacity=35); opacity: 0.35; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { height: 16px; overflow: hidden width: 16px; } .ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon { background-image: url(../../images/jquery-ui/base/ui-icons_222222_256x240.png) } .ui-state-default .ui-icon { background-image: url(../../images/jquery-ui/base/ui-icons_888888_256x240.png) } .ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background-image: url(../../images/jquery-ui/base/ui-icons_454545_256x240.png) } .ui-state-highlight .ui-icon { background-image: url(../../images/jquery-ui/base/ui-icons_2e83ff_256x240.png) } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../../images/jquery-ui/base/ui-icons_cd0a0a_256x240.png) } .ui-icon-blank { background-position: 16px 16px } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-first, .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-widget-overlay, .ui-widget-shadow { background: #aaa; filter: Alpha(Opacity=30) opacity: 0.3; } .ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top { border-top-left-radius: 4px } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-top-right-radius: 4px } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-bottom-left-radius: 4px } .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-bottom-right-radius: 4px } .ui-widget-shadow { border-radius: 8px; margin: -8px 0 0 -8px; padding: 8px; } .ui-timepicker-wrapper { background: #fff; border: 1px solid #ddd; box-shadow: 0 5px 10px rgba(0,0,0,0.2); height: 150px; margin: 0; outline: 0; overflow-y: auto; width: 6.5em; z-index: 10001; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em } .ui-timepicker-list { list-style: none; margin: 0; padding: 0; } .ui-timepicker-duration { color: #888; margin-left: 5px; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888 } .ui-timepicker-list li { color: #000; cursor: pointer; list-style: none; padding: 3px 0 3px 5px; margin: 0; white-space: nowrap; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } .ui-timepicker-list .ui-timepicker-selected:hover, .ui-timepicker-list li:hover, li.ui-timepicker-selected { background: #1980EC; color: #fff; } .ui-timepicker-list li:hover .ui-timepicker-duration, li.ui-timepicker-selected .ui-timepicker-duration { color: #ccc } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2 } .ui-widget-content a, .ui-widget-header, .ui-widget-header a { color: #222 } /* MEDIA QUERIES *************************************************************************************************/ @media only screen and ( min-width: 1000px ) { .search .content-wrap .post.grid { width: 30% } .search .content-wrap .post.grid:nth-child(3n+1) { clear: left; margin-left: 0 } } @media only screen and ( min-width: 800px ) { .fancybox-thumbs, .fancybox-thumbs > ul > li { box-sizing: border-box; margin: 0; -webkit-tap-highlight-color: transparent; } .fancybox-button--thumbs { display: inline-block } .fancybox-button--thumbs span { font-size: 23px } .fancybox-button--thumbs::before { box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; height: 3px; left: calc(50% - 2px); top: calc(50% - 2px); width: 3px; } .fancybox-thumbs { background: #fff; bottom: 0; left: auto; padding: 5px 5px 0 0; position: absolute; right: 0; top: 0; width: 220px; word-break: normal; z-index: 99995; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 220px } .fancybox-thumbs > ul { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; width: 100%; } .fancybox-thumbs > ul > li { border: 5px solid transparent; border-right-width: 0; border-top-width: 0; cursor: pointer; float: left; height: 75px; max-width: 50%; outline: 0; overflow: hidden; padding: 0; position: relative; width: 105px; -webkit-backface-visibility: hidden; backface-visibility: hidden } li.fancybox-thumbs-loading { background: rgba(0,0,0,0.1) } .fancybox-thumbs > ul > li > img { left: 0; max-height: none; max-width: none; min-height: 100%; min-width: 100%; position: absolute; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-thumbs > ul > li:before { border: 4px solid #4ea7f9; border-radius: 2px; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25,0.46,0.45,0.94); z-index: 99991; } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1 } } @media only screen and ( min-width: 768px ) { .gallery.type-3-columns { grid-template-columns: repeat( 6, 1fr ); } .gallery.type-3-columns li { grid-column-end: span 2; } .gallery.type-3-columns li:nth-child(3n+1):last-child { grid-column-end: span 12; } .gallery.type-3-columns li:nth-child(3n+1):nth-last-child(4), .gallery.type-3-columns li:nth-child(3n+1):nth-last-child(4) + li, .gallery.type-3-columns li:nth-child(3n+1):nth-last-child(4) + li + li, .gallery.type-3-columns li:nth-child(3n+1):nth-last-child(4) + li + li + li, .gallery.type-3-columns li:nth-child(3n+1):nth-last-child(4) + li + li + li + li, .gallery.type-3-columns li:nth-child(3n+1):nth-last-child(2), .gallery.type-3-columns li:nth-child(3n+1):nth-last-child(2) + li { grid-column-end: span 3; } .gallery.type-4-columns { grid-template-columns: repeat( 12, 1fr ); } .gallery.type-4-columns li { grid-column-end: span 3; } .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(3), .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(3) + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(3) + li + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(5), .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(5) + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(5) + li + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(6), .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(6) + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(6) + li + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(6) + li + li + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(6) + li + li + li + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(6) + li + li + li + li + li { grid-column-end: span 4; } .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(2), .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(2) + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(5) + li + li + li, .gallery.type-4-columns li:nth-child(4n+1):nth-last-child(5) + li + li + li + li { grid-column-end: span 6; } .gallery.type-5-columns { grid-template-columns: repeat( 60, 1fr ); } .gallery.type-5-columns li { grid-column-end: span 12; } .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(4), .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(4) + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(4) + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(4) + li + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(7), .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(7) + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(7) + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(7) + li + li + li { grid-column-end: span 15; } .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(3), .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(3) + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(3) + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(6), .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(6) + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(6) + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(6) + li + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(6) + li + li + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(6) + li + li + li + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(7) + li + li + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(7) + li + li + li + li + li, .gallery.type-5-columns li:nth-child(5n+1):nth-last-child(7) + li + li + li + li + li + li { grid-column-end: span 20; } .gallery.type-6-columns { grid-auto-flow: row dense; grid-auto-rows: calc( ( ( 1200px / 2 ) - 20px ) * 0.222 ); } .gallery.type-6-columns li { grid-row: span 2; } .gallery.type-6-columns li:nth-child(6n+2), .gallery.type-6-columns li:nth-child(6n+4), .gallery.type-6-columns li:nth-child(6n+5) { grid-row: span 3; } .gallery.type-7-columns { grid-template-columns: repeat( 6, 1fr ); grid-auto-flow: row dense; grid-auto-rows: calc( ( ( 1200px / 2 ) - 20px ) * 0.3 ); } .gallery.type-7-columns li { grid-column: span 2; grid-row: span 2; } .gallery.type-7-columns li:nth-of-type(7n+1) { grid-column: span 3; } .gallery.type-7-columns li:nth-of-type(7n+2), .gallery.type-7-columns li:nth-of-type(7n+4) { grid-column: span 1; grid-row: span 1; } .gallery-wrap .type-6-columns figure, .gallery-wrap .type-7-columns figure { height: 100%; padding: 0; } .gallery-wrap .has-caption .caption { background: rgba(0,0,0,0.35); bottom: 0; color: #fff; display: block; font-size: 0.778rem; left: 0; line-height: 1.25rem; padding: 5px; position: absolute; right: 0; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); z-index: 10; } #footer-widget-area.widget-area-3 .widget { width: 31%; } #footer-widget-area.widget-area-3 .widget + .widget { margin-left: 3.5%; } #footer-widget-area.widget-area-4 .widget { width: 22.75%; } #footer-widget-area.widget-area-4 .widget + .widget { margin-left: 3%; } #footer-widget-area.widget-area-5 .widget:first-child, #footer-widget-area.widget-area-5 .widget:first-child + .widget, #footer-widget-area.widget-area-5 .widget:first-child + .widget + .widget { width: 31%; } #footer-widget-area.widget-area-5 .widget:first-child + .widget, #footer-widget-area.widget-area-5 .widget:first-child + .widget + .widget { margin-left: 3.5%; } #footer-widget-area.widget-area-5 .widget:nth-child(4), #footer-widget-area.widget-area-5 .widget:nth-child(4) + .widget { width: 47.5%; } #footer-widget-area.widget-area-5 .widget:nth-child(4) { clear: left; } #footer-widget-area.widget-area-5 .widget:nth-child(4) + .widget { margin-left: 5%; } #footer-widget-area.widget-area-6 .widget { width: 31%; } #footer-widget-area.widget-area-6 .widget + .widget:not(:nth-child(4)) { margin-left: 3.5%; } #footer-widget-area.widget-area-6 .widget + .widget:nth-child(4) { clear: left; } } @media only screen and ( min-width: 640px ) { .search .content-wrap .post.grid { float: left; margin-left: 5% } .search .content-wrap .post.grid a { box-shadow: 0 0 5px rgba(0,0,0,0.15) } .search .content-wrap .post.grid a:hover { box-shadow: 0 0 10px rgba(0,0,0,0.25) } .search .content-wrap .post:not(.grid) aside { width: 25% } .search .content-wrap .post:not(.grid):not(.no-post-thumbnail) .entry-content, .search .content-wrap .post:not(.grid):not(.no-post-thumbnail) header { position: relative; width: 70% } .search .content-wrap .post:not(.grid) .readmore { bottom: 0; position: absolute; right: 2.5%; text-align: right } .search .content-wrap .post.list-alt:nth-child(even) aside, .search .content-wrap .post.list-left aside { float: left } .search .content-wrap .post.list-alt:not(.no-post-thumbnail):nth-child(even) .entry-content, .search .content-wrap .post.list-alt:not(.no-post-thumbnail):nth-child(even) header, .search .content-wrap .post.list-alt:nth-child(odd) aside, .search .content-wrap .post.list-left:not(.no-post-thumbnail) .entry-content, .search .content-wrap .post.list-left:not(.no-post-thumbnail) header, .search .content-wrap .post.list-right aside { float: right } .search .content-wrap .post.list-alt:not(.no-post-thumbnail):nth-child(odd) .entry-content, .search .content-wrap .post.list-alt:not(.no-post-thumbnail):nth-child(odd) header, .search .content-wrap .post.list-right:not(.no-post-thumbnail) .entry-content, .search .content-wrap .post.list-right:not(.no-post-thumbnail) header { float: left } } @media only screen and ( min-width: 640px ) and ( max-width: 1000px ) { .search .content-wrap .post.grid { width: 45% } .search .content-wrap .post.grid:nth-child(2n+1) { clear: left; margin-left: 0 } } @media only screen and ( min-width: 768px ) and ( max-width: 1200px ) { .gallery.type-6-columns { grid-auto-rows: calc( ( 50vw - 20px ) * 0.222 ); } .gallery.type-7-columns { grid-auto-rows: calc( ( 50vw - 20px ) * 0.3 ); } } @media only screen and ( min-width: 480px ) and ( max-width: 768px ) { .gallery.type-4-columns { grid-template-columns: repeat( 6, 1fr ); } .gallery.type-4-columns li { grid-column-end: span 2; } .gallery.type-4-columns li:nth-child(3n+1):last-child { grid-column-end: span 12; } .gallery.type-4-columns li:nth-child(3n+1):nth-last-child(4), .gallery.type-4-columns li:nth-child(3n+1):nth-last-child(4) + li, .gallery.type-4-columns li:nth-child(3n+1):nth-last-child(4) + li + li, .gallery.type-4-columns li:nth-child(3n+1):nth-last-child(4) + li + li + li, .gallery.type-4-columns li:nth-child(3n+1):nth-last-child(4) + li + li + li + li, .gallery.type-4-columns li:nth-child(3n+1):nth-last-child(2), .gallery.type-4-columns li:nth-child(3n+1):nth-last-child(2) + li { grid-column-end: span 3; } .gallery.type-5-columns { grid-template-columns: repeat( 6, 1fr ); } .gallery.type-5-columns li { grid-column-end: span 2; } .gallery.type-5-columns li:nth-child(3n+1):last-child { grid-column-end: span 12; } .gallery.type-5-columns li:nth-child(3n+1):nth-last-child(4), .gallery.type-5-columns li:nth-child(3n+1):nth-last-child(4) + li, .gallery.type-5-columns li:nth-child(3n+1):nth-last-child(4) + li + li, .gallery.type-5-columns li:nth-child(3n+1):nth-last-child(4) + li + li + li, .gallery.type-5-columns li:nth-child(3n+1):nth-last-child(4) + li + li + li + li, .gallery.type-5-columns li:nth-child(3n+1):nth-last-child(2), .gallery.type-5-columns li:nth-child(3n+1):nth-last-child(2) + li { grid-column-end: span 3; } } @media only screen and ( max-width: 1200px ) { .slick-slider .overlay-wrap.cf, .slick-slider .overlay-wrap.lf, .slick-slider .overlay-wrap.rf, .slider-wrap .overlay-wrap.fixed-center, .slider-wrap .overlay-wrap.fixed-left, .slider-wrap .overlay-wrap.fixed-right { margin: 0; width: 33.33% } .slick-slider .overlay-wrap.lf, .slider-wrap .overlay-wrap.fixed-left { left: 0 } .slick-slider .overlay-wrap.cf, .slider-wrap .overlay-wrap.fixed-center { left: 33.33% } .slick-slider .overlay-wrap.rf, .slider-wrap .overlay-wrap.fixed-right { right: 0 } .masonry .content { font-size: 12px; } } @media only screen and ( max-width: 1000px ) { .js .toc, .js .toc-list { float: none; width: 100% } .js .toc { margin-top: 1em } } @media only screen and ( max-width: 900px ) { body { font-size: 16px } #nav-mobile a { font-size: 18px } .single-post .single-pagination h3 { display: none } .single-post .single-pagination a::after, .single-post .single-pagination a::before { height: 1px; margin-top: 0!important; width: 10px } .searchform-wrap .form-wrap { padding: 90px 2.5% 5% } } @media only screen and ( max-width: 800px ) { .fancybox-infobar { left: 0; margin-left: 0 } .fancybox-button--left, .fancybox-button--right { display: none !important } .fancybox-caption { margin: 0; padding: 20px 0; } } @media only screen and ( max-width: 768px ) { .slider-wrap .overlay-wrap { display: none !important } .gallery.type-3-columns li:nth-child(2n+1):last-child, .gallery.type-6-columns li:nth-child(2n+1):last-child, .gallery.type-7-columns li:nth-child(2n+1):last-child { grid-column: 1 / span 2; } .particle-wrap .particle figcaption, .particle-wrap .particle .placeholder > h3 { font-size: 12px; } .particle-wrap .particle .large figcaption, .particle-wrap .particle .large .placeholder > h3 { font-size: 14px; } ul.columns-2 > li, ul.columns-3 > li, ul.columns-4 > li { clear: both; float: none; width: 100% } .cta.social-share header, .cta.social-share .social-links { float: none; width: 100%; } .cta.social-share .social-links { margin-top: 1em !important; } .searchform-wrap .form-wrap { padding: 60px 2.5% 5% } .searchform-close { height: 40px; margin-left: -20px; width: 40px } .searchform-close::after, .searchform-close::before { height: 30px; margin-top: -15px } .searchform-wrap label input.search-field { font-size: 20px; line-height: 30px; width: 100% } .searchform-wrap .submit { display: block; margin: 20px auto 0; height: 40px; width: 40px } .searchform-wrap .submit::after, .searchform-wrap .submit::before { bottom: 5px } .searchform-wrap .submit::before { height: 15px } .searchform-wrap .submit::after { height: 30px } #footer-widget-area.widget-area-3 .widget:not(:last-child), #footer-widget-area.widget-area-4 .widget, #footer-widget-area.widget-area-5 .widget:not(:last-child), #footer-widget-area.widget-area-6 .widget { width: 47.5%; } #footer-widget-area.widget-area-3 .widget + .widget, #footer-widget-area.widget-area-4 .widget + .widget, #footer-widget-area.widget-area-5 .widget + .widget, #footer-widget-area.widget-area-6 .widget + .widget { margin-left: 5%; } #footer-widget-area.widget-area-3 .widget:nth-child(3), #footer-widget-area.widget-area-4 .widget:nth-child(3), #footer-widget-area.widget-area-5 .widget:nth-child(3), #footer-widget-area.widget-area-5 .widget:nth-child(5), #footer-widget-area.widget-area-6 .widget:nth-child(3) { clear: left; margin-left: 0; } #footer-widget-area.widget-area-3 .widget:last-child, #footer-widget-area.widget-area-5 .widget:last-child { width: 100%; } #nav-footer, #about-the-author { float: left; text-align: center; width: 100%; } .disclaimer-buttons, .disclaimer-txt { float: none; text-align: center; width: 100% } .disclaimer-txt { margin-bottom: 0.5em } #cookie-disclaimer .content { float: none; width: 100%; } #cookie-disclaimer .content p:last-child { text-align: center; } #cookie-disclaimer .cookies { float: none; width: 100%; } #cookie-disclaimer .cookies li { display: block; float: left; margin-top: 0 !important; padding: 0 5px; width: 50%; } #cookie-disclaimer .cookies label { padding: 30px 0 0; text-align: center; } #cookie-disclaimer .cookies label h2 { font-size: 1em; text-align: center; } #cookie-disclaimer .cookies label p { display: none; } #cookie-disclaimer .cookies label::before { left: 50%; margin-left: -25px; margin-top: 0; top: 0; } #cookie-disclaimer .cookies label::after { left: 50%; margin-left: -22px; margin-top: 3px; top: 0; } #cookie-disclaimer .cookies input[type=checkbox]:checked + label::after { margin-left: 4px; } } @media only screen and ( max-width: 640px ) { ul.social-links svg { height: 1.75em; width: 1.75em; } .responsive-table-wrap { overflow-x: auto; padding: 0 0 4em; position: relative } .responsive-table-wrap > table { min-width: 600px } .responsive-table-wrap > table::after { background-position: center center; background-repeat: no-repeat; background-size: contain; bottom: 0.5em; color: #787878; content: ''; display: block; height: 2.5em; left: 1em; position: absolute; width: 2.5em; background-image: url("data:image/svg+xml;utf8,") } .responsive-table-wrap > table::before { bottom: 0.75em; content: 'Schuif / Swipe voor de hele tabel'; left: 5em; position: absolute } .fr .responsive-table-wrap > table::before { content: 'Glisser / Swipe pour toute la table' } .en .responsive-table-wrap > table::before { content: 'Slide / Swipe for the entire table' } .de .responsive-table-wrap > table::before { content: 'Slide / Swipe für den gesamten Tisch' } .get-directions { text-align: center } .get-directions .om-field { display: block; margin: 0 0 7px !important; width: 100% } .get-directions .content > * + * { margin-left: 0; margin-top: 5px !important; margin-bottom: 5px !important } .searchform-wrap .form-wrap { padding: 60px 2.5% 5%; } .searchform-close { height: 40px; margin-left: -20px; width: 40px; } .searchform-close::before, .searchform-close::after { height: 30px; margin-top: -15px; } .searchform-wrap label input.search-field { font-size: 20px; line-height: 30px; width: 100%; } .searchform-wrap .submit { display: block; margin: 20px auto 0; height: 40px; width: 40px; } .searchform-wrap .submit::before, .searchform-wrap .submit::after { bottom: 5px; } .searchform-wrap .submit::before { height: 15px; } .searchform-wrap .submit::after { height: 30px; } .search .content-wrap .post figure { float: none; } .search .content-wrap .post header { padding-top: 1em; } .search .content-wrap .post header .entry-title { margin: 0; } .search .content-wrap .post + .post { border-top: 1px solid #ccc; padding-top: 1.5em } .search .content-wrap .post a:hover { background: #eee } .search .content-wrap .searchform .search-field, .search .content-wrap .searchform .search-submit { display: block; margin: 10px 0 0; width: 100% } .search .content-wrap .searchform label > * { display: block; width: 100% } .search .content-wrap .searchform label > * + * { margin-top: 5px } #footer-widget-area .widget { float: none !important; margin: 1em 0 0 !important; width: 100% !important; } } @media only screen and ( max-width: 480px ) { .gallery li:nth-child(2n+1):last-child { grid-column: 1 / span 2; } } /* ANIMATIONS *************************************************************************************************/ @keyframes arrow_animated { 0%, 20%, 50%, 80%, 100% { top: 33px; } 40% { top: 23px; } 60% { top: 28px; } } @-webkit-keyframes arrow_animated { 0%, 20%, 50%, 80%, 100% { top: 33px; } 40% { top: 23px; } 60% { top: 28px; } } @-ms-keyframes arrow_animated { 0%, 20%, 50%, 80%, 100% { top: 33px; } 40% { top: 23px; } 60% { top: 28px; } } @keyframes cursor_scroll { 0%, 100% { opacity: 0.99; top: 19px; } 50% { opacity: 0.50; top: 21px; } } @-webkit-keyframes cursor_scroll { 0%, 100% { opacity: 0.99; top: 19px; } 50% { opacity: 0.50; top: 21px; } } @-ms-keyframes cursor_scroll { 0%, 100% { opacity: 0.99; top: 19px; } 50% { opacity: 0.50; top: 21px; } } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes kenburns_zoom_in { from { transform: scale(1.0,1.0); } to { transform: scale(1.3,1.3); } } @-webkit-keyframes kenburns_zoom_in { from { -webkit-transform: scale(1.0,1.0); } to { -webkit-transform: scale(1.3,1.3); } } @-ms-keyframes kenburns_zoom_in { from { -ms-transform: scale(1.0,1.0); } to { -ms-transform: scale(1.3,1.3); } } @keyframes kenburns_zoom_out { from { transform: scale(1.3,1.3); } to { transform: scale(1.0,1.0); } } @-webkit-keyframes kenburns_zoom_out { from { -webkit-transform: scale(1.3,1.3); } to { -webkit-transform: scale(1.0,1.0); } } @-ms-keyframes kenburns_zoom_out { from { -ms-transform: scale(1.3,1.3); } to { -ms-transform: scale(1.0,1.0); } } @keyframes kenburns_zoom_rand_0 { from { transform: scale(1.3,1.3); transform-origin: 15% 50%; } to { transform: scale(1.0,1.0); transform-origin: 85% 50%; } } @-webkit-keyframes kenburns_zoom_rand_0 { from { -webkit-transform: scale(1.3,1.3); -webkit-transform-origin: 15% 50%; } to { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 85% 50%; } } @-ms-keyframes kenburns_zoom_rand_0 { from { -ms-transform: scale(1.3,1.3); -ms-transform-origin: 15% 50%; } to { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 85% 50%; } } @keyframes kenburns_zoom_rand_1 { from { transform: scale(1.3,1.3); transform-origin: 85% 50%; } to { transform: scale(1.0,1.0); transform-origin: 15% 50%; } } @-webkit-keyframes kenburns_zoom_rand_1 { from { -webkit-transform: scale(1.3,1.3); -webkit-transform-origin: 85% 50%; } to { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 15% 50%; } } @-ms-keyframes kenburns_zoom_rand_1 { from { -ms-transform: scale(1.3,1.3); -ms-transform-origin: 85% 50%; } to { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 15% 50%; } } @keyframes kenburns_zoom_rand_2 { from { transform: scale(1.0,1.0); transform-origin: 15% 50%; } to { transform: scale(1.3,1.3); transform-origin: 85% 50%; } } @-webkit-keyframes kenburns_zoom_rand_2 { from { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 15% 50%; } to { -webkit-transform: scale(1.3,1.3); -webkit-transform-origin: 85% 50%; } } @-ms-keyframes kenburns_zoom_rand_2 { from { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 15% 50%; } to { -ms-transform: scale(1.3,1.3); -ms-transform-origin: 85% 50%; } } @keyframes kenburns_zoom_rand_3 { from { transform: scale(1.0,1.0); transform-origin: 85% 50%; } to { transform: scale(1.3,1.3); transform-origin: 15% 50%; } } @-webkit-keyframes kenburns_zoom_rand_3 { from { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 85% 50%; } to { -webkit-transform: scale(1.3,1.3); -webkit-transform-origin: 15% 50%; } } @-ms-keyframes kenburns_zoom_rand_3 { from { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 85% 50%; } to { -ms-transform: scale(1.3,1.3); -ms-transform-origin: 15% 50%; } } @keyframes kenburns_zoom_rand_4 { from { transform: scale(1.3,1.3); transform-origin: 50% 15%; } to { transform: scale(1.0,1.0); transform-origin: 50% 85%; } } @-webkit-keyframes kenburns_zoom_rand_4 { from { -webkit-transform: scale(1.3,1.3); -webkit-transform-origin: 50% 15%; } to { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 50% 85%; } } @-ms-keyframes kenburns_zoom_rand_4 { from { -ms-transform: scale(1.3,1.3); -ms-transform-origin: 50% 15%; } to { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 50% 85%; } } @keyframes kenburns_zoom_rand_5 { from { transform: scale(1.3,1.3); transform-origin: 50% 85%; } to { transform: scale(1.0,1.0); transform-origin: 50% 15%; } } @-webkit-keyframes kenburns_zoom_rand_5 { from { -webkit-transform: scale(1.3,1.3); -webkit-transform-origin: 50% 85%; } to { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 50% 15%; } } @-ms-keyframes kenburns_zoom_rand_5 { from { -ms-transform: scale(1.3,1.3); -ms-transform-origin: 50% 85%; } to { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 50% 15%; } } @keyframes kenburns_zoom_rand_6 { from { transform: scale(1.0,1.0); transform-origin: 50% 15%; } to { transform: scale(1.3,1.3); transform-origin: 50% 85%; } } @-webkit-keyframes kenburns_zoom_rand_6 { from { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 50% 15%; } to { -webkit-transform: scale(1.3,1.3); -webkit-transform-origin: 50% 85%; } } @-ms-keyframes kenburns_zoom_rand_6 { from { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 50% 15%; } to { -ms-transform: scale(1.3,1.3); -ms-transform-origin: 50% 85%; } } @keyframes kenburns_zoom_rand_7 { from { transform: scale(1.0,1.0); transform-origin: 50% 85%; } to { transform: scale(1.3,1.3); transform-origin: 50% 15%; } } @-webkit-keyframes kenburns_zoom_rand_7 { from { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 50% 85%; } to { -webkit-transform: scale(1.3,1.3); -webkit-transform-origin: 50% 15%; } } @-ms-keyframes kenburns_zoom_rand_7 { from { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 50% 85%; } to { -ms-transform: scale(1.3,1.3); -ms-transform-origin: 50% 15%; } }