/*
Theme Name: Simona Stadpipe
Theme URI: http://www.osberget.no/
Author: Maxim Kukulinsky at RASAMAX SIA
Author URI: http://www.osberget.no/
Description: Simona Stadpipe Wordpress theme
Version: 0.0.97
Tags: simonastadpipe osberget rasamax
Text Domain: simonastadpipe
*/
/**
 * Reset CSS instead of Normalize inside of Bootstrap
 */
:root {
  --wp-edit-button-primary: var(--bs-ivory);
  --wp-edit-button-secondary: var(--bs-red);
}

/* .primary-menu {
	li {
		a {
			// text-decoration: none;
			color: inherit;

			text-underline-offset: 10px;
			text-decoration-color: transparent;
			
			&:hover {
				text-underline-offset: 5px;
				text-decoration-color: var(--bs-red);
			}
		}
	}
} */
.wpcf7-list-item {
  margin-left: 0;
}

.wpcf7-list-item > label {
  margin-top: 24px;
  display: flex;
}

.wpcf7-list-item input[type="checkbox"] {
  appearance: none;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 10px;
  position: relative;
  background: white;
  border: 1px solid var(--bs-dark-silver);
  border-radius: 5px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.45);
}

.wpcf7-list-item input[type="checkbox"]:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: var(--bs-red);
  border-radius: 2px;
  transform: scale(0);
  transition: transform .25s;
}

.wpcf7-list-item input[type="checkbox"]:checked:before {
  transform: scale(1);
}

.documents .wpcf7-list-item {
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: white;
  border-radius: 5px;
}

.documents .wpcf7-list-item input[type="checkbox"] {
  margin-right: 8px;
}

.documents .wpcf7-list-item > label {
  margin-top: 0;
}

.wpcf7-not-valid-tip {
  color: var(--bs-red);
  margin-top: 8px;
  position: absolute;
  right: 0;
  top: calc(100% - 5px);
  border: 1px solid var(--bs-red);
  padding: 5px 10px;
  border-radius: 5px;
  background-color: rgba(var(--bs-red-rgb), 0.15);
}

/* 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;
}

#breadcrumbs a,
#breadcrumbs span,
#breadcrumbs-light a,
#breadcrumbs-light span {
  text-decoration: none;
}

#breadcrumbs span.breadcrumb_last,
#breadcrumbs-light span.breadcrumb_last {
  font-weight: 700;
}

#breadcrumbs a,
#breadcrumbs span {
  color: var(--bs-dark-silver);
}

#breadcrumbs span.breadcrumb_last {
  color: var(--bs-dark);
}

#breadcrumbs-light a,
#breadcrumbs-light span {
  color: var(--bs-gray);
}

#breadcrumbs-light span.breadcrumb_last {
  color: var(--bs-white);
}

a.arrow-link {
  text-underline-offset: 10px;
  text-decoration-color: transparent;
}

a.arrow-link svg {
  transition: transform .5s ease;
}

a.arrow-link:hover {
  text-underline-offset: 5px;
  text-decoration-color: var(--bs-red);
}

a.arrow-link:hover svg {
  transform: translateX(4px);
}

.gallery-block .splide__arrow {
  background: transparent;
  transform: none;
}

.gallery-block .splide__arrow:is(:hover, :focus-visible) {
  background: var(--bs-red);
}

.gallery-block .splide__pagination__page.is-active {
  background-color: var(--bs-red);
}

.checker-text_box-margin-left,
.checker-text_box-margin-right {
  margin-top: -32px;
}

@media (min-width: 991.98px) {
  .checker-text_box-margin-left {
    margin-left: -68px;
    margin-top: 0;
  }
  .checker-text_box-margin-right {
    margin-right: -68px;
    margin-top: 0;
  }
}

.department-block-wrapper .dropdown-toggle::after {
  display: none;
}

.block-form .accordion-button::after {
  margin-left: 12px;
}

ul.single-product-list,
.ket-stages-list {
  list-style: none;
  padding-left: 0;
}

ul.single-product-list li,
.ket-stages-list li {
  position: relative;
  padding-left: 22px;
}

ul.single-product-list li::before,
.ket-stages-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 6px;
  height: 6px;
  background: var(--bs-red);
}

ul.single-product-list li > h2,
ul.single-product-list li > h3,
.ket-stages-list li > h2,
.ket-stages-list li > h3 {
  display: inline;
}

.hover-image-parent img {
  opacity: 0.85;
  transform: scale(1);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.hover-image-parent:hover img,
.block-box_list .position-relative:hover .hover-image img {
  opacity: 1;
  transform: scale(1.05);
}

.pagination .nav-links {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

#language-switcher a {
  text-decoration: none;
}

body {
  --bs-cookie-primary: var(--bs-dark);
  --bs-cookie-secondary: var(--bs-red);
}

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: #fff;
}

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;
}