/* ----------------------------------------- */ /* View slug: aktiviteter - start */ /* ----------------------------------------- */ #aktiviteter { width: 100%; padding: 0 0; } #aktflow { float: left; width: 100%; height: 100%; padding: 0 0%; } .aktpilwrap { float: left; width: 10%; } .aktpil { display: table; width: 100%; height: 100%; } #aktflowLeft, #aktflowRight { display: table-cell; vertical-align: middle; text-align: center; height: 400px; } #aktflowLeft img, #aktflowRight img { width: 15%; } #aktflow ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #aktflow ul li { display: flex; flex-direction: column; list-style-type: none; float: left; width: 23.5%; text-align: left; } #aktflow ul li:nth-child(4n-2) { margin: 0 2%; } #aktflow ul li:nth-child(4n-1) { margin-right: 2%; } #aktflow ul li img { width: 100%; max-height: 271px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #aktflow { font-size: 15px; } #aktflowLeft, #aktflowRight { height: 270px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #aktflow { width: 90%; padding-left: 5%; padding-right: 5%; } #aktflow ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #aktflow ul li:nth-child(2) { margin: 0; margin-bottom: 20px; } #aktflow ul li:nth-child(3) { margin-right: 0; margin-bottom: 20px; } #aktflow ul li:nth-child(even) { padding-left: 2%; } #aktflow ul li:nth-child(even) { padding-right: 2%; } .aktBild { margin-bottom: 10px; } .aktpilwrap { display: none; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #aktflow { width: 90%; padding-left: 5%; padding-right: 5%; } #aktflow ul li { list-style-type: none; float: left; width: 48%; text-align: left; margin-bottom: 20px; } #aktflow ul li:nth-child(2) { margin: 0; margin-bottom: 20px; } #aktflow ul li:nth-child(3) { margin-right: 0; margin-bottom: 20px; } #aktflow ul li:nth-child(even) { padding-left: 2%; } #aktflow ul li:nth-child(even) { padding-right: 2%; } .aktBild { margin-bottom: 10px; } .aktpilwrap { display: none; } } /* ----------------------------------------- */ /* View slug: aktiviteter - 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: Aktiviteter - start */ /* ----------------------------------------- */ #akttop { } #akttopCont { font-size: 20px; color: #000; width: 100%; max-width: 1440px; } #akttopline { border-bottom: 0px #000 solid; padding-top: 110px; } #akttopText { width: 80%; } #akttitle { } #prisboka { width: 47%; padding-right: 4%; float: left; } .storbildthree { width: 100%; } .litenbildtwo { width: 49%; } #aktCont { padding: 160px 0 110px 0; background: #e5e4df; height: 100%; } #aktivitet { width: 80%; margin: 0 auto; } .minititleborder { margin-bottom:10px } .aktstycke { margin-bottom: 80px; } #aktsecOne { } #aktsecOneL { float: left; width: 47%; padding-right: 4%; min-height: 10px; } #aktsecOneL img { float: right; width: 49%; } #aktsecOneR { float: left; width: 49%; } #aktsecOneR img { // width: 100%; margin-bottom: 50px; } .aktpris { font-size: 16px; margin-bottom: 60px; } .greenlink { margin-top: 0px; } #andraakt { width: 100%; background: #f5f5f5; padding: 145px 0 70px 0; } #aktsecOneR p { -webkit-margin-after: 0em !important; } @media screen and (min-device-width: 320px) and (max-device-width: 480px) { h1.storytitle { font-size: 50px; margin-bottom: 30px; } #behandtopText { width: 100%; margin-bottom: 50px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #akttopText { width: 100%; margin-top: 7px; } #akttitle { width: 100%; float: right; } #akttopCont { bottom: 0px; } #aktiviteter { width: 100%; margin: 0 auto; } #aktsecOneL { width: 100%; padding-right: 0%; min-height: 0px; } #aktsecOneL img { float: auto; width: 100%; margin-bottom: 50px; } #aktsecOneR { width: 100%; } #aktsecOneR img { width: 100%; margin-bottom: 50px; } #aktsecTwoL { width: 100%; padding-right: 0%; } #aktsecTwoL img { width: 100%; margin-top: 0px; } #aktsecTwoR { width: 100%; font-size: 16px; } #aktsecThreeL { width: 100%; padding-right: 0%; min-height: 0px; } #aktsecThreeR { width: 100%; } .storbildthree { margin-top: 0px; width: 100%; } .litenbildtwo { margin-top: 50px; width: 100%; } #prisboka { width: 90%; float: left; } #andraaktLeft, #andraaktRight { width: 100%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #akttopText { width: 100%; margin-top: 7px; } #akttitle { width: 100%; float: right; } #akttopCont { bottom: 0px; } #andraaktLeft, #andraaktRight { width: 100%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .largetitle { font-size: 55px; line-height: 65px !important; } } /* ----------------------------------------- */ /* Innehållsmall: Aktiviteter - 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 */ /* ----------------------------------------- */