/* ----------------------------------------- */ /* Slug för vy: 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; } } /* ----------------------------------------- */ /* Slug för vy: program-on-homepage - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Slug för vy: photo-and-object-of-the-month - start */ /* ----------------------------------------- */ .monthly-img { display: block; height: 300px; background-size: cover; background-position: center 30%; } .monthly-info { background-color: #fff; padding: 20px 30px; } .monthly-info .category { text-transform: uppercase; } /* ----------------------------------------- */ /* Slug för vy: photo-and-object-of-the-month - slut */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: Homepage – årets museum - start */ /* ----------------------------------------- */ #main .post-content #arets-museum p, #main .post-content #arets-museum h1 { color: #fff; text-shadow: 0px 2px 40px rgba(0,0,0,0.8); } #main .post-content #arets-museum h1 { font-weight: bold; font-size: 3rem; } #main .post-content #arets-museum p { font-size: 1.3rem; margin-bottom: 40px; } #main .post-content #arets-museum .arets-museum-button { background: #800000; color: #fff; padding: 10px 20px; } #main .post-content #arets-museum .arets-museum-button:hover { text-decoration: none; background: #fff; color: #333; } @media only screen and (min-width: 761px) { #main .post-content #arets-museum p { padding-right: 35%; } #arets-museum img { margin: 0 7%; } } @media only screen and (max-width: 760px) { #arets-museum img { float: none; margin: 0 0 30px; } } .fusion-fullwidth#slider-holder { height: 500px; } @media only screen and (max-width: 800px) { .fusion-fullwidth#slider-holder { height: 300px; } } .fusion-fullwidth#slider { position: relative; } .manadens, .manadens h4 { text-align: center; } .manadens .fusion-recent-posts { margin-bottom: 15px; } .manadens .fusion-recent-posts .recent-posts-content { padding: 0 30px } .manadens .fusion-recent-posts h4.entry-title { margin: 30px 0 0 0; text-transform: none !important; font-size: 24px; line-height: 26px; font-family: 'kepler-std-caption', georgia, serif; } .manadens-title { font-weight: 400 !important; margin-bottom: 30px; } @media only screen and (max-width: 800px) { #archive .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0; padding-right: 0; } #archive .fusion-columns { margin: 0; } #archive .fusion-columns .fusion-column { margin-bottom: 0; } } /*—— CSS INSTAFEED ——*/ #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 – årets museum - 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; background-color: #fff; } .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: 0%; -moz-border-radius: 0%; border-radius: 0%; } .news-text h3 { margin-top: 4px; } .news-text p { margin-bottom: 0; } /* ----------------------------------------- */ /* Innehållsmall: News on homepage - slut */ /* ----------------------------------------- */