/* Theme Name: LnC Kunstgalerie MSE Theme URI: http://www.lacaze-carnier.com Description: Author: Eric Lacaze Author URI: http://www.lacaze-carnier.com */ @charset "utf-8"; /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* CORE font-family: 'Open Sans', sans-serif; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; --------------------------------------------------- */ * { font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; -webkit-text-size-adjust: 100%; } .lnc-section { min-width: 980px; } .lnc-center { position: relative; margin: 0px auto; width: 980px; height: auto; } .lnc-clear { clear: both; font-size: 0px; line-height: 0px; width: 0px; height: 0px; display: block; overflow: hidden; } .lnc-hide { position: relative; width: 0px; height: 0px; overflow: hidden; } #lnc-exhibition-pointer { position: absolute; top: -400px; width: 0px; height: 0px; overflow: hidden; } h1 { font-size: 40px; line-height: 50px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; } h2 { font-size: 30px; line-height: 40px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; font-style: italic; } b, strong { font-weight: 600; } /* HEAD --------------------------------------------------- */ #lnc-head { position: fixed; top: 0px; left: 0px; right: 0px; height: 100px; z-index: 3000; } #lnc-head.artists { top: -60px; } #lnc-head.gkhw { top: -60px; } #lnc-logo { position: absolute; top: 60px; left: 0px; width: 320px; height: auto; font-size: 12px; line-height: 21px; text-transform: uppercase; letter-spacing: 1px; } #lnc-logo.home { position: absolute; top: 60px; left: 0px; width: 320px; height: auto; font-size: 12px; line-height: 21px; text-transform: uppercase; letter-spacing: 1px; transform: scaleX(4) scaleY(4); -moz-transform: scaleX(4) scaleY(4); -webkit-transform: scaleX(4) scaleY(4); -o-transform: scaleX(4) scaleY(4); -ms-transform: scaleX(4) scaleY(4); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; } #lnc-logo .lnc-logo-row1 { position: absolute; display: inline-block; top: 30px; height: 21px; padding: 0 6px 0 31px; color: #000000; font-weight: 600; background-color: rgba(255,255,255,0.9); } #lnc-logo .lnc-logo-row2 { position: absolute; display: inline-block; top: 52px; height: 21px; padding: 0 6px 0 31px; color: #000000; font-weight: 600; background-color: rgba(255,255,255,0.9); } #lnc-logo .lnc-logo-row3 { position: absolute; display: inline-block; top: 74px; height: 21px; padding: 0 6px 0 31px; color: #000000; font-weight: 600; background-color: rgba(255,255,255,0.9); } #lnc-logo span { position: absolute; top: 0px; bottom: 0px; left: -2000px; width: 2000px; height: auto; background-color: rgba(255,255,255,0.9); } #lnc-logo.home.intro { animation: LogoAnimation ease-in-out 1s; animation-iteration-count: 1; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: LogoAnimation ease-in-out 1s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: LogoAnimation ease-in-out 1s; -moz-animation-iteration-count: 1; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: LogoAnimation ease-in-out 1s; -o-animation-iteration-count: 1; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: LogoAnimation ease-in-out 1s; -ms-animation-iteration-count: 1; -ms-animation-fill-mode:forwards; /*IE 10+*/ } #lnc-menu { position: absolute; top: 61px; right: 0px; width: 650px; height: auto; } #lnc-menu.home { display: none; } #lnc-menu ul { display: block; width: 100%; height: 21px; margin: 51px 0 0 0; list-style: none outside none; background-color: rgba(255,255,255,0.9); } #lnc-menu ul li { display: block; padding: 0 10px 0 0; float: left; } #lnc-menu ul li a { display: block; padding: 0 6px 0 6px; color: #000000; font-weight: 600; font-size: 12px; line-height: 21px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } #lnc-menu ul li a:hover { text-decoration: underline; } #lnc-menu span { position: absolute; top: 51px; right: -2000px; width: 2000px; height: 21px; background-color: rgba(255,255,255,0.9); } /* FOOT --------------------------------------------------- */ /* CONTENT --------------------------------------------------- */ .lnc-section-home { min-height: 100vh; } .lnc-section .lnc-section-foot { position: absolute; bottom: 0px; width: 100%; } .lnc-section-foot p { margin: 0 0 0 330px; background-color: rgba(255, 255, 255, 0.9); display: block; padding: 0 6px 0 6px; width: 650px; color: #000000; font-size: 12px; line-height: 21px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } .lnc-section-foot p a { color: #000000; font-weight: 600; font-size: 12px; line-height: 21px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } .lnc-section-foot p a:hover { text-decoration: underline; } #lnc-section-one { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: auto; height: 100%; z-index: 100; } #lnc-section-cover { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: auto; height: 100%; z-index: 2000; cursor: pointer; background-image: url('images/cover-lines.png'); background-repeat: no-repeat; background-position: right center; background-attachment: fixed; } #lnc-intro-text { position: absolute; bottom: 10%; right: 0%; width: 85%; margin: 0; background-color: rgba(255, 255, 255, 0.9); } #lnc-intro-text p { padding: 15px; text-align: justify; position: relative; width: 70%; } #lnc-intro-text p span { float: right; font-style: italic; padding-bottom: 15px; } #lnc-section-two { position: absolute; top: 100%; left: 0px; right: 0px; width: auto; height: auto; min-height: 100%; z-index: 1000; -webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.7); } #lnc-home-slider { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: auto; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #lnc-home-slider .slick-list, #lnc-home-slider .slick-track, #lnc-home-slider .lnc-center { height: 100%; } #lnc-home-slider .slick-slide { background-size: cover; background-repeat: no-repeat; background-position: center center; } #lnc-home-slider .slick-prev { left: 0px; background-color: #000000; z-index: 2000; } #lnc-home-slider .slick-next { right: 0px; background-color: #000000; z-index: 2000; } #lnc-home-slider .lnc-art-info-position { position: absolute; bottom: 100px; height: auto; width: 980px; } #lnc-home-slider .lnc-art-info-left, #lnc-home-slider .lnc-art-info-right { -webkit-transition: all 1s ease-in-out; /* Firefox */ -moz-transition: all 1s ease-in-out; /* WebKit */ -o-transition: all 1s ease-in-out; /* Opera */ transition: all 1s ease-in-out; /* Standard */ } #lnc-home-slider .lnc-art-info-left { position: relative; width: 330px; float: left; left: -100px; height: auto; } #lnc-home-slider .lnc-art-info-right { position: relative; width: 650px; float: left; left: 100px; height: auto; } #lnc-home-slider .lnc-art-info-artist { position: relative; display: block; text-align: right; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; line-height: 25px; font-weight: 300; color: #000000; } #lnc-home-slider .lnc-art-info-titel { position: relative; display: block; text-align: left; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; line-height: 25px; font-weight: 600; color: #000000; } #lnc-home-slider .lnc-art-info-short { position: relative; display: block; text-align: left; font-size: 12px; line-height: 21px; font-weight: 600; color: #000000; font-style: italic; width: 80%; } #lnc-home-slider .lnc-art-info-link { position: relative; display: block; text-align: left; font-size: 12px; line-height: 21px; font-weight: 600; color: #000000; } #lnc-home-slider .lnc-art-info-position span { display: inline-block; width: auto; margin: 0 1px 1px 0; padding: 0 6px 0 6px; background-color: rgba(255,255,255,0.9); font-weight: inherit; } #lnc-home-slider .lnc-art-info-position a { display: inline-block; width: auto; margin: 0 1px 1px 0; padding: 0 6px 0 6px; background-color: rgba(0,0,0,0.9); font-size: 12px; line-height: 21px; font-weight: 600; color: #ffffff; text-decoration: none; text-transform: uppercase; } #lnc-home-slider .lnc-art-info-position a:hover { background-color: rgba(200,200,200,0.9); color: #000000; } #lnc-home-slider .slick-current .lnc-art-info-left { left: 0px; } #lnc-home-slider .slick-current .lnc-art-info-right { left: 0px; } #lnc-home-slider-tabs { position: absolute; bottom: 40px; left: 0px; right: 0px; width: auto; height: 21px; z-index: 1500; } #lnc-home-slider-tabs .slick-list { } #lnc-home-slider-tabs .slick-track { width: 980px !important; margin: 0px auto !important; position: relative !important; text-align: center; transform: translate3d(0px, 0px, 0px) !important; height: 21px; line-height: 0px; } #lnc-home-slider-tabs .lnc-all-artists { float: left; display: block; width: 330px !important; height: 21px !important; left: 0px !important; line-height: 0; text-align: right; } #lnc-home-slider-tabs .lnc-all-artists span { display: inline-block; margin-right: 1px; background-color: rgba(0,0,0,0.9); color: #ffffff; padding: 0 6px 0 6px; width: auto !important; left: 0px !important; font-size: 12px; line-height: 21px; font-weight: 600; text-transform: uppercase; text-decoration: none; } #lnc-home-slider-tabs .slick-slide { display: inline-block; margin-right: 1px; background-color: rgba(0,0,0,0.9); color: #ffffff; padding: 0 6px 0 6px; width: auto !important; left: 0px !important; font-size: 12px; line-height: 21px; font-weight: 600; cursor: pointer; text-transform: uppercase; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; } #lnc-home-slider-tabs .slick-slide:hover { background-color: rgba(200,200,200,0.9); color: #000000; } #lnc-home-slider-tabs .slick-slide.slick-current { background-color: rgba(255,255,255,0.9); color: #000000; } #lnc-home-slider-tabs .slick-slide.slick-cloned { display: none; } .lnc-section-headline { position: relative; padding: 200px 0 40px 330px; width: auto; display: block; color: #ffffff; } #lnc-section-exhibition { padding: 100px 0 100px 0; height: auto; overflow: hidden; background-repeat: no-repeat; background-position: -300px bottom; background-attachment: fixed; background-image: url('images/imprint-lines.png'); /*background-image: url('images/exhibition-lines.png');*/ } #lnc-section-exhibition .lnc-section-headline { padding: 0 0 40px 330px; color: #000000; } #lnc-section-exhibition .lnc-exhibition-left { display: block; float: left; width: 310px; height: auto; padding: 0 20px 0 0; text-align: right; } #lnc-section-exhibition .lnc-exhibition-left h2 { padding: 0 10px 0 10px; background-color: rgba(255,255,255,0.9); color: #000000; margin: 0 0 1px 0; } #lnc-section-exhibition .lnc-exhibition-left p { padding: 0 6px 0 6px; background-color: rgba(0,0,0,0.9); color: #ffffff; height: 21px; width: auto; display: inline-block; font-size: 12px; line-height: 21px; text-transform: uppercase; font-weight: 600; } #lnc-section-exhibition .lnc-exhibition-right { display: block; float: left; width: 650px; height: auto; } #lnc-section-exhibition .lnc-exhibition-right p { font-size: 15px; line-height: 24px; font-weight: 400; font-style: italic; padding: 0 0 24px 0; } #lnc-section-exhibition .lnc-exhibition-right p a { color: inherit; text-decoration: underline; } #lnc-artist-filter { position: relative; width: 330px; float: left; margin: 24px 0 100px 0; list-style: none outside none; } #lnc-artist-filter li { display: block; width: 314px; height: 21px; overflow: hidden; margin: 0 0 17px 0; padding: 0 0 0 6px; cursor: pointer; font-size: 12px; line-height: 21px; color: #ffffff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; background-image: url('images/lnc_artist_filter_arrow.png'); background-repeat: no-repeat; background-position: 0px 0px; } #lnc-artist-filter li.active, #lnc-artist-filter li.active:hover { color: #000000; background-position: 0px -21px; } #lnc-artist-filter li:hover { background-position: 0px -42px; } #lnc-artist-list-left { position: relative; width: 330px; float: left; margin: 0 0 100px 0; list-style: none outside none; } #lnc-artist-list-left li { position: relative; display: block; } #lnc-artist-list-left li a { display: block; color: #ffffff; font-size: 15px; line-height: 24px; letter-spacing: 1px; text-decoration: none; padding: 0 20px 0 30px; } #lnc-artist-list-left li a:hover { text-decoration: underline; } #lnc-artist-list-left li.lnc-letter { position: relative; top: 24px; left: 0px; width: 20px; height: 21px; display: block; background-color: rgba(255,255,255,0.9); color: #000000; font-size: 12px; line-height: 21px; font-weight: 600; text-align: center; } #lnc-artist-list-right { position: relative; width: 320px; float: left; margin: 0 0 100px 0; list-style: none outside none; } #lnc-artist-list-right li { position: relative; display: block; } #lnc-artist-list-right li a { display: block; color: #ffffff; font-size: 15px; line-height: 24px; letter-spacing: 1px; text-decoration: none; padding: 0 20px 0 30px; } #lnc-artist-list-right li a:hover { text-decoration: underline; } #lnc-artist-list-right li.lnc-letter { position: relative; top: 24px; left: 0px; width: 20px; height: 21px; display: block; background-color: rgba(255,255,255,0.9); color: #000000; font-size: 12px; line-height: 21px; font-weight: 600; text-align: center; } #lnc-gkhw-filter { position: relative; width: 330px; float: left; margin: 24px 0 100px 0; list-style: none outside none; } #lnc-gkhw-filter li { display: block; width: 314px; height: 21px; overflow: hidden; margin: 0 0 17px 0; padding: 0 0 0 6px; cursor: pointer; font-size: 12px; line-height: 21px; color: #ffffff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; background-image: url('images/lnc_artist_filter_arrow.png'); background-repeat: no-repeat; background-position: 0px 0px; } #lnc-gkhw-filter li.active, #lnc-gkhw-filter li.active:hover { color: #000000; background-position: 0px -21px; } #lnc-gkhw-filter li:hover { background-position: 0px -42px; } #lnc-gkhw-list-left { position: relative; width: 330px; float: left; margin: 0 0 100px 0; list-style: none outside none; } #lnc-gkhw-list-left li { position: relative; display: block; } #lnc-gkhw-list-left li a { display: block; color: #ffffff; font-size: 15px; line-height: 24px; letter-spacing: 1px; text-decoration: none; padding: 0 20px 0 30px; } #lnc-gkhw-list-left li a:hover { text-decoration: underline; } #lnc-gkhw-list-left li.lnc-letter { position: relative; top: 24px; left: 0px; width: 20px; height: 21px; display: block; background-color: rgba(255,255,255,0.9); color: #000000; font-size: 12px; line-height: 21px; font-weight: 600; text-align: center; } #lnc-gkhw-list-right { position: relative; width: 320px; float: left; margin: 0 0 100px 0; list-style: none outside none; } #lnc-gkhw-list-right li { position: relative; display: block; } #lnc-gkhw-list-right li a { display: block; color: #ffffff; font-size: 15px; line-height: 24px; letter-spacing: 1px; text-decoration: none; padding: 0 20px 0 30px; } #lnc-gkhw-list-right li a:hover { text-decoration: underline; } #lnc-gkhw-list-right li.lnc-letter { position: relative; top: 24px; left: 0px; width: 20px; height: 21px; display: block; background-color: rgba(255,255,255,0.9); color: #000000; font-size: 12px; line-height: 21px; font-weight: 600; text-align: center; } #lnc-section-single { position: relative; top: 0; left: 0px; right: 0px; width: auto; height: auto; min-height: 100%; z-index: 1000; background-image: url('images/imprint-lines.png'); background-repeat: no-repeat; background-position: -150px bottom; background-attachment: fixed; } #lnc-section-single .lnc-section-headline { color: #000000; } #lnc-section-single .lnc-content-single-left { float: left; color: #000000; padding: 0 30px 100px 0; width: 300px; text-align: right; line-height: 0px; } #lnc-section-single .lnc-content-single-right { float: left; color: #000000; padding: 0 0 100px 0; width: 650px; } #lnc-section-single .lnc-content-single-right p { font-size: 15px; line-height: 25px; padding: 0 0 24px 0; font-weight: 400; font-style: italic; } #lnc-section-single .lnc-content-single-right h3 { font-size: 15px; line-height: 25px; padding: 0 0 0 0; font-weight: 600; color: #000000; } #lnc-section-single .lnc-content-single-right a { color: inherit; text-decoration: underline; } #lnc-section-artist .lnc-artist-col-a { display: block; float: left; width: 33.33%; padding: 0px; margin: 0 0 0 0; } #lnc-section-artist .lnc-artist-col-b { display: block; float: left; width: 66.66%; padding: 0px; margin: 0 0 0 0; } #lnc-section-artist .lnc-artist-col-2 { display: block; float: left; width: 50%; padding: 0px; margin: 0 0 0 0; } #lnc-section-artist .lnc-artist-col-3 { display: block; float: left; width: 50%; padding: 0px; margin: 0 0 0 0; } #lnc-section-artist .lnc-artist-col-2.lnc-100 { width: 100%; } #lnc-section-artist .lnc-artist-col-3.lnc-100 { width: 100%; } #lnc-section-gallery { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: auto; height: 100%; z-index: 100; } #lnc-gallery-slider { position: absolute; top: 120px; left: 0px; right: 0px; width: auto; height: 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; /* Firefox */ -moz-transition: opacity 0.5s ease-in-out; /* WebKit */ -o-transition: opacity 0.5s ease-in-out; /* Opera */ transition: opacity 0.5s ease-in-out; /* Standard */ } #lnc-gallery-slider.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #lnc-gallery-slider .slick-list, #lnc-gallery-slider .slick-track { height: 100%; width: auto; overflow: visible; } #lnc-gallery-slider .slick-slide { position: relative; height: 100%; padding: 0 50px 0 50px; width: auto; text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; -webkit-transition: opacity 0.5s ease-in-out; /* Firefox */ -moz-transition: opacity 0.5s ease-in-out; /* WebKit */ -o-transition: opacity 0.5s ease-in-out; /* Opera */ transition: opacity 0.5s ease-in-out; /* Standard */ } #lnc-gallery-slider .slick-slide.slick-current { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #lnc-gallery-slider .slick-slide .img-frame { display: block; width: auto; min-width: 400px; text-align: center; height: 80%; height: -webkit-calc(100% - 80px); height: -moz-calc(100% - 80px); height: calc(100% - 80px); padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #999999 solid; } #lnc-gallery-slider .slick-slide img { display: inline-block; margin: 10px 0 10px 0; width: auto; height: 90%; height: -webkit-calc(100% - 20px); height: -moz-calc(100% - 20px); height: calc(100% - 20px); } #lnc-gallery-slider .slick-slide img.painting { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); } #lnc-gallery-slider .slick-slide video { display: inline-block; margin: 10px 0 10px 0; width: auto; height: 90%; height: -webkit-calc(100% - 20px); height: -moz-calc(100% - 20px); height: calc(100% - 20px); } #lnc-gallery-slider .slick-slide video.painting { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7); } #lnc-gallery-slider .slick-slide p.lnc-art-title { position: relative; top: -5px; display: block; float: right; font-size: 10px; line-height: 21px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0; } #lnc-gallery-slider .slick-slide a.lnc-art-detail { position: relative; top: -5px; display: block; float: left; font-size: 12px; line-height: 21px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0 6px 0 6px; background-color: rgba(0,0,0,0.9); color: #ffffff; cursor: pointer; white-space: nowrap; } #lnc-gallery-slider .slick-slide a.lnc-art-detail.span { display: block; } #lnc-gallery-slider .slick-slide a.lnc-art-detail:hover { background-color: rgba(255,255,255,0.9); color: #000000; } #lnc-gallery-slider .slick-slide a.lnc-art-detail .show { display: block; } #lnc-gallery-slider .slick-slide a.lnc-art-detail .hide { display: none; } #lnc-gallery-slider .slick-slide a.lnc-art-detail.active .show{ display: none; } #lnc-gallery-slider .slick-slide a.lnc-art-detail.active .hide{ display: block; } #lnc-gallery-slider .slick-slide .lnc-art-info { position: absolute; left: 50px; right: 50px; bottom: -50px; width: auto; height: 80px; text-align: center; display: none; } #lnc-gallery-slider .slick-slide .lnc-art-info table { clear: both; width: 100%; margin: 10px 0 10px 0; } #lnc-gallery-slider .slick-slide .lnc-art-info td { vertical-align: top; text-align: left; font-size: 12px; line-height: 21px; width: 45%; width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } #lnc-gallery-slider .slick-slide .lnc-art-info td.col1, #lnc-gallery-slider .slick-slide .lnc-art-info td.col3, #lnc-gallery-slider .slick-slide .lnc-art-info td.col5 { padding: 0 10px 0 0; text-align: right; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; color: #000000; white-space: nowrap; } #lnc-gallery-slider .slick-slide .lnc-art-info td.col2, #lnc-gallery-slider .slick-slide .lnc-art-info td.col4, #lnc-gallery-slider .slick-slide .lnc-art-info td.col6 { padding: 0 0 0 10px; text-align: left; font-weight: 600; color: #000000; } #lnc-gallery-slider .slick-slide .lnc-art-info td.col6 a { font-weight: 600; color: #000000; text-decoration: underline; } #lnc-gallery-slider .slick-prev { z-index: 1000; background-color: aqua; padding: 30px; left: 50px; } #lnc-gallery-slider .slick-next { z-index: 1000; background-color: aqua; padding: 30px; right: 50px; } #lnc-gallery-slider .slick-dots { bottom: 0px; z-index: 1000; } #lnc-gallery-slider .lnc-gallery-slider-nav { position: absolute; bottom: 0px; height: 27px; width: 27px; cursor: pointer; color: rgba(0,0,0,0.25); text-align: center; font-size: 20px; line-height: 27px; z-index: 1100; } #lnc-gallery-slider .lnc-gallery-slider-nav:hover { color: rgba(0,0,0,1); } #lnc-gallery-slider .slick-disabled { display: none !important; } #lnc-gallery-slider .lnc-gallery-slider-left { left: 10px; } #lnc-gallery-slider .lnc-gallery-slider-right { right: 10px; } #lnc-gallery-slider-tabs { position: absolute; left: 0px; right: 0px; width: auto; height: 150px; top: 60%; top: -webkit-calc(50% + 150px); top: -moz-calc(50% + 150px); top: calc(50% + 150px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; /* Firefox */ -moz-transition: opacity 0.5s ease-in-out; /* WebKit */ -o-transition: opacity 0.5s ease-in-out; /* Opera */ transition: opacity 0.5s ease-in-out; /* Standard */ } #lnc-gallery-slider-tabs.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #lnc-gallery-slider-tabs .slick-list { background-color: rgba(0,0,0,0.1); height: 80; width: auto; } #lnc-gallery-slider-tabs .slick-track { height: 80; width: auto; } #lnc-gallery-slider-tabs .slick-slide { height: 80; padding: 0 20px 0 20px; width: auto; } #lnc-gallery-slider-tabs .slick-slide.slick-current { background-color: rgba(0,0,0,0.25); } #lnc-gallery-slider-tabs .slick-slide img { margin: 10px 0 10px 0; width: auto; height: 60px; } #lnc-gallery-slider-tabs .slick-slide img.painting { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7); } #lnc-gallery-slider-tabs .slick-dots { z-index: 1000; } #lnc-gallery-slider-tabs .lnc-gallery-slider-nav { position: absolute; top: 0px; height: 80px; width: 40px; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); z-index: 1100; font-size: 60px; line-height: 70px; color: rgba(255,255,255,0.75); text-align: center; } #lnc-gallery-slider-tabs .slick-disabled { display: none !important; } #lnc-gallery-slider-tabs .lnc-gallery-slider-nav:hover { color: rgba(255,255,255,1); background-color: rgba(0,0,0,0.9); } #lnc-gallery-slider-tabs .lnc-gallery-slider-left { left: 0px; } #lnc-gallery-slider-tabs .lnc-gallery-slider-right { right: 0px; } #lnc-gallery-preview { position: absolute; top: -71px; left: 0px; right: 0px; width: auto; height: 21px; overflow: hidden; display: block; } #lnc-gallery-preview #lnc-show-preview { position: absolute; width: 100%; height: 21px; display: none; text-align: center; line-height: 0px; } #lnc-gallery-preview #lnc-hide-preview { position: absolute; width: 100%; height: 21px; display: block; text-align: center; line-height: 0px; } #lnc-gallery-preview .lnc-gallery-preview-button { position: relative; width: auto; height: 21px; padding: 0 6px 0 6px; cursor: pointer; display: inline-block; font-size: 12px; line-height: 21px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; background-color: rgba(0,0,0,0.9); } #lnc-gallery-preview .lnc-gallery-preview-button:hover { color: #000000; background-color: rgba(255,255,255,0.9); } #lnc-section-artist { position: absolute; padding: 50px 0 100px 0; left: 0px; right: 0px; width: auto; height: auto; min-height: 100%; z-index: 1000; top: 70%; top: -webkit-calc(70% + 100px); top: -moz-calc(70% + 100px); top: calc(70% + 100px); -webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.7); } #lnc-section-artist .lnc-section-headline { color: #000000; padding: 0px 0 40px 330px; } #lnc-section-artist .lnc-artist-col-a h3 { font-size: 15px; line-height: 25px; font-weight: 300; color: #000000; text-align: center; text-transform: uppercase; border-bottom: 1px #cecece solid; margin: 0 0 12px 0; padding: 0 0 6px 0; width: 100%; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); } #lnc-section-artist .lnc-artist-col-a p { font-size: 13px; line-height: 23px; display: block; float: left; margin: 0 0 0 0; padding: 0 30px 12px 0; width: 100%; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); } #lnc-section-artist .lnc-artist-col-a a { color: inherit; text-decoration: underline; } #lnc-section-artist .lnc-artist-col-a img { height: auto; margin: 0 0 24px 0; width: 100%; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); } #lnc-section-artist .lnc-artist-col-2 p, #lnc-section-artist .lnc-artist-col-3 p { font-size: 13px; line-height: 23px; padding: 0 20px 24px 0; font-weight: 400; font-style: italic; text-align: justify; } #lnc-section-artist .lnc-artist-col-2 a, #lnc-section-artist .lnc-artist-col-3 a { color: inherit; text-decoration: underline; } #lnc-section-artist .lnc-artist-col-a ul, #lnc-section-artist .lnc-artist-col-2 ul, #lnc-section-artist .lnc-artist-col-3 ul { list-style: disc outside none; margin: 0 0 0 20px; } #lnc-section-artist .lnc-artist-col-a ul li, #lnc-section-artist .lnc-artist-col-2 ul li, #lnc-section-artist .lnc-artist-col-3 ul li { font-size: 13px; line-height: 23px; padding: 0 30px 0 0; font-weight: 400; font-style: italic; } #lnc-section-artist .lnc-artist-col-a .lnc-text-frame { display: block; padding: 5px; margin: 0 0 20px 0; width: 100%; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); } #lnc-section-artist .lnc-artist-col-2 .lnc-text-frame { display: block; padding: 5px; margin: 0 0 20px 0; width: 100%; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); } #lnc-section-artist .lnc-artist-col-3 .lnc-text-frame { display: block; padding: 5px; margin: 0 0 20px 0; width: 100%; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); } #lnc-section-artist .lnc-artist-col-2 .lnc-list-frame { display: block; padding: 5px; margin: 0 0 20px 0; width: 100%; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); } #lnc-section-artist .lnc-artist-col-3 .lnc-list-frame { display: block; padding: 5px; margin: 0 0 20px 0; background-color: rgba(0,0,0,0.1); width: 100%; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); } #lnc-section-artist .lnc-artist-col-2 h3 { font-size: 15px; line-height: 25px; font-weight: 300; color: #000000; text-align: center; text-transform: uppercase; border-bottom: 1px #cecece solid; margin: 0 20px 12px 0; padding: 0 0 6px 0; } #lnc-section-artist .lnc-artist-col-3 h3 { font-size: 15px; line-height: 25px; font-weight: 300; color: #000000; text-align: center; text-transform: uppercase; border-bottom: 1px #cecece solid; margin: 0 0 12px 0; padding: 0 0 6px 0; } #lnc-section-artist .lnc-artist-col-2 table, #lnc-section-artist .lnc-artist-col-3 table { margin: 0 20px 0 0; } #lnc-section-artist .lnc-artist-col-2 td, #lnc-section-artist .lnc-artist-col-3 td { font-size: 13px; line-height: 19px; padding: 0 0 5px 0; font-weight: 400; text-align: left; vertical-align: top; } #lnc-section-artist .lnc-artist-col-2 td.year, #lnc-section-artist .lnc-artist-col-3 td.year { white-space: nowrap; padding: 0 10px 0 0; text-align: right; font-weight: 600; width: 90px; } #lnc-section-artist .lnc-artist-col-2 td.info .title, #lnc-section-artist .lnc-artist-col-3 td.info .title { font-weight: 600; font-style: italic; } #lnc-section-artist .lnc-artist-col-2 .lnc-list-footer, #lnc-section-artist .lnc-artist-col-3 .lnc-list-footer { font-weight: 400; font-size: 11px; text-align: center; padding: 10px 0 0 0; } @keyframes LogoAnimation { 0% { transform: scaleX(4.00) scaleY(4.00); } 100% { transform: scaleX(1.00) scaleY(1.00); } } @-moz-keyframes LogoAnimation { 0% { -moz-transform: scaleX(4.00) scaleY(4.00); } 100% { -moz-transform: scaleX(1.00) scaleY(1.00); } } @-webkit-keyframes LogoAnimation { 0% { -webkit-transform: scaleX(4.00) scaleY(4.00); } 100% { -webkit-transform: scaleX(1.00) scaleY(1.00); } } @-o-keyframes LogoAnimation { 0% { -o-transform: scaleX(4.00) scaleY(4.00); } 100% { -o-transform: scaleX(1.00) scaleY(1.00); } } @-ms-keyframes LogoAnimation { 0% { -ms-transform: scaleX(4.00) scaleY(4.00); } 100% { -ms-transform: scaleX(1.00) scaleY(1.00); } } @media all and (min-width: 601px) and (max-width: 980px) { #lnc-section-exhibition .lnc-exhibition-right { width: 620px; } #lnc-artist-filter li { width: 290px; padding: 0 0 0 30px; } #lnc-section-artist .lnc-center { width: 940px; } #lnc-section-artist .lnc-section-headline { padding: 0px 0 40px 310px; } #lnc-section-single .lnc-content-single-right { padding: 0 30px 100px 0; width: 620px; } } @media all and (min-width: 601px) and (max-width: 980px) and (orientation: landscape) { } @media all and (min-width: 601px) and (max-width: 980px) and (orientation: portrait) { #lnc-section-one { position: relative; top: 0; left: 0; right: auto; bottom: auto; width: 980px; height: 980px; z-index: 100; } #lnc-section-two { position: relative; top: 0; left: 0; right: auto; width: 980px; height: auto; } #lnc-home-slider { position: relative; top: 0px; left: 0px; right: auto; bottom: auto; width: 100%; height: 980px; } #lnc-home-slider .slick-list, #lnc-home-slider .slick-track, #lnc-home-slider .lnc-center { height: 980px; } #lnc-section-gallery { position: relative; top: 0px; left: 0px; right: auto; bottom: auto; width: 600px; height: 750px; overflow: hidden; margin-top: 100px; } #lnc-gallery-slider { position: absolute; top: 0px; left: 0px; right: 0px; width: auto; height: 600px; } #lnc-gallery-slider .slick-list, #lnc-gallery-slider .slick-track { height: 600px; } #lnc-gallery-slider .slick-slide { height: 600px; padding: 0 20px 0 20px; } #lnc-gallery-slider .slick-slide .img-frame { display: block; text-align: center; width: 500px; min-width: 500px; max-width: 500px; height: 500px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #999999 solid; } #lnc-gallery-slider .slick-slide .img-frame a { position: absolute; bottom: 100px; left: 20px; height: auto; width: 500px; display: block; } #lnc-gallery-slider .slick-slide img { height: auto; max-height: 470px; width: auto; max-width: 500px; } #lnc-gallery-slider .slick-slide video { position: absolute; bottom: 100px; left: 20px; height: auto; max-height: 470px; width: auto; max-width: 500px; } #lnc-gallery-slider .slick-slide .lnc-art-info { left: 20px; right: 30px; bottom: -50px; height: 100px; } #lnc-gallery-slider .slick-slide .lnc-art-info table { clear: both; width: 100%; margin: 10px 0 10px 0; } #lnc-gallery-slider-tabs { top: 610px; } #lnc-section-artist { position: relative; top: 0px; } } @media all and (max-width: 600px) { .lnc-section { min-width: 600px; } .lnc-center { width: 600px; } #lnc-head { position: relative; top: 0px; left: 0px; right: 0px; height: 100px; z-index: 3000; overflow: hidden; } #lnc-head.artists { top: 0px; } #lnc-head.gkhw { top: 0px; } #lnc-logo { top: 0px; } #lnc-logo.home { top: 0px; } #lnc-logo .lnc-logo-row1 { top: 20px; height: 21px; } #lnc-logo .lnc-logo-row2 { top: 42px; height: 21px; } #lnc-logo .lnc-logo-row3 { top: 64px; height: 21px; } #lnc-menu span { display: none; } .lnc-section-headline { padding: 50px 20px 40px 20px; } #lnc-exhibition-pointer { top: 0px; } #lnc-section-exhibition { padding: 50px 0 50px 0; background-image: none; } #lnc-section-exhibition .lnc-section-headline { padding: 0 20px 40px 20px; text-align: left; } #lnc-section-exhibition .lnc-exhibition-left { float: none; width: 100%; padding: 0; text-align: left; } #lnc-section-exhibition .lnc-exhibition-left h2 { padding: 0 20px 0 20px; } #lnc-section-exhibition .lnc-exhibition-left p { padding: 0 20px 0 20px; } #lnc-section-exhibition .lnc-exhibition-right { float: none; width: auto; height: auto; padding: 20px 20px 0 20px; } #lnc-home-slider .lnc-art-info-artist { text-align: left; } #lnc-home-slider .lnc-art-info-titel { text-align: left; } #lnc-home-slider .lnc-art-info-short { text-align: left; width: 100%; } #lnc-home-slider .lnc-art-info-link { position: relative; display: block; text-align: left; } #lnc-home-slider .lnc-art-info-position span { display: block; width: auto; margin: 0 0 1px 0; padding: 0 6px 0 6px; } #lnc-home-slider .lnc-art-info-position a { display: inline-block; width: auto; margin: 0 0 1px 0; padding: 0 6px 0 6px; } #lnc-home-slider .slick-current .lnc-art-info-left { left: 20px; } #lnc-home-slider .slick-current .lnc-art-info-right { left: 20px; } #lnc-home-slider .lnc-art-info-position { position: absolute; bottom: 40px; height: auto; width: 600px; } #lnc-home-slider .lnc-art-info-left { position: relative; width: 560px; float: none; left: -100px; height: auto; } #lnc-home-slider .lnc-art-info-right { position: relative; width: 560px; float: none; left: 100px; height: auto; } #lnc-home-slider-tabs { display: none; } #lnc-artist-filter { width: auto; float: none; display: block; margin: 24px 20px 50px 20px; } #lnc-artist-filter li { width: 100%; height: 21px; overflow: hidden; margin: 0 0 17px 0; } #lnc-artist-list-left { width: -webkit-calc(50% - 40px); width: -moz-calc(50% - 40px); width: calc(50% - 40px); float: left; display: block; margin: 0 0 100px 0; padding: 0 20px 0 20px; } #lnc-artist-list-left li.lnc-artist { padding: 0 20px 0 20px; } #lnc-artist-list-right { width: -webkit-calc(50% - 40px); width: -moz-calc(50% - 40px); width: calc(50% - 40px); float: left; display: block; margin: 0 0 100px 0; padding: 0 20px 0 20px; } #lnc-artist-list-right li.lnc-artist { padding: 0 20px 0 20px; } #lnc-gkhw-filter { width: auto; float: none; display: block; margin: 24px 20px 50px 20px; } #lnc-gkhw-filter li { width: 100%; height: 21px; overflow: hidden; margin: 0 0 17px 0; } #lnc-gkhw-list-left { width: -webkit-calc(50% - 40px); width: -moz-calc(50% - 40px); width: calc(50% - 40px); float: left; display: block; margin: 0 0 100px 0; padding: 0 20px 0 20px; } #lnc-gkhw-list-left li.lnc-artist { padding: 0 20px 0 20px; } #lnc-gkhw-list-right { width: -webkit-calc(50% - 40px); width: -moz-calc(50% - 40px); width: calc(50% - 40px); float: left; display: block; margin: 0 0 100px 0; padding: 0 20px 0 20px; } #lnc-gkhw-list-right li.lnc-artist { padding: 0 20px 0 20px; } #lnc-section-artist .lnc-section-headline { color: #000000; padding: 0px 20px 40px 20px; text-align: center; } #lnc-section-single .lnc-content-single-left { display: none; } #lnc-section-single .lnc-content-single-right { float: none; padding: 0 20px 100px 20px; width: auto; display: block; } .lnc-section-foot p { margin: 0; padding: 0 6px 0 6px; width: auto; } } @media all and (max-width: 600px) and (orientation: landscape) { #lnc-menu { display: block; } #lnc-menu-mbl { display: none; } #lnc-menu { top: 20px; width: 350px; } #lnc-menu ul { width: 100%; height: 77px; margin: 0; background-color: transparent; } #lnc-menu ul li { padding: 0; width: 50%; margin-bottom: 1px; background-color: rgba(255, 255, 255, 0.9); } #lnc-menu ul li:last-child { padding: 0; width: 100%; } #lnc-menu ul li a { padding: 0 6px 0 6px; } #lnc-section-gallery { position: relative; top: 0px; left: 0px; right: auto; bottom: auto; width: 600px; height: 310px; overflow: hidden; } #lnc-gallery-slider { position: absolute; top: 0px; left: 0px; right: 0px; width: auto; height: 200px; } #lnc-gallery-slider .slick-list, #lnc-gallery-slider .slick-track { height: 200px; } #lnc-gallery-slider .slick-slide { height: 200px; padding: 0 20px 0 20px; } #lnc-gallery-slider .slick-slide .img-frame { display: block; text-align: center; width: 400px; min-width: 400px; max-width: 400px; height: 200px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #999999 solid; } #lnc-gallery-slider .slick-slide .img-frame a { position: absolute; bottom: 0px; left: 20px; height: auto; width: 400px; display: block; } #lnc-gallery-slider .slick-slide img { height: auto; max-height: 170px; width: auto; max-width: 400px; } #lnc-gallery-slider .slick-slide video { height: auto; max-height: 170px; width: auto; max-width: 400px; } #lnc-gallery-slider .slick-slide .lnc-art-info { left: 20px; right: 30px; bottom: -135px; height: 100px; } #lnc-gallery-slider .slick-slide .lnc-art-info table { clear: both; width: 100%; margin: 10px 0 10px 0; } #lnc-gallery-slider .slick-dots { display: none !important; } #lnc-gallery-slider-tabs { display: none; } #lnc-gallery-preview { display: none; } #lnc-section-artist { position: relative; top: 0px; } #lnc-section-artist .lnc-artist-col-a img { width: 100%; } #lnc-section-artist .lnc-artist-col-a p { padding: 0 20px 12px 20px; } } @media all and (max-width: 600px) and (orientation: portrait) { #lnc-head { background-color: #cecece; height: 130px; } #lnc-logo { font-size: 15px; line-height: 25px; } #lnc-logo.home { font-size: 15px; line-height: 25px; } #lnc-logo .lnc-logo-row1 { top: 20px; height: 25px; } #lnc-logo .lnc-logo-row2 { top: 47px; height: 25px; } #lnc-logo .lnc-logo-row3 { top: 74px; height: 25px; } #lnc-menu { top: 20px; width: 360px; } #lnc-menu ul { width: 100%; height: 77px; margin: 0; background-color: transparent; } #lnc-menu ul li { padding: 0; width: 50%; margin-bottom: 2px; background-color: rgba(255, 255, 255, 0.9); } #lnc-menu ul li:last-child { padding: 0; width: 100%; } #lnc-menu ul li a { padding: 0 6px 0 6px; color: #000000; font-weight: 600; font-size: 15px; line-height: 25px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } h1 { font-size: 40px; line-height: 50px; } h2 { font-size: 30px; line-height: 40px; } #lnc-section-one { position: relative; top: 0; left: 0; right: auto; bottom: auto; width: 600px; height: 600px; z-index: 100; } #lnc-section-two { position: relative; top: 0; left: 0; right: auto; width: 600px; height: auto; } #lnc-home-slider { position: relative; top: 0px; left: 0px; right: auto; bottom: auto; width: 100%; height: 600px; } #lnc-home-slider .slick-list, #lnc-home-slider .slick-track, #lnc-home-slider .lnc-center { height: 600px; } #lnc-home-slider .lnc-art-info-artist { font-size: 24px; line-height: 33px; } #lnc-home-slider .lnc-art-info-titel { font-size: 20px; line-height: 30px; } #lnc-home-slider .lnc-art-info-short { font-size: 20px; line-height: 30px; } #lnc-home-slider .lnc-art-info-link { font-size: 20px; line-height: 30px; } #lnc-home-slider .lnc-art-info-position a { font-size: 20px; line-height: 30px; } #lnc-section-exhibition .lnc-exhibition-left p { font-size: 20px; line-height: 30px; height: 30px; } #lnc-section-exhibition .lnc-exhibition-right p { font-size: 20px; line-height: 30px; } #lnc-artist-filter li { height: 30px; font-size: 20px; line-height: 30px; background-image: url('images/lnc_artist_filter_arrow_90.png'); } #lnc-artist-filter li.active, #lnc-artist-filter li.active:hover { color: #000000; background-position: 0px -30px; } #lnc-artist-filter li:hover { background-position: 0px -60px; } #lnc-artist-list-left { width: auto; float: none; margin: 0; padding: 0 20px 0 20px; } #lnc-artist-list-left li.lnc-artist { padding: 0 20px 10px 20px; } #lnc-artist-list-left li a { font-size: 20px; line-height: 30px; padding: 0 20px 0 50px; } #lnc-artist-list-left li.lnc-letter { top: 30px; width: 30px; height: 30px; font-size: 20px; line-height: 30px; } #lnc-artist-list-right { width: auto; float: none; margin: 0 0 100px 0; padding: 0 20px 0 20px; } #lnc-artist-list-right li.lnc-artist { padding: 0 20px 10px 20px; } #lnc-artist-list-right li a { font-size: 20px; line-height: 30px; padding: 0 20px 0 50px; } #lnc-artist-list-right li.lnc-letter { top: 30px; width: 30px; height: 30px; font-size: 20px; line-height: 30px; } #lnc-gkhw-filter li { height: 30px; font-size: 20px; line-height: 30px; background-image: url('images/lnc_artist_filter_arrow_90.png'); } #lnc-gkhw-filter li.active, #lnc-gkhw-filter li.active:hover { color: #000000; background-position: 0px -30px; } #lnc-gkhw-filter li:hover { background-position: 0px -60px; } #lnc-gkhw-list-left { width: auto; float: none; margin: 0; padding: 0 20px 0 20px; } #lnc-gkhw-list-left li.lnc-artist { padding: 0 20px 10px 20px; } #lnc-gkhw-list-left li a { font-size: 20px; line-height: 30px; padding: 0 20px 0 50px; } #lnc-gkhw-list-left li.lnc-letter { top: 30px; width: 30px; height: 30px; font-size: 20px; line-height: 30px; } #lnc-gkhw-list-right { width: auto; float: none; margin: 0 0 100px 0; padding: 0 20px 0 20px; } #lnc-gkhw-list-right li.lnc-artist { padding: 0 20px 10px 20px; } #lnc-gkhw-list-right li a { font-size: 20px; line-height: 30px; padding: 0 20px 0 50px; } #lnc-gkhw-list-right li.lnc-letter { top: 30px; width: 30px; height: 30px; font-size: 20px; line-height: 30px; } #lnc-section-gallery { position: relative; top: 0px; left: 0px; right: auto; bottom: auto; width: 600px; height: 750px; overflow: hidden; } #lnc-gallery-slider { position: absolute; top: 0px; left: 0px; right: 0px; width: auto; height: 600px; } #lnc-gallery-slider .slick-list, #lnc-gallery-slider .slick-track { height: 600px; } #lnc-gallery-slider .slick-slide { height: 600px; padding: 0 20px 0 20px; } #lnc-gallery-slider .slick-slide .img-frame { display: block; text-align: center; width: 500px; min-width: 500px; max-width: 500px; height: 500px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #999999 solid; } #lnc-gallery-slider .slick-slide .img-frame a { position: absolute; bottom: 100px; left: 20px; height: auto; width: 500px; display: block; } #lnc-gallery-slider .slick-slide img { height: auto; max-height: 470px; width: auto; max-width: 500px; } #lnc-gallery-slider .slick-slide video { position: absolute; bottom: 100px; left: 20px; height: auto; max-height: 470px; width: auto; max-width: 500px; } #lnc-gallery-slider .slick-slide p.lnc-art-title { font-size: 15px; line-height: 25px; } #lnc-gallery-slider .slick-slide a.lnc-art-detail { font-size: 15px; line-height: 25px; } #lnc-gallery-slider .slick-slide .lnc-art-info { left: 20px; right: 30px; bottom: -50px; height: 100px; } #lnc-gallery-slider .slick-slide .lnc-art-info table { clear: both; width: 100%; margin: 10px 0 10px 0; } #lnc-gallery-slider .slick-slide .lnc-art-info td { font-size: 15px; line-height: 24px; } #lnc-gallery-slider-tabs { top: 610px; } #lnc-gallery-preview { top: -80px; height: 30px; } #lnc-gallery-preview #lnc-show-preview { height: 30px; } #lnc-gallery-preview #lnc-hide-preview { height: 30px; } #lnc-gallery-preview .lnc-gallery-preview-button { height: 30px; font-size: 20px; line-height: 28px; } #lnc-section-artist { position: relative; top: 0px; } #lnc-section-artist .lnc-artist-col-a { float: none; width: 100%; } #lnc-section-artist .lnc-artist-col-b { float: none; width: 100%; } #lnc-section-artist .lnc-artist-col-2 { clear: both; float: none; width: 100%; } #lnc-section-artist .lnc-artist-col-3 { clear: both; float: none; width: 100%; } #lnc-section-artist .lnc-artist-col-2.lnc-100 { width: 100%; } #lnc-section-artist .lnc-artist-col-3.lnc-100 { width: 100%; } #lnc-section-artist .lnc-artist-col-a h3 { font-size: 20px; line-height: 30px; margin: 0 0 12px 0; padding: 0 0 6px 0; width: auto; display: block; } #lnc-section-artist .lnc-artist-col-a p { font-size: 20px; line-height: 30px; display: block; float: none; margin: 0 0 0 0; padding: 0 0 12px 0; width: auto; } #lnc-section-artist .lnc-artist-col-a img { width: 100%; } #lnc-section-artist .lnc-artist-col-2 p, #lnc-section-artist .lnc-artist-col-3 p { font-size: 20px; line-height: 30px; padding: 0 0 24px 0; } #lnc-section-artist .lnc-artist-col-a ul, #lnc-section-artist .lnc-artist-col-2 ul, #lnc-section-artist .lnc-artist-col-3 ul { list-style: disc outside none; margin: 0 0 0 20px; } #lnc-section-artist .lnc-artist-col-a ul li, #lnc-section-artist .lnc-artist-col-2 ul li, #lnc-section-artist .lnc-artist-col-3 ul li { font-size: 20px; line-height: 30px; padding: 0; } #lnc-section-artist .lnc-artist-col-a .lnc-text-frame { padding: 5px 20px 5px 20px; margin: 0 0 20px 0; width: auto; } #lnc-section-artist .lnc-artist-col-2 .lnc-text-frame { padding: 5px 20px 5px 20px; margin: 0 0 20px 0; width: auto; } #lnc-section-artist .lnc-artist-col-3 .lnc-text-frame { padding: 5px 20px 5px 20px; margin: 0 0 20px 0; width: auto; } #lnc-section-artist .lnc-artist-col-2 .lnc-list-frame { padding: 5px 20px 5px 20px; margin: 0 0 20px 0; width: auto; } #lnc-section-artist .lnc-artist-col-3 .lnc-list-frame { padding: 5px 20px 5px 20px; margin: 0 0 20px 0; width: auto; } #lnc-section-artist .lnc-artist-col-2 h3 { font-size: 20px; line-height: 30px; margin: 20px 0 12px 0; text-align: center; } #lnc-section-artist .lnc-artist-col-3 h3 { font-size: 20px; line-height: 30px; margin: 20px 0 12px 0; text-align: center; } #lnc-section-artist .lnc-artist-col-2 table, #lnc-section-artist .lnc-artist-col-3 table { margin: 0 20px 0 0; } #lnc-section-artist .lnc-artist-col-2 td, #lnc-section-artist .lnc-artist-col-3 td { font-size: 20px; line-height: 30px; } #lnc-section-artist .lnc-artist-col-2 .lnc-list-footer, #lnc-section-artist .lnc-artist-col-3 .lnc-list-footer { font-size: 15px; } #lnc-section-single .lnc-content-single-right p { font-size: 20px; line-height: 30px; } #lnc-section-single .lnc-content-single-right h3 { font-size: 20px; line-height: 30px; } }