/*
Theme Name: Rasamax
Theme URI: http://www.osberget.no/
Author: Maxim Kukulinsky at RASAMAX SIA
Author URI: http://www.osberget.no/
Description: rasamax Wordpress theme
Version: 0.0.37
Tags: rasamax
Text Domain: rasamax
*/
/**
 * Reset CSS instead of Normalize inside of Bootstrap
 */
.primary-menu li a {
  position: relative;
  text-decoration: none;
}

.primary-menu li a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 2px solid var(--bs-body-color);
  transform: translateX(-50%) scaleX(0);
  transition: transform 0.3s ease 0s;
}

.primary-menu li a:hover:after {
  transform: translateX(-50%) scaleX(1);
}

.primary-menu li.current-menu-item a:after {
  transform: translateX(-50%) scaleX(1);
}

.menu-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}

.menu-item {
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: .5rem;
  --bs-accordion-btn-padding-y: .5rem;
  --bs-accordion-btn-color: var(--bs-primary);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg width='20' height='20' version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.4 0v14.4h-14.4v3.2h14.4v14.4h3.2v-14.4h14.4v-3.2h-14.4v-14.4z' fill-rule='evenodd' style='stroke-width:1.6' /%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 14.4v3.2h32v-3.2z' fill-rule='evenodd' style='stroke-width:1.6'/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-border-color: #8182af;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(3, 4, 94, 0.25);
}

.menu-item .menu-collapse {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  margin-left: 10px;
}

.menu-item .menu-collapse::after {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  -webkit-mask-image: var(--bs-accordion-btn-icon);
  mask-image: var(--bs-accordion-btn-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--bs-primary);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

.menu-item .menu-collapse:not(.collapsed)::after {
  -webkit-mask-image: var(--bs-accordion-btn-active-icon);
  mask-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

/* Page commons */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

* > p:first-child {
  margin-top: 0;
}

* > p:last-child {
  margin-bottom: 0;
}

.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 20px;
}

.aligncenter {
  margin: 0 auto 10px auto;
  display: block;
}

#go-to-top {
  position: fixed;
  width: 64px;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  max-width: 0;
  transition: opacity .5s, max-width .0s .5s;
  z-index: 3;
}

#go-to-top.visible {
  opacity: 1;
  max-width: 64px;
  transition: opacity .5s, max-width .0s;
}

/* Page stretch to 100% screen height */
main {
  min-height: calc(100vh - 143px - 211px);
}

body.admin-bar main {
  min-height: calc(100vh - 143px - 211px - 32px);
}

.darken {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(13, 29, 44, 0.6);
}

.dark-gradient {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.38) 50%, rgba(0, 0, 0, 0));
  height: 175px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.button-blue {
  display: inline-block;
  font-size: 17px;
  text-transform: uppercase;
  color: white;
  background-color: var(--bs-blue);
  padding: 10px 18px;
  font-family: 'Inria Sans', sans-serif;
  font-weight: bold;
  text-decoration: none;
  transition: 0.5s;
  letter-spacing: 0.05em;
}

.button-blue:hover {
  background-color: #007482;
  color: white;
}

.button-red {
  display: inline-block;
  font-size: 17px;
  text-transform: uppercase;
  color: white;
  background-color: var(--bs-red);
  padding: 10px 18px;
  text-decoration: none;
  transition: 0.5s;
  letter-spacing: 0.05em;
}

.button-red:hover {
  background-color: var(--bs-light-red);
  color: white;
}

#footer {
  background-color: var(--bs-dark-blue);
}

.term-link {
  width: auto;
  margin: auto;
  border-bottom: 4px solid var(--bs-primary);
  color: var(--bs-dark);
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.5s;
}

a.product-category-link:hover .term-link {
  color: var(--bs-primary);
}

.nutrition {
  border-bottom: 4px solid var(--bs-dark-gray);
  float: right;
  clip-path: polygon(40px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 40px);
  width: 100%;
}

.nutrition .nutrition-fact {
  border-bottom: 1px solid #D5D0CA;
  margin-top: 5px;
}

@media (min-width: 992px) {
  .nutrition {
    max-width: 470px;
    width: auto;
  }
}

.post-content {
  font-size: 22px;
  font-family: 'Karla' sans-serif;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  font-weight: bold;
  font-family: 'Inria Sans', sans-serif;
  font-size: 24px;
  margin-top: 50px;
  margin-bottom: 20px;
}

.post-content h3 {
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .post-content {
    font-size: 20px;
    font-family: 'Karla' sans-serif;
  }
  .post-content h1,
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6 {
    font-weight: bold;
    font-family: 'Inria Sans', sans-serif;
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .post-content {
    font-size: 18px;
  }
}

a.search-link svg {
  height: 100% !important;
}

#searchform input {
  background-color: var(--bs-secondary);
  border: none;
  border-bottom: 3px solid var(--bs-primary);
}

.text-404 {
  font-size: 300px;
}

@media (max-width: 991px) {
  .text-404 {
    font-size: 200px;
  }
}

.pagination .nav-links {
  display: flex;
}

.pagination span, .pagination a {
  padding: 10px 20px;
  background-color: var(--bs-secondary);
  border-bottom: 3px solid var(--bs-primary);
  text-decoration: none;
  margin-right: 15px;
  color: var(--bs-dark);
}

.pagination a span {
  border: none;
}

.pagination span.current {
  padding: 10px 20px;
  color: white;
  background-color: var(--bs-primary);
  text-decoration: none;
  margin-right: 15px;
}

@media (min-width: 1200px) {
  .padding-top-header {
    padding-top: 165px;
  }
}

.padding-top-gunnar {
  padding-top: 165px;
}

.contact-details:hover {
  text-decoration: underline !important;
}

.top-image {
  background-size: cover;
  height: 100vh;
  background-attachment: fixed;
}

@media screen and (max-width: 1199px) {
  .top-image {
    max-height: 600px;
  }
}

#searchbox {
  width: 300px;
  background-color: #1A1C23;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  height: 50px;
  border: none;
  color: #9ca3af;
}

#searchbox::-moz-placeholder {
  color: #9ca3af;
}

#searchbox:-ms-input-placeholder {
  color: #9ca3af;
}

#searchbox::placeholder {
  color: #9ca3af;
}

.project::hover img {
  transform: scale(1.2);
  transition: transform 0.3s;
  overflow: hidden;
}

.pixelate {
  filter: url(#pixelate);
}

.no-pixelate:hover {
  filter: none !important;
}

.scrolling-wrapper {
  display: flex;
  overflow-x: hidden;
  white-space: nowrap;
  position: relative;
}

.scrolling-wrapper .inner {
  display: flex;
  animation: scroll-left 50s linear infinite;
  will-change: transform;
}

.scrolling-wrapper img {
  height: 150px;
  width: 150px;
  margin-right: 20px;
  transition: transform 0.3s ease;
}

.scrolling-wrapper:hover .inner {
  animation-play-state: paused;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.carousel-indicators [data-bs-target] {
  background-color: white !important;
}

.carousel-indicators {
  top: 0;
  bottom: auto;
}