/* ----------------------------------------- */ /* View slug: stories-ids - start */ /* ----------------------------------------- */ #storiesflow { float: left; width: 80%; height: 100%; padding: 0 0%; } .storiespilwrap { float: left; width: 10%; } .storiespil { display: table; width: 100%; height: 100%; } #storiesflowLeft, #storiesflowRight { display: table-cell; vertical-align: middle; text-align: center; height: 400px; } #storiesflowLeft img, #storiesflowRight img { width: 15%; } #storiesflow ul { margin: 0; padding: 0; } #storiesflow ul li { list-style-type: none; float: left; width: 23.5%; text-align: left; } #storiesflow ul li:nth-child(2) { margin: 0 2%; } #storiesflow ul li:nth-child(3) { margin-right: 2%; } #storiesflow ul li img { width: 100%; max-height: 271px } .storiesText { margin-bottom: 30px; min-height: 70px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #storiesflow { font-size: 15px; } #storiesflowLeft, #storiesflowRight { height: 270px; } } @media screen and (min-device-width: 320px) and (max-device-width: 480px) { #storiesflow ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #storiesflow ul li:nth-child(2) { margin: 0; margin-bottom: 20px; } #storiesflow ul li:nth-child(3) { margin-right: 0; margin-bottom: 20px; } #storiesflow ul li:nth-child(even) { padding-left: 2%; } #storiesflow ul li:nth-child(even) { padding-right: 2%; } .storiesText { display: none; } .storiesBild { margin-bottom: 10px; } #storiesflowLeft, #storiesflowRight { height: auto; display: none; } } /* ----------------------------------------- */ /* View slug: stories-ids - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: footer-logos - start */ /* ----------------------------------------- */ #footerLogos { } #footerLogos ul { margin: 0; padding: 0; text-align: center; display: table; margin: 0 auto; } #footerLogos li { list-style-type: none; padding-right: 15px; display: table-cell; vertical-align: middle; } #footerLogos li:nth-child(last) { padding-right: 0px; } #footerLogos li img { max-height: 55px; max-width: 125px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #footerLogos li img { max-height: 35px; max-width: 105px; } } @media screen and (min-device-width: 320px) and (max-device-width: 480px) { #footerLogos li { float: left; display: inline-block; width: 75px; height: 35px; padding-right: 5px; margin-bottom: 20px; } #footerLogos li img { max-height: 35px; max-width: 75px; } } /* ----------------------------------------- */ /* View slug: footer-logos - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: Stories - start */ /* ----------------------------------------- */ #storytop { background-size: cover !important; background-position: center !important; height: 100vh; background: #9b9b9b; } #storytopCont { position: absolute; bottom: 60px; font-size: 20px; color: #fff; } #storytopText { width: 50%; margin-bottom: 50px; } #storytopMer { text-transform: uppercase; font-size: 19px; } #storytopMer a:link, #storytopMer a:visited, #storytopMer a:hover { color: #fff; } #story { float: left; width: 80%; } #storyPrev, #storyNext { float: left; width: 10%; position: relative; margin-top: 300px; } #storyPrev a:link, #storyPrev a:visited, #storyPrev a:hover, #storyNext a:link, #storyNext a:visited, #storyNext a:hover { color: #000; text-transform: uppercase; } #storyPrev { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #storyNext { text-align: right; -webkit-transform: rotate(+90deg); -moz-transform: rotate(+90deg); -ms-transform: rotate(+90deg); -o-transform: rotate(+90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } #storyCont { padding: 160px 0 160px 0; background: #F5F5F5; height: 100%; } .storyStyckeL { float: left; width: 49%; padding-right: 2%; min-height: 10px; } .storyStyckeR { float: left; width: 49%; } .stycke p { text-indent: 25px; -webkit-margin-before: 0; -webkit-margin-after: 1em !important; } .stycke p:nth-child(1) { text-indent: 0px; } .styckeP p { text-indent: 25px; -webkit-margin-before: 0; -webkit-margin-after: 1em !important; } #storyCitat { font-family: "Lyon Display Web"; font-weight: 700; font-size: 45px; line-height: 55px; margin: 0; padding: 0; width: 80%; } #storyCitat p { padding: 70px 0 70px 0; } .bilddiv { // max-height: 785px; // overflow-y: hidden; } .bild { width: 100%; } .bilddivTop { height: 10px; overflow: show; } .bildTop { width: 100%; } #storyCat { float: left; width: 45%; padding-right: 1%; padding-top: 80px; color: #25CD62; font-size: 14px; letter-spacing: 0.7px; } #storyShare { float: left; width: 53%; padding-left: 1%; text-align: right; padding-top: 80px; color: #25CD62; font-size: 14px; letter-spacing: 0.7px; } #storyShare a:link, #storyShare a:visited, #storyShare a:hover { text-transform: uppercase; } #storyCat a:link, #storyCat a:visited, #storyCat a:hover, #storyShare a:link, #storyShare a:visited, #storyShare a:hover { color: #25CD62; } .osd-sms-wrapper { border-top: 0px; padding: 0; margin: 0; } .osd-sms-title { display: none; } .osd-sms-text-button a:link, .osd-sms-text-button a:visited, .osd-sms-text-button a:hover { background-color: transparent; padding: 0; border: 0px; border-radius: 0px; box-shadow: 0px 0px 0px 0px; } .osd-sms-wrapper div:nth-child(2):after, .osd-sms-wrapper div:nth-child(3):after, .osd-sms-wrapper div:nth-child(4):after { content: " - "; } .osd-sms-wrapper div:nth-child(4), .osd-sms-wrapper div:nth-child(5) { // display: none; } @media screen and (min-device-width: 320px) and (max-device-width: 480px) { h1.storytitle { font-size: 50px; margin-bottom: 30px; } #storytopText { width: 100%; margin-bottom: 50px; } #storytopMer { font-size: 19px; } .storyStyckeL { float: left; width: 100%; padding-right: 0%; min-height: 10px; } .storyStyckeR { float: left; width: 100%; } .bild { margin-bottom: 20px; } #storyCitat { width: 100%; } #storyPrev, #storyNext { display: none; } #story { padding-left: 10%; } } /* ----------------------------------------- */ /* Innehållsmall: Stories - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Menu white full - start */ /* ----------------------------------------- */ #menubutton, #menuclose, #searchbutton, #searchclose { cursor: pointer; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #menuWf table tr td:nth-child(1) { display: none; } } /* ----------------------------------------- */ /* Innehållsmall: Menu white full - slut */ /* ----------------------------------------- */