/* ----------------------------------------- */ /* View: Exhibitions slider - start */ /* ----------------------------------------- */ form.wpv-filter-form { z-index: 999 !important; position: absolute !important; width: 100%; top: 42%; }a.wpv-filter-previous-link, a.wpv-filter-next-link{ border-bottom: none !important; color: #fff; padding: 20px; }a.wpv-filter-previous-link:hover, a.wpv-filter-next-link:hover{ color: #ccc; }a.wpv-filter-previous-link { float: left; margin-left: 10px; }a.wpv-filter-next-link { float: right; margin-right: 10px; }@media only screen and (max-width : 800px) { form.wpv-filter-form { top: 15px; } a.wpv-filter-previous-link { margin-left: 0; }a.wpv-filter-next-link { margin-right: 0; } form.wpv-filter-form .fa-3x { font-size: 2em; } } .read-more-link.mobile { display: block; float: none; background-color: #fff; text-align: center; padding: 20px; }@media only screen and (min-width : 800px) { .read-more-link.mobile { display: none; } } /* ----------------------------------------- */ /* View: Exhibitions slider - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Program on homepage - start */ /* ----------------------------------------- */ .program-two-third { float: left; width: 65%; }.program-one-third { float: right; width: 32%; }a.highlight-img { display: block; margin-bottom: 30px; height: 320px; background-repeat: no-repeat; background-size: cover; background-position: center center; }.program-holder-left { width: 50%; float: left; padding: 0 30px 0; margin-top: -134px; position: relative; z-index: 99; }.program-holder-right { width: 50%; float: right; }@media only screen and (max-width: 800px){ .program-two-third, .program-one-third, .program-holder-left, .program-holder-right { float: none; width: 100%; clear: both; } .program-holder-left { margin-bottom: 30px; margin-top: 0; padding: 0; } }@media only screen and (max-width: 800px) { a.highlight-img { height: 224px; margin-bottom: 0; } }/* ----------------------------------------- */ /* View: Program on homepage - slut */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: Homepage - start */ /* ----------------------------------------- */ .fusion-fullwidth#slider-holder { height: 500px; }@media only screen and (max-width: 800px) { .fusion-fullwidth#slider-holder { height: 300px; } }.fusion-fullwidth#slider { position: relative; }/*—— CSS ——*/#instafeed img { margin: 0 1% 9px 0; width: 13.2%; }#instafeed img:hover { opacity:0.8; filter:alpha(opacity=80); }@media only screen and (max-width: 800px) { #instafeed img { margin: 0 1% 3px 0; width: 32.3%; } }/* ----------------------------------------- */ /* Innehållsmall: Homepage - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Exhibition slide - start */ /* ----------------------------------------- */ .exhibition-slider-background, .exhibition-slide-holder { height: 500px; }.exhibition-slider-background { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }.slider-shadow { position: absolute; width: 100%; height: 36%; bottom: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(80%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ }.exhibition-slide-holder { position: relative; z-index: 99; max-width: 1000px; margin-left: auto; margin-right: auto; }.exhibition-info { position: absolute; left: 0; bottom: 40px; }.exhibition-slide-holder .read-more-link { position: absolute; right: 0; bottom: 40px; color: #fff; }.exhibition-slide-holder .read-more-link:after { color: #fff; }a.read-more-link:hover, a.read-more-link:hover:after { color: #fff; }.exhibition-slider-background, h2.exhibition-title, h3.exhibition-date { color: #fff; }#main .post-content h2.exhibition-title { font-size: 50px; line-height: 58px; margin-bottom: 6px; }#main .post-content h2.exhibition-title a, #main .post-content h2.exhibition-title a:hover{ color: #fff; }#main .post-content h3.exhibition-date { font-size: 30px; line-height: 42px; font-weight: 400; margin-bottom: 0; }@media only screen and (max-width: 1060px) { .exhibition-info { left: 30px; width: 90%; } } @media only screen and (max-width: 800px) { .exhibition-slider-background, .exhibition-slide-holder { height: 300px; } .slider-shadow { height: 50%; }.exhibition-info { bottom: 30px; }.exhibition-slide-holder .read-more-link { display: none; } #main .post-content h2.exhibition-title { font-size: 22px !important; line-height: 28px !important; margin-bottom: 6px; width: 90%; }#main .post-content h3.exhibition-date { font-size: 18px; line-height: 24px; } }/* ----------------------------------------- */ /* Innehållsmall: Exhibition slide - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Program homepage box highlight text - start */ /* ----------------------------------------- */ .program-content-highlight { background-color: #fff; padding: 30px 30px 41px; min-height: 454px; }@media only screen and (max-width: 800px) { .program-content-highlight { min-height: 300px; } }.program-content-highlight .programs-title-date { position: relative; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }.program-content-highlight .programs-title-date h2 { margin-top: 0; margin-bottom: 6px; text-align: center; }.program-content-highlight .programs-date { text-align: center; }.program-content-highlight .programs-content { text-align: center; }.program-content-highlight .programs-content a.read-more-link { float: none; }/* ----------------------------------------- */ /* Innehållsmall: Program homepage box highlight text - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Program homepage box other - start */ /* ----------------------------------------- */ .program-box { margin-bottom: 30px; height: 320px; position: relative; }.program-img { display: block; height: 224px; background-repeat: no-repeat; background-size: cover; background-position: center center; }.program-content { background-color: #fff; padding: 30px; width: 100%; position: absolute; bottom: 0; }.program-content h2 { margin-top: 0; margin-bottom: 6px; text-align: center; }.program-content .programs-date { text-align: center; }/* ----------------------------------------- */ /* Innehållsmall: Program homepage box other - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: News on homepage - start */ /* ----------------------------------------- */ .news-holder { padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 30px; overflow: hidden; }.news-img { float: left; margin-right: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }.news-text h3 { margin-top: 4px; }.news-text p { margin-bottom: 0; }/* ----------------------------------------- */ /* Innehållsmall: News on homepage - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Homepage box - start */ /* ----------------------------------------- */ .box-img { display: block; height: 270px; background-repeat: no-repeat; background-size: cover; background-position: center center; }.box-content { padding: 30px; text-align: center; }.box-content h2 { margin-top: 0; text-align: center; }.box-content a.read-more-link { float: none; }/* ----------------------------------------- */ /* Innehållsmall: Homepage box - slut */ /* ----------------------------------------- */