/*** Motverka att KAP svarar på externwebbens darkmode ***/

.font-normal, form, span,
h1.font-heading-1, h2.font-heading-2, h3.font-heading-3, h4.font-heading-4
 {
	color: #2c2c2c;
}

.env-form-select select.env-form-input, .env-form-select select:not([multiple]), .env-form-input, .env-checkbox [type=checkbox], [type=checkbox].env-checkbox {
	color: #2c2c2c;
	background-color: #fff;
	border: 1px solid #2c2c2c;
}

.env-icon {
    fill: #2c2c2c;
}

.font-normal a:hover, .sv-collapsible-content .font-normal a:hover {
	 color: #011478 !important;
}

/*** ordinare KAP css ***/

.pagecontent > .sv-row {
    padding: 0.5em 2em;
}

.sv-use-margins .font-normal {
    margin-bottom: .8em;
}

//---
.sv-template-kap-grundmall h3.font-heading-3 {
    font-size: 1em;
}

/*ökade h2 eftersom jag ökat h3*/
.sv-template-kap-grundmall h2.font-heading-2 {
    font-size: 1.2em;
}

/*gjorde namnet på aktiv flik fet för att bättre urskilja var man befinner sig*/
.sv-tab-top>.sv-nav-tabs>li.sv-active>a {
    font-weight: bold;
}

/*tog bort underline vid focus eftersom det dröjde sig kvar efter att man klickat mellan flikarna. misstänker att det inte är kritiskt att ha underline på aktiv flik som inte är klickbar vid tabbnavigering*/
.sv-tab .sv-nav-tabs>li.sv-active>a, .sv-tab .sv-nav-tabs>li.sv-active>a:focus, .sv-tab .sv-nav-tabs>li.sv-active>a:hover {
    text-decoration: none;
}
//---

.sv-template-kap-grundmall p.font-normal {
    /*font-size: 0.8em;*/
}
   
.sv-template-kap-grundmall h2.font-heading-2 {
    margin-top: -10px;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.sv-template-kap-grundmall h3.font-heading-3 {
    font-size: 1em;
    /*margin-top: -10px;*/
}
  
.sv-template-kap-grundmall .logo {
    height: 75px;
   text-align:center;
}
   
/* EXTERNAL-ICON */
/* Överflödigt med ikon som förtydligar extern länk när i stort sett alla länkar har samma beteende, dvs lämnar KAP-startsidan.
.sv-template-kap-grundmall a[rel=external]:after {
    content: '\f35d';
    margin-left: 10px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}*/

.sv-template-kap-grundmall ul.font-normal {
    padding: 0px 0px 0.4em 1.7em;
}



/* PUFFAR */   

.sol-top {
    display: -webkit-inline-box;
}
.sol-top > .ssc-kap-puff {
    display: table-cell;
    position: relative;
    padding-bottom: 3em;
}



.sol-top > .ssc-kap-puff p.font-normal {
    padding: 0 1em 1em 1em;
}
/*.sol-top > */ 

.ssc-kap-puff p.font-btn {
   text-align: center;
   /*position:absolute;
   bottom:10px;
   width: 95%;*/
}

/*.sol-top > */ 

.ssc-kap-puff p.font-btn a {
    border-radius: 20px !important;
    font-size: 1em;
    font-family: 'Roboto Slab', Georgia, serif;
    font-weight: 400;
    letter-spacing: 0.4px;
    color:white;
}

/* HEIGHT OF PUFFAR */
.sv-template-kap-grundmall .sv-row.sv-layout:first-of-type .ssc-kap-puff div.sv-text-portlet:nth-child(2) {
   min-height:80px !important;
min-width:200px !important;
}


/*  PUFF COLORS */
/*ap, ap.font-normal, a.font-normal, ap.font-description, a.font-description, p.font-description a, .font-description a,*/
.sv-template-kap-grundmall p a, 
.sv-template-kap-grundmall p.font-normal a, 
.sv-template-kap-grundmall .font-normal a {
    color: #0f1edc;
}
.sv-template-kap-grundmall .font-btn > a:hover {
    background-color: #005885;
   text-decoration: underline;
}
.sv-template-kap-grundmall p.font-btn a {
    color: white;
}





/* TABBED CONTENT */

.sv-tab-content .ssc-kap-puff {
    margin-left: 0px !important;
}


/* SIDE-TABS */
.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs>li {
    float: none;
    display: block;
   width: 100% !important;
    margin-right: 23px;
}


.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs > li.sv-active > a {
    border: 0px;
    font-weight: 600;
}

.sv-template-kap-grundmall .sv-tab-onside ul.sv-nav.sv-nav-tabs {

    margin-left: -17px;
}
.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs > li:before {
    content: ''}

.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs > li a:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-size: 0.9em;
    left: -1.5em;
    margin-right: 10px;;
}

.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs > li > a:hover {
    border-color:transparent;
    background-color:revert;
    text-decoration:underline;
}
.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs > li > a:hover::before {
   text-decoration:none !important;
}

.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs > li.sv-active > a {
    border: 0px;
    font-weight: 600;
    background-color: #e1dcd2;
}
.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs > li.sv-active > a:after{
    content: '';
    height: 0;
    position: absolute;
    right: -12px;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 12px solid #e1dcd2;
    top: 1px;
}
.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs {border-bottom:0px;}
.sv-template-kap-grundmall .sv-tab-onside ul.sv-nav.sv-nav-tabs.sv-column-4 {
    margin: 0 24px 0 -16px !important;
   font-size:0.9em;
}
.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs > li > a {
   border-radius:0px;
}

.sv-template-kap-grundmall .sv-tab-onside .sv-nav-tabs > li {
    float: none;
}




/* TOP-TABS */
.sv-tab-top > .sv-nav-tabs>li {
    margin-right: 5px;
}

.sv-tab-top > .sv-nav-tabs > li > a {
    border-radius: 8px 8px 0 0;
}
.sv-tab-top > .sv-nav-tabs > li > a{
    color: #555;
    background-color: #fff;
    border: 1px solid;
    border-color: #ddd #ddd transparent;
    cursor: default;
}
.sv-tab-top > .sv-nav-tabs > li.sv-active > a {
    color: #555;
    background-color: #fff;
    border: 1px solid;
    border-color: #afafaf #afafaf #fff !important;
    cursor: default;
    margin-bottom: -3px !important;
    border-bottom: 3px solid white!important;
}
.sv-tab-top > .sv-nav-tabs > li.sv-active > a:hover,
.sv-tab-top > .sv-nav-tabs > li.sv-active > a:focus 
 {}

.sv-tab-top > .sv-nav-tabs > li > a:hover {
    border-color: #afafaf #afafaf transparent !important;
    border-width: 1px !important;
    border-bottom: none;
    margin-bottom: 1px;
   text-decoration: underline;
    cursor: pointer;
}
.sv-tab-top > .sv-nav > li > a:focus, 
.sv-tab-top > .sv-nav > li > a:hover {
    background-color: #e1dcd2; 
}

.sv-tab-top > .sv-nav-tabs>li.sv-active:focus, .sv-tab-top >.sv-nav-tabs>li.sv-active>a:focus {
    border-bottom: 2px solid white;
    margin-bottom: -2px !important;
}

.sv-template-kap-grundmall .sv-tab-top .sv-nav-tabs>li.sv-active>a, 
.sv-template-kap-grundmall .sv-tab-top .sv-nav-tabs>li.sv-active>a:hover {

    border-color: #afafaf #afafaf transparent !important;
   border-bottom: 0px;
}
/* ANCHOR-LINKS KOMMUNER */

.sv-toc-portlet li a {
    color: #0074ad;
    font-size: 1.2em;
}
.sv-toc-portlet li {
    display: inline-block;
    margin-right: 0.2em;
}
.sv-toc-portlet ul {
    line-height: 3px;
}

.sv-template-kap-grundmall .sv-use-margins .font-heading-2, .sv-template-kap-grundmall .sv-use-margins h2 {
    margin-top: .6em/*5px*/;
    margin-bottom: .8em /*30px*/ !important;
}

/* SPALTER */
@media screen and (min-width: 661px){
.sv-decoration-2-spalt .sv-text-portlet {
    /* min-width: 48%; */
    margin-right: 30px;
    float: left;
    max-width: 40%;
}
}