@import 'https://fonts.googleapis.com/css?family=Baloo+Paaji|Sniglet&display=swap';

/* --- FÄRG RÖTT FÖR LÄS MER ---  */
.tws-article-introduction--text .tws-article-introduction--read-more a {
color: #777;
color: #f00;
}

/* --- IPHONE AUTOM ZOOM IN ---  */
@media (max-width:767px) {
    .slot--header-search input.form-control {
    font-size: 16px;
}
}

/* --- HIDE PRODUT GROUPS ---- */

.articlegroup .tws-list--item-5017612,
.articlegroup .tws-list--item-5017626,
.articlegroup .tws-list--item-5017610 {
	display: none;
}
/* --- DON´T SHOW ON PC OCH SURFPLATTA ---  */
 @media (min-width:768px) {
		.startpage .mobile-block {
  		display: none !important;  
   }
   .bountiful--body .bountiful--body-wrapper {
	padding: 1px 30px;
}
   .bountiful--body .bountiful--body-wrapper .bountiful--main .bountiful--main-wrapper {
	padding: 9px 6px 0px 6px;
}
div.customPageItem:nth-child(1) > div:nth-child(1) {
 padding-right: 89px;
 padding-left: 20px;
}
div.customPageItem:nth-child(3) > div:nth-child(1) {
 padding-left: 58px;
 padding-right: 69px;
}
div.customPageItem:nth-child(3) > div:nth-child(1) > span:nth-child(2) {
 font-size: 11pt;
}
div.customPageItem:nth-child(3) > div:nth-child(1) > span:nth-child(5) {
 font-size: 11pt;
}

div.customPageItem:nth-child(1) > div:nth-child(1) {
 padding-left: 42px;
 padding-right: 133px;
}
.bountiful--start-page .tws-container--tws-articlegroups {
 margin:32px 0 0 0;
}
.bountiful--start-page .tws-container--tws-articles-two {
 margin:25px 0 0 0;
}
.bountiful--start-page .tws-container--tws-content-box,
.bountiful--start-page .tws-container--tws-content-box-2x,
.bountiful--start-page .tws-container--tws-content-box-3x,
.bountiful--start-page .tws-container--tws-content-box-4x {
 margin:24px 0 0 0;
}
body {
 font-size:16px;
}
  .tws-article-introduction--text .tws-article-introduction--read-more a {
 text-decoration:none;
 font-size:17px;

}
   div.customPageItem:nth-child(3) > div:nth-child(1) {
 padding-bottom: 7px;
}
div.customPageItem:nth-child(4) > div:nth-child(1) {
 padding-bottom: 11px;
 padding-left: 55px;
 padding-right: 69px;
}


}
/* --- DON´T SHOW ON MOBILE ---  */
 @media (max-width:767.98px) {
	.startpage .skyltfonster-desktop,
	.startpage .tws-image-carousel-sv-desktop,
	.startpage .tv-skyltfonster-desktop,
	.startpage .tre-skyltfonster-desktop,
	.startpage .fyra-skyltfonster-desktop  {
   	display: none !important; 
   }
   
   .tws-article-introduction--text .tws-article-introduction--read-more a {
 font-size:16px;
}

   
   .startpage .mobile-block,
   .startpage .bountiful--start-page .tws-container--tws-content-box-2x {
   		margin-top: 0px !important;
   } 

   .bountiful--start-page .tws-articles-two--heading .tws-util-heading--heading,
.bountiful--start-page .tws-articlegroups--title .tws-util-heading--heading {
 border-bottom:0px solid #ebebeb;
 margin:0 0 0px 0;
 padding:0 0 8px 0;
}
   .bountiful--start-page .tws-container--tws-articlegroups {
	margin: 24px 0 0 0;
}
   .bountiful--start-page .tws-container--tws-newsletter-subscribe form .input-group>.form-control {
 display:block;
 margin:0 auto 10px auto;
 width:auto;
}

   .bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light-root-level {
  
    padding: 0px 0 20px 0;
}
   .bountiful--sidebar .tws-vertical-menu-light {
    margin: -26px 0px 15px 0px;
  
}
   .bountiful--buy-button-group .slot--article-buy-button .btn {
	min-width: 200px;
	width: 77%;

}
.bountiful--start-page .tws-container--tws-articles-two {
 margin:24px 0 0 0;
}

.bountiful--article-bottom {
 margin-top: -40px;
}
.slot--article-description {
 border-top:0px solid #ebebeb;
}


/* Element | https://www.ekokul.se/ */

.tws-opc-cart--cart-heading {
  padding-left: 14px;
}

/* Element | https://www.ekokul.se/ */

div.slot--checkout-cart-summary:nth-child(4) > div:nth-child(1) > h2:nth-child(1) {
  padding-left: 14px;
}

/* Element | https://www.ekokul.se/ */

h2.tws-util-heading--heading {
  padding-left: 14px;
}

/* Element | https://www.ekokul.se/ */

.tws-checkout--select-delivery-heading {
  padding-left: 14px;
}

/* Element | https://www.ekokul.se/ */

.tws-checkout--select-payment-heading {
  padding-left: 14px;
}

/* Element | https://www.ekokul.se/ */

.tws-checkout--complete-heading {
  padding-left: 14px;
}



}

 @media (max-width:1099.98px) {
   .slot--sidebar > div:nth-child(1) {
 margin-bottom: 148px;
}
        .bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light--title {
    background: #dae4f0;
 font-size: 17px;
  
}

}
/*---- SIDOPANEL  ----*/

.slot--sidebar .menu-svenska,
.slot--sidebar .menu-danska,
.slot--sidebar .menu-finska {
	display: none;
}

html[lang="sv"] .slot--sidebar .menu-svenska {
	display: block; 
}

html[lang="da"] .slot--sidebar .menu-danska {
	display: block;
}
html[lang="fi"] .slot--sidebar .menu-finska {
	display: block;
}

.tws-vertical-menu-light--title {
 border-bottom-width: 1px;
 margin-bottom: -9px;
}

/*----Generellt----*/
*:not(.fa) {
 font-family: 'Sniglet', cursive !important;  
 
}
* {
  outline: 0 !important;
}
/*.fabrikk--header-wrapper {
  -webkit-transform: none;
  transform: none;
  background: transparent;
}*/

@media (min-width:768px) {
body .page-canvas {
  background: url('/shop/3815/files/Ny_design%20copy/ny_bakgrund_ekokul190920.jpg');
  background-size: 100%;
  }
  body.checkout .page-canvas {
  background: none;
  }
  }

 /*
html[lang="sv"] .bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light-root-level li:nth-child(2) span {
		display: none; 
}

html[lang="da"] .bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light-root-level li:nth-child(4) span {
		display: none; 
}
*/

 /*Nyhetsbrev*/
html[lang="fi"] .slot--component-container .tws-container--tws-newsletter-subscribe, html[lang="da"] .slot--component-container .tws-container--tws-newsletter-subscribe {
  display: none !important;
}
.slot--component-container .tws-container--tws-newsletter-subscribe {
  background: #E30613;
  position: relative;
  padding: 20px 60px;
}
.tws-newsletter-subscribe--html-before {
  color: #ffffff;
  font-size: 25px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; 
  font-weight: 200;
}
.tws-newsletter-subscribe--html-before p {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; 
}
.tws-newsletter-subscribe--subscribe-button {
  background: #494949 !important;
  border-radius: 0px;
  border-color: #494949 !important;
}
.tws-newsletter-subscribe--subscribe-button .ladda-label {
  color: #ffffff;
  font-weight: 100;
  font-size: 13px !important;
}

/*----remove topbar, mobile ----*/
@media (max-width: 1099px) {
.bountiful--top-bar {
    display: none;
}
/* Fix Scrollintoview of article description */
 .slot--article-description .tws-article-description {
  padding-top: 57px;
  margin-top: -57px;
 }
  .slot--header-shipping-notice {
background: #ff1a1a;
color: #fff;
}
}
/* ÄNDRAR LÄS MER TILL BEVAKA */
.tws-article-list--button-watchItem .tws-article-list--show-more-button-text {
font-size: 0;
}

HTML[lang='sv']  .tws-article-list--show-more-button-text:after {
    content: "bevaka"!important;
    font-size: 12px!important;
    font-weight: 500 !important;
    padding-right: 2px;
}

HTML[lang="da"] .tws-article-list--show-more-button-text:after {
    content: "overvåg" !important;
    font-size: 12px!important;
    font-weight: 500 !important;
    padding-right: 2px;
}

HTML[lang="fi"] .tws-article-list--show-more-button-text:after {
    content: "SEURAA"!important;
    font-size: 12px!important;
    font-weight: 500 !important;
    padding-right: 2px;
}

.custom-artgrp-stuff-text {
    color: #4e4e4e;
}
.custom-artgrp-stuff.col-md-3 a {
    text-decoration: none !important;
}


/* GÖR SKÄRMEN MINDRE */
@media (min-width: 1100px) {
  .bountiful--body {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: left;
    width: 100%;
  } 
    

/*Vertikal meny PRODUKTER typsnitt*/
  
.bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light--title  {
	font-family: 'Sniglet', cursive !important;
  background: #fff;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 10px 15px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 16px;
	font-weight: bold;
  color: #fcc914;
  }
  
  /*Vertikal meny PRODUKTER radavstånd*/
  
  .bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light-root-level li a {
	padding: 8px 34px 4px 0;
}
  


  /*Logga större på startsidan*/
  .slot--header-logo .tws-logo {
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #000;
	height: 100%;
	line-height: 5;
	text-align: left;
	margin: 0 auto;
	max-width: 300px;
}
  
    /*Större typsnitt på Fri Frakt*/
  .slot--header-shipping-notice {
	font-size: 16px;
	background: #f00;
  color: #fff;
}
   /*Flytta upp bilden i ramen så mindre vitt, justeringar av marginaler */
  /*.bountiful--body .bountiful--body-wrapper .bountiful--main .bountiful--main-wrapper {
	padding: 10px 10px 60px 10px;
}
  
  .bountiful--body .bountiful--body-wrapper {
	padding: 10px 30px;
}*/
  

/*Varukorg storlek*/
  .bountiful--header {
	font-size: 19px;
}
  
  .bountiful--header {
	background: #fff;
	box-shadow: 0 0px 0px rgba(0,0,0,0.2);
}
  


}
 



  
  /*Flytta upp bilden i ramen så mindre vitt, justeringar av marginaler */
 /* .bountiful--start-page .tws-container--tws-custom-html {
    margin: 30px 0 0 0;
}
  
  .bountiful--start-page .tws-container--tws-content-box, .bountiful--start-page .tws-container--tws-content-box-2x, .bountiful--start-page .tws-container--tws-content-box-3x, .bountiful--start-page .tws-container--tws-content-box-4x {
	margin: 10px 0 0 0;

 }

.bountiful--header-wrapper {
 margin-bottom: -18px;
}*/

/*Visa bild endast på ett visst språk*/
html[lang="sv"] .tws-image-carousel-da, html[lang="sv"] .tws-image-carousel-fi {
  display: none !important;
}
html[lang="da"] .tws-image-carousel-sv, html[lang="da"] .tws-image-carousel-fi {
  display: none !important;
}
html[lang="fi"] .tws-image-carousel-sv, html[lang="fi"] .tws-image-carousel-da {
  display: none !important;
}

/*Bredda marginalen*/
/*.bountiful--body {
	max-width: 1414px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
	width: 100%;
}*/
.bountiful--start-page .tws-articles-two--heading .tws-util-heading--heading,
.bountiful--start-page .tws-articlegroups--title .tws-util-heading--heading {
 border-bottom:0px solid #ebebeb;
 margin:0 0 0px 0;
 padding:0 0 4px 0;
}



/* Flytande topprad och sökfält */
@media (min-width: 1200px) {
.bountiful--top-bar  {
    position: sticky !important;
    top: 0;
    width: 100%;
  z-index: 9;
  }
.bountiful--header    {
    position: sticky !important;
    top: 38px;
    width: 100%;
  z-index: 3;
  }
body.scrolled .slot--header-horizontal-menu {
 position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
} 
  

@media (max-width: 1199px) { 
  .bountiful--header {
      position: sticky !important;
    top: 0;
    width: 100%;
  z-index: 9;
  }
 /* .bountiful--body .bountiful--body-wrapper {
    padding: 0px 10px 40px 10px;
} */
}
  /*Gör filmer respnsiva*/
  .embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

  /*Krymp ihop nyhetsbrev*/
  .tws-newsletter-subscribe--html-before > p:nth-child(1) {
    padding-bottom: 0px;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    margin-bottom: -11px;
    margin-top: -8px;
   }
     
  

.bountiful--start-page .tws-container--tws-newsletter-subscribe {
	margin: 14px 0 0 0;
}



@media (min-width: 1100px) {
 .slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-info .tws-mini-cart--header-quantity {
 
  font-size:20px;
 }
/* Fix Scrollintoview of article description */
 .slot--article-description .tws-article-description {
  padding-top: 127px;
  margin-top: -127px;
 }


}
@media (max-width: 766px) {

 .bountiful--body .bountiful--body-wrapper {
  padding:3px 11px 0px 0px;
 }
  
  .bountiful--body .bountiful--body-wrapper .bountiful--main .bountiful--main-wrapper {
 background:#fff;
 box-shadow:0 1px 2px rgba(0,0,0,0.2);
 border-radius:3px;
 padding:1px 4px 0px 4px;
}
  .img-responsive {
 margin-top: -11px;
}
.bountiful--footer {
 margin:14px 0 0 0;
 padding:17px 0 15px 0;
 
}
 .bountiful--article-images .tws-article-images--slick-nav .slick-next {
 right:11px;
 padding:0 0px 0 3px
}
  .bountiful--back-to-top {
 position:fixed;
 bottom:13px;
 right:14px;
 z-index:1000
}
.tws-article-name h1 {
 margin:-21px 7px 10px 8px;
 font-size:22px;
}
.tws-article-price--price > span:nth-child(1) {
 padding-left: 8px;
}
body {
 font-size:15px;
}
div.customPageItem:nth-child(1) > div:nth-child(1) {
 padding-left: 10px;
}
div.customPageItem:nth-child(3) > div:nth-child(1) {
 padding-left: 21px;
 padding-right: 9px;
}
div.customPageItem:nth-child(2) {
 margin-bottom: -27px;
}
div.customPageItem:nth-child(3) {
 padding-bottom: 8px;
}
.bountiful--sidebar .slot--sidebar-audience-selector .tws-audience-selector {
	display: block;
	margin: -16px 0 0px 0px;
}
.bountiful--sidebar .bountiful--sidebar-mobile-menu .tws-top-menu .navbar-collapse .navbar-nav li .tws-top-menu--xs-item a,
.bountiful--sidebar .bountiful--sidebar-mobile-menu .tws-top-menu .navbar-collapse .navbar-nav li .tws-top-menu--sub-item a {
padding:9px 35px 0px 15px;
   font-size:13px;
 }
.tws-top-menu-item-0 > div:nth-child(1) {
 margin-top: -10px;
}
.bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light-root-level li a {
 padding:8px 35px 4px 15px;
 
}

}


.slot--article-description .tws-article-description .tws-article-description--show-more .btn {
 font-size:17px;
}

.tws-article-introduction--read-more {
text-align: left;
}

/* --- NEWSLETTER POPUP dölj finska och danska nyhetsbrev popupen --- 

html[lang="da"] body.modal_active .tws-newsletter-subscribe--dialog,
html[lang="fi"] body.modal_active .tws-newsletter-subscribe--dialog  {  
	display: none;
}
html[lang="da"] body.modal_active,
html[lang="fi"] body.modal_active   {
    overflow: visible; 
} */





/* Ändra storlek på Anmälan nyhesbrev font */


.modal .modal-dialog .modal-content {
 background:#fff;
 color:#000;
 border-radius:2px;
 padding:15px;
 font-size:16px;
}

.tws-newsletter-subscribe--html-before {
    font-size: 19px;
}

/* Bredda Baby hus och hem hälsa och hygien produktabell */
div.customPageItem:nth-child(3) > div:nth-child(1) {
 padding-left: 0px;
 padding-right: 0px;
}
/*--Hide company in other delivery address--*/
.tws-checkout--field.tws-checkout--field-optional.tws-checkout--field-type-text.tws-checkout--field-id-company {
    display: none;
}
.tws-checkout--field-id-phone .tws-checkout--field-label-text::after {
    content: "Mottagarens mobilnummer för SMS-avisering av paket";
    visibility: visible;
  font-size:16px;
}

.tws-checkout--field-id-phone .tws-checkout--field-label-text {
    font-size:0px;
}

/*--Dölj knappen Acceptera endast nödvändiga cookies--*/
.tws-accept-cookies--accept-nece-btn {display: none;}

/*--Ändra texten i kassan ang köpvillkor och swishbetalning--*/
.tws-checkout--checkout-container .tws-checkout--overlay > div > span { font-size: 0px; } 
.tws-checkout--checkout-container .tws-checkout--overlay > div > span::after { content: "Fyll i formuläret och klicka i att du godkänner butikens köpvillkor"; font-size: 14px; }

/*--Gör cookies knappen grön bakrundsfärg--*/
.tws-accept-cookies--accept-btn-wrapper .btn-default {
background:#3fbe3b;
border:1px solid #000;
border-bottom:2px solid #000;
color:#000;
padding:8px 15px
}
