/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/* import icon font */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&family=Nunito:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* GT-Walsheim Regular*/
@font-face {
  font-family: 'GT-Walsheim';
  src: url('https://7959634.fs1.hubspotusercontent-na1.net/hubfs/7959634/Fonts/GT-Walsheim-Regular.otf') format('otf'),
    url('https://7959634.fs1.hubspotusercontent-na1.net/hubfs/7959634/Fonts/GT-Walsheim-Regular.ttf') format('truetype')
    ;
       
}

/* GT-Walsheim Medium*/
@font-face {
  font-family: 'GT-Walsheim';
  src: url('https://7959634.fs1.hubspotusercontent-na1.net/hubfs/7959634/Fonts/GT-Walsheim-Medium.otf') format('otf'),
    url('https://7959634.fs1.hubspotusercontent-na1.net/hubfs/7959634/Fonts/GT-Walsheim-Medium.ttf') format('truetype')
    ;
       font-weight:500;
}

/* GT-Walsheim Bold*/

@font-face {
  font-family: 'GT-Walsheim';
  src: url('https://7959634.fs1.hubspotusercontent-na1.net/hubfs/7959634/Fonts/GT-Walsheim-Bold.otf') format('otf'),
    url('https://7959634.fs1.hubspotusercontent-na1.net/hubfs/7959634/Fonts/GT-Walsheim-Bold.ttf') format('truetype')
    ;
       font-weight:bold;
}



/*****************************************/
/* Start your style declarations here    */
/*****************************************/




/* Accordion icons ******************************/
body * {

  font-family: 'GT-Walsheim';
  list-style-type:none;

}




.heading  {
  
   font-family: Vollkorn, serif;
   font-size:48px;
   font-weight:600;
   color: #01332a;
   letter-spacing:-0.03em;


}

    .subheading {
  
   font-size:30px;
     
  
}

    .subtitle {
      
   font-family:'GT-Walsheim';
   font-size:20px;
   font-weight:400;
  
}





.footer {
 
    display: none;
}

a:hover,
a:focus {
  font-weight: 400; text-decoration: underline; font-family: 'GT-Walsheim'; 
  color: inherit;
}

ul li a, ul li a:hover, .contact-list a , .contact-list a:hover {
    
 color:#005646;
 text-decoration:underline;
   
}

ul, ol {
    padding-left: 0;
    
   
}

h1, 
h2,
h3,
h4  {
  
   font-family: Vollkorn, serif;
   font-weight:600;
   color: #01332a;
   letter-spacing:-0.03em;


}

a {
  
  text-decoration:none;
 
  
  
}

a:hover  {
   
   text-decoration:underline;
 

}


.accordion--plus .accordion__summary:before {
    font-family: 'Material Icons', serif; 
    content: "\e5cf";
    float: right;
    margin-right:20px;
    
    }

.accordion--plus[open] .accordion__summary:before {
   font-family: 'Material Icons', serif; 
    content: "\e5ce";
 
}

 .accordion__summary {
    
  font-family:'GT-Walsheim';
  padding-bottom:25px;
  border-radius:10px;
  
}

 .accordion__content {
   
  font-family:'GT-Walsheim'  
  border-radius: 0 0 10px 20px;
  
   
}

 .accordion__content a, .card-container-no-flex a {
    
 color:#005646;
 text-decoration:underline;
 font-weight:500;
}

 .accordion {
   
  
   border-radius:10px;  
  box-shadow: rgb(0 0 0 / 12%) 0px 0px 24px;
   
}

.accordion--plus[open]  summary.accordion__summary {

  border-radius: 10px 10px 0 0!important;
  

}

  #hs_cos_wrapper_widget_1662114287458 .accordion__summary {
    
     font-family:'GT-Walsheim'!important;

}
/* Avonova contact topic cards ******************************/



.card-container {
    
   
    border-radius: 10px;
    padding:20px;
    margin-bottom:20px;
    display:flex;
    
    align-items: center;
    justify-content:flex-start;
    background-color:#fff;
    box-shadow: rgb(0 0 0 / 12%) 0px 0px 24px;
    
}

.card-container:hover {
    background-color: #f0f4f2;
}

.card-container-no-flex {
    
    font-size:22px;
    display:grid;
    grid-template-columns:  repeat(1, 1fr );
    grid-gap:20px;
  
     
}




.material-symbols-outlined {

     vertical-align:-5px;
     margin:auto;
     text-decoration:none;

}




.card-container p {
  
   font-family: 'GT-Walsheim';
   font-weight:500;
   font-size: 22px;
   margin-bottom:0px;

}

.card-container a {
  
  text-decoration:none;


}










.icon-background {
    background-color:#aff0e5;
;
   
    align-items: center;
    border-radius: 100%;
    display: flex;
    height: 60px;
    justify-content: center;
 
    margin-right:17px;
    width: 65px;
}

.icon-background-2 {
    background-color:#aff0e5;

   
    align-items: center;
    border-radius: 100%;
    display:flex;
    height: 36px;
    justify-content: center;
 
    margin-right:12px;
    width: 36px;
}

.icon-background img {

  width: 36px; 
  margin-left: auto; 
  margin-right: auto; 
  display: block;
}


/*Kontaktskjema ***********************************************************************/

::placeholder {
  color: grey;
    font-family: 'Poppins', sans serif; 
}

label {
  font-weight:500!important;
  font-size:24px;
 

  color:rgb(1, 51, 42)!important;
 
}


input[type=file]::file-selector-button  {
  background: rgb(1, 51, 42);
  
    
     color: rgb(39, 221, 187);
     border:none;
     border-radius:99px;
     padding:8px 20px; 
     margin-right:10px;
   
     


}

input[type=file]::file-selector-button:hover  {

 background: rgb(39, 221, 187);
    border: 0px;
   color: rgb(1, 51, 42);
     border-radius:99px;
     padding:8px 20px; 
    cursor:pointer;
     


}

form {
    border:  0px solid rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0);
    padding: 40px 40px;
    border-radius: 8px;
}

form input[type='text'], form input[type='email'], form input[type='password'], form input[type='tel'], form input[type='number'], form input[type='search'], form select, form textarea {
  
 
    width: 100%;
    height: 52px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    border-radius: 5px;
    background: transparent;
    padding: 0px 16px;
    font-family:  'Urbanist', sans serif;
    font-weight: 400;
    font-size: 16px;
  
}

 form input[type='submit'], form .hs-button {
    background: rgb(1, 51, 42);
  
    color: rgb(78, 232, 204);
    border-radius: 99px;
    border:none;
    margin-top:20px;
  
}
   form input[type='submit']:hover , form .hs-button:hover {
    background: rgb(39, 221, 187);
    color: rgb(1, 51, 42);
     border:none;
    
}

form textarea {

  height:120px;

}

.submitted-message {
    border: none;
    padding: 20px;
    background-color: transparent;
    border-radius: 0px;
  
}


/*Checkbox style ***********************************************************************/

form input[type='checkbox'], form input[type='radio'] {
    
    width: 22px;
    height: 22px;
  
}

form input[type='checkbox']:checked {
    accent-color:rgb(1, 51, 42);
} 

ul.inputs-list.multi-container li.hs-form-checkbox label span {
  
  font-weight: normal;
  font-size:88%;
}

.customer-service-ul {
  
  display:grid;
  grid-template-columns:  repeat(2, 1fr );
  grid-gap:15px;
  margin:0;
 
}

.customer-service-ul li {
  
  display:flex;
  align-items:center;
  justify-content:flex-start;
 
}


/* Media queries'''''''''''''''''''''''''''''''''''''''''''''''''*/
/*tablet ***********************************************************************/
  
@media (min-width: 768px) and (max-width: 1024px){
            .card-container p , .card-container-no-flex a {
                font-size:14.7px;
                font-weight: 600;
            }
  .icon-background {
  
    height: 80px;
    justify-content: center;
    margin-bottom: 10px;
    width: 80px;
}
    .icon-background img {

  width: 40px; 
  
}
      ul.inputs-list.multi-container {
  
  display:block;

 
}
  
  #hs_cos_wrapper_widget_1662114287458 .accordion__summary {
    
     font-family:'GT-Walsheim'!important;
    font-size: 18px;

}
        }
/*mobile ***********************************************************************/

  @media (max-width: 480px) {
    
            .heading {
                font-size: 36px ;
            }
    
    ul.inputs-list.multi-container {
  
  display:block;

 
}     
    
    .accordion__summary {

    font-size: 17px!important;  

}
    .card-container-no-flex {
    

    display:grid;
    grid-template-columns:  repeat(1, 1fr );
    grid-gap:30px;
  
     
}
    .accordion--plus .accordion__summary:before {
    
    margin-right:8px;
    
    }
    
    .card-container p {
  
  
     font-size: 18px;

}
    
    .icon-background {
    
    margin-right:15px;
  
} 
    
    .heading {
  
   font-size:30px;
  
}
    
        .subheading {
  
   font-size:22px;
  
}
  .subtitle {
  
   font-size:16px;
  
}  
    
    .contact-box .btn-content {
  
   font-size:16px;
   font-weight:500;

}
    
    .header__logo img {
    height: auto;
    max-width: 115px;
}
    
        }

/****************************************************************************************/

  .header__bottom {
  border-bottom: rgba(0,0,0,0.1) 1px solid;
}

.header__menu-container--mobile {
    display: none;
}
  
.blob {
  
    display:flex;
    align-items:center;
    justify-content: center;  
    background-image: url("https://digital.avonova.com/app/img/icons/services/image-background-orange.svg");
    background-size: contain;
    background-position: center;
    background-repeat:no-repeat;
    min-width:75px;
    height:75px;
    margin-right:15px;

} 


/******************************** CUSTOM FOOTER *************************************************/

.footer-links a {

    color:white;
    text-decoration:none;
    font-size:18px;
    font-weight: 500;

}

 .footer-links a:hover {

   color:#3ddcba;
   text-decoration:none;

}


.footer-links ul, .footer-links ul li {

    margin:0;
    padding:0;

}

.footer-links ul li {

    margin-bottom:12px;

}

.footer-links {
     
    margin-bottom:20px;
}

.footer-heading    {
     
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:400
}

 .footer-links a::before {
   
  font-family: 'Material Icons', serif; 
    content: "\e5c8";
   margin-right:5px;
   vertical-align:-3px;

}


.contact-box {
    color: white;
    width: 100%;
    background-color:#005646;
    display: flex;
    align-items: center;
    height: 3.9375rem;
    border-radius: 10px;
    cursor: pointer;
}

.contact-box .material-symbols-outlined {
  
  color:#3ddcba;
  padding:0 20px 0 20px;
  font-size:28px;
  margin-top:4px;

}

.contact-box .btn-content {
  
   font-size:18px;
   font-weight:500;

}

.contact-box:hover, .contact-box:focus {
  
  text-decoration:none;
  color:white;
  background-color:#00866d;
   
}

/***************************** Book møte med rådgiver *********************************************/


.booking-wrapper {
	
	--primary-color: #aff0e5;
	--light-color: #e5f4f1;
	--dark-color: #00211b;

}

.booking-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
   flex-wrap: wrap;
  max-width:660px;
	margin: 0;
	padding: 0;
}

.booking-wrapper ul li {
  
  margin:0 10px 20px 0;


}
.tags {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap:wrap;
}

.tag {


	font-size: 15px;
	border-radius: 100rem;
	border: 2px solid var(--dark-color);
	background-color: transparent;
	color: var(--dark-color);
	font-weight: 600;
	transition:
		background-color 250ms ease,
		box-shadow 250ms ease;
  
}

.tag>a {
	display: inline-block;
	position: relative;
	color: var(--dark-color);
	text-decoration: none;
	padding: 10px 24px;
  	font-weight: 500;
}



.tag>a:hover {
  
  text-decoration:none;
  color: var(--primary-color);

}

.tag:hover {
	background-color: var(--dark-color);

}


/**************************************************Lasses boks ********************************************/

.product-box  {
  
  background-color:#005646;
  color:white;
  min-height:200px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  padding:20px;
  border-radius:10px;

}

.product-heading {
  
  font-size:32px;
  color:white;


}

.product-content {
  
  font-size:17px;
  font-weight:500;
  color:white;
  
}

.mint {

background-color: #e5f4f1!important;
  color:#272727!important;

}

.rosa {
 background-color:#ffddd4!important;
  color:#272727!important;
}

.orange {
  
  background-color:#ffdcaf!important;
  color:#272727!important;

}

.service-card {
    background-color: #e5f4f1;
    border-radius: 20px;
    box-shadow: 0 0 18px rgba(0,0,0,.09);
    padding:24px;
}

 .service-card:hover {
    background-color: #aff0e5;
    cursor:pointer;
}


.service-card .service-card-title {
    font-weight: 500;
    font-size: 24px;
    font-family:'GT-Walsheim';
    word-break: break-word;
}

.service-card .service-card-text {
    font-weight: 400;
    font-size: 16px;
    margin-top:10px;
}


.button-wrapper {

     margin-top: 32px;

}

.avonova-button {

    border: 2px solid #272727!important;
    padding: 4px 22px;
    border-radius:28px;
    text-align:center;
    font-weight:500!important;
    
}

.avonova-button a {

    text-decoration:none;
    font-weight:500!important;
    
}

/************************************************************************* profile cards **********************************************/

.profile-image {

    border-radius: 50%;
    width:100px;
    height:100px;
    object-fit:cover;
    margin-bottom: 20px;
    align-self:center;
  }
 
  .profile-container {

    border-radius: 10px;
    padding:32px 20px;
    margin-bottom:20px;
   
    background-color:#fff;
    box-shadow: rgb(0 0 0 / 12%) 0px 0px 24px;
    max-width: 100%;

  }
.card-content {
display:flex;
flex-direction: column;
align-items:center;
justify-content:space-between;

}
  

  .contact-info {
   
    margin: 0 20px 0px 20px;
    font-size:14px;
    text-align:center;


  }

  .btn {

    background: rgb(1, 51, 42);
    padding:12px 32px;
    font-size: 14px;
    font-weight: 600;
    color: #aef0e4;
    border-radius: 99px;
    border:none;
    cursor: pointer;
    width: 100%;
    margin-top:20px;
    text-align:center;
    
  }

.btn:hover {
  
   background: rgb(39, 221, 187);
    color: rgb(1, 51, 42);
     border:none;
  
}

.profile-container ul {

    list-style-type: none;
    margin:20px 0;
    padding:0;
    text-align:left

  
  }

  .name {
   
    margin: 0;
    font-size:18px;

  }

  .title {
   
    font-size: 14px;
    font-style: italic;
    
  }

/************************************************************************* Bo style-korrigering ********************************************************************************/

.attract-box {
    background-color: aff0e5;
}