@charset "UTF-8";
/*
Theme Name: Blå Kors 2024
Author: The Pitch AS 
Author URI: https://thepitch.no
Description: Dette er WP tema for Blå Kors Fredrikstad
Version: 1.0
Text Domain: blaakors
Template: twentytwentyfour
*/
.hide {
  display: none !important;
  visibility: hidden !important;
}

@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (min-width: 769px) and (max-width: 1080px) {
  .site-header {
    padding-top: 2rem !important;
  }
  .hide-medium {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (min-width: 1281px) {
  .hide-large {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (min-width: 1051px) {
  .hide-menu-large {
    display: none !important;
    visibility: hidden !important;
  }
}
a {
  text-decoration: none !important;
}

@media (max-width: 768px) {
  p {
    font-size: 1.1rem;
  }
  h2 {
    font-size: 1.5rem !important;
  }
  h3 {
    font-size: 1.4rem !important;
  }
  h4 {
    font-size: 1.3rem !important;
  }
}
@media (max-width: 768px) {
  :root :where(.wp-element-button, .wp-block-button__link) {
    padding-left: 1.3rem !important;
    padding-right: 1.3rem !important;
  }
}
@media (max-width: 768px) {
  .site-logo img {
    width: 135px !important;
    height: auto;
  }
}
@media (min-width: 769px) {
  .site-logo img {
    width: 200px;
    height: auto;
  }
}
@media (min-width: 2250px) {
  .site-logo img {
    width: 230px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .image-cover-mobile {
    min-height: 300px !important;
  }
}
:where(.wp-site-blocks) > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

:where(body .is-layout-constrained) > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

/* Dette er stilen for knappen */
.wp-block-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Dette er stilen for bildet inni knappen */
.wp-block-button img {
  position: relative;
  transition: transform 0.3s ease;
}

/* Dette skjer når du hover over knappen */
.wp-block-button:hover img {
  transform: translateX(10px); /* Flytter pilen 10px til høyre */
}

.wp-block-button {
  transition: 0.15s;
  border-radius: 10px;
}
.wp-block-button svg {
  height: 1.25rem;
  width: 1.25rem;
  padding-left: 10px;
}
.wp-block-button img {
  height: 1.25rem;
  width: 1.25rem;
  padding-left: 10px;
}
.wp-block-button a {
  border-radius: 0px;
  transition: 0.15s;
  text-align: center;
  align-items: center;
  gap: 0.375rem;
  display: flex;
}
.wp-block-button a:hover {
  border-radius: 50px;
}
.wp-block-button a.has-medium-green-background-color {
  background-color: #BED8D6;
}
.wp-block-button a.has-medium-green-background-color:hover {
  background-color: #AECECC !important;
}
.wp-block-button a.has-medium-blue-background-color {
  background-color: #BFCDE7;
}
.wp-block-button a.has-medium-blue-background-color:hover {
  background-color: #95ADD9 !important;
}
.wp-block-button a.has-light-blue-background-color {
  background-color: #D5DCEB;
}
.wp-block-button a.has-light-blue-background-color:hover {
  background-color: #BFCDE7 !important;
}
.wp-block-button a.has-medium-pink-background-color {
  background-color: #EED6E5;
}
.wp-block-button a.has-medium-pink-background-color:hover {
  background-color: #EACFE0 !important;
}
.wp-block-button a.has-blue-background-color {
  background-color: #073280;
}
.wp-block-button a.has-blue-background-color:hover {
  background-color: #03225C !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
  border-bottom: 1px solid #9BACD6;
}

.wp-block-navigation a:hover {
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
}

.col-4 {
  text-align: center;
  color: #FFFFFF;
}
.col-4 .to-the-top img {
  width: 105px;
  padding: 1rem;
}

.to-the-top img {
  width: 105px;
  padding: 1rem;
}
.to-the-top p {
  margin-top: 15px;
  text-align: center;
}

.link--arrowed {
  display: inline-block;
}

.link--arrowed .arrow-icon {
  position: relative;
  top: 1px;
  transition: transform 0.3s ease;
  vertical-align: middle;
  transform: rotate(-90deg);
}

.link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dashoffset: 0;
  stroke: #FFFFFF;
}

.link--arrowed:hover .arrow-icon {
  transform: rotate(-90deg);
}

.link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 95;
  stroke-dasharray: 95;
}

.link--arrowed:hover .arrow-icon--arrow {
  transform: translateX(4px);
  transition: 0.5s;
}

.link {
  color: #E3DCF3;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
  stroke: #DCEAE9;
  stroke-width: 1;
}

.menu-overlay-divider {
  border-left: 1px solid #073280 !important;
}

.nav-top {
  position: relative;
  z-index: 1000;
}

.purple-top-nav span {
  border-bottom: 1px solid #073280;
}
.purple-top-nav span:hover {
  border-bottom: 1px solid transparent;
}
.purple-top-nav a {
  border-bottom: 1px solid #073280;
}
.purple-top-nav a:hover {
  border-bottom: 1px solid transparent;
}

.wp-block-navigation__submenu-container {
  padding: 1.5rem !important;
  z-index: 1000;
  width: 220px;
}
.wp-block-navigation__submenu-container li a {
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  padding: 0.4rem 0;
}
.wp-block-navigation__submenu-container li a span {
  text-decoration: none !important;
  border-bottom: 2px solid #D1C5EB;
}
.wp-block-navigation__submenu-container li a span:hover {
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
}

.breadcrumb-item--parent a {
  text-decoration: underline !important;
}
.breadcrumb-item--parent a:hover {
  text-decoration: underline transparent !important;
}

@media (max-width: 768px) {
  .breadcrumb {
    font-size: 0.7rem !important;
  }
}
/************************/
/* Desktop Mega menu OPEN 
/************************/
.mega-menu-open .gw-mm-item.has-children button.active::after {
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 118.2 66.6"><defs><style> .cls-1 { fill: %23231f20; stroke-width: 0px; } </style></defs><rect class="cls-1" x="16.4" y="29.2" width="85.4" height="8.2" transform="translate(-6.2 51.5) rotate(-45)"/><rect class="cls-1" x="16.4" y="29.2" width="85.4" height="8.2" transform="translate(40.8 -32) rotate(45)"/></svg>');
}
.mega-menu-open .wp-block-boldblocks-breadcrumb-block {
  visibility: hidden;
}

/************************/
/* DESKTOP Menu + MEGA MENU
/************************/
.desktop-menu .wp-block-column {
  border-radius: 0 !important;
}
.desktop-menu .gw-mm-item__dropdown {
  background: #F6F5F2;
}
@media (max-width: 768px) {
  .desktop-menu .gw-mm-item__dropdown {
    padding: 0;
  }
}
@media (min-width: 769px) {
  .desktop-menu .gw-mm-item__dropdown {
    padding-top: 30px;
  }
}
.desktop-menu .gw-mm-item__dropdown-wrapper {
  background: transparent;
  display: block;
  visibility: hidden;
  transform: translateY(10px);
  opacity: 0;
  transition: opacity 0s ease, visibility 0s ease, transform 0s ease;
  height: auto !important;
}
.desktop-menu .gw-mm-item__dropdown-wrapper .menu-byra a {
  text-decoration: none;
}
.desktop-menu .gw-mm-item__dropdown-wrapper .menu-byra a:hover {
  text-decoration: underline;
}
.desktop-menu .gw-mm-item__dropdown-wrapper .subheader a {
  color: black;
  text-decoration: none;
}
.desktop-menu .gw-mm-item__dropdown-wrapper .subheader a:hover {
  text-decoration: underline;
}
.desktop-menu .gw-mm-item__dropdown-wrapper.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.desktop-menu .gw-mm-item__dropdown-wrapper:not(.active) {
  visibility: hidden; /* Hide the menu when not active */
  opacity: 0;
  transform: translateY(0px); /* Slide up effect */
}
.desktop-menu .gw-mm-item.has-children .gw-mm-item__link a {
  padding-right: 10px;
}
.desktop-menu .gw-mm-item.has-children button {
  margin-right: 10px;
  /* Remove default dashicon **/
}
.desktop-menu .gw-mm-item.has-children button:after {
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 118.2 66.6"><defs><style> .cls-1 { fill: %23231f20; stroke-width: 0px; } </style></defs><rect class="cls-1" width="92" height="8.9"/><rect class="cls-1" x="26.3" y="28.9" width="92" height="8.9"/><rect class="cls-1" y="57.7" width="92" height="8.9"/></svg>');
  display: inline-block;
  transition: all 0.15s linear;
  line-height: 0;
  width: 2rem;
  height: 2rem;
  vertical-align: text-top;
  padding-top: 0.9rem;
}
.desktop-menu .gw-mm-item.has-children button span {
  display: none;
}

@media (max-width: 768px) {
  .gw-mm-item__dropdown-wrapper {
    margin-top: 0 !important;
  }
  .desktop-menu .gw-mm-item__dropdown {
    padding-top: 0 !important;
  }
}
.header {
  width: 100%;
  position: absolute;
  z-index: 95;
}
.header .menu-overlay a {
  border-bottom: 2px solid transparent;
}
.header .menu-overlay a:hover {
  border-bottom: 2px solid #D1C5EB;
}

.border-radius {
  border-radius: 15px !important;
}

blockquote {
  margin: 3rem 0 3rem 0 !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  background-color: #DCEAE9 !important;
  border-radius: 0 !important;
}
blockquote p {
  line-height: 1.5 !important;
  padding: 2rem;
  font-size: 1.6rem;
  padding-bottom: 1rem;
  margin-block-end: 0;
}
blockquote cite {
  font-family: work sans-serif;
  padding: 2rem;
  padding-bottom: 4rem !important;
}

@media (max-width: 768px) {
  blockquote {
    margin: 2rem 0 0.5rem 0 !important;
    padding: 2rem !important;
  }
  blockquote p {
    line-height: 1.5 !important;
    font-size: 1.1rem !important;
    padding: 0 !important;
  }
  cite {
    font-family: work sans-serif;
    padding: 0 !important;
  }
}
.wp-block-post-excerpt__more-link {
  padding-top: 15px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: transparent !important;
}
.wp-block-post-excerpt__more-link::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 15px; /* Just an example, adjust the size as needed */
  height: 15px; /* Just an example, adjust the size as needed */
  margin-left: -2px; /* Adjust the spacing between the link and the arrow */
  background: url("assets/images/arrow-right.svg") center center no-repeat;
  background-size: contain; /* or cover, depending on your preference */
  transition: transform 0.2s ease; /* Transition only the transform property */
  padding-left: 25px;
  margin-top: 4px;
}
.wp-block-post-excerpt__more-link:hover::before {
  transform: translateX(3px); /* Adjust the movement as needed */
}
.wp-block-post-excerpt__more-link a {
  text-decoration: none;
  color: #F0EAE1 !important;
}

.wp-block-post-date time {
  border-bottom: 2px solid #BFCDE7;
  padding-bottom: 5px;
}

.is-layout-constrained > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

.image-container {
  display: inline-block;
  overflow: hidden; /* To prevent the image from overflowing the container */
}

.grow-on-hover {
  transition: transform 0.3s ease; /* Smooth transition for the grow effect */
}

.grow-on-hover:hover {
  transform: scale(1.03); /* Scale the image to 120% of its original size */
}

.shine {
  position: relative;
  overflow: hidden;
}
.shine::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
}
.shine:hover::before, .shine:focus::before {
  animation: shine 0.85s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

.wp-block-read-more {
  padding-top: 15px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: transparent !important;
}
.wp-block-read-more::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 15px; /* Just an example, adjust the size as needed */
  height: 15px; /* Just an example, adjust the size as needed */
  margin-left: -2px; /* Adjust the spacing between the link and the arrow */
  background: url("assets/images/arrow-right.svg") center center no-repeat;
  background-size: contain; /* or cover, depending on your preference */
  transition: transform 0.2s ease; /* Transition only the transform property */
  padding-left: 25px;
  margin-top: 4px;
}
.wp-block-read-more:hover::before {
  transform: translateX(3px); /* Adjust the movement as needed */
}
.wp-block-read-more a {
  text-decoration: none;
  color: #F0EAE1 !important;
}

.boxes a {
  text-decoration: none !important;
}
.boxes .arrow img {
  display: inline-block;
  transition: transform 0.3s ease;
}
.boxes:hover .arrow img {
  transform: translateX(20px);
}
.boxes :where(.wp-block-columns) {
  margin-bottom: 0;
}

.bottom-line {
  border-bottom: 1px solid #073280;
}

.fast-links a {
  text-decoration: none !important;
}
.fast-links img {
  display: inline-block;
  transition: transform 0.3s ease;
}
.fast-links:hover img {
  transform: translateX(20px) !important;
}
.fast-links :where(.wp-block-columns) {
  margin-bottom: 0;
}

a:focus {
  outline: 0px !important;
  outline: none !important;
}

:where(.wp-site-blocks *:focus) {
  outline-width: 0 !important;
  outline: none !important;
}

main a {
  border-bottom: 1px solid;
}
main a:hover {
  border-bottom: 1px solid transparent;
}

.wp-block-button a {
  border-bottom: none; /* Fjerner border-bottom */
}

.wp-block-button a:hover {
  border-bottom: none; /* Sørger for at det ikke vises noe border ved hover */
}

@media (max-width: 768px) {
  .col-footer a {
    font-size: 1.2rem !important;
  }
}
.footer-links a {
  border-bottom: 1px solid #D1C5EB;
}
.footer-links a:hover {
  border-bottom: 1px solid transparent;
}

.footer-btn {
  font-size: 1rem !important;
}
.footer-btn a {
  font-size: 1rem !important;
}
.footer-btn:hover {
  border-radius: 50px !important;
}

.wp-block-post-title a {
  text-decoration: none !important;
  border-bottom: none !important;
}
.wp-block-post-title a:hover {
  text-decoration: underline !important;
}

a img {
  border-bottom: none !important;
  text-decoration: none !important;
}
a img:hover {
  border-bottom: none !important;
  text-decoration: none !important;
}

img {
  border-bottom: none !important;
  text-decoration: none !important;
}
img:hover {
  border-bottom: none !important;
  text-decoration: none !important;
}

.wp-block-aab-group-accordion a {
  color: black !important;
}

.aagb__accordion_title {
  color: black !important;
}
.aagb__accordion_title a {
  color: black !important;
}

.wp-block-aab-accordion-item {
  padding-left: 0 !important;
  border: 0 !important;
}
.wp-block-aab-accordion-item p {
  color: #031433;
}

.aagb__accordion_body--show {
  border: 0 !important;
  color: transparent !important;
}

.aagb_accordion_8b153057-9c14-420b-934f-7f95470c9072 .aagb__accordion_active {
  border-color: transparent !important;
  border-width: 0 !important;
  border-style: none !important;
}

.wp-block-aab-accordion-item .aagb__accordion_head {
  border-bottom: 2px solid;
}

.aagb_accordion_8b153057-9c14-420b-934f-7f95470c9072 .aagb__accordion_body--show {
  border-top-color: transparent !important;
  border-top-width: 0 !important;
  border-top-style: none !important;
}

.aagb_accordion_804c9c89-29bb-479a-9b86-cb18e7c54738 .aagb__accordion_active {
  border-color: transparent !important;
  border-width: 0 !important;
  border-style: none !important;
}

.aagb__accordion_head {
  padding-left: 0 !important;
}

.aagb__accordion_body {
  padding-left: 0 !important;
}

.aagb_accordion_bd85b7cb-f247-4a05-900a-6b1994f52031 .aagb__accordion_active {
  border-color: transparent !important;
  border-width: 0 !important;
  border-style: none !important;
}

.aagb_accordion_bd85b7cb-f247-4a05-900a-6b1994f52031 .aagb__accordion_body--show {
  border-top-color: transparent !important;
  border-top-width: 0 !important;
  border-top-style: none !important;
}

.wp-block-aab-accordion-item :focus {
  border-bottom: 1px solid;
}

.aagb_accordion_0d86a8d0-5e44-4638-9357-89a4d4365a52 .aagb__accordion_active {
  border-color: transparent !important;
  border-width: 0 !important;
  border-style: none !important;
}

.no-link a {
  text-decoration: none !important;
  border-bottom: none !important;
}

.font-color {
  color: #031433 !important;
}
.font-color a {
  color: #031433 !important;
}
.font-color a:hover {
  color: #031433 !important;
}

.single-post .wp-block-post-content img {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.gw-mm-item__dropdown-wrapper {
  margin-bottom: 2rem !important;
  top: 4rem !important;
}

.container {
  display: flex;
  flex-direction: column;
}

.order-1-lg {
  order: 1; /* Bilde kommer etter teksten */
}

.order-2-lg {
  order: 2; /* Tekst kommer før bildet */
}

@media (max-width: 768px) { /* På mobil eller mindre skjer dette */
  .container {
    flex-direction: column-reverse; /* Bytt rekkefølge */
  }
  .order-2-small {
    order: 2; /* Bilde kommer før teksten */
  }
  .order-1-small {
    order: 1; /* Tekst kommer etter bildet */
  }
}
.indent {
  padding-left: 90px !important;
}

.wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title {
  padding: 0 !important;
}

.wp-block-ub-content-toggle-accordion-title-wrap {
  border-bottom: 1px solid #073280 !important;
  padding-bottom: 10px;
}

/* Flytt elementer med klassen "mobile-align-left" til venstre på mobil */
@media only screen and (max-width: 768px) {
  .mobile-align-left {
    text-align: left !important; /* Juster tekstinnhold til venstre */
  }
  /* For Gutenberg-knappene, som er pakket i en "buttons"-container */
  .mobile-align-left .wp-block-buttons {
    display: flex !important; /* Sørger for at knappene blir flexbox-elementer */
    justify-content: flex-start !important; /* Flytter hele knappecontaineren til venstre */
  }
  /* For individuelle knapper i knappeblokkene */
  .mobile-align-left .wp-block-button {
    margin-left: 0 !important; /* Fjern eventuell margin som kan hindre venstrejustering */
  }
  /* For tekst inni knappelementene */
  .mobile-align-left .wp-block-button__link {
    text-align: left !important; /* Juster knappeteksten til venstre */
  }
}
.content-title-space h1, .content-title-space h2, .content-title-space h3, .content-title-space h4, .content-title-space h5 {
  margin-top: 2rem !important;
  margin-bottom: 0.2rem !important;
}
.content-title-space p {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.breadcrumb .category {
  display: none;
}

/*# sourceMappingURL=style.css.map */