:root {
  --primary-h: 353 !important;
  --primary-s: 100% !important;
  --primary-l: 44.3% !important;
  --primary-contrast-h: var(--primary-h) !important;
  --primary-contrast-s: var(--primary-s) !important;
  --primary-contrast-l: 100%  !important;

  --secondary-h: 51 !important;
  --secondary-s: 100% !important;
  --secondary-l: 63.3% !important;
  --secondary-contrast-h: var(--secondary-h) !important;
  --secondary-contrast-s: var(--secondary-s) !important;
  --secondary-contrast-l: 20%  !important;
}
.navbar__logo-img{
height: 100px !important;
}

.navbar__logo{

img{
position: absolute;
left: 50%;
transform:translateX(-115px);
}

@media(max-width: 1024px){

img{
height: 88px !important;
transform:translateX(-98px) !important;
z-index: 1000;
}

}

}

.k-navigation__logo{
transform: scale(2);
}

.k-button:hover, .k-button:active{
background-color: #9E0012 !important;
}

.footer__items{
order: 2 !important;
}

.footer__company{
order: 3 !important;
}

h3{
margin-bottom: 0.5rem;
}


#recipe-box{

.text__custom-html{

padding: 3rem 2rem !important;
background-color: #FFE444 !important;

@media(max-width:1024px){

padding: 3rem 1rem !important;

}

}

}

#recipe-bulletpoints{

.bulletpoints__images{
gap: 3rem !important;
}

}

h1,h2,h3,p{
margin-bottom: var(--spacing-m) !important;
}

.text, .content2{
h1,h2,h3,p{
margin-bottom: var(--spacing-xl) !important;
}
}


#laftehytta-custom-html{

text-align: left !important;


h1,h2,h3,p{
margin-bottom: var(--spacing-s) !important;
}


p{
margin: 0;
}

}

#laftehytta-hide-desktop{

@media(min-width: 1024px){
display: none;
}

}

#rounded-text-element{

@media(max-width: 1024px){

.text{
padding-top: 0;
}

}

.text__content-container{

@media(min-width: 1024px){
margin-top: -150px;
background-color: #FFE444;
border-radius: 39px;
padding: 1.5rem 4rem;

> * {
max-width: 900px;
margin: auto;
}
}
}
}

.countdown__timer{

@media(min-width: 1024px){
margin-top: -2rem !important;
}
}

#terms{

h1,h2,h3,p{
margin-bottom: var(--spacing-s) !important;
}

}

#recipe-element{

h1,h2,h3,p{
margin-bottom: var(--spacing-s) !important;
}

}

#terms-section{

h2{
  font-size: 1.5rem !important;
}

}

.flex{
display: flex;
align-items: start;
gap: 1rem;
margin-bottom: 0.5rem;

@media(max-width: 1024px){
flex-direction: column;
justify-content: center;
gap: 0.5rem;
align-items: center;
}

}

h4{
font-size: 1.5rem;
}

.flex-vertical{
display: flex;
flex-direction: column;
align-items: center;
}

.list__item{

h2{
margin-top: 1rem;
}

}

.list__buttons{

display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 700px;
margin: auto;
margin-bottom: 3rem;

@media(max-width: 1024px){
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;
max-width: 350px;
}

}

.list__button{
width: 160px !important;
height: 70px !important;
min-width: auto !important;
border-radius: 24px !important;
background-color: #3B1905 !important;

justify-self: center;
}

.list__button--active{
background-color: #FFF8E2 !important;
color: #3B1905 !important;
border: 3px solid #3B1905 !important;
}

.list__button:hover{
background-color: #FFF8E2 !important;
color: #3B1905 !important;
border: 3px solid #3B1905 !important;
}

#custom-video-element{

.relative{
position: relative;
}

.youtube-button-desktop{
    position: absolute;
    right: 2rem;
    cursor: pointer;
    z-index: 2;

    width: 250px;
    height: 250px;
    border-radius: 100%;
    background: #e2001a;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    img {
      width: 100px;
      height: 100px;
    }

    span {
      color: #FFF8E2;
      font-size: 1.25rem;
      line-height: 100%;
      max-width: 150px;
    }
}

.youtube-button-mobile{
    background: #e2001a;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    z-index: 1;
    align-items: center;

    img {
      width: 80px;
      height: 80px;
      cursor: pointer;
    }

    span {
      color: #FFF8E2;
      font-size: 1.25rem;
      line-height: 100%;
      width: 200px;
      cursor: pointer;
    }
    
    > * {
    z-index: 2;
    margin-top: 90px;
    }
}


@media (min-width: 1024px) {
  .youtube-button-mobile {
    display: none;
  }
}


@media (max-width: 1023px) {
  .youtube-button-desktop {
    display: none;
  }
}
}

.shape-divider{
position:relative;
z-index: 1;
}


@media (max-width: 1024px){

#husene{

.hero1 {
aspect-ratio: 11 / 10;
}
}

#husene-text-custom{

.text{
padding-top: 7.5rem !important;
margin-bottom: -2rem !important;
}


}

}



#custom-carousel{
.carousel-section-custom__parent{
margin-top: 3rem !important;
}
.k-button{
margin-top: 2rem;
}
}

#sjokoladearkitekter-desktop{

.carousel__slide{
flex-direction: row !important;
gap: 1.5rem;
padding: 0 7rem;
}

.slide__custom-html{
text-align: left;
}

@media (max-width: 1024px) {
display: none;
}
}

#sjokoladearkitekter-mobile{

button{
width: 100% !important;
max-width: 275px !important;
}

.list__buttons{
grid-template-columns: 1fr;
margin-bottom: 1.5rem !important;
}

.text__custom-html{
max-width: 500px !important;
margin-top: 1rem;
}

@media (min-width: 1024px) {
display: none;
}

}

#sjokoladearkitekter-mobile .text__custom-html > * {
  justify-content: center !important;
}

#sjokoladearkitekter-title-mobile{
@media (min-width: 1024px) {
display: none;
}
}



.k-formcontrol__error{
color: #FFFFFF !important;
}

.k-formcontrol__label-required:after{
color: #FFFFFF !important;
}



#form{
padding-bottom: 7.5rem !important;
margin-top: -0.5rem;

.k-input{
line-height: 1.4;
}

.form__button-parent{

.k-button:not(:disabled) {
  .k-button__content {
    color: #CE1425;
  }
}

.k-button:hover{
background-color: #FFE040 !important;

}

}

}

@media(max-width: 1024px){

#husene-text{

.text{
padding-top: 7.5rem !important;
}


}


}