/*
=========================================================
HOLAVEDSGYMNASIET.CSS
=========================================================
  ____                        _   
 | __ )  ___  _   ___   _____| |_ 
 |  _ \ / _ \| | | \ \ / / _ \ __|
 | |_) | (_) | |_| |\ V /  __/ |_ 
 |____/ \___/ \__,_| \_/ \___|\__|

 * Grenen Holavedsgymnasiet får mycket av sin CSS från
 * Tranås CSS-filer.
 * 
 * Den här filen innehåller dock den CSS som är specifik
 * för Holavedsgymnasiet.
 * 
 * Att lägga det i en separat fil är för att underlätta
 * framtida underhåll.
 * 
 * I den här filen hittar man helt enkelt allt som endast
 * rör Holavedsgymnasiet.
 * 
 * Skapad av: Christer Hagman
 * Copyright (C) 2022 Bouvet AB
=========================================================
*/

[id^="Menyn"] + div {
   border: 2px solid black;
	margin: 20px auto;
	width: 60%;
   text-align: center;
   background-color: #f8f8f8;
}

#Menyn + div .normal {
   display: block;
}

.header-group > div:first-of-type {
   text-align:left;
   /* margin:10px 20px;  */
}
.sub-menu-padding li {
   margin:0 25px;
}
.sub-menu-padding a::after {
   content: '';
    display: block;
    width: 0;
    height: 4px;
   margin-top:2px;
    background-color: rgba(0, 0, 0, 0.7);
    transition: width .2s;
}
.sub-navigation .submenu-active {
   text-decoration-color:rgba(0, 0, 0, 0.7) !important;
}
.flerniva-holaved ul li a {
   font-weight:bold;
   color:#3474A5;
}
.text-hogy a {
   color:#3474A5;
}
#Logoholavedsgymnasiet + a img {
   margin-left:50px;
}
.sv-decoration-kontaktruta-flytta-hit a, .text-flytta a {
   color:#3474a5;
}
#collage-module-1 .header {
   margin:0.5em 0 0 0 !important;
}

/* Needs more templates in the first class */
.holavedsgymnasiet header .sub-navigation a.sv-font-undermeny-vit-rb-regular-400-svart {
   font-size: 1.3em;
}

.sv-template-hogy---landningssida .white-puff-outer-container .white-puff::after {   
   content: url(/images/18.3bd69c7718213311c3fa3f/1660551501221/HOGY_pil_landningssida.png);
}

.sv-decoration-facebook-hogy,
.sv-decoration-instagram-hogy,
.sv-decoration-linkedin-hogy,
.sv-decoration-youtube-hogy {
   height:67px;
}

.sv-decoration-facebook-hogy a img,
.sv-decoration-instagram-hogy a img,
.sv-decoration-linkedin-hogy a img,
.sv-decoration-youtube-hogy a img {
   display:none;
}

.sv-decoration-facebook-hogy p, 
.sv-decoration-instagram-hogy p,
.sv-decoration-linkedin-hogy p,
.sv-decoration-youtube-hogy p {
   display:inline-block;
   margin:12px 0 0 55px;
}

.sv-decoration-facebook-hogy a, 
.sv-decoration-instagram-hogy a,
.sv-decoration-linkedin-hogy a,
.sv-decoration-youtube-hogy a {
   color: black;
}

.sv-decoration-kontaktruta-hogy {
   background-color: #d3e5f3;
}

.sv-decoration-kontaktruta-hogy a {
   color: #3474a5;
}
.sv-archive-portlet ul li time {
   margin-bottom:10px;
   color:#666;
}
.nyheter-startsida ul li h3 {
   margin-top:15px;
}

/*HÖGERMENY FÄRGER */
#right-menu-container .right-menu-header {
   color:#000;
}
.right-menu-flytta-hit #right-menu-container.nav .primary li.right-menu-header {
   background-color: #7AB1DB;
}

.right-menu-flytta-hit #right-menu-container.nav .primary li {   
	background-color: #D3E5F3;
}

.right-menu-flytta-hit #right-menu-container.nav .primary li .menu__sub-sub-menu li {
	background-color: #EEF5FB;
}

.right-menu-flytta-hit #right-menu-container.nav ul li.active {
	border-left: 6px solid #3474A5;
}

.right-menu-flytta-hit #right-menu-container.nav ul li.li-without-margin-and-border {
   border-left: none;
}

.right-menu-flytta-hit #right-menu-container.nav ul li.active .sub-menu-parent.child-ul-visible {
   border-left: 6px solid #3474A5;
}
.sv-collapsible-content {
   padding-top:5px;
   margin-bottom:2em;
}
.env-collapse p {
   margin:20px 0 10px 0;
}

/* Plusboxar färger */

.env-collapse-header.env-collapse--expanded, .env-collapse-header:hover, .text-flytta .env-collapse--expanded .env-m-right--x-large, .env-m-right--x-large:hover { 
   color:#000 !important;
}
.env-collapse--expanded .env-collapse-header--icons:after, .env-collapse--expanded .env-collapse-header--icons:before {
   background-color:#000 !important;
}
.env-collapse-header:hover .env-collapse-header--icons:after, .env-collapse-header:hover .env-collapse-header--icons:before {
   background-color:#000 !important;
}
.env-collapse-header:hover .env-m-right--x-large, a.sv-font-expanderbar-rubrik-h2,.sv-font-expanderbar-rubrik-h2 a, a.sv-font-expanderbar-rubrik-h2:hover, .sv-font-expanderbar-rubrik-h2 a:hover {
   color:#000 !important;
}

/* RESPONSIVT 1090 */

@media all and (max-width: 1090px) {

.header-group > div:first-of-type {   
   width:auto;
   position:absolute;
   margin:auto;
   left:0;
   right:0;
   width:140px;
}
#Logoholavedsgymnasiet + a img {
   width:140px !important;
   margin-top:15px;
   margin-left:unset;
}
 .sv-decoration-dots-hogy h2 {	
   margin-top:-18px;   
}
   .sv-template-hogy---startsida .header-group:first-child img {
	margin-top: 0px;
   margin-left: 10px;
}
.mobileNavPuffs__lvl1:nth-child(1), .mobileNavPuffs__lvl1:nth-child(2), .mobileNavPuffs__lvl1:nth-child(3),
   .mobileNavPuffs__lvl1:nth-child(4) {
   border-left:0;
}
.mobileNavPuffs__lvl1 > div {
   border-left:6px solid #ff9e19;
}
.mobileNavPuffs__lvl2 li > div {
   border-left:6px solid #3474A5;
}
.mobileNavPuffs__lvl1:nth-of-type(1) .mobileNavPuffs__lvl2>li div, .mobileNavPuffs__lvl1:nth-of-type(2) .mobileNavPuffs__lvl2 > li div, 
.mobileNavPuffs__lvl1:nth-of-type(3) .mobileNavPuffs__lvl2 > li div, .mobileNavPuffs__lvl1:nth-of-type(4) .mobileNavPuffs__lvl2 > li div {
   background-color:#D3E5F3 !important;
}
.mobileNavPuffs__lvl1:nth-of-type(1) .mobileNavPuffs__lvl3>li div {
   background-color:#EEF5FB !important;
}   
.mobileNavPuffs .mobileNavPuffs__lvl1>.itemWrapper a, .mobileNavPuffs .mobileNavPuffs__lvl2 li a {
   font-size:0.7em;
   padding-right:43px;
}
.mobileNavPuffs .mobileNavPuffs__lvl3 .itemWrapper{    
      border-bottom:1px solid #fff;
}
   
.footer .sv-vertical.sv-layout.sv-skip-spacer {
   height:60px !important;
}  

.extramenu div {
   font-size:0.7em;
}
.extramenu a {
   padding:0.5em 0 !important;
}
.extramenu .mobsok {
   padding:0.7em 0 !important;
}  
#Flernivalank + ul {
   margin:0 0 10px 0;
}
#Flernivalank + ul li .normal {
   margin-top:0;
}
h3 {
   font-size:20px !important;
}
.toppnyhet-startsida h3 a span {
   font-size:22px !important;
}
    
  
}

/* RESPONSIVT 768 */

@media all and (max-width: 768px) {
 
#collage-module-1 .header {
   font-size:1.7em !important;
   margin:0.65em 0 0 0 !important;
}   
.portlet-font, .sv-portlet-primary-paragraph, .normal {
   display:inline-block;
   margin-top:10px;
   line-height:1.5;
}
   
}