skogsnissen

/*
Farge koder
e0bf83 - lyse sand
DEBC7C - lys sand mørk
4e6348 -grønn
adb78d -lysegrønn
e2c289 -sand
c5b37f - mørk sand
92614f -brun
*/

/* FARGE PÅ KNAPPER */

:root {
  --sok-felt-inne: #e0bf83;
  --sok-felt: #d8b579;
  --sok-knapp-aktiv: #fefefe;
  --sok-knapp-hover: #fefefe;
  --sok-knapp: #ceb68c;
}

.soke-felt {
  background-color: var(--sok-felt);
  cursor: pointer;
  border-radius: 25px!important;
  padding-left: 20px;
  border: 6px solid #ceb07b;
  margin-bottom :20px !important;
}

.soke-felt-inne {
  background-color: var(--sok-felt-inne);
  cursor: pointer;
  border-radius: 25px;
  padding-left: 20px;
  border: 3px solid #ba9a68 !important;
  border-width: 0px;

}

.smak-felt{
  background-color: var(--sok-felt-inne);
  cursor: pointer;
  border-radius: 25px;
  padding-left: 20px;
  border: 3px solid #ba9a68 !important;
  border-width: 0px;

}
/*PRODUKT SØKE LISTE */

.bapf_sfilter.bapf_colorinline.bapf_clr_txt_top li label {
  background-color: var(--sok-knapp);
  border-radius: 15px;
  transition: box-shadow 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  height: 130px;
  width: 130px;
  z-index: 1;
  opacity: 0.8;
  margin: 20px;
  -webkit-box-shadow: inset 0px 0px 20px -4px rgba(0,0,0,0.84);
  box-shadow: inset 0px 0px 20px -4px rgba(0,0,0,0.84);
}

.bapf_sfilter.bapf_colorinline.bapf_clr_txt_top li label:hover {
  opacity: 1;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3),inset 0px 0px 20px -4px rgba(0,0,0,0.84);
  transform: scale(1.05);
  transition: all .5s ease-in-out;
  background-color: var(--sok-knapp-hover);
}

#bapf_10_54:checked + label {
  background-color: var(--sok-knapp-aktiv);
  transform: scale(1.05);
  -webkit-box-shadow: -1px 1px 13px 3px #000000;
  box-shadow: -1px 1px 13px 3px #000000,inset 0px 0px 20px -4px rgba(0,0,0,0.84);
  animation: pulse 2s infinite;
}

.bapf_sfilter.bapf_colorinline li {
  width: 150px;
}

.bapf_sfilter.bapf_clr_txt_top .bapf_clr_text {
  bottom: 25px;
  position: relative;
  font-size: 16px;
}

.bapf_sfilter.bapf_clr_txt_top .bapf_img_span {
  margin-bottom: 0px;
  position: relative;
  bottom: 9px;
}


/* PULSERING PÅ KNAPPER */

@keyframes pulse {
  0% {
    -webkit-box-shadow: -1px 1px 13px 3px #000000;
    box-shadow: -1px 1px 13px 3px #000000,inset 0px 0px 20px -4px rgba(0,0,0,0.84);
  }

  70% {
    -webkit-box-shadow: -1px 1px 13px 0px #000000;
    box-shadow: -1px 1px 13px 0px #000000,inset 0px 0px 20px -4px rgba(0,0,0,0.84);
  }

  100% {
    -webkit-box-shadow: -1px 1px 13px 3px #000000;
    box-shadow: -1px 1px 13px 3px #000000,inset 0px 0px 20px -4px rgba(0,0,0,0.84);
  }
}

.xt_woofc-inner {
  height: 100% !important;
}

.wp-video .mejs-container .mejs-controls {
  visibility: hidden;
}

html,
body {
  width: 100%;
  overflow-x: hidden;
}

@media only screen and (min-width: 600px) {
  #content.site-content {
    width: 90vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid black;
    border-radius: 5px;
    padding-top: 71px;
    margin-top: -23px;
    background-color: #f7f5f2;
    overflow: hidden;
    padding: 19px;
    padding-bottom: 1px;
  }
}

.separate-containers .inside-article {
  padding: 10px;
  width: 100%;
  margin-left: auto;
}

.wp-block-cover.aligncenter.has-background-dim {
  width: 95%;
  border-radius: 25px;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-cover.aligncenter.is-position-center-center {
  width: 99%;
  margin-right: 4%;
  padding-right: 4px;
  padding: 0px;
}

.main-title {
  position: relative;
  bottom: 67px;
  font-style: italic;
  text-decoration: none;
  padding-right: 58px;
  color: #8f3c3c;
  font-family: 'Marck Script', cursive;
  padding-top: 35px;
  margin-top: 26px;
  margin-bottom: -34px;
}

.handleplass {
  font-size: 5.7vw;
  font-weight: normal;
  font-variant: small-caps;
  font-style: italic;
  text-decoration: none;
  color: #8f3c3c;
  font-family: 'Marck Script', cursive;
}

.site-info {
  margin-top: 30px;
  padding-top: 7px;
}

#page.hfeed.site.grid-container.container.grid-parent {
  background-color: #DEBC7C;
}

.inside-header.grid-container.grid-parent {
  opacity: 1;
  background-color: #debc7c;
}

.grid-container {
  opacity: 0.95;
  margin-bottom: -37px;
}

.site-content {
  margin-bottom: 20px;
}

.main-navigation .main-nav ul li a {
  border-radius: 10px 10px 0px 0px;
  color: #0f0f0f;
  font-style: italic;
  text-decoration: none;
  font-size: 2.7vw;
  font-weight: normal;
  font-variant: small-caps;
  white-space: normal;
  z-index: -1;
  line-height: 35px;
  margin-bottom: 17px;
  background-color: #ebd09b;
  margin-left: 0px;
  padding-bottom: 0px;
}

.main-navigation
::first-letter {
  font-size: 140%;
}

.main-navigation li {
  background-color: #ffffff;
  margin-bottom: -17px;
}

.woocommerce #reviews #comments ol.commentlist ul.children .star-rating
.woocommerce ul.products li.product .button {
  background-color: #dddddd;
  border-radius: 25px;
  border: 2px solid #757575;
  margin-left: 27%;
  margin-right: 20%;
  text-align: center;
  margin-bottom: 10px;
}

.woocommerce ul.products li.product .button:hover {
  background-color: #3E3E3E;
  color: #fffff;
}

bdi {
  text-align: center;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  text-align: center;
  font-size: 25px;
  color: #080808;
  font-weight: 400;
}

.woocommerce ul.products li.product .price {
  text-align: center;
}

.woocommerce a.button:hover {
  color: #fcfcfc;
}

.woocommerce a.added_to_cart {
  margin-left: 37%;
  margin-right: 35%;
  width: 150px;
  margin-top: -50px;
}

.wc-block-components-totals-item {
  width: 90%;
}

.wc-block-cart__submit-button {
  width: 95%;
}

.wc-block-cart__submit-container--sticky {
  width: 91%;
}

.elementor-142 .elementor-element.elementor-element-70075b7 {
  margin-right: 20px;
}

#menu-item-168.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-168 {
  background-color: #DEBC7C;
}

#menu-item-19.menu-bg1.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-6.current_page_item.menu-item-19 {
  background-color: #debc7c;
}

#menu-item-169.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-169 {
  background-color: #DEBC7C;
}

#menu-item-170.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-170 {
  background-color: #DEBC7C;
}

#menu-item-172.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-172 {
  background-color: #debc7c;
}

#menu-item-19.menu-bg1.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-19 {
  background-color: #DEBC7C;
}

/* TEXT FIXS */

.elementor-section.elementor-top-section.elementor-element.elementor-element-70075b7.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
  background-color: rgb(222, 188, 124);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta

html:after {
  position: fixed;
  width: 90px;
}

.elementor * {
  margin-bottom: 0px;
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  display: none;
}

.woocommerce ul.products {
  padding-top: 18px;
  padding-right: 10px;
}

.woocommerce ul.products li.product a {
  color: #080808;
}

.woocommerce ul.products li.product a:hover {
  color: #e8e1e1;
}

.woocommerce ul.products li.product a img {
  width: 99%;
  padding: 8px;
}

.woocommerce div.product div.images img {
  max-width: 470px;
  width: 98%;
  max-height: 360px;
}

/************* TEXT Checkout  ********************/

.pum-trigger.popmake-533.salgb {
  float: right;
}

.woocommerce-checkout .woocommerce .woocommerce-message {
  display: none !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  display: none !important;
}

#checkbox-control-2.wc-block-components-checkbox__input {
  visibility: hidden;
}

.wc-block-components-checkbox.wc-block-components-payment-methods__save-card-info {
  visibility: hidden;
}

.wc-block-checkout__use-address-for-billing {
  visibility: collapse;
}

.woocommerce-breadcrumb {
  visibility: hidden;
}

.product_meta {
  visibility: hidden;
}

.woocommerce div.product {
  border-radius: 25px;
  border: 3px solid #ceb07b;
  padding-top: 14px;
  padding-left: 15px;
}

.woocommerce div.product .product_title {
  padding-bottom: 0px;
}

.product_title.entry-title {
  margin-bottom: -59px;
  margin-left: 27px;
}

.woocommerce #content div.product div.summary {
  margin-top: 38px;
}

.entry-title {
  text-align: center;
  margin-top: -13px;
}

/************* Forside animasjon ********************/

.vision-zoom {
  background-color: transparent !important;
  border: none;
  box-shadow: 0px 0px !important;
}

.vision-form {
  background-color: transparent !important;
  border: none;
  box-shadow: 0px 0px !important;
}

.vision-body {
  background-color: transparent !important;
  border: none!important;
  box-shadow: 0px 0px !important;
}

.vision-data {
  background-color: transparent !important;
  border: none!important;
  box-shadow: 0px 0px !important;
}

.vision {
  background-color: red !important;
}

.poptest {
  background-color: transparent !important;
  border: none!important;
  box-shadow: 0px 0px !important;
}

.bubble {
  font-family: sans-serif;
  font-size: 20px;
  line-height: 24px;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 40px;
  padding: 24px;
  text-align: center;
  color: #000000;
}

.elementor-column-wrap.elementor-element-populated {
  margin-top: 8px;
  margin-bottom: 26px;
}

@media only screen and (max-width: 600px) {
  #content.site-content {
    width: 90vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .main-title {
    position: relative;
    bottom: 100px;
    padding-right: 58px;
    padding-top: 35px;
    margin-top: 26px;
    margin-bottom: 34px;
    margin-left: 40px;
  }

  #site-navigation.main-navigation.sub-menu-right {
    visibility: hidden;
  }

  .main-title {
    margin-bottom: -134px;
    margin-top: 70px;
  }
}

@media only screen and (max-width: 769px) {
  .woocommerce #reviews #comments ol.commentlist li .comment-text::after

  .grid-container {
    opacity: 0.95;
    margin-bottom: 0px;
  }

  .main-navigation .main-nav ul li a {
    margin-bottom: 0px;
  }

  #content.site-content {
    padding: 0px;
    width: 95vw;
  }

  .woocommerce #respond input#submit.alt:disabled[disabled]:hover



  /*
  .bapf_sfilter.bapf_ckbox label {
    width: 80%;
    padding: 7px;
  }

  .bapf_sfilter ul li {
    width: 95%;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    background-color: #E0BF83;
  }

  */

  .bapf_sfilter.bapf_ckbox input[type=checkbox] {
    margin-left: 15px;
  }
}

.nisse {
  border: 10px solid #ddd;
  border-radius: 4px;
  width: 51px;
  height: 50px;
}

.mobil-pak {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  color: black;
  text-decoration: none;
  font-weight: normal;
  font-variant: small-caps;
  font-size: 30px;
}

.mobil-soke {
  white-space: nowrap;
  color: black;
  text-decoration: none;
  font-weight: normal;
  font-variant: small-caps;
  font-size: 20px;
}

/*@media screen and (min-width: 800px){*/

.bapf_sfilter ul li {
  width: 50%;
  float: left;
}

.elementor-section.elementor-top-section.elementor-element.elementor-element-3c56808.elementor-hidden-phone.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
  width: 90%;
  margin: 0 auto;
}

buttonizer-button buttonizer-button-0-0-3 {
  background-color: black !important;
  width: 9%;
}

#responsive-menu-button.responsive-menu-button.responsive-menu-boring {
  border-radius: 5px;
  box-shadow: 2px 2px 2px 2px #888888;
  z-index: 1;
}

.xt_woofc-trigger.xt_woofc-icontype-image {
  box-shadow: 2px 2px 2px 2px #888888;
}

/*Video kontainer front page*/

video {
  height: 75%;
  width: 75% !important;
  border-radius: 25px;
  margin-left: 15%!important;
  margin-right: 15%!important;
}

/*Important:*/

.link-spanner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  /* edit: fixes overlap error in IE7/8,
     make sure you have an empty gif
  background-image: url('empty.gif');*/
}


/*PRODUKT LISTE */

.woocommerce ul.products.columns-3 li.product {
  background-color: #c77c1a;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  border-radius: 12px;
}

.woocommerce img {
  border-radius: 50%;
}

.woocommerce ul.products li.product .button {
  float: right;
  margin-right: 13px;
  bottom: 12px;
}

.overp {
  font-size: 25px;
}

vover {
  font-variant: small-caps;
  font-size: 33px;
  position: relative;
  left: 30%;
}

.flex-viewport {
  border-radius: 50%;
}
tes