/*
Theme Name: Gjerde 2
Theme URI: http://www.osberget.no/
Author: Maxim Kukulinsky at RASAMAX SIA
Author URI: http://www.osberget.no/
Description: Gjerde 2 Wordpress theme
Version: 0.0.33
Tags: Gjerde2 osberget rasamax
Text Domain: gjerde
*/
/**
 * Reset CSS instead of Normalize inside of Bootstrap
 */
#offcanvasRight ul a,
#menu-categories-menu a {
  padding: 10px 24px;
}

#offcanvasRight ul a:hover,
#menu-categories-menu a:hover {
  background-color: var(--bs-green);
}

#offcanvasRight ul .current-menu-item > a,
#menu-categories-menu .current-menu-item > a {
  background-color: var(--bs-green);
}

#offcanvasRight ul ul,
#menu-categories-menu ul {
  padding-left: 0;
  list-style: none;
}

#offcanvasRight ul ul a,
#menu-categories-menu ul a {
  padding-left: 48px;
}

#offcanvasRight ul ul ul a,
#menu-categories-menu ul ul a {
  padding-left: 72px;
}

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

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

:is(p, ul):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;
}

:is(.alignleft, .alignright, .aligncenter):last-child {
  margin-bottom: 0;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  margin-top: 60px;
  font-weight: bold;
  color: var(--bs-primary);
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .post-content h1,
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6 {
    margin-top: 30px;
    font-size: 25px;
  }
}

/* Hide Google reCaptcha after 1s */
@keyframes hide_after_1s {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100px);
  }
}

.grecaptcha-badge {
  animation-name: hide_after_1s;
  animation-delay: 3s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

:root {
  --wp-edit-button-primary: var(--bs-green);
  --wp-edit-button-secondary: var(--bs-orange);
}

@keyframes fade-in {
  0%, 60% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#smart-button-container {
  width: fit-content;
  margin: 30px auto 0;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #b9b9b9;
  animation-name: fade-in;
  animation-duration: 3s;
}

#smart-button-container input {
  min-width: 270px;
  border-color: #bbbbbb !important;
}

#smart-button-container p {
  margin: 0;
}

.mini-cart-items-counter {
  background-color: red;
  width: 27px;
  height: 27px;
}

.cart-contents {
  width: 68px;
}

.woocommerce-mini-cart-item .remove.remove_from_cart_button {
  position: absolute;
}

.woocommerce-mini-cart-item .remove.remove_from_cart_button, .woocommerce-cart-form a.remove {
  width: 15px;
  height: 18px;
  background: url(images/delete.svg) no-repeat;
  font-size: 0;
  border-radius: 0;
  right: 10px;
  top: 10px;
}

.woocommerce-mini-cart-item .remove.remove_from_cart_button:hover,
.woocommerce-cart-form a.remove:hover {
  color: unset;
  background: url(images/delete.svg) no-repeat;
}

#breadcrumbs a {
  color: var(--bs-dark-blue);
}

body {
  --bs-cookie-primary: #f18b00;
  --bs-cookie-secondary: #0f1d41;
}

body #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider,
body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: var(--bs-cookie-secondary);
  border-color: var(--bs-cookie-secondary);
  color: var(--bs-cookie-primary);
}

body #CybotCookiebotDialogBodyFieldsetInnerContainer .CybotCookiebotDialogBodyLevelButtonLabel strong:hover {
  color: var(--bs-cookie-secondary) !important;
}

body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: var(--bs-cookie-secondary);
}

body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 2px solid var(--bs-cookie-secondary);
  color: var(--bs-cookie-secondary);
}

body #CookiebotWidget .CookiebotWidget-logo svg circle {
  fill: var(--bs-cookie-secondary);
}

body #CookiebotWidget .CookiebotWidget-logo svg path {
  fill: #fff;
}

body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var(--bs-cookie-secondary);
}

body #CookiebotWidget .CookiebotWidget-consent-details button {
  color: var(--bs-cookie-secondary);
}

body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: var(--bs-cookie-primary);
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
body #CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: var(--bs-cookie-secondary);
}

body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: var(--bs-cookie-secondary);
}

body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: var(--bs-cookie-secondary);
}

body #CybotCookiebotDialog a:hover:after,
body #CybotCookiebotDialog a:hover:before,
body #CybotCookiebotDialog button:hover:after,
body #CybotCookiebotDialog button:hover:before {
  border-color: var(--bs-cookie-secondary);
}

body #CybotCookiebotDialogPoweredbyImage {
  width: auto;
  height: 32px;
}

body #CybotCookiebotDialogPoweredbyImage[src^="https://"] {
  display: block !important;
}

body #CybotCookiebotDialogPoweredbyCybot {
  display: none;
}