
/*------------------------------------------------------------------------------------------------------

# BUTTONS

------------------------------------------------------------------------------------------------------*/

.env-button {
   padding: 0.7rem 1rem;
   margin: 0rem 1rem 1rem 0rem;
   line-height: 1;
   background: transparent;
   font-size: 1.375rem;
   border: 1px solid #000;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.env-button--success {
   background: #1A7167;
   border-color: #1A7167;
}

.env-button--invert {
   color: #000;
}

.env-button--link {
   border: 0;
}

.env-button:hover,
.env-button:focus {
   color: #fff;
   background: #000;
   border-color: #000;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.env-button.env-button--success:hover,
.env-button.env-button--success:focus {
   background: #00A29A;
   border-color: #00A29A;
}

.env-button--link:hover,
.env-button--link:focus {
   color: #000;
   background: transparent;
   border-color: transparent;
}

@media (max-width:767px) {
   .env-button {
      text-align: left;
   }
}

footer .sv-marketplace-sitevision-toTop .env-button {
    background: #000;
    border: 0.25rem solid #fff;
}

/*------------------------------------------------------------------------------------------------------

# SHARE

------------------------------------------------------------------------------------------------------*/

.gr-share__title {
   font-size: 1.375rem;
   letter-spacing: 0px;
   color: #000000;
  /* text-transform: uppercase;*/
}

.gr-share__list {
   margin: 0 0 0 0;
   padding: 0;
   list-style: none;
   display: inline-block;
}

.gr-share__item {
   margin-right: 1.25rem;
   margin-bottom: 0.625rem;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
   position: relative;

}

.gr-share__link {
   display: block;
   margin: 0.5rem 0 0.5rem 2.188rem;
   font-size: 1.25rem;
   font-family: 'Conduit ITC W01 Light', sans-serif;
   text-decoration: none;
   border-bottom: 1px solid transparent;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.gr-share__link:after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

button.gr-share__link {
   margin: 0.5rem 0 0.5rem 2.188rem;
   padding: 0;
   border: 0;
   background: transparent;
   text-align: left;

}

.gr-share__link:hover,
.gr-share__link:focus {
   border-bottom: 1px solid #000;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.gr-share__item img {
   position: absolute;
   top: .25rem;
   bottom: .25rem;
   left: 0;
   max-width: 1.875rem;    
   margin-right: 0.313rem;
   display: inline-block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

@media (min-width: 768px) {
   .gr-share {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .gr-share__title {
      display: inline-block;
      font-size: 1.375rem;
      letter-spacing: 0px;
      color: #000000;
     /* text-transform: uppercase;*/
      margin: 0 1.875rem 0.625rem 0;
   }
}

/*
@media (max-width: 767px) {
.gr-share__title,
.gr-share__link{
font-size: 0.875rem;
}
}
*/


/*------------------------------------------------------------------------------------------------------

# PRINT

------------------------------------------------------------------------------------------------------*/

.sv-print-portlet {
   position: relative;
}

.sv-print-portlet a {
   text-align:left;
   display: block;
   margin: 0.5rem 0 0.5rem 2.25rem;
   font-size: 1.25rem;
   line-height: 1;
   font-family: 'Conduit ITC W01 Light', sans-serif;
   text-decoration: none;
   border-bottom: 1px solid transparent;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.sv-print-portlet a:hover,
.sv-print-portlet a:focus {
   border-bottom: 1px solid #000;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.sv-print-portlet a:before {
   content: '';
   background-image: url('/images/18.7e3cfaad17648194e4799fbd/1609335035985/print.svg');
   display: inline-block;
   background-position: center;
   background-size: 1.875rem;
   position: absolute;
   top: -0.25rem;
   bottom: 0;
   left: 0;
   width: 1.875rem;
   height: 1.875rem;
   display: inline-block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.sv-print-portlet a:after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}


/*------------------------------------------------------------------------------------------------------

# FRAME

------------------------------------------------------------------------------------------------------*/

.gr-white-frame {
   background-color: #fff; 
   padding: 2.5rem;
}

.gr-white-frame .subheading {
   font-size: 1.5rem;
   /*font-size: 1.375rem;text-transform: uppercase!important;*/
   margin-bottom: 1.875rem!important;
   margin-top: -0.563rem!important;
}

.gr-white-frame .subheading3,
.gr-white-frame .subheading4 {
   font-size: 1.25rem;
   font-family: "Conduit ITC W01 Medium"!important;
   line-height: 20px;
   /*margin: 2px;*/
}

.gr-white-frame .normal {
   font-size: 1.25rem;
   font-family: "Conduit ITC W01 Light"!important;
   line-height: 1.25;
   margin-bottom: 0.625rem;
}

.gr-white-frame p, 
.gr-white-frame a{
   font-size: 1.25rem;
   font-family: "Conduit ITC W01 Light"!important;
   line-height: 1.25;
   /*margin: 0;*/
}


@media screen and (max-width: 767px) {

   .gr-white-frame {
   	padding: 1.875rem;
   }

   .gr-white-frame .subheading3 {
      font-size: 1.188rem;
   }

}


/*------------------------------------------------------------------------------------------------------

# IMAGE TEXT

------------------------------------------------------------------------------------------------------*/

p.sv-portlet-image-caption {
   margin-top: 0.3rem;
   margin-bottom: 0.7rem;
   font-family: "Conduit ITC W01 Light", sans-serif;
   font-size: 1.125rem;
   line-height: 1.28;
}

/*------------------------------------------------------------------------------------------------------

# HERO

------------------------------------------------------------------------------------------------------*/

.gr-hero {
   max-height: 21.875rem;
   overflow:hidden;
   position: relative;
}

.gr-hero__image{
   background-size: cover;
   background-position: center;
   height: 21.875rem;
   background-repeat: no-repeat;
}

@media (max-width: 1024px) {
   .gr-hero {
      max-height: 17.5rem;
   }
   .gr-hero__image{
      height: 17.5rem;
   }
}

@media (max-width: 767px) {
   .gr-hero {
      max-height: 9.375rem;
   }
   .gr-hero__image{
      height: 9.375rem;
   }
}

/*------------------------------------------------------------------------------------------------------

# QUOTE

------------------------------------------------------------------------------------------------------*/

blockquote{
   margin: 1.875rem 0!important;
   border-left: 1px solid #000;
   padding: 0.625rem!important;
   max-width: 35.625rem;
   background: transparent;
   font-size: 1.438rem;
   font-weight: 300;
   line-height: 1.26;
   font-family: 'Conduit ITC W01 Light', sans-serif;
}

blockquote.sv-blockquote-edit:lang(sv):before, blockquote.sv-blockquote:lang(sv):before {
   content: none;
}

blockquote p {
   font-size: 1.438rem!important;
   font-family: 'Conduit ITC W01 Light', sans-serif!important;
   line-height: 1.26!important;
   margin: 0!important;
}

/*------------------------------------------------------------------------------------------------------

# FACT-BOX

------------------------------------------------------------------------------------------------------*/

.gr-fact-box {
   margin: 4.375rem 0;
   padding: 1.875rem;
   border-left: 2px solid #1A7167;
   background: #fff;
}

.gr-fact-box .subheading {
   line-height: 1;
   margin-bottom: 1rem;
}

.gr-fact-box .subheading3 {
   line-height: 1;
   margin-bottom: 1rem;
}

.gr-fact-box p.normal,
.gr-fact-box ul.normal li,
.gr-fact-box ol.normal li{
   font-family: 'Conduit ITC W01 Light', sans-serif!important;
   margin-bottom: 0.75rem!important;
   font-size: 1.25rem;
   line-height: 1.25;
}

.gr-fact-box p.normal:last-child {
   margin-bottom: 0!important;
}


.gr-fact-box ul.normal,
.gr-fact-box ol.normal {
   margin-bottom: 0.75rem!important;
}

@media (max-width: 767px) {
   .gr-fact-box .subheading3 {
      font-size: 1.188rem;
   }
}

/*------------------------------------------------------------------------------------------------------

# BILD

------------------------------------------------------------------------------------------------------*/


   .pagecontent > .sv-image-portlet {
      padding: 1.25rem 0;
   }


/*------------------------------------------------------------------------------------------------------

# SITEVISION MODULES - OVERWRITE STYLING

------------------------------------------------------------------------------------------------------*/

/* Fildelningsmodulen */
.sv-file-portlet-file .sv-linkicon{
   padding-left:0.325rem;
}
.sv-file-portlet-file img{
   content: url('/images/18.2c9665f617704cb69f38564/1612267310831/Extern%20la%CC%88nk.svg')!important;
   height: 0.875rem;
}
.sv-file-portlet-fileicon img{
   content: url('/images/18.22a3cc881780d1faddf1de5c/1616754232987/download-doc.svg')!important;
   height: 1.0625rem;
}
.sv-file-portlet-file a{
   border-bottom: 1px solid #1a7167;
   margin-bottom: 1px;
}
.sv-file-portlet-file a:hover{
   border-bottom: 2px solid rgba(26,113,103,1);
   margin-bottom: 0;
}

/* E-postformulär */
.sv-form-portlet .normal{
   font-family: "conduit itc w01 medium",sans-serif;
}
.sv-form-portlet .sv-form-field-message {
   font-family: "conduit itc w01 light",sans-serif;
   font-size: 0.8rem;
}
.sv-form-portlet .sv-formField label {
   font-family: "conduit itc w01 medium",sans-serif;
   font-size: 1.25rem;
   font-weight: unset!important;
}
.sv-form-portlet span {
   font-weight: unset!important;
}
.sv-formField input[type=submit] {
   background: #1A7167;
   border-color: #1A7167!important;
   border-radius: unset;
   color: #fff;
   font-size: 1.375rem;
   font-family: "conduit itc w01 medium",sans-serif!important;
   margin-top: 1rem!important;
}
.sv-formField input[type=submit]:hover {
   color: #fff;
   background: #00A29A;
   border-color: #00A29A!important;
}
.sv-formField input[type=submit]:focus {
   background: #00A29A;
   border-color: #00A29A;
   border-radius: unset!important;
   color: #fff;
   background: #000;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.sv-formField input[type=submit]:active {
   border-color: #fff!important;
   box-shadow: inset 1px 1px 2px 0 rgb(0 0 0 / 30%);
}
.sv-formField input {
   font-family: 'georgia,serif'!important;
}

.sv-formField .sv-form-consent{
   padding-left: 1.5rem;
}
.sv-formField .sv-form-consent label{
   font-family: "conduit itc w01 light",sans-serif!important;
}
.sv-defaultFormTheme input{
   border: 1px solid #000!important;
   border-radius: 0!important;
}

.sv-formField .sv-form-consent input[type=checkbox] {
   margin: .5rem 0;
}
.sv-formField .sv-form-consent input[type=checkbox]:before{
   position: relative;
   display: block;
   width: 11px;
   height: 11px;
   border: 1px solid #000;
   content: "";
   background: #FFF;
}
.sv-formField .sv-form-consent input[type=checkbox]:after{
   position: relative;
   display: block;
   left: 3px;
   top: -10px;
   width: 7px;
   height: 7px;
   content: "";
   background-repeat: no-repeat;
   background-position: center;
}
.sv-form-consent input[type="checkbox"]:checked:after {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC');
}
.sv-form-consent input[type="checkbox"]:disabled:after {
   -webkit-filter: opacity(0.4);
}

/* Inloggningsmodul */
.sv-login-portlet .sv-login-input-group label {
   font-family: "conduit itc w01 medium",sans-serif!important;
}

.sv-login-portlet .sv-login-input-group input[type=submit]{
   background: #1A7167;
   border-color: #1A7167!important;
   border-radius: unset;
   color: #fff;
   box-shadow: unset!important;
   font-family: "conduit itc w01 medium",sans-serif;
   margin-top: 1rem!important;
   border-style: unset;
}
.sv-login-portlet .sv-login-input-group input[type=submit]:hover {
   color: #fff;
   background: #00A29A;
   border-color: #00A29A!important;
}
.sv-login-portlet .sv-login-input-group input[type=submit]:focus {
   background: #00A29A;
   border-color: #00A29A;
   border-radius: unset!important;
   color: #fff;
   background: #000;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.sv-login-portlet .sv-login-input-group input[type=submit]:active {
   border-color: #fff!important;
   box-shadow: inset 1px 1px 2px 0 rgb(0 0 0 / 30%);
}
.sv-login-portlet .sv-login-input-group label {
   font-family: "conduit itc w01 medium",sans-serif!important;
}
.sv-login-portlet .sv-login-input-group input[type=text], input[type=password] {
   font-family: 'georgia,serif';
   border-radius: unset!important;
   font-size: 1rem;
   padding: 0.25rem;
   width: 100%;
   border: 1px solid #000;
   background-color:rgb(255,255,255)!important;
}
.sv-login-portlet .sv-login-input-group input[type=text]:focus, input[type=password]:focus {
   border-radius:unset!important;
}


/*--------------------------------------------------------------------------------------------------------

# ALIGN STUFF

--------------------------------------------------------------------------------------------------------*/

@media (min-width: 1025px) {
   .gr-align-content{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      
   }
   
   .gr-align-content .sv-teaser {
      margin: 0!important;
   }
}


/*--------------------------------------------------------------------------------------------------------

# Relaterat material

--------------------------------------------------------------------------------------------------------*/

.gr-related__item img {
   height: auto;
}


