.hs-button {
  background-color:#5B9A9B;
}


form input[type='submit'], form .hs-button {
  background-color:#5B9A9B;
  border-radius: 8px;
  color: #fff;
  letter-spacing: 0rem;
  padding: 10px 22px;
  width: 200px;
}

form select{

    border: 1px solid #d0e4e7;
    border-radius: 8px;
    padding: 12px;
}

html {
  scroll-behavior: smooth;
}

body{
  background-color:#F0F7FA;
  color: #303030;
}


h2 {
  font-size:28px
}
label{
display:flex;}

.header__container .submenu.level-2 .menu-link {
    padding: 10px 20px!important;
}

.main-container {
  padding:30px 0;
  margin:0 16px;
  max-width:1135px;
}

.main-product-container-product-page{
  display:flex;
  flex-direction:column;
}

.main-product-container-product-page {
  display: flex;
  flex-direction: column;
}



/* product bullpoit list*/
ul.repeat-group-check-product
{
    display: flex;
    flex-flow: column wrap;
    padding: 0;
    list-style-type: none;
}

ul.repeat-group-check-product li {
    align-items: start;
    display: flex;
  flex-flow: row;
  padding:5px 0;

}
ul.repeat-group-check-product li > img {
width:22px;
  height:22px;
     margin: 0px 15px 10px 0;
}

/*product additional styling*/

.header-product{
  font-size:2rem;
  font-weight:bold;
  
}

.green-box-produkt{
padding: 10px 20px; margin: 10px 0; background-color: rgba(198,208,20,0.2); border-radius: 10px; border: solid rgba(198,208,20,1);"}
}
.product-description-container{
padding:25px;}  

/*additional text styling*/
.text-20{
font-size:20px;}

.text-25{
font-size:25px;}

.text-bold{
  font-weight:bold;
}

/* additional tabel styling */
.tabell-and-rich-text table{
  width: 100%; 
  border-color:transparent;
  text-align:center;
  
}
.tabell-and-rich-text div{
min-width:30%;}
.tabell-and-rich-text table > tbody > tr > td{
background-color:#fff;

}
.tabell-and-rich-text table > tbody > tr > td, .tabell-and-rich-text table > tbody > tr > th {
  padding:10px;
  border: 1px solid rgba(176, 200, 204, 0.5);
  border-radius:10px;

 
}   

.tabell-and-rich-text table > tbody > tr > th {
  padding:10px;
  border: 1px solid rgba(176, 200, 204, 0.5);
  border-radius:10px;
  background-color:#F0F7FA;
  font-weight:bold;
    min-width:20%;
 
}  
/*additional flexbox styling*/
.flex{
display:flex;
  justify-content:space-between;
}
.flex-row-tabell{
    flex-direction: column !important;
}
.flex-column{
  flex-direction: column;}
.grow-2{
flex-grow:2;}
.w-100{
width:100%;}
/* This applies to screens wider than 830px */
@media (min-width: 831px) {
  .main-product-container-product-page {
    flex-direction: row;
  }

  .the-product-box-product-page {
    flex-grow: 1; 
  }

  .the-menu-box-product-page {
    flex-grow: 0; 
    margin-top:77px;
  }
  .flex-row-tabell{
    flex-direction: row !important;
}
}

@media screen and (min-width:1135px) {
  .main-container {
    margin:0 auto;
    padding:70px 0;
  }
}

.fancybox-close-small {
  color: #fff;
  padding: 0 !important;
  font-size: 42px;
  opacity: 1;
  line-height: 1;
}

.fancybox-content {
  width: 100% !important;
  max-width: 760px !important;
  height: auto !important;
}

.fancybox-slide {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.custom-video-wrapper.how-helped-banner a.video {
  position: static;
}

.custom-video-wrapper.how-helped-banner .buttons-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.custom-video-wrapper .buttons-wrap a.simple-link {
  margin: 10px 30px;
}

.custom-video-wrapper .buttons-wrap {
  margin-top: 20px;
  margin-bottom:10px;
}

.custom-video-wrapper.video-wrapper img {
  border-radius: 24px;
}

fieldset.form-columns-2 .hs-form-field {
  width: 102%!important;
  float: left;
}


.video-wrap-main {
  border: 8px solid #FFF;
  border-radius: 24px;
}

/* PRODUCT PAGE FOR MENU LAYOUT AND SCROLL FUNCTION Denne ble droppa, men kan være greit å ha om nie endrer seg*/


.allproducts-and-menu-container{
  position: relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
}

.cta-btn-inpo-september-2023-link-container {
  margin:0 16px;
}

/*Bigger screen sizes*/
@media screen and (min-width: 600px) {
  .allproducts-and-menu-container {
    flex-direction: row; 
    align-items: flex-start;
  }

  fieldset.form-columns-2 .hs-form-field {
    width: 50%!important;
  }
}


@media screen and (min-width:1000px) {
  h2 {
    font-size:30px
  }
} 

.description-extended{
background-color:#fff; padding:0; width:100%; 
}
@media screen and (min-width: 600px) {
.description-extended{
padding:60px 0; 
}
}
.nav-tabs-section .nav-tabs .nav-item.show .nav-link, .nav-tabs-section .nav-tabs .nav-link.active {
    color: #717D18;
    font-weight:bold;
  background:transparent;
  border:0px;
}
.nav-tabs-section .nav-tabs .nav-item.show .nav-link:hover, .nav-tabs-section .nav-tabs .nav-link.active:hover {
 background:transparent;
  border:0px;
}

.nav-tabs-section .nav-tabs .nav-item .nav-link:hover {
 background:transparent;
 border:0px;
}
.nav-tabs-section .nav-tabs .nav-item .nav-link {
 background:transparent;
 border:0px;
}

.nav-tabs-section .nav-tabs .nav-link {
  color: #3f403f;
  font-size:1.2rem;
}
.nav-tabs-section .nav-tabs{
  border-top:1px solid #d1d1d1;
  border-bottom:1px solid #d1d1d1;

}

.nav-tabs-section .nav-tabs li{
  padding:1rem 0.5rem;

}
.nav-tabs-section .nav-tabs li:hover{
  background-color:#f4f4f4;

}

.nav-tabs-section .nav-tabs li:has(.active):hover{
  background-color:transparent;
  cursor:none;

}