/*BACKGROUND DESIGN*/
@media  (min-width:1200px) {
  body .page-canvas {
 background: rgba(255,255,255,0.7) !important;
 
  }
  
 
  
  tws-breadcrumbs.ng-scope.ng-isolate-scope{
     background: rgba(255,255,255,0.0) !important;

  }
  
  /*"Välkommen till EMELILYKNITS"*/
  div.tws-container--tws-custom-html.click-to-edit-me{
    background: rgba(255,255,255,0.7) !important;
    border-radius:30px;
    margin-left:50px;
    margin-right:50px;
  }
  

  /*Artickelbeskrivning långtext*/
 .azalea--article-right-col{
  background: rgba(255,255,255,0.8) !important;
  border-radius:10px;
  }
 

  
  .tws-react-img--container{
    background: transparent !important;
  }
  
  .tws-article-list--list .tws-list--type-grid .tws-article-list--price, .tws-article-search-page--list .tws-list--type-grid .tws-article-list--price {
   margin: 0 auto;
}

 
  .a.tws-articles--show-more-button{
   position: center;
  
  }
  .azalea--content {
    background: transparent !important;
  }
  .slot--component-container .tws-container--tws-custom-html, .slot--component-container .tws-container--tws-article-display, .slot--component-container .tws-container--tws-articles, .slot--component-container .tws-container--tws-articles-two, .slot--component-container .tws-container--tws-articles-connected, .slot--component-container .tws-container--tws-newsletter-subscribe {
    background: transparent !important;
  }
  

    
  .azalea--back-to-top {
   max-width: 1170px;
   background: transparent !important;
    
    }
    
  .tws-util-heading.tws-article-list--article-name{
		background: rgba(255,255,255,0.8) !important;
    color:white;
		
  }
  .tws-api--price-current.twsPriceCurrent{
		background: rgba(255,255,255,0.8) !important;
    /*color:#ffffff;*/
		border-radius:5px;

  }
  
  .ng-isolate-scope{
  background: rgba(255,255,255,0.7) !important;
	border-radius:10px;
  }
  
  /*''''''''''Produkttext under produkt''''''''''*/
/*div.tws-article-description--text{
    background: rgba(255,255,255,0.8) !important;
  border-radius:10px;
}
  
  p.tws-article-description--article-number{
    background: rgba(255,255,255,0.8) !important;
  border-radius:10px;
  }
  */
  div.tws-article-description{
  background: rgba(255,255,255,0.8) !important;
  border-radius:10px;
  }
  p.tws-util-heading--heading.undefined{
  background: rgba(255,255,255,0.8) !important;
  border-radius:10px;
  margin-left:450px;
  margin-right:450px;
  }
  
  
/*''''''''''Produkttext under produkts''''''''''*/

}
/*END BACKGROUND DESIGN*/
  
@function text-color($color) {
  @if (lightness($color) > 50) {
    @return #000000; // Lighter backgorund, return dark color
  } @else {
    @return #ffffff; // Darker background, return light color
  }
}



.container.azalea--footer--made-by{
   display: none;
}
  
 
span.tws-article-labels--label-text{
display:none;
}



/*''''''''''Rubriker på artiklar och highlights''''''''''*/
  h2.tws-util-heading--heading.undefined{
    background: rgba(255,255,255,0.8) !important;
    font-family: 'Bradley Hand ITC';
    color: #008000;
    font-size: 24px;
    border-radius:10px;
    text-align: center;
    font-weight: bold;
  }  

h1.tws-util-heading--heading.undefined{
    background: rgba(255,255,255,0.8) !important;
    font-family: 'Bradley Hand ITC';
    color: #008000;
    font-size: 30px;
    border-radius:10px;
    text-align: center;
    font-weight: bold;
}



/*''''''''''Rubriker på artiklar och highlights slut''''''''''*/

/*''''''''''Artikelnummerrutan''''''''''*/
.ng-scope.ng-isolate-scope{
background: transparent !important;
}

.tws-article-description--article-number.ng-binding.ng-scope{
  background: rgba(255,255,255,0.8) !important;
	border-radius:10px;
}


/*''''''''''Artikelnummerrutan slut''''''''''*/

/*''''''''''''''''''Kassa layout''''''''''''''''''''''''''''*/

div.azalea--summary{
  background: rgba(255,255,255,0.4) !important;
	border-radius:10px;
}

div.azalea--cart{
  background: rgba(255,255,255,0.4) !important;
	border-radius:10px;
}
  div.azalea--checkout-method{
  background: rgba(255,255,255,0.4) !important;
	border-radius:10px;
}  
  
.page{
  background: rgba(255,255,255,0.4) !important;
	border-radius:10px;
}

.tws-checkout-form-events{
  background: rgba(255,255,255,0.4) !important;
	border-radius:10px;
}



.tws-checkout-shortcuts--ship-to {
    display: none; 
	  border-radius:10px;
  	background: transparent !important;
}

/*''''''''''''''''''Kassa layout slut''''''''''''''''''''''''''''*/


/*''''''''''''''''''Klarna return page''''''''''''''''''''''''''''*/

.slot--checkout-return-page-result{
		background: rgba(255,255,255,0.7) !important;
    border-radius:10px;
}

/*''''''''''''''''''Klarna return page slut''''''''''''''''''''''''''''*/
.azalea--back-to-top-link{
color:black;
}

  tws-util-heading.tws-article-list--article-name {
		background: rgba(255,255,255,0.7) !important;
    border-radius:10px;

  }

.tws-util-heading--heading.h1.tws-content-box--first-line{
		background: rgba(255,255,255,0.7) !important;
    border-radius:10px;
}
  
    .tws-article-list--article-name {
    text-align: center;
}

.tws-util-heading.tws-vertical-menu--header{
background:#8ab381;
}
.tws-vertical-menu .tws-vertical-menu--menu {
    /*background-image:linear-gradient(#569a47,#66c444,#569a47);*/
  background:#8ab381;
}

.tws-vertical-menu .tws-vertical-menu--root-level a {
    color: #ffffff;

}

.slot--logo .tws-logo {
    max-width: 300px;

  
}



.tws-contact-info--orgnr-nr {
    display: none;
}

.azalea--top-bar {
    background:#8ab381;
   	color: #ffffff;
}



/*
.tws-checkout-shortcuts--ship-to, .tws-checkout-shortcuts--purchase-as {
    margin-left: 1px;
		margin-right: 1px;
  
}
/*
.tws-checkout-shortcuts{
  border: 1px solid #569a47; 
}
*/
/*

}
*/
/*
.tws-checkout-shortcuts a {
    cursor: pointer;
}

a {
    color: $color;

}

*/

.tws-checkout-shortcuts--dropdown{
    background: #8ab381;
}

.tws-checkout-shortcuts--dropdown{

    background-image:linear-gradient(#569a47,#c0dfb9,#569a47);

}

.tws-checkout-shortcuts--dropdown-menu{

    background-image:linear-gradient(#569a47,#c0dfb9,#569a47);
}


a.btn-primary, a.btn.tws-checkout--pay-button, a.tws-checkout--pay-button.tws-articles-connected--show-more-button, a.tws-checkout--pay-button.tws-articles--show-more-button, .tws-checkout .tws-checkout--payment-methods-list a.tws-checkout--pay-button.tws-checkout--payment-method.active, .slot--my-pages-logout div.tws-login a.tws-checkout--pay-button, a.btn.tws-checkout--pay-button:hover, a.tws-checkout--pay-button.tws-articles-connected--show-more-button:hover, a.tws-checkout--pay-button.tws-articles--show-more-button:hover, .btn-primary, .btn.tws-checkout--pay-button, .tws-checkout--pay-button.tws-articles-connected--show-more-button, .tws-checkout--pay-button.tws-articles--show-more-button, .tws-checkout .tws-checkout--payment-methods-list a.tws-checkout--pay-button.tws-checkout--payment-method.active, .slot--my-pages-logout div.tws-login a.tws-checkout--pay-button, .btn.tws-checkout--pay-button:hover, .tws-checkout--pay-button.tws-articles-connected--show-more-button:hover, .tws-checkout--pay-button.tws-articles--show-more-button:hover {

  	
    background: #569a47;
    color: #fafafa;
  	border-radius: 40px;
    border: 1px solid  #569a47;
    border-bottom: none;
   	box-shadow: 0 5px #c0c0c0;

}

.show-more-button{
vertical-align: center;
}



.btn.tws-checkout--pay-button:hover{
  background-color: #3e8e41}

.btn.tws-checkout--pay-button:hover:active {
  background-color: #569a47;
  transform: translateY(4px);
  box-shadow: 0 0px #c0c0c0;
}

.tws-checkout-required-approval{
	background:#569a47;
	text-decoration: underline;
}

a {
color: $color;
}


.tws-checkout--required-approvals {
    margin-bottom: 3px;
   	border: 1px solid #569a47;
    border-radius: 6px;
    padding: 5px;

}
.tws-checkout--required-approvals-invalid {
    border: 2px solid #a94442;
    border-radius: 6px;
    padding: 5px;
}

.tws-terms-url {
    color:#569a47 ;
}


a:-webkit-any-link {
    /*color: -webkit-link;*/
    cursor: pointer;
		color:$color;
   
}







/*Sociala media iconer. klassen social definieras överst*/

.social{

}

.social:hover {
  transition: opacity 0.2s ease-in-out;
  opacity: 0.5;

}

.social:active {
transform: translateY(4px);
}

.social:after {
opacity: 1;
}

.social-fb img{
border:2px solid #8ab381;
border-radius:5px;
 /*background-image:linear-gradient(#ffffff,#569a47);*/
}

.social-ig img{
border:2px solid #8ab381; 
border-radius:5px;
}

.social-ra img{
border:2px solid #8ab381;
border-radius:5px;
}

.betal{
background: transparent !important;
}

.azalea--back-to-top-link-text:hover {
		color:black;
		text-decoration:Underline;
    background: rgba(255,255,255,0.5) !important;
		border-radius:5px;
}


.azalea--back-to-top-link-text{
    background: rgba(255,255,255,0.5) !important;
		border-radius:5px;
  	border-width:50px;
  	
}
/*#c0dfb9,*/

.azalea--footer {
    font-family: "Arvo";
    letter-spacing: 0.5px;
    text-transform: initial;
    color: #fafafa;
   /* background-image:linear-gradient(/*#8eff75,#6bdd52,#8ab381);*/
  	background:#8ab381;
    font-size: 13px;
    line-height: 1.46154;
    padding: 40px 0 80px;
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  	
}

div.customPageItem.customPageHtml{
    background: rgba(255,255,255,0.7) !important;
    border-radius:30px;
    margin-left:50px;
    margin-right:50px;
}

.tws-mega-menu--buttons {
    position: absolute;
    z-index: 1000;
    height: 68px;
    top: -55px;
    right: 900px;
}


.startpage .azalea--main-wrapper{
  min-height: 1800px;
}