/* ----------------------------------------- */ /* View: Stories page - start */ /* ----------------------------------------- */ #filter { display: none; } #filter ul { list-style-type: none; margin: 0; padding: 0; margin-top: 10px; } #filter li { margin-bottom: 3px; } #filter input[type="checkbox" i] { display: none; } #filter ul li label span { font-weight: 300; color: #25CD62; cursor: pointer; text-transform: uppercase; font-size: 16px; } #filter ul li input[type="checkbox" i]:checked + span { text-decoration: underline; } #storiesflow { float: left; width: 80%; height: 100%; padding: 80px 10% 0px 10%; } #storiesflow ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #storiesflow ul li { display: flex; flex-direction: column; list-style-type: none; float: left; width: 23.5%; text-align: left; margin-bottom: 160px; } #storiesflow ul li:nth-child(4n-2) { margin: 0 2%; } #storiesflow ul li:nth-child(4n-1) { 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: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #storiesflow { width: 90%; padding: 80px 5% 80px 5%; } #storiesflow ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #storiesflow ul li:nth-child(4n-2) { margin: 0; margin-bottom: 20px; } #storiesflow ul li:nth-child(4n-1) { margin-right: 0; margin-bottom: 20px; } #storiesflow ul li:nth-child(even) { padding-left: 2%; } #storiesflow ul li:nth-child(even) { padding-right: 2%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #storiesflow { width: 90%; padding: 80px 5% 80px 5%; } #storiesflow ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #storiesflow ul li:nth-child(4n-2) { margin: 0; margin-bottom: 20px; } #storiesflow ul li:nth-child(4n-1) { margin-right: 0; margin-bottom: 20px; } #storiesflow ul li:nth-child(even) { padding-left: 2%; } #storiesflow ul li:nth-child(even) { padding-right: 2%; } } /* ----------------------------------------- */ /* View: Stories page - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: 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: Footer logos - slut */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: Stories page - start */ /* ----------------------------------------- */ #stories { padding-top: 160px; background: #E5E4DF; } #storiesLeft { float: left; width: 49%; } #storiesRight { float: left; width: 49%; padding-left: 2%; font-size: 17px; line-height: 21px; letter-spacing: 0.2px; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #stoCont { padding-bottom: 500px; } #storiesLeft { float: left; width: 100%; padding-bottom: 0px; } #storiesRight { float: left; width: 100%; padding-left: 0%; padding-bottom: 20px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #storiesLeft { float: left; width: 100%; padding-bottom: 0px; } #storiesRight { float: left; width: 100%; padding-left: 0%; padding-bottom: 20px; } } /* ----------------------------------------- */ /* Innehållsmall: Stories page - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Menu black - 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) { #menuB table tr td:nth-child(1) { display: none; } } /* ----------------------------------------- */ /* Innehållsmall: Menu black - slut */ /* ----------------------------------------- */