.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:#ffffff;
  color: #303030;
}


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

a{
color:#717d17;}


#menu{
background-color: #fdfdef !important;

}


.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;
}

a#cta_button_6518621_39e717d8-8d7a-4bdd-be03-730d0f3a2ddd{
  color:#717d17 !important;
}


.btn-inpo-september-2023,.contact-us-inpo-2023 {
    align-items: center;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    padding: 12px 28px;
    text-decoration: none;
    transition: .3s;
    background-color:  #717d17;
    border: 2px solid #717d17;
      color:  #ffffff !important;
  
}

.btn-inpo-september-2023:after {
    background-image: url(https://6518621.fs1.hubspotusercontent-na1.net/hubfs/6518621/Inpo%202023%20website/leading-arrow-link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    font-weight: 400;
    height: 16px;
    margin-left: 8px;
    transform: rotate(1turn);
    vertical-align: middle;
    width: 16px
}

.btn-inpo-2023 {
    align-items: center;
    background-color:  #717d17;
    border: 2px solid #717d17;
    border-radius: 8px;
    color:  #ffffff !important;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    margin: 4px 2px;
    max-width: 200px;
    overflow: hidden;
    padding: 12px 28px;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: background-color .3s ease-in-out,color .3s ease-in-out;
    white-space: nowrap
}
.btn-inpo-2023 a, .btn-inpo-september-2023 > a{

color:#ffffff !important;
   
  text-decoration:none;
}


.btn-inpo-2023:hover a, .btn-inpo-september-2023:hover > a{

  color:#717d17 !important;
  text-decoration:none;
}
.btn-inpo-2023:hover, .btn-inpo-september-2023:hover {
    border: 2px solid #717d17 !important;
    font-weight: 700;
  background:transparent !important;
  color:#717d17 !important;
}

.btn-inpo-2023:after {
    background-image: url(https://6518621.fs1.hubspotusercontent-na1.net/hubfs/6518621/Inpo%202023%20website/leading-arrow-link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    font-weight: 400;
    height: 16px;
    margin-left: 8px;
    transform: rotate(1turn);
    vertical-align: middle;
    width: 16px
}

.inpo-link-2023 {
    align-items: center;
    border: none;
    color: #717d17 !important;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.54px;
    margin: 4px 2px;
    text-decoration: none;
    transition: .3s
}

.inpo-link-2023:hover {
    color: #717d17 !important;
}

.rotated-image {
    margin: 8px;
    transform: rotate(270deg)
}

.inpo-link-2023:after {
    background-image: url(https://6518621.fs1.hubspotusercontent-na1.net/hubfs/6518621/Inpo%202023%20website/leading-arrow-link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    font-weight: 400;
    height: 16px;
    margin-left: 8px;
    margin-top: 3px;
    vertical-align: middle;
    width: 16px
}

.inpo-link-2023-top {
    align-items: center;
    border: none;
    color: #c6d014;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    margin: 4px 2px;
    text-decoration: none;
    transition: .3s
}

.inpo-link-2023-top:hover {
    color: #c6d014
}

.inpo-link-2023-top:after {
    background-image: url(https://6518621.fs1.hubspotusercontent-na1.net/hubfs/6518621/Inpo%202023%20website/leading-arrow-link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    font-weight: 400;
    height: 24px;
    margin-left: 8px;
    transform: rotate(1turn);
    vertical-align: middle;
    width: 24px
}


/* 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;
}
.card{
      border: 1px solid #c6d014 !important;
}

.product-card{
     border: 1px solid #c6d014 !important;}

.min-messer-card{
      border: 1px solid #c6d014 !important;
}
.hjelpemiddlemesser-card{
     border: 1px solid #c6d014 !important;}
.webinar-messer-card{
      border: 1px solid #c6d014 !important;}
.webinar-card{
  border: 1px solid #c6d014 !important;}
/*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:#fdfdef;
  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;

}