/**
Theme Name: Deko Design Systems
Author: Michael Noe
Author URI: https://michaelnoe.dk
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.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deko-design-systems
Template: astra
*/

:root {
  --deko-gradient-primary: linear-gradient(0deg, #269da6 0%, #007099 100%);
}

.reset_variations {
  /*visibility: hidden !important;*/
  display: none !important;
}

#wpcf7-f5513-p5507-o1 .wpcf7-form label,
#wpcf7-f5509-p5501-o1 .wpcf7-form label,
#wpcf7-f5512-p5505-o1 .wpcf7-form label,
#wpcf7-f5511-p5503-o1 .wpcf7-form label,
#wpcf7-f501-p500-o1 .wpcf7-form label,
#wpcf7-f2607-p2787-o1 .wpcf7-form label,
#wpcf7-f2606-p2624-o1 .wpcf7-form label,
#wpcf7-f2608-p2655-o1 .wpcf7-form label,
#wpcf7-f12939-p17813-o1 .wpcf7-form label {
  color: #000;
}

/* Fremhævet knap i navigationen */
li.nav-qoute a {
  background: var(--deko-gradient-primary) !important;
  color: #fff !important;
  height: 36px !important;
  border-radius: 100vh;
}
@media (max-width: 500px) {
  li.nav-qoute a {
    background: var(--deko-gradient-primary) !important;
    color: #fff !important;
    border-radius: 0 !important;
    height: 43.78px !important;
  }
}

.wp-block-quote {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
}

.ast-menu-cart-outline .ast-cart-menu-wrap .count,
.ast-menu-cart-outline .ast-addon-cart-wrap {
  border-style: none;
}

/* Hide WooCommerce cart header for German (Switzerland) language variants */
html[lang="de-CH"] .ast-header-woo-cart,
body.translatepress-de_CH .ast-header-woo-cart,
body.wpml-ls-current-language-ch .ast-header-woo-cart {
  display: none !important;
}

.tg-txt-slash .tg-nav-font,
.tg-txt-slash input[type="text"].tg-search {
  font-size: 17px;
}

body .deko-products .is-layout-grid > * {
  background: #fff;
}

.ast-single-post .entry-content .deko-products a {
  text-decoration: none;
}

.ast-single-post .entry-content .deko-faq a {
  text-decoration: none;
  color: #000;
  font-weight: 600;
}

.wp-block-yoast-faq-block .schema-faq-section {
  margin-bottom: 7px;
  background-color: #fdfeff;
}

.wp-block-yoast-faq-block p.schema-faq-answer {
  font-size: 14px;
}

.wp-block-yoast-faq-block .schema-faq-question.faq-q-open {
  border-bottom: none;
}

.main-header-menu .sub-menu {
  width: auto;
}

/*.wpml-ls-menu-item .wpml-ls-flag+span:not(.sub-menu) {
    display: none;
}*/

/* Center the category list */
.category-list {
  text-align: center; /* Center text */
  clear: both; /* Clear floats */
  margin: 20px 0;
}

.tg-nav-font a {
  text-decoration: none;
  color: #333;
}

.stories-page-wrapper {
  justify-content: center; /* Horizontal center */
  width: 100%;
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
  width: 100%;
  top: 45px;
  position: relative;
}

.single-story
  #primary
  .wp-block-gallery.has-nested-images.is-cropped
  figure.wp-block-image:not(#individual-image)
  img {
  flex: none !important;
  /*height: 300px !important;*/
  object-fit: cover !important;
  width: 100% !important;
}

figure.wp-block-gallery.has-nested-images {
  margin: 48px 0;
}

@media only screen and (max-width: 720px) {
  .single-story
    #primary
    .wp-block-gallery.has-nested-images.is-cropped
    figure.wp-block-image:not(#individual-image)
    img {
    height: 185px !important;
  }
}

.wp-block-gallery.wp-block-gallery-1 {
  gap: 12px !important;
}

.deko-fact-box {
  background: #006e99;
  color: #fff;
  align-self: normal;
  margin: 48px 0 !important;
}

.deko-fact-box h3 {
  color: #fff;
}

@media only screen and (max-width: 544px) {
  .ast-hfb-header .site-footer {
    background: #fff;
  }
}

.ast-blog-layout-4-grid .ast-article-inner {
  box-shadow: none;
}

.ast-blog-layout-4-grid .ast-article-post {
  margin-bottom: 0;
}

button.pswp__button {
  background-image: none !important;
}

.wp-block-pullquote {
  padding: 0 0 24px 0;
}

blockquote {
  border-left: none;
}

.wp-block-pullquote cite {
  font-size: 20px;
  font-style: normal;
}

.tolb-title {
  display: none !important;
}

#grid-112 .tg-item-overlay {
  background-color: rgb(255 255 255 / 12%) !important;
}

.site-logo-img img {
  width: 110px;
}

.reCAPTCHA-privacy-wrapper {
  font-size: 12px; /* Set font size */
  margin-top: 40px; /* Adds space above */
}

.category-courses .uagb-icon-list__source-wrap svg,
.spcifiers-pack .uagb-icon-list__source-wrap svg {
  width: 30px !important;
  height: 30px !important;
  fill: #fff !important;
  padding: 5px !important;
}

.category-courses .uagb-icon-list__source-wrap {
  width: 30px !important;
  height: 30px !important;
  background: #006e99 !important;
  border-radius: 50% !important;
  color: #fff !important;
}

.category-courses .uagb-icon-list__label {
  padding-left: 20px !important;
}

.category-courses .wp-block-uagb-icon-list-child {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0.5rem !important;
}

.category-courses .uagb-icon-list__wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.partner-form .wpcf7-form label,
#partner-form-anchor .wpcf7-form label,
#partner-course-booking-form .wpcf7-form label {
  color: #fff;
}

.wpcf7-acceptance .wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 0 !important;
}

.specifier-hero-box {
  background-image:
    url("https://dekodesignsystems.com/wp-content/uploads/2026/03/Pigment-left.png"),
    url("https://dekodesignsystems.com/wp-content/uploads/2026/03/pigment-right.png");
  background-repeat: no-repeat, no-repeat;
  background-position:
    left bottom,
    right bottom;
  background-size:
    500px auto,
    600px auto;
}
/* Baggrund på herro partner side DK*/
.installer-box {
  background-image: url(https://dekodesignsystems.com/wp-content/uploads/2026/05/partner-top.jpg);
  background-repeat: no-repeat, no-repeat;
  background-size: cover;
}
@media (max-width: 781px) {
  .installer-box div {
    margin-left: var(--mdc-layout-grid-margin-phone);
    margin-right: var(--mdc-layout-grid-margin-phone);
  }
}

@media (max-width: 1700px) {
  .specifier-hero-box {
    background-size:
      411px auto,
      355px auto;
  }
}

@media (max-width: 500px) {
  .specifier-hero-box {
    background-size:
      239px auto,
      288px auto;
  }
}

/* align btn i blue Card on forntpage */
.cta_box_frontpage > div {
  flex-direction: row-reverse;
  display: flex;
}
/* aling center columns */
.columns-center{
	justify-content: center;
}
@media (max-width: 781px) {
	.columns-content-center :is(h2, h3, h4, h5, p) {
		text-align: center;
		}
}
/* Brun baggrund */
.brown-bg {
    background-color: #6f5a50;
}

/* Knapper på blå og brun baggrund */
.wp-block-columns.has-ast-global-color-0-background-color .wp-block-button__link,
.brown-bg .wp-block-button__link {
    background-color: var(--ast-global-color-5);
    color: var(--ast-global-color-0);
    border-color: var(--ast-global-color-5);
}

/* Hover på blå baggrund */
.wp-block-columns.has-ast-global-color-0-background-color .wp-block-button__link:hover {
    background-color: color-mix(
        in srgb,
        var(--ast-global-color-0) 24%,
        white
    );
    color: var(--ast-global-color-0);
    border-color: var(--ast-global-color-5);
}

/* Hover på brun baggrund */
.brown-bg .wp-block-button__link:hover {
    background-color: color-mix(
        in srgb,
        #6f5a50 24%,
        white
    );
    color: #6f5a50;
    border-color: var(--ast-global-color-5);
}
/* Tekst på brun baggrund */
.brown-bg h3,
.brown-bg p {
    color: var(--ast-global-color-5);
}

/* Spectra/UAGB-ikoner på brun baggrund */
.brown-bg .uagb-icon-wrapper svg,
.brown-bg .uagb-icon-wrapper svg path {
    fill: var(--ast-global-color-5);
}

/* align btn i blue Card on forntpage */
.cta_box_frontpage > div {
  flex-direction: row-reverse;
  display: flex;
}
/* aling center columns */
.columns-center{
	justify-content: center;
}

/* Landingpage trustbar */
.trust-bar{
	margin-top: -4vh;
	padding-top 0;
	z-index:1;
	position: relative;
}
/* Landingpage h1 hero */
.landingpage-hero-h1 {
    text-transform: none;
    font-size: 3.4rem !important;
	line-height:110%;
}
@media (max-width: 544px) {
	.landingpage-hero-h1 {
		font-size: 2.2rem !important;
	}
}
/* Landingpage corses column ajustments */
/*.b2b-course-grid .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 767px) {
    .b2b-course-grid .woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }
}*/

/* Dynamisk kursusgrid med 2–4 kurser */
@media (min-width: 922px) {
    /* Præcis 2 kurser */
    .b2b-course-grid .woocommerce ul.products:has(> li:nth-child(2):last-child) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    /* Præcis 3 kurser */
    .b2b-course-grid .woocommerce ul.products:has(> li:nth-child(3):last-child) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    /* Præcis 4 kurser */
    .b2b-course-grid .woocommerce ul.products:has(> li:nth-child(4):last-child) {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* Landingpage quote mobil */
@media (max-width: 781px){
	.wp-block-pullquote p{
		font-size:0.7em;
	}
	.wp-block-pullquote cite{
		font-size:0.5em
	}
	}
}

/* Landignpage B2B HERO – kun mobil */
@media (max-width: 781px) {
    .b2b-hero {
        flex-direction: column-reverse !important;
        gap: 0 !important;
    }

    .b2b-hero > .wp-block-column {
        width: 100% !important;
    }

    .b2b-hero .wp-block-post-featured-image {
        margin: 0 !important;
    }

    .b2b-hero .wp-block-post-featured-image img {
        display: block;
        width: 100%;
        height: 220px;
        object-fit: cover;
        object-position: center;
    }
}


/* TRUST BAR – fælles opsætning */

/* Ekstra wrapper, som findes på B2C */
.trust-bar > .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin-right: auto;
    margin-left: auto;
}

/* Indre Columns-blok – understøtter B2B og B2C */
.trust-bar > .wp-block-columns,
.trust-bar > .wp-block-column > .wp-block-columns {
    width: 100% !important;
    max-width: 1200px !important;
}

/* De enkelte bokse */
.trust-bar > .wp-block-columns > .wp-block-column,
.trust-bar > .wp-block-column > .wp-block-columns > .wp-block-column {
    flex: 1 1 0 !important;
    min-width: 0;
    padding-right: 32px !important;
    padding-left: 32px !important;
    box-sizing: border-box;
}
/* H3 overskrift med orddeling */
.trust-bar h3 {
    hyphens: auto;
    overflow-wrap: normal;
}


/* TRUST BAR – mobil */
@media (max-width: 781px) {
    .trust-bar {
        width: 100% !important;
        max-width: none !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .trust-bar > .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: none !important;
    }

    /* Indre Columns-blok */
    .trust-bar > .wp-block-columns,
    .trust-bar > .wp-block-column > .wp-block-columns {
        flex-direction: column !important;
        width: 100% !important;
        max-width: none !important;
        gap: 0 !important;
    }

    /* Boksene */
    .trust-bar > .wp-block-columns > .wp-block-column,
    .trust-bar > .wp-block-column > .wp-block-columns > .wp-block-column {
        flex: 0 0 auto !important;
        width: 100% !important;
        padding: 20px 0 !important;

        /* Fjern de lodrette streger på mobil */
        border-right: 0 !important;
        border-left: 0 !important;
    }
}
/* Landingpage B2C table */
.is-style-stripes thead {
    text-align: left;
    background: var(--ast-global-color-0) !important;
}
.wp-block-table.is-style-stripes {
    border-bottom: none !important;
}
/* landingpage B2C testemonial card */
.story-card img {
    height: 16rem !important;
    object-fit: cover;
    object-position: center;
}