@charset "UTF-8";
/*
Theme Name: Recharge
Theme URI: https://olliewp.com
Description: A custom child theme for Recharge Infra. Based on Ollie-theme.
Author: Vegard Simensen / The Pitch
Author URI: https://thepitch.no
Template:     ollie
Version: 1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: ollie-child
*/
@media (max-width: 1181px) {
  .hide-desktop-menu-on-mobile {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (max-width: 1110px) {
  .hide-desktop-menu-on-mobile-landing {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (max-width: 1230px) {
  .hide-desktop-menu-on-mobile-se {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
    visibility: hidden !important;
  }
}
.blue-bg {
  background: linear-gradient(135deg, #00234e 0%, #002858 50%, #013471 100%);
}

.no-section-padding {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 768px) {
  .site-logo img {
    width: 190px !important;
    height: auto;
    text-align: left !important;
  }
}
a:where(:not(.wp-element-button, .footer-links, .menu-links)) {
  text-decoration: underline;
  font-weight: 600;
}
a:where(:not(.wp-element-button, .footer-links, .menu-links)):hover {
  text-decoration: none !important;
  color: #FF7500;
}

.main-menu a {
  position: relative;
  text-decoration: none;
  color: #11181f;
}
.main-menu a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -4px; /* Juster dette tallet for mer/mindre mellomrom */
  left: 0;
  background-color: #FFC836;
  transition: width 0.3s ease;
}
.main-menu a:hover::after {
  width: 100%;
}

.home .bread {
  display: none;
}

.bread span {
  padding-right: 2px;
  padding-left: 2px;
}

.bread a {
  font-weight: 600;
}

/************************/
/* 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>');
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-top;
  padding-bottom: 1.7rem;
}
.mega-menu-open .wp-block-boldblocks-breadcrumb-block {
  visibility: hidden;
}

/************************/
/* DESKTOP Menu + MEGA MENU
/************************/
.gw-mm-item__link {
  color: #11181f;
  font-weight: 600;
}

.gw-mm-item__dropdown {
  box-shadow: none !important;
}

.desktop-menu .gw-mm-item__dropdown {
  background: transparent;
}
@media (max-width: 768px) {
  .desktop-menu .gw-mm-item__dropdown {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .desktop-menu .gw-mm-item__dropdown {
    margin-top: 1rem;
  }
}
.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 .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;
  text-decoration: none;
  font-size: 1rem;
}
.desktop-menu .gw-mm-item.has-children button {
  margin-right: 10px;
  cursor: pointer;
  /* 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;
  width: 2rem;
  height: 2rem;
  vertical-align: text-top;
  padding-top: 0.3rem;
}
.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;
  }
}
.wp-block-navigation__submenu-container {
  border: none !important;
  padding: 1rem !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
}

.wp-block-button svg {
  position: relative;
  transition: transform 0.3s ease;
  height: 1em; /* Sørger for at bildet skaleres til tekstens høyde */
}

.wp-block-button:hover svg {
  transform: translateX(5px); /* Flytter bildet (f.eks. en pil) litt til høyre ved hover */
}

.external .wp-block-button svg {
  position: relative;
  transition: transform 0.3s ease;
  height: 1em; /* Sørger for at bildet skaleres til tekstens høyde */
}
.external .wp-block-button:hover svg {
  transform: translateY(4px);
}

.wp-block-button a.has-main-background-color:hover {
  background-color: #001c3f !important;
}

.wp-block-button a.has-primary-alt-background-color:hover {
  background-color: #ffcf50 !important;
  color: #000 !important;
}

.wp-block-button a.has-primary-accent-background-color:hover {
  background-color: #008c69 !important;
}

.wp-block-button a.has-main-accent-background-color:hover {
  background-color: #6adca3 !important;
}

.dropdown-menu a {
  color: #000 !important;
}
.dropdown-menu a:hover {
  text-decoration: underline !important;
  background-color: #D9EEF7 !important;
}

.select-country-desktop-menu {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  color: white !important;
  border-radius: 5px;
}
.select-country-desktop-menu .wp-block-navigation__submenu-container {
  background-color: #EEF7FB !important;
}
.select-country-desktop-menu .wp-block-navigation__submenu-container a {
  color: #000 !important;
}
.select-country-desktop-menu .wp-block-navigation__submenu-container a:hover {
  text-decoration: underline !important;
  background-color: #D9EEF7 !important;
}

.select-country-mobile-menu {
  border-radius: 5px;
}

.select-country-front-hero {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: 5px;
}
.select-country-front-hero .wp-block-navigation__submenu-container {
  background-color: #EEF7FB !important;
}
.select-country-front-hero .wp-block-navigation__submenu-container a {
  color: #000 !important;
}
.select-country-front-hero .wp-block-navigation__submenu-container a:hover {
  text-decoration: underline !important;
  background-color: #D9EEF7 !important;
}
.select-country-front-hero .wp-block-navigation__submenu-container button {
  border-radius: 5px !important;
}

@media (max-width: 768px) {
  .select-country-front-hero {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-radius: 5px;
  }
  .select-country-front-hero .wp-block-navigation__submenu-container {
    background-color: #EEF7FB !important;
  }
  .select-country-front-hero .wp-block-navigation__submenu-container a {
    color: #000 !important;
  }
  .select-country-front-hero .wp-block-navigation__submenu-container a:hover {
    text-decoration: underline !important;
    background-color: #D9EEF7 !important;
  }
  .select-country-front-hero .wp-block-navigation__submenu-container button {
    border-radius: 5px !important;
  }
}
.no-section-padding {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.icon-app h4,
.icon-app-2 h4,
.icon-card h4,
.icon-qr h4,
.icon-rfid h4 {
  font-size: 1.5rem;
}

.icon-app h4::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/ollie-child/assets/images/icon-app.svg");
  margin-top: 5px;
}

.icon-card h4::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/ollie-child/assets/images/icon-card-3.svg");
  margin-top: 5px;
}

.icon-rfid h4::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/ollie-child/assets/images/icon-rfid.svg");
  margin-top: 5px;
}

.icon-qr h4::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/ollie-child/assets/images/icon-qr.svg");
  margin-top: 5px;
}

.icon-app-2 h4::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/ollie-child/assets/images/icon-app-2.svg");
  margin-top: 5px;
}

.wp-block-aab-accordion-block {
  border-radius: 0px;
  box-shadow: none !important;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: none !important;
}

.post-ingress {
  font-size: 1.5rem !important;
  font-weight: 600;
}

@media (max-width: 768px) {
  .post-ingress {
    font-size: 1.1rem !important;
  }
}
.ingress-post-page {
  font-size: 1.4rem !important;
  font-weight: 600;
}
.ingress-post-page::after {
  content: "→";
  display: block;
  margin-top: 0.5rem;
  font-size: 1.3em;
  font-weight: 500;
  transition: transform 0.3s ease;
}

@media (max-width: 768px) {
  .ingress-post-page {
    font-size: 1.1rem !important;
    font-weight: 600;
  }
  .ingress-post-page::after {
    content: "→";
    display: block;
    margin-top: 0.5rem;
    font-size: 1.1em;
    font-weight: 500;
    transition: transform 0.3s ease;
  }
}
.news-front .wp-block-post-title {
  margin-top: 1rem !important;
}
.news-front .wp-block-post-title a {
  text-decoration: none;
  transition: text-decoration-color 0.3s;
  display: block;
}
.news-front .wp-block-post-title a::after {
  content: "→";
  display: block;
  margin-top: 0.5rem;
  font-size: 1.1em;
  font-weight: 500;
  transition: transform 0.3s ease;
}
.news-front .wp-block-post-title a:hover::after {
  transform: translateX(10px);
}

.wp-block-post-featured-image a {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.wp-block-post-featured-image a img {
  display: block;
}

.wp-block-post-featured-image a {
  position: relative;
  display: block;
  overflow: hidden;
}

/* dim overlay */
.wp-block-post-featured-image a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
  z-index: 1;
}

/* swoosh */
.wp-block-post-featured-image a::after {
  content: "";
  position: absolute;
  left: -100%;
  bottom: 0;
  width: 200%;
  height: 20px;
  background: linear-gradient(90deg, transparent, rgba(255, 200, 54, 0.9), transparent);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

/* hover trigger */
.wp-block-post-featured-image a:hover::before {
  opacity: 1;
}

.wp-block-post-featured-image a:hover::after {
  animation: swoosh 1.3s ease-out forwards;
}

@keyframes swoosh {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  80% {
    transform: translateX(50%);
    opacity: 1;
  }
  100% {
    transform: translateX(50%);
    opacity: 0;
  }
}
.search-filter-input-button {
  background-color: white;
  color: #002858;
  border: none;
  font-weight: 600 !important;
}
.search-filter-input-button:hover {
  background: #A6BCD6 !important;
  color: #002858 !important;
  font-weight: 600 !important;
}

.search-filter-input-button--is-selected {
  background: #A6BCD6;
  color: #002858;
  font-weight: 600;
  border: none;
}
.search-filter-input-button--is-selected:hover {
  background: #A6BCD6;
  color: #002858;
}

.footer-links a {
  text-decoration: none;
}
.footer-links a:hover {
  -webkit-text-decoration: underline #FFC836 !important;
          text-decoration: underline #FFC836 !important;
  color: white !important;
}

.footer-links-special a {
  border-bottom: 1px solid #FFC836 !important;
  text-decoration: none !important;
}
.footer-links-special a:hover {
  border-bottom: 1px solid transparent !important;
  color: white !important;
}

.menu-links {
  text-decoration: none !important;
  border-bottom: none !important;
}
.menu-links:hover {
  text-decoration: underline !important;
}

strong,
b {
  font-weight: 700; /* Endre til ønsket vekting */
}

.globe a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/wp-content/themes/ollie-child/assets/images/globe-white.svg") no-repeat center;
  background-size: contain;
  margin-right: 10px;
  vertical-align: middle;
}

.wp-element-button, .wp-block-button__link {
  border-radius: 4px; /* eller den verdien du bruker normalt */
  transition: transform 0.2s ease, border-radius 0.2s ease;
}

.subscription-blub {
  border: 1px solid;
  border-radius: 50px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.counter-wrap {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.button-arrow-right {
  position: relative;
  display: block;
  width: 100%;
}

.button-arrow-right::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 22px;
  height: 18px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'><line x1='3' y1='12' x2='19' y2='12'/><polyline points='12 5 19 12 12 19'/></svg>");
}

.has-modal-open {
  padding-top: 2rem !important;
}

/* Venstrestiller Gutenberg-knapper på mobil */
@media (max-width: 768px) {
  .wp-block-buttons.is-content-justification-right {
    justify-content: flex-start !important; /* venstrestiller knappene */
  }
  .wp-block-buttons.is-content-justification-right .wp-block-button {
    text-align: left !important; /* venstrestiller tekst i knappen */
  }
}
.phone-module .country-wrapper {
  color: white;
  max-width: 600px;
}
.phone-module .select-wrapper {
  background: #eaeaea;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 30px;
}
.phone-module select {
  width: 100%;
  border: none;
  background: transparent;
  font-size: 18px;
  outline: none;
}
.phone-module .card {
  background: #f1f1f1;
  border-radius: 10px;
  padding: 25px;
  color: #0b0f2f;
}
.phone-module .label {
  font-weight: 600;
  letter-spacing: 1px;
}
.phone-module .phone {
  font-size: 40px;
  color: #FF7500 !important;
  margin: 20px 0;
  text-decoration: none !important;
}
@media (max-width: 768px) {
  .phone-module .phone {
    font-size: 1.5rem;
    color: #FF7500 !important;
    margin: 20px 0;
    text-decoration: none !important;
  }
}
.phone-module .desc {
  font-size: 18px;
}

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