

/**
 * FONTS
 *
 */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/download/18.7c5c362917c760e4393480b/1637324975797/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.7c5c362917c760e4393480b/1637324975797/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.7c5c362917c760e4393480f/1637324975866/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.7c5c362917c760e4393480e/1637324975829/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/download/18.7c5c362917c760e4393480d/1637324975820/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.7c5c362917c760e4393480c/1637324975809/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/download/18.7c5c362917c760e43934801/1637324975690/open-sans-v27-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.7c5c362917c760e43934801/1637324975690/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.7c5c362917c760e43934805/1637324975738/open-sans-v27-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.7c5c362917c760e43934804/1637324975727/open-sans-v27-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/download/18.7c5c362917c760e43934803/1637324975711/open-sans-v27-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.7c5c362917c760e43934802/1637324975701/open-sans-v27-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/download/18.7c5c362917c760e43934806/1637324975748/open-sans-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/download/18.7c5c362917c760e43934806/1637324975748/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/download/18.7c5c362917c760e4393480a/1637324975789/open-sans-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/download/18.7c5c362917c760e43934809/1637324975779/open-sans-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/download/18.7c5c362917c760e43934808/1637324975769/open-sans-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/images/18.7c5c362917c760e43934807/1637324975759/open-sans-v27-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
   position: relative!important;

}

/* h1 */
.heading {
   
}

/* h2 */
.subheading {
   font-size: 1.1em;
   font-family: 'Open Sans';
}

/* h3 */
.subheading3 {
   font-size: 20px;
}

/* Normal text */
.normal {
   
}

.vmo-page-info{
	 font-family: "Open Sans";
    margin-top: 2em;
    font-size: 1.25em;
}

#__ba_panel {
    border: 0 !important;
    text-align: left;
    display: none;
}

/*MORE INFO BOX*/
.vmo-main__moreInfo {
   border: solid 1px #B6B6B6;
   margin: 2em 0;
   border-radius: 2px;

}
.vmo-main__moreInfo h2 {
   padding-left: 2rem;
   font-weight: 700;
   font-size: 2rem !important;
   text-decoration-color: #00528C;
   text-underline-offset: 1rem;
   color: #494949;
   
}
.vmo-main__moreInfo--list {
   padding-left: 2rem;
   margin-bottom: 1.2rem;
   
   font-size: 0.8rem;
}
/*Removes Icon*/
.vmo-main__moreInfo--list img {
   display: none;
}
/*ICON*/
.icon {
   color: #B6B6B6;
   font-size: 1.4rem;
   padding-left: 1rem;
}


.vmo-main__moreInfo--list a {
   font-family: "Open Sans";
   text-decoration: underline !important;
}

/*NewsBox*/
.vmo-main__newsBox {
   border-bottom: solid 1px #B6B6B6;
   font-family: "Open Sans";
   margin-bottom: 2rem;
   margin-top: 2.2rem;
   position: relative;
   height: 12rem;
   overflow: hidden;
}

.vmo-main__newsBox--date{
   background-color: #00528C;
   color: white;
   font-size: 1rem;
   font-family: "Open Sans";
   text-transform: uppercase;
   font-weight: 600;
   
   padding-left: 5px;
   padding-bottom: 3px;
   padding-top: 3px;
   padding-right: 7px;
}
.vmo-main__newsBox--title a:before {
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   position:absolute;
}
.vmo-main__newsBox--title a:hover {
   text-decoration: underline;
}
.vmo-main__newsBox--title a {
   display: inline-block;
   font-weight: 400;
   font-size: 1.5rem;
   font-family: Verdana;
   text-decoration: none;
}

.vmo-main__newsBox--desc {
   font-size: 1rem;
   font-weight: 400;
   padding-bottom: 1rem;
   line-height: 1.8rem;
   height: 4.8rem;
   overflow: hidden;
   text-overflow: ellipsis;
   display:flex;
   align-items: flex-start;
}
/*Servicemessages*/
.vmo-main__servicemessage {
   border-bottom: solid 1px #B6B6B6;
   font-family: "Open Sans";
   display: inline-block;
  	position: relative;
   height: 12rem;
   margin-top: 1.2rem;
   margin-bottom: 1rem;
}

.vmo-main__servicemessage__headline{
   display:flex;
   align-items: center;
}


.vmo-main__servicemessage--title{
   font-family: Verdana;
   font-size: 1.5rem;
  	margin-left: 1rem;
   font-weight: 400;

}
/*
.vmo-main__servicemessage--title a:before {
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   position:absolute;
}
*/
.vmo-main__servicemessage--title a:hover {
   text-decoration: underline;
}
.vmo-main__servicemessage--title a {
   text-decoration: none;
}
.vmo-main__servicemessage--desc {
   font-size: 1rem;
   display: inline-block;
   line-height: 1.8rem;
   max-height: 5.2rem;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-top: 1rem;
}
.vmo-main__serviceIcon {
   font-size: 0.5rem;
   float: left;
   margin-right: 1rem;
   color: #333333;
  	margin-top: 1.5rem;
}

/** Ny fildelning 2025-12-08 TC **/
.env-list a {
   font-size: 1.5em;
}


/**Brödsmulor**/
.var-brodsmulor a,
.var-brodsmulor span{
   font-size: 100%;
}

/** ENV BUTTON **/

.env-button--link {
    color: #0b3a38;
    font-weight: 600;
    font-size: 1.3125rem;
    position: relative;
    padding-left: 0;
    color: #00528C ;
}

.env-button--link:after {
    content: "\f054";
    font-family: Font Awesome\ 5 Free;
    font-size: 1.25rem;
    position: absolute;
    right: 0;
    line-height: 1.65;
}


/** END ENV BUTTON **/

/**Accordions**/

.con-plus-menu-gray {
    background-color: #b6b6b7!important;
    color: #000!important
}

.con-decoration-accordion .con-plus-menu-gray .plus-button>.fa.fa-plus {
    color: #000!important
}

.con-decoration-accordion {
    margin: 2em 0;
}

.con-decoration-accordion .con-decoration-accordion__heading {
    position: relative;
    background-color: #00538d;
    color: #FFF;
    padding: 1em 2em 1em 1em;
    font-size: 150%;
    text-decoration: none;
	 display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 2px;
    font-family: "Open Sans";
    font-weight: 600;
}


}

.con-decoration-accordion .plus-button {
    background-color: transparent;
    border: solid 0 #fff;
    position: absolute;
    right: 0;
    top: 0;
    padding: .6em .4em;
    width: 1.7em;
    height: 1.7em;
    text-align: center
}

.con-decoration-accordion .plus-button>.fa.fa-plus {
    color: #fff;
    font-size: 150%
}

.con-decoration-accordion .plus-button:hover,.con-decoration-accordion .con-decoration-accordion__heading:hover {
    cursor: pointer
}

.con-decoration-accordion .con-decoration-accordion__heading.active .plus-button>.fa.fa-plus {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.con-decoration-accordion .con-plus-menu-container {
    margin-bottom: 1em;
    border-color: #d6d6d6;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-radius: 3px;
    margin: 0 0 1em 0;
    padding: 20px
}

.con-decoration-accordion .plus-button {
    position: initial;
    padding: 0;
}

.con-decoration-accordion .con-decoration-accordion__heading .plus-button>.fa.fa-plus{
	transition: transform .33s;  
}

.con-decoration-accordion .con-decoration-accordion__heading.active .plus-button>.fa.fa-plus{
    transform: rotate(45deg);
    transition: transform .33s;
}


/**Slut Accordions**/



nav.var-brodsmulor li a,
nav.var-brodsmulor li span{
    color: white !important;
}

.heading {
    font-weight: 700;
    font-size: 4em;
 	 font-family: 'Open Sans';
}

h2.subheading {
    font-size: 1.8rem;
    font-weight: 700;
}

p.sv-font-nyheter-ingress {
    font-weight: 400 !important;
    font-size: 2em;
	 font-family: 'Open Sans';
}

p.normal {
    font-size: 1.5em !important;
    font-family: 'Open Sans';
}



/* Before-dekoration länkar */
/* Tobias Carlsson 2024-02-16 */

/* p.normal a:not([href^="tel:"])::before {
  font-family: 'Font Awesome\ 5 Free';
  content: "\f105";
  margin-right: .5rem;
  font-weight: 600;
  text-decoration: none !important;
} */

p.normal a:not([href^="tel:"]):not([href^="mailto:"])::before {
  font-family: 'Font Awesome\ 5 Free';
  content: "\f105";
  margin-right: .5rem;
  font-weight: 600;
  text-decoration: none !important;
}

/* Ej dekoration på SV-dekoration */

.niv-box a::before {
content: normal !important;
}

/* Ej dekoration på länkar i sidfot */

.vmo-footer__top a::before {
content: normal !important;
}


/* Slut before-deokration länkar */



/** Dekorationsmall e-tjänst**/

.niv-box {
    background: #F7F7F7;
    padding: 1em 1.5em !important;
    box-shadow: none;
    border-radius: 2px;
	 margin: 4em 0 !important;
}

.niv-box  p.normal  {
   color: #00538d;
   display: flex;
	align-items:center;
   margin: 0 !important;
    font-weight: 600;
    text-decoration: underline;
}

.niv-box .sv-image-portlet {
    /*display: none;*/
}

.niv-box p.normal:before {
    /*content: url(https://kommun.varnamo.se/images/18.7c5c362917c760e43934f73/1637923981313/var-kugghjul.svg);
    margin-right: .5em;*/
}

.niv-box p.normal a img {
    display: none;
}

/**Slut Dekorationsmall e-tjänst**/

.var-kontaktbox{
   display: flex;
   column-gap: 5em;
   flex-wrap: wrap;
}




@media (max-width: 768px){
   
   .var-kontaktbox {
   	 flex-flow: column;
	    gap: 2em;
   	 margin-top: 2em;
	}
}



@media (max-width: 500px){
   
  
}




/*Hjälpe sidan dig*/
.vmo-form__container {
   background-color: #EAF1F9;
   font-family: "Open Sans";
   padding: 2rem;
   border: 1px solid #01528c;

}
.vmo-form__upperContainer {
   display: flex;
   justify-content: space-between;
  	align-items: center;
   flex-wrap: wrap;
}

.vmo-form__container h2.subheading {
   font-size: 2rem;
   font-weight: 700;
	margin: 0 !important; 
}

.vmo-form__container  p {
   color: #00528C;
}
.vmo-form__btnContainer {
   flex-wrap: wrap;
   display: flex;
   justify-content: space-between;
   gap: 1rem;
   padding: 1em 0;
   
}

.vmo-form__buttonYes, .vmo-form__buttonNo {
   background-color: #00528C;
   color: #FFFFFF;
   width: 5rem;
   font-family: "Open Sans";
   font-weight: 700;
   
}

.vmo-form__btnContainer button:hover, .vmo-form__btnContainer button:focus {
   background-color: #0260a3 !important;
}


@media (max-width: 620px) {
    .vmo-form__btnContainer {
      
      margin-top: 0;
      margin-left: 0;
    }
   .vmo-form__upperContainer {
      flex-direction: column;
   }
   .vmo-form__container h2 {
   font-size: 1.5rem;

}
}
.vmo-form__lowerBox input {
   background-color: #00528C !important;
   color: #FFFFFF !important;
   padding-left: 1.2rem !important;
   padding-right: 1.2rem !important;
   padding-top: 0.5rem !important;
   padding-bottom: 0.5rem !important;
   font-family: "Open sans" !important;
   font-weight: 700 !important;
   margin-top: 0.2rem;
   margin-bottom: 0.2rem;
}
.vmo-form__lowerBox .sv-formFieldRow:first-of-type label{
   color: #00528C;
   font-weight: 400;
   font-size: 1.5rem;
   font-family: "Open Sans";
   display: block;
   margin-top: 2rem;
   margin-bottom: 0.5rem;
}
.vmo-form__lowerTextBox {
   color: #000000 !important;
   font-size: 0.5rem !important;
}
.var-got-help-yes-box {
   display: none;
}

/*****Mer om****/
.var-mer-om-wrapper {
    background: #F7F7F7;
    /*padding: 5em 0;*/
    padding-top: 1em;
    padding-bottom: 3em;
    position: relative;
    /*margin: 3em;*/
   margin-bottom: 1em;
    overflow: hidden;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    font-family: 'Open Sans';
}


.var-mer-om-meny {
    display: flex;
    gap: 50px;
	 flex-flow: wrap;

}

.var-mer-om__item {
   padding: 1em 1.5em;
	width: calc(33% - 6em);
   position: relative;
   border-radius: 2px;
   background-image: url(/images/18.5798157517db92a9529906/1640071417876/var-pil-bla-gra-bg.svg), linear-gradient(90deg, #01528c 92%, transparent 92%);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: 100%;
   min-height: 4em;
   display: flex;
   align-items: center;
}




.var-mer-om__item a:after{
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   position:absolute;
}


.var-mer-om__item a {
    color: white;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: 600;
	 padding-right: 2.5em;
}

.var-mer-om p {
    text-align: center;
    margin: 1em 0 1.5em 0;
    text-transform: uppercase;
	 font-size: 1.75em;
    color: #01528c;
    font-weight: 600;
}

.var-mer-om-wrapper:before {
    content: "";
    background: white;
    position: absolute;
	 right: calc(50% - 20px);    width: 40px;
    height: 40px;
    top: -20px;
    transform: rotateZ(45deg);
    }

@media (max-width: 960px){
 .var-mer-om__item {
		width: calc(50% - 6em);
   }
}


@media (max-width: 768px){
   .var-mer-om-meny {
       flex-direction: column;
       align-items: center;
   }

   .var-mer-om__item{
       width: 80%;
   }
   
    .var-mer-om__item {
       margin: auto;
    }
  
}


@media (min-width: 768px) and (max-width: 860px){
    .var-mer-om__item:after{
        display: none;
    }
}

@media (max-width: 500px){
	.var-mer-om__item{
		width: 100%;
	}
}

/*****Slut Mer om****/

/*Bygglovsruta info*/
.vmo-main__permitInfo {
   border: solid 1px #979797;
   font-family: "Open Sans";
   padding-left: 2rem;
   padding-bottom: 1.5rem;
   margin-top: 4rem;
}
.vmo-main__permitInfo-firstRow {
   display: flex;
   font-size: 0.9rem;
}
.vmo-main__permitInfo-firstRow h2::after {
   content: "\00a0";
}

.vmo-main__permitInfo-firstRow p {
   padding-right: 5rem;
   align-items: center;
   margin-top: auto;
   margin-bottom: auto;
   font-size: 1.2rem;
}
.vmo-main__permitInfo-secondRow {
   font-size: 20px;
   max-width: 700px;;
}
@media (max-width: 767px) {
   .vmo-main__permitInfo-firstRow {
   display: inline-block;
}
}


/*Bygglov visningssida*/
.vmo-main__premitInfo--ProcessType {
   font-family: "Open Sans";
   color: #743669;
   font-size: 1.3rem;
   display: flex;
   font-weight: 600;
   margin-top: 2rem;
}
.vmo-main__premitInfo--ProcessType p{
   align-items: center;
   margin-top: auto;
   margin-bottom: auto;
}
.vmo-main__premitInfo--ProcessType i{

   font-size: 2rem;
   padding-right: 1rem;
   
}

.vmo-darkblueInfoBox {
   display: flex;
   background-color: #eaf6ff;
   font-family: "Open Sans";
   line-height: 1.8;
   justify-content: space-between;
   margin-top: 2rem;
   font-size: 0.85rem;
   margin-bottom: 2rem;
   border: 1px solid #01528c;
    border-radius: 2px;
   color: white;
}

.vmo-darkblueInfoBox .sv-decoration-content {
   padding-top: 3rem;
   max-width: 800px;
   padding-left: 2rem;
   padding-bottom: 2rem;
}
.vmo-darkblueInfoBox .sv-text-portlet-content * {
    line-height: 1.8;
}

.vmo-darkblueInfoBox i {
   font-size: 3.5rem;
   color: #01528c;
  	margin-right: 1rem;
   margin-top: 1rem;
}


.vmo-purpleInfoBox {
   display: flex;
   background-color: #F5F1F4;
   font-family: "Open Sans";
   line-height: 1.8;
   justify-content: space-between;
   margin-top: 2rem;
   font-size: 0.85rem;
   margin-bottom: 2rem;
   border: 1px solid #743568;
    border-radius: 2px;
}

.vmo-purpleInfoBox .sv-decoration-content {
   padding-top: 3rem;
   max-width: 800px;
   padding-left: 2rem;
   padding-bottom: 2rem;
}
.vmo-purpleInfoBox .sv-text-portlet-content * {
    line-height: 1.8;
}

.vmo-purpleInfoBox i {
   font-size: 3.5rem;
   color: #743669;
  	margin-right: 1rem;
   margin-top: 1rem;
}

.var-content-level-three {
    max-width: 55%;
    margin: 5em auto;
}

@media (max-width: 767px){
   .var-content-level-three {
       max-width: initial;
       margin: 3em auto;
       overflow: hidden;
       padding: 0 1em;
   }
   
   .var-mer-om-meny {
       display: flex;
       gap: 20px;
       flex-flow: wrap;
   }
}

@media (min-width: 767px) and (max-width: 1024px) {
   .vmo-main__permitInfo-firstRow {
 		display: inline;
}
}
/* Nyhetspuffar på ingångssidor */

.var-newslist {
    display: flex;
    gap: 2em;
    padding: 0;
    max-width: 1300px;
    margin: auto;
}

.var-newslist__content {
    padding: 2em;
}

.var-newslist__date {
    font-family: 'Open Sans';
    font-size: 1.1em;
}

.var-newslist__content h2 {
    font-size: 1.1em;
    font-weight: 600;
}

.var-newslist__item {
    box-shadow: 0 15px 25px -10px #1015182b;
    border-radius: 2px;
   width: 25%;
}

.var-newslist__item img {
    max-width: 100%;
    overflow: hidden;
	 height: 100%;
    object-fit: cover;
    width: 100%;
}

.var-newslist__item-image {
    position: relative;
    height: 14em;
    width: 100%;
}


.var-newslist__item-image:after {
    content: "";
    position: absolute;
    height: 32px;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'100%25'%20height%3D'32'%3E%3Cdefs%3E%3Cpattern%20id%3D'bg'%20patternUnits%3D'userSpaceOnUse'%20width%3D'100'%20height%3D'32'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'm%200%2032.25%20l%200%20-25%20c%2050%20-25%2050%2025%20100%200%20l%200%2025'%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23bg)'%2F%3E%3C%2Fsvg%3E");
    background-size: 100% 32px;
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    display: block;
}

.var-top-image{
   height: 25em;
   width: 100%;
}


.var-rekai.var-rekai--inverted.rek-prediction ul li a {
    background: #01528c;
    color: white;
    font-weight: 600;
}

@media (max-width: 500px){

	.var-newslist{
      flex-flow: column;
   }
   
   .var-newslist__item {
      width: 100%;
      margin-top: 4em;
   }
   
}

@media (min-width: 768px){

	.row-stretch-webapp {
      display: flex;
      align-items: stretch;
   }

   .row-stretch-webapp .sv-custom-module, .row-stretch-webapp .sv-custom-module > div[data-cid] {
      height: 100%;
   }
   
}

.con-sevice-iframe {
    min-height: 583px;
}

button {
   outline: none;
}

/* Tar bort "rubriken" på listningar från doclist fårn Evolution */
.webapp-doclist .bread {
    display: none;
}

/* Knappar på sidan synpunkter */

    .specialknapp {
      display: inline-block;
      background-color: #00528C;
      font-size: 1.2rem;
      text-decoration: none;
      color: white;
      border: none;
      padding: 10px 20px;
      border-radius: 10px; /* Lätt rundade hörn */
      width: 250px;
      text-align: center;
      margin: 0.5em;
    }
   
   .specialknapp:hover {
      background-color: #003E6B;
      text-decoration: underline;
   }
   
.rekai-accordion__list .rekai-accordion__button {
   background: #00538d!important;
   color: #fff!important;
   padding-left: 1rem!important;
   font-family: "Open Sans"!important;
   font-size: 150%!important;
   font-weight: 600!important;
}

.rekai-accordion__list .rekai-accordion__body {
   padding: .5rem 1rem 1.5rem 1rem!important;
   margin: 0!important;
   border-left: 1px solid #d8d8d8;
   border-right: 1px solid #d8d8d8;
   border-bottom: 1px solid #d8d8d8;
}

.rekai-accordion__list .rekai-accordion__button svg {
   width: 40px!important;
   height: 40px!important;
   flex: 40px 0 0!important;
}

.rekai-accordion__list .rekai-accordion__answer-text,
.rekai-accordion__list .rekai-accordion__answer-page {
   font-family: "Open Sans"!important;
   font-size: 150%!important;
}

.rekai-accordion__list .rekai-accordion__header {
   margin-top: 1.5rem;
}

.vmo-project-steps {
   display:flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   margin-top: 2.5rem;
   gap: 1rem;
}

.vmo-project-step-wrapper {
   display:flex;
   align-items: center;
}

.vmo-project-step {
	width: 40px;
   height: 40px;
   box-sizing: border-box;
   padding: 1rem;
   border-radius: 50%;
   border: 1px solid black;
   margin-right: .5rem;
   display: flex;
   align-items: center;
   justify-content: center;
}

.vmo-project-step--active {
   background-color: var(--env-element-secondary-background-color);
   color: white
}


/* ikoner kontakt-sida */


.vmo-icon-contact {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;

  font-size: 2.8rem;
  color: #3375a3;

  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);

  margin-top: 0.8rem;     /* luft från toppen */
  margin-bottom: 0.2rem;  /* mindre avstånd till texten */

  line-height: 1;
  transition: opacity 0.2s ease;
}

.vmo-icon-contact:hover {
  opacity: 0.8;
}


.vmo-icon--felanmalan {
  color: #682F89;
}

.vmo-card-heading-h2 {
  font-size: 1.25rem;      
  font-weight: 700;
  line-height: 1.3;
  text-align: center;

  margin-top: 0.5rem;
  margin-bottom: 0.6rem;

  color: #333;             
}

