/* ----------------------------------------- */ /* View slug: verksamheter-startsida - start */ /* ----------------------------------------- */ #view-holder { margin-bottom: 50px; }.half-width-box, .full-width-box { color: #fff; background-color: #424142; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; }.front-page-image { display: block; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; border-bottom: none !important; }.half-width-box h2, .full-width-box h2 { font-size: 26px !important; }.half-width-box h2 a, .full-width-box h2 a { color: #fff; border-bottom: none; }.half-width-box h2 a:hover, .full-width-box h2 a:hover { color: #55a51c; border-bottom: none; }.half-width-box h2 span, .full-width-box h2 span { font-size: 22px; margin-left: 6px; display: inline-block; position: relative; top: -3px; }.half-width-box .text-holder, .full-width-box .text-holder { padding: 30px 30px 15px; }/*--- HALF WIDTH BOX ---*/.half-width-box { width: 49%; float: left; }.half-width-box:nth-child(even) { margin-left: 2%; }.half-width-box .front-page-image { width: 100%; height: 240px; }/*--- FULL WIDTH BOX ---*/.full-width-box { width: 100%; clear: both; }.full-width-box .front-page-image { float: left; width: 50%; height: 150px; } .full-width-box .text-holder { float: left; width: 50%; }/*--- RESPONSIVE ---*/@media only screen and (max-width: 800px) {.half-width-box { width: 100%; float: none; } .half-width-box:nth-child(even) { margin-left: 0; } .full-width-box .front-page-image { float: none; width: 100%; background-size: 100% auto; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } .half-width-box .text-holder, .full-width-box .text-holder { padding: 22px 30px 15px; } .full-width-box .text-holder { float: none; width: 100%; } .full-width-box .front-page-image, .half-width-box .front-page-image { height: 200px; }.half-width-box h2, .full-width-box h2 { font-size: 20px !important; }.half-width-box .text-holder p, .full-width-box .text-holder p { display: none; } .half-width-box h2 span, .full-width-box h2 span { font-size: 18px; top: -2px; } }@media only screen and (min-width: 800px) and (max-width: 1024px) { .full-width-box .front-page-image { height: 180px; } } /* ----------------------------------------- */ /* View slug: verksamheter-startsida - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: Startsida - start */ /* ----------------------------------------- */ /*--- START ---*/.fusion-recent-posts .columns .column h4 { margin: 15px 0 5px; border-bottom: none; text-transform: none; font-size: 22px; line-height: 30px; }.fusion-recent-posts .columns .column h4 a { color: #424142; border-bottom: none; }.fusion-recent-posts .columns .column h4 a:hover { color: #55a51c; }.fusion-recent-posts .columns .column p.meta span.date { font-size: 14px !important; font-style: italic; color: #666; }.fusion-recent-posts .columns .column p.meta span:nth-child(2), .fusion-recent-posts .columns .column p.meta span:nth-child(3) { display: none; }.fusion-recent-posts { margin-bottom: 0px; }.fusion-recent-posts .fusion-flexslider .slides img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }#start-page-logos img { float: left; margin: 20px 3%; height: 64px; width: auto; }#start-page-logos a img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }#start-page-logos a:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }/*--- TVÅ LOGOBOXAR - dolda nu ---*/#two-logo-boxes { display: none; }#two-logo-boxes .logo-link-box { height: 150px; text-align: center; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }@media only screen and (min-width: 800px) { #two-logo-boxes .logo-link-box { margin: 30px 0 40px; } }#two-logo-boxes .logo-link-box:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ }.centered { display: inline-block; vertical-align: middle; }#two-logo-boxes a .logo-link-box { opacity: 1; filter: alpha(opacity=100); transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; }#two-logo-boxes a:hover .logo-link-box { opacity: 0.6; filter: alpha(opacity=60); transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; }/*--- FYRA FÄRGADE BOXAR ---*/.link-boxes .link-box { padding: 34px 4px 26px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }.link-boxes a .link-box { opacity: 1; filter: alpha(opacity=100); transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; }.link-boxes a:hover .link-box { opacity: 0.7; filter: alpha(opacity=70); transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; }.link-boxes .link-box h3 { font-size: 20px; text-align: center; color: #fff; margin: 0; }.link-boxes .link-box h3 span { font-size: 20px; margin-left: 4px; }/*--- NYHETER ---*/@media only screen and (min-width: 800px) { .link-boxes.news { display: none; } }@media only screen and (max-width: 800px) { #news { display: none; } } /* ----------------------------------------- */ /* Innehållsmall: Startsida - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Teckenspråk - start */ /* ----------------------------------------- */ /*--- TECKENSPRÅK ---*/.extra-functions { width: 100%; padding: 6px 10px; border: 1px solid #ccc; margin-bottom: 40px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }a.header-extras { color: #424142 !important; display: block; line-height: 30px; height: 30px; cursor: pointer; float: left; }a.header-extras, a.header-extras:hover { border-bottom: none !important; }a.header-extras img { width: 25px; height: 25px; margin-right: 8px; margin-top: 2px; }a.header-extras:hover img { filter: alpha(opacity=70); opacity: 0.7; }a.header-extras:hover span { color: #737073; }a.header-extras:hover img, a.header-extras:hover span { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }a.header-extras img, a.header-extras span { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }.teckensprak-video { clear: both; width: 100%; padding: 10px 0 4px; }/*-------------------------------*/ /* ----------------------------------------- */ /* Innehållsmall: Teckenspråk - slut */ /* ----------------------------------------- */