@charset "UTF-8";
/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*Finansiering produkt side*/
.pm-finansiering-single-pris {
    margin: 0 0 20px 0;
    line-height: 1.25;
    font-size: 24px;
    color: #303030;
    display: flex;
    gap: 24px;
}

.pm-finansiering-single-linje {
    margin-bottom: 10px;
}

.pm-finansiering-single-pris strong {
    display: block;
    font-weight: 700;
}

.pm-finansiering-single-pris span {
    font-weight: 400;
}

.pm-finansiering-single-pris small {
    font-size: 0.45em;
    color: #333;
    font-weight: 400;
}

.pm-finansiering-single-pris .woocommerce-Price-amount {
    font-weight: 400;
}


/*Finansiering kategori side*/
.woocommerce ul.products li.product.product_cat-finansieringsordning-pegasus-elscooter .price {
    display: none !important;
}

.pm-finansiering-loop-pris {
    margin-top: 14px;
    text-align: center;
    line-height: 1.25;
    font-size: 22px;
    color: #303030;
    display: flex;
    justify-content: space-around;
}

.pm-finansiering-loop-pris strong {
    font-weight: 700;
}

.pm-finansiering-loop-pris .woocommerce-Price-amount {
    font-weight: 400;
}

/*Produktvideo YT videoer*/
.produkt-video{
	position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Dette opretholder 16:9 ratio (højde er 56.25% af bredden) */
    height: 0;
}

.produkt-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*Fikser menubredden på mindre skærme, ikke mobil.*/
/*Men der opstår for nuværende en fejl med enkelte megamenu bredder, som skal rettes.*/
@media screen and (min-width: 921px) and (max-width: 1280px) {
  .ast-builder-menu-1 .menu-item > .menu-link {
    font-size: clamp(13px, 1.3vw, 16px) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
/*Fixes menu width error*/
@media screen and (min-width: 1100px) {
  .menu-item-192305 .astra-megamenu {
    max-width: 950px !important;
  }

  .menu-item-192321 .astra-megamenu, .menu-item-192326 .astra-megamenu {
    max-width: 950px !important;
    right: -85% !important;
    left: unset !important;
  }

  .menu-item-192320 .astra-megamenu {
    max-width: 950px !important;
    right: 0 !important;
    left: unset !important;
  }
}
/*Makes mega menu titles not change color on hover*/
.astra-megamenu .menu-item-has-children {
  background-color: transparent !important;
  color: #333333 !important;
}
.astra-megamenu .menu-item-has-children:first-child:hover {
  background-color: transparent !important;
  color: #333333 !important;
}

.ast-header-woo-cart {
  flex-direction: column-reverse;
}
.ast-header-woo-cart p {
  line-height: 1.8;
}

.astra-megamenu {
  border-radius: 8px;
  box-shadow: #00000094 0 80px 120px !important;
  /*Makes scale effect on hover act right om full images*/
}
.astra-megamenu .mega-menu-container {
  padding: 0 !important;
}
.astra-megamenu .mega-menu-container .uagb-container-inner-blocks-wrap {
  gap: 20px;
}
.astra-megamenu .mega-menu-container .wp-block-uagb-container {
  flex-direction: column !important;
  gap: 0 !important;
}
.astra-megamenu .mega-menu-container .wp-block-uagb-container:hover {
  cursor: pointer;
}
.astra-megamenu .mega-menu-container .wp-block-uagb-container:hover .mega-menu-prod-img img {
  transform: scale(1);
  border-radius: 8px 8px 0 0;
}
.astra-megamenu .mega-menu-container .wp-block-uagb-container:hover .mega-menu-prod-text {
  background: #00704B;
}
.astra-megamenu .mega-menu-prod-img {
  background-color: #FFFFFF;
  border-radius: 8px 8px 0 0;
}
.astra-megamenu .mega-menu-prod-img img {
  transform: scale(0.95);
  transition: 0.2s;
}
.astra-megamenu .full-width-img .mega-menu-prod-img figure {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.astra-megamenu .full-width-img .mega-menu-prod-img figure img {
  transform: scale(1);
}
.astra-megamenu .full-width-img .mega-menu-prod-img figure img:hover {
  transform: scale(1.05) !important;
}
.astra-megamenu .mega-menu-prod-text {
  color: white;
  background: #299256;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 0 0 8px 8px;
}
.astra-megamenu .menu-contact-wrapper {
  background: #D9EBE0;
  padding: 25px;
  border-radius: 8px;
  cursor: default !important;
}
.astra-megamenu .menu-contact-wrapper .menu-contact-title {
  font-size: 18px;
  font-weight: bold;
  color: #303030;
  text-transform: none;
}
.astra-megamenu .menu-contact-wrapper .menu-contact-img {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.astra-megamenu .menu-contact-wrapper .menu-contact-img img {
  height: 50px;
  width: 50px;
}
.astra-megamenu .menu-contact-wrapper .menu-contact-img p {
  font-size: 12px;
  margin-bottom: 0.5em;
  text-transform: none;
  font-style: italic;
  color: #303030;
}
.astra-megamenu .menu-contact-wrapper .contact-info a {
  display: flex;
  gap: 8px;
  font-size: 18px;
  margin-top: 20px;
  color: #299256;
  font-weight: bold;
  transition: 0.2s;
}
.astra-megamenu .menu-contact-wrapper .contact-info a .contact-icon #Icon_ion-ios-telephone {
  fill: #299256;
}
.astra-megamenu .menu-contact-wrapper .contact-info a:hover {
  color: #00704B;
}
.astra-megamenu .menu-contact-wrapper .contact-info a:hover .contact-icon #Icon_ion-ios-telephone {
  fill: #00704B;
}

/*Controls product category shortcode element*/
.product-category h2 {
  position: unset !important;
  background-color: transparent !important;
  font-size: 0.8em !important;
}
.product-category img {
  width: 100% !important;
  height: auto !important;
  transition: ease 0.2s;
}
.product-category:hover img {
  transform: scale(1.05);
  transition: ease 0.2s;
}

/*Controls pop-up "tilbud" element.*/
.popup-bottom-wrapper {
  width: 100% !important;
  max-width: 420px !important;
  left: unset !important;
  box-shadow: #0000001c 0 -20px 17px;
  border-radius: 8px 8px 0 0;
}
.popup-bottom-wrapper .alignfull {
  padding: 25px !important;
  margin: 0 !important;
}
.popup-bottom-wrapper .uagb-popup-builder__close {
  padding: 12px !important;
}

/*Makes sure, that pop-up does not show on "tilbud" page.*/
.page-id-194161 .popup-bottom-wrapper {
  display: none !important;
}

/*Controls shake animation for attention*/
@keyframes vertical-shaking {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(2px);
  }
  50% {
    transform: translateY(-2px);
  }
  75% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
  }
}
.vertical-shake {
  animation: none;
}

.vertical-shake.shake {
  animation: vertical-shaking 0.35s ease-in-out;
}

.pop-up-img-wrapper {
  width: 100% !important;
}

@media screen and (min-width: 767px) {
  .popup-bottom-wrapper {
    right: 100px !important;
    box-shadow: #00000063 0 0 35px !important;
  }
  .popup-bottom-wrapper .alignfull {
    padding: 45px !important;
  }
}
a {
  transition: 0.15s !important;
}

body {
  line-height: 1.3 !important;
}

.hero .uagb-is-root-container {
  padding: 0 !important;
}

.site-header, .ast-sticky-active {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
}

.site-header {
  z-index: 9999;
}

/*Fixes padding error where .alignfull creates extra padding on child-container elements*/
.uagb-container-inner-blocks-wrap .alignfull {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.uagb-block-de4a8ac0 {
  padding-top: 150px !important;
}

/*Controls menu*/
#ast-dekstop-header {
  box-shadow: #00000014 0 65px 50px !important;
}

#block-257, #block-262 {
  margin-bottom: 0 !important;
}
#block-257 p, #block-262 p {
  margin-bottom: 0 !important;
  font-weight: bold;
  font-family: "Ubuntu", sans-serif !important;
}

#ast-fixed-header .main-header-bar {
  box-shadow: #000000 0 25px 60px;
}

/*Controls menu search*/
.ast-header-search {
  box-shadow: rgba(0, 0, 0, 0.16) 0 3px 25px;
  border-radius: 8px !important;
}
.ast-header-search .normal-search {
  background-color: #299256 !important;
}

.ast-header-search .ast-search-menu-icon .search-field {
  border-radius: 8px !important;
}
.ast-header-search .ast-search-menu-icon .search-form {
  border-radius: 8px !important;
}
.ast-header-search .ast-search-menu-icon .search-submit {
  border-radius: 0 8px 8px 0 !important;
  padding: 6px 11px !important;
}

.uagb-block-a0f97713.wp-block-uagb-image .wp-block-uagb-image__figure img, .uagb-block-5a6b8f0b.wp-block-uagb-image .wp-block-uagb-image__figure img {
  width: 40px !important;
  height: 40px !important;
}

#block-315 p, #block-329 p {
  margin: 0 !important;
}

/*Controls contact info upper menu.*/
#block-309 {
  font-size: 15px !important;
}

/*Controls sub-menu width*/
.ast-above-header-bar .sub-menu {
  /*max-width: 250px;*/
}
.ast-above-header-bar .sub-menu .menu-item {
  padding: 8px !important;
}
.ast-above-header-bar .sub-menu .menu-item a {
  font-size: 15px !important;
}

.ast-sticky-active {
  margin: 0 !important;
}

.max-width-600px {
  max-width: 600px;
}

/*Controls font-page slider*/
.pm-fp-slider {
  /*Controls h-tags.*/
}
.pm-fp-slider h2, .pm-fp-slider h3 {
  color: #ffffff !important;
  text-transform: uppercase;
}
.pm-fp-slider h2 {
  font-size: 7vw;
  line-height: normal;
  margin-bottom: 8px;
}
.pm-fp-slider .pm-subtitle {
  font-size: 11vw !important;
}

.slider-dual-buttons .uagb-buttons__wrap {
  flex-direction: column !important;
  align-items: start !important;
}
.slider-dual-buttons a {
  padding: 20px 30px !important;
}

/*Controls pegasus kategorier forside element*/
.pegasus-kategorier {
  background: #F4F6F4;
  padding: 15px 12px !important;
  border-radius: 8px;
  border: 1px #00704B solid !important;
}
.pegasus-kategorier .product-category {
  margin-bottom: 0 !important;
}
.pegasus-kategorier .product-category img {
  margin-bottom: 0 !important;
}
.pegasus-kategorier .products {
  margin-bottom: 0 !important;
  row-gap: 20px;
}

.woocommerce-js ul.products li.product .woocommerce-loop-category__title {
  bottom: 0 !important;
}

/*Makes slides full-width*/
.uagb-slides {
  max-width: 100% !important;
}

.floating-box .uagb-container-inner-blocks-wrap {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.08);
  padding: 60px 40px;
  border-radius: 8px;
  background: #ffffff;
}
.floating-box .uagb-container-inner-blocks-wrap .wp-block-uagb-container {
  padding-right: 0 !important;
  max-width: 100%;
}

/*Controls video section*/
.video-inner {
  position: relative;
}
.video-inner svg {
  position: absolute !important;
  transform: scale(0.6);
}

.uagb-block-b9247392.uagb-buttons__outer-wrap .uagb-buttons__wrap {
  justify-content: left !important;
}

/*Sets max-width on modal popup*/
.uagb-modal-popup-wrap {
  max-width: 500px !important;
}

/*Controls modal popup*/
.pop-up-inner-wrapper {
  height: 100px;
}
.pop-up-inner-wrapper .pop-up-left {
  width: 100%;
}
.pop-up-inner-wrapper .pop-up-img {
  height: 100%;
  width: 50%;
}

.bliv-ringet-op-inner-wrapper {
  margin-top: 16px;
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.bliv-ringet-op-inner-wrapper .wpcf7-text, .bliv-ringet-op-inner-wrapper .wpcf7-tel {
  border-radius: 8px;
}
.bliv-ringet-op-inner-wrapper .wpcf7-list-item {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 1.5;
}
.bliv-ringet-op-inner-wrapper .wpcf7-submit {
  padding: 15px 25px;
  font-weight: 600;
  border: none;
  border-radius: 16px;
  font-size: 14px;
}

.portrait-img img {
  width: 100% !important;
  height: 100% !important;
  max-width: 350px !important;
  max-height: 390px !important;
}

.site-above-footer-wrap {
  padding-top: 60px;
  border-top: 20px solid #00704B;
}

/*Controls testimonial img section.*/
.testimonial-img-section .wp-block-uagb-image {
  width: 30% !important;
}
.testimonial-img-section .wp-block-quote {
  padding: 0;
  margin: 0;
  border: none !important;
  font-size: 14px;
  line-height: 1.4;
}
.testimonial-img-section .wp-block-quote p {
  color: #303030 !important;
}

.leje-pristabel table {
  width: auto !important;
}
.leje-pristabel table td {
  vertical-align: top;
}

.faq-element {
  max-width: 730px;
}
.faq-element .wp-block-uagb-faq-child:nth-child(2) {
  border-radius: 16px 16px 0 0 !important;
}
.faq-element .wp-block-uagb-faq-child:last-child {
  border-radius: 0 0 16px 16px !important;
}

.call-form-button-wrapper {
  margin-bottom: 0 !important;
}

/*Fixes theme error with margin on bullet list items. The margin pushes items out of viewbox, padding contains inside viewbox.*/
.wp-block-list {
  margin: 0 !important;
  padding-left: 24px;
}

/*Controls "Afslut video" button in video pop-up*/
.close-video-popup {
  cursor: pointer;
  padding: 20px 30px;
  font-weight: 600;
  border-radius: 16px;
  border-style: none;
  background-color: #299256;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1em;
  color: #ffffff;
  margin-top: 24px;
  width: 100%;
  max-width: 250px;
  text-align: center;
  transition: 0.2s ease;
}
.close-video-popup:hover {
  background-color: #01583b;
  transition: 0.2s ease;
}

.number-wrapper {
  background: #00704B;
  margin-bottom: 0 !important;
  max-width: fit-content;
}

.number-wrapper-left {
  border-radius: 0 20px 20px 0;
  padding: 5px 14px 5px 35px;
}

.number-wrapper-right {
  border-radius: 20px 0 0 20px;
  padding: 5px 35px 5px 14px;
}

/*Styles table*/
.eksempel-tabel {
  width: 100%;
}
.eksempel-tabel td {
  padding: 6px 0 6px 0;
  color: white;
  border: none;
}
.eksempel-tabel td.has-text-align-right {
  font-weight: bold;
}

/*Makes tables round borders, on selected tables.*/
.table-border .uagb-container-inner-blocks-wrap {
  border-radius: 8px;
}

/*Controls table on "vinter batterier" page*/
.pm_custom_table {
  border-color: transparent !important;
}
.pm_custom_table thead {
  background-color: #00704B !important;
}
.pm_custom_table thead th {
  background: transparent !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  padding: 12px 20px;
}
.pm_custom_table tbody {
  background-color: #299256 !important;
  color: #ffffff;
}
.pm_custom_table tbody .column-3 {
  color: #EFF715 !important;
  font-weight: bold;
}
.pm_custom_table td {
  border: none;
  color: #ffffff;
  padding: 12px 20px;
}

/*Hides basket on product cards*/
.ast-on-card-button {
  display: none !important;
}

@media (max-width: 400px) {
  .ast-container .woocommerce ul.products:not(.elementor-grid) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (max-width: 544px) {
  /*Theme automatically sets mobile font to size 11px. Way too small. This code changes this to font-size 16px.*/
  body {
    font-size: inherit;
  }

  .ast-footer-copyright img {
    max-width: 65px;
    height: 100%;
  }
  .ast-footer-copyright .ast-footer-copyright p {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 650px) {
  /*By default there were no padding / space on content on smaller screens. Therefore I've set padding on sides to 35 px.*/
  .alignfull {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .swiper-button-prev {
    top: unset !important;
    bottom: 2%;
    left: 2% !important;
  }

  .swiper-button-next {
    top: unset !important;
    bottom: 2%;
    right: 2% !important;
  }

  /*Fixes theme error that places buttons side by side instead of stacking.*/
  .dual-buttons .uagb-buttons__wrap {
    flex-direction: column !important;
  }
  .dual-buttons a {
    padding: 20px 30px !important;
  }

  /*Forces text-align center on mobile resolution*/
  .text-center {
    text-align: center !important;
  }
}
@media (max-width: 967px) {
  /*overflow-scroll on tables overflowing layout*/
  .overflow-scroll {
    overflow: scroll !important;
  }
  .overflow-scroll .uagb-container-inner-blocks-wrap {
    overflow: scroll !important;
  }
}
@media (max-width: 1350px) {
  .et-db #et-boc .et-l .et_pb_menu--style-left_aligned.et_pb_text_align_justified .et_pb_menu__menu > nav > ul {
    justify-content: flex-start !important;
  }

  /*Controls close button on modal pop-up elements*/
  .uagb-modal-popup-close {
    top: 0 !important;
    right: 0 !important;
    background-color: #299256 !important;
  }

  .wpcf7 input:not([type=submit]) {
    padding: 1.2em !important;
    font-size: 13px !important;
  }
}
@media (min-width: 651px) {
  /*Sets padding on sides to 90 px.*/
  .alignfull {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .pegasus-kategorier {
    padding: 60px 40px !important;
  }

  .testimonial-img-section {
    text-align: left !important;
  }
}
@media (max-width: 450px) {
  .woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .woocommerce-loop-category__title {
    bottom: -1em !important;
  }
}
@media (max-width: 750px) {
  .woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .woocommerce-loop-category__title {
    bottom: 0 !important;
    font-size: 0.8em !important;
  }

  .woocommerce-js ul.products li.product .woocommerce-loop-category__title .product-category product, .woocommerce-page ul.products li.product .woocommerce-loop-category__title .product-category product {
    padding-top: 35px !important;
  }
}
@media only screen and (max-width: 767px) {
  /*Controls slider padding error.*/
  .swiper-content {
    padding: 0 !important;
  }
}
@media (min-width: 767px) {
  /*Controls text on front-page slider*/
  .pm-fp-slider h2 {
    font-size: 40px !important;
  }
  .pm-fp-slider .pm-subtitle {
    font-size: 60px !important;
  }

  .slider-dual-buttons .uagb-buttons__wrap {
    flex-direction: row !important;
  }

  .flip {
    flex-direction: row-reverse !important;
    column-gap: 5.5% !important;
  }
  .flip .uagb-container-inner-blocks-wrap {
    flex-direction: row-reverse !important;
    column-gap: 5.5% !important;
  }

  .seo-text-wrapper h2 {
    width: 50%;
  }

  /*Controls floating box element*/
  .floating-box .uagb-container-inner-blocks-wrap {
    padding: 90px 80px;
  }
  .floating-box .floating-box-inner {
    flex-direction: row-reverse !important;
    gap: 50px !important;
  }

  /*Controls grid in video section for mobile first setup*/
  .video-section .uagb-block-8f166fe6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 10px;
  }
  .video-section .uagb-block-8f166fe6 .wp-block-uagb-advanced-heading {
    grid-column: 1;
  }
  .video-section .uagb-block-8f166fe6 .video-inner {
    grid-column: 2;
    grid-row: 1/span 3;
  }
  .video-section .uagb-block-8f166fe6 p {
    grid-column: 1;
  }
}
@media (min-width: 921px) {
  /*Flytter recaptcha badge.*/
  .grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 37px !important;
    right: auto !important;
    z-index: 99999999;
    bottom: 130px !important;
    box-shadow: #00000017 0px 0px 10px 0px !important;
  }

  .grecaptcha-badge:hover {
    width: 256px !important;
  }

  /*Controls logo schrink when scrolling in menu*/
  .ast-sticky-shrunk {
    /*Shrinks "kunderservice" and "kurv" section in menu*/
  }
  .ast-sticky-shrunk .custom-logo-link img {
    max-width: 120px !important;
  }
  .ast-sticky-shrunk .site-header-primary-section-right .header-widget-area, .ast-sticky-shrunk .ast-header-woo-cart {
    transform: scale(0.8);
    transition: 0.2s ease;
  }

  /*Makes "kunderservice" and "kurv" section in menu shrink transition easy back*/
  .site-header-primary-section-right .header-widget-area, .ast-header-woo-cart {
    transition: 0.2s ease;
  }

  /*Controls video section*/
  .video-inner svg {
    transform: scale(0.8);
    transition: 0.2s;
    cursor: pointer;
  }
  .video-inner svg:hover {
    transform: scale(0.9);
  }
}
@media (min-width: 1024px) {
  .uagb-modal-popup-wrap {
    max-width: 900px !important;
  }

  .pop-up-inner-wrapper {
    height: 700px;
  }
  .pop-up-inner-wrapper .pop-up-left {
    width: 60%;
  }
  .pop-up-inner-wrapper .pop-up-img {
    height: 100%;
  }
}
/*# sourceMappingURL=style.css.map */

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