/**
 * Theme Name: Good Going Custom Theme
 * Template:   hello-elementor
 * Author: Good Going Team
 * Author URI: https://goodgoing.dk/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
 * Description: Vi har skræddersyet dette tema til jeres hjemmeside ud fra hvad vi har aftalt. Hvis der er spørgsmål eller problemer, så ræk ud til os på hej@goodgoing.dk :)
 * Version: 1.3.2
 * Stable tag: 1.3.2
 * ...other header fields
 */

@import url(https://fonts.bunny.net/css?family=inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(https://fonts.bunny.net/css?family=dm-mono:300,300i,400,400i,500,500i);
@import url(https://fonts.bunny.net/css?family=poltawski-nowy:400,400i,500,500i,600,600i,700,700i);
@import url(https://fonts.bunny.net/css?family=rubik:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(https://fonts.bunny.net/css?family=onest:100,200,300,400,500,600,700,800,900);

/*----ROOT START----*/
:root {
  /*FONTS*/
  --display-font: /*var(--custom-display),*/ Onest, "Roboto", sans-serif;
  --text-font: /*var(--custom-text),*/ Onest, "Roboto", sans-serif;
  --btn-font: var(--text-font);

  --display-weight: 600;
  --text-weight: 400;
  --button-weight: 600;

  /*------COLORS------*/

  /*PRIMITIVES*/
  --primary: /*var(--custom-primary),*/ #6E46FF;
  --secondary: var(--custom-secondary), #A7375F;
  --grayscale: var(--custom-grayscale), #83818C;
  --white: #ffffff;
	
  /*PRIMARY*/
--primary-25:  lch(from var(--primary) calc(l + 38.51) calc(c - 38.33) calc(h - 22.57));
--primary-50:  lch(from var(--primary) calc(l + 36.10) calc(c - 35.50) calc(h - 15.89));
--primary-100: lch(from var(--primary) calc(l + 31.93) calc(c - 30.82) calc(h - 18.45));
--primary-200: lch(from var(--primary) calc(l + 23.55) calc(c - 20.69) calc(h - 17.40));
--primary-300: lch(from var(--primary) calc(l + 15.18) calc(c - 12.19) calc(h - 13.68));
--primary-400: lch(from var(--primary) calc(l + 7.47)  calc(c - 5.07)  calc(h - 8.61));
--primary-500: var(--primary);
--primary-600: lch(from var(--primary) calc(l - 11.14) calc(c - 6.57)  calc(h - 0.81));
--primary-700: lch(from var(--primary) calc(l - 23.14) calc(c - 13.60) calc(h - 1.55));
--primary-800: lch(from var(--primary) calc(l - 35.49) calc(c - 20.99) calc(h - 3.63));
--primary-900: lch(from var(--primary) calc(l - 49.32) calc(c - 29.33) calc(h - 7.43));


  /*SECONDARY*/
--secondary-25:  lch(from var(--secondary) calc(l + 38.51) calc(c - 38.33) calc(h - 22.57));
--secondary-50:  lch(from var(--secondary) calc(l + 36.10) calc(c - 35.50) calc(h - 15.89));
--secondary-100: lch(from var(--secondary) calc(l + 31.93) calc(c - 30.82) calc(h - 18.45));
--secondary-200: lch(from var(--secondary) calc(l + 23.55) calc(c - 20.69) calc(h - 17.40));
--secondary-300: lch(from var(--secondary) calc(l + 15.18) calc(c - 12.19) calc(h - 13.68));
--secondary-400: lch(from var(--secondary) calc(l + 7.47)  calc(c - 5.07)  calc(h - 8.61));
--secondary-500: var(--secondary);
--secondary-600: lch(from var(--secondary) calc(l - 11.14) calc(c - 6.57)  calc(h - 0.81));
--secondary-700: lch(from var(--secondary) calc(l - 23.14) calc(c - 13.60) calc(h - 1.55));
--secondary-800: lch(from var(--secondary) calc(l - 35.49) calc(c - 20.99) calc(h - 3.63));
--secondary-900: lch(from var(--secondary) calc(l - 49.32) calc(c - 29.33) calc(h - 7.43));

  /*grayscale*/
--grayscale-25:  lch(from var(--grayscale) calc(l + 38.51) calc(c - 38.33) calc(h - 22.57));
--grayscale-50:  lch(from var(--grayscale) calc(l + 36.10) calc(c - 35.50) calc(h - 15.89));
--grayscale-100: lch(from var(--grayscale) calc(l + 31.93) calc(c - 30.82) calc(h - 18.45));
--grayscale-200: lch(from var(--grayscale) calc(l + 23.55) calc(c - 20.69) calc(h - 17.40));
--grayscale-300: lch(from var(--grayscale) calc(l + 15.18) calc(c - 12.19) calc(h - 13.68));
--grayscale-400: lch(from var(--grayscale) calc(l + 7.47)  calc(c - 5.07)  calc(h - 8.61));
--grayscale-500: var(--grayscale);
--grayscale-600: lch(from var(--grayscale) calc(l - 11.14) calc(c - 6.57)  calc(h - 0.81));
--grayscale-700: lch(from var(--grayscale) calc(l - 23.14) calc(c - 13.60) calc(h - 1.55));
--grayscale-800: lch(from var(--grayscale) calc(l - 35.49) calc(c - 20.99) calc(h - 3.63));
--grayscale-900: lch(from var(--grayscale) calc(l - 49.32) calc(c - 29.33) calc(h - 7.43));

  /*Background colors*/
  --bg-default: var(--grayscale-50);
  --bg-alt: var(--grayscale-100);
  --bg-primary: var(--primary-700);
  --bg-secondary: var(--secondary-500);
  --bg-dark: var(--secondary-900);

  --stroke-color: var(--grayscale-200);

  /*Font colors*/
  --ds-default: var(--primary-900);
  --ds-alt: var(--grayscale-700);

  --text-default: #3F6577;
  --text-alt: #8F9EA5;

  /*------BUTTONS------*/

  /*PADDING*/
  --btn-sm-x: 1rem;
  --btn-sm-y: 0.625rem;

  --btn-md-x: 24px;
  --btn-md-y: 14px;

  --btn-lg-x: 28px;
  --btn-lg-y: 18px;

  /*RADIUS*/
  --btn-rad-sm: 50px; /*6*/
  --btn-rad-md: 50px; /*8*/
  --btn-rad-lg: 50px; /*10*/
	
  --br-default: 1.25rem 1.25rem 1.25rem 3rem;
  --br-default-mob: 1rem 1rem 1rem 2rem;
}

/*----ROOT END----*/




/*--------------*/
/*Various custom rules*/
/*------------*/
html {
	font-size:16px;
	font-family:var(--display-font);
	color: var(--ds-default);
    background-color: var(--bg-default);
	/*hyphens: auto;*/
	word-break:break-word !important;
}

p, .para{
	margin:0px;
	line-height:1.5rem;
	font-family: var(--text-font);
}

img, .elementor img{
    /*width: 736px;*/
    /*height: 736px;*/
    object-fit: cover;
	border-radius: var(--br-default);
}

a {
  text-decoration: none;
  width: auto;
  color: var(--primary-500), #6E46FF;
  font-family: var(--text-font);
  font-weight: var(--button-weight) !important;
}

/*Backgrounds*/
.bg-gradient{
  background-image: linear-gradient(45deg, var(--primary-400), var(--primary-700));
}

.bg-default{
	background-color:var(--bg-default)
}

.bg-alt{
	background-color:var(--bg-alt)
}

.standard-radius{
	border-radius: var(--br-default) !important;
}

.ds-alt{
	color:var(--ds-alt);
}

.no-overflow{
	overflow:hidden;
}

.square{
	aspect-ratio: 1 / 1;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    /* shift back by half its own size */
    transform: translate(-50%, -50%);
}

label{
  font-family: var(--text-font);
  font-size: 0.875rem;
  font-weight:var(--button-weight);
}



/*-------------*/
/*---LAYOUT---*/
/*-----------*/
/*BODY STANDARDS*/
.section {
  display: flex;
  flex-direction: row;
  padding: 4rem 2rem;
  gap: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  width: min(100%, 1140);
}

.cta{
	color: white;
	background-color: var(--bg-primary) !important;
}

.cta p{
	color:var(--primary-200);
}

.dark p, .dark .para{
	color:var(--primary-100) !important;
}

.section .dark {
  background-color: var(--bg-dark) !important;
  color:white;
}

.section-inner{
	max-width: 86rem;
	margin-left:auto;
	margin-right:auto;
}

.container {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  padding: 1rem;
  border-radius: 1rem;
}

.fonts-container {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
}

.display-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-grow: 2;
}

.text-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-grow: 1;
  flex-shrink: 2;
}

.button-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-grow: 1;
  flex-shrink: 2;
}

hr {
  color: var(--stroke-color);
  border-width: 0;
  background: var(--stroke-color);
  height: 1px;
}




/*---------------------*/
/*---DISPLAY + TEXT---*/
/*-------------------*/
.display-3xl, h1, .display-2xl, h2, .display-xl, h3, .display-lg, .display-md, h4, .display-sm, .display-xs, h5{
  font-family: var(--display-font);
  font-weight: var(--display-weight);
  /*color: var(--ds-default);*/
  word-break:break-word;
  line-height: 1.1em;
}

.display-3xl, h1 {
  font-size: 5rem;
}

.display-2xl, h2 {
  font-size: 3rem;
}

.display-xl, h3 {
  font-size: 2.5rem;
}

.display-lg {
  font-size: 2rem;
}

.display-md,
h4 {
  font-size: 1.5rem;
}

.display-sm {
  font-size: 1.25rem;
}

.display-xs,
h5 {
  font-size: 1rem;
}

.display-2xs, h6 {
  font-size: 0.875rem;
}

/*TEXT*/
.text-lg, .text-md, .text-sm, .checklist, p{
  font-family: var(--text-font);
  font-weight: var(--text-weight);
  color: var(--text-default);
}

.text-lg {
  font-size: 1.125rem;
}

.text-md {
  font-size: 1rem;
}

.text-sm {
  font-size: 0.875rem;
}





/*---------------------*/
/*-------BUTTONS------*/
/*-------------------*/
.btn, .elementor-button {
  font-family: var(--btn-font);
  font-weight: var(--button-weight);
  width: fit-content;
  cursor: pointer;
  transition: 0.3s;
  line-height: 1em;
  color: var(--white);
  border:0px;
  font-size: 1rem;
}

/*Button sizes*/
.btn-lg {
  padding: var(--btn-lg-y) var(--btn-lg-x);
  border-radius: var(--btn-rad-lg);
  font-size:1.125rem;
}

.btn-md {
  padding: var(--btn-md-y) var(--btn-md-x);
  border-radius: var(--btn-rad-md);
  font-size:1rem;
}

.btn-sm {
  padding: var(--btn-sm-y) var(--btn-sm-x);
  border-radius: var(--btn-rad-sm);
  font-size: 0.875rem;
}

/*Button colors*/
.btn-primary{
  background-color: var(--primary-500);
}

.btn-secondary {
  background-color: var(--secondary-500);
}

.btn-dark {
  background-color: var(--grayscale-900);
}

.btn-white {
  background-color: var(--white);
}

/*Button hover effects*/
.btn-primary:hover {
  background-color: var(--primary-700);
  transition: 0.3s;
}

.btn-secondary:hover {
  background-color: var(--secondary-700);
  transition: 0.3s;
}

.btn-dark:hover {
  background-color: var(--grayscale-600);
  transition: 0.3s;
}

.btn-white:hover {
  background-color: var(--grayscale-300);
  transition: 0.3s;
}


/*----ELEMENTOR TWEAKS----*/
h1 .elementor-heading-title, .display-3xl .elementor-heading-title {
  font-family: var(--display-font) !important;
  font-weight: var(--display-weight) !important;
  font-size: 3.5em  !important;
  color: var(--display-color) !important;
}

h2 .elementor-heading-title, .display-2xl .elementor-heading-title{
  font-family: var(--display-font) !important;
  font-weight: var(--display-weight) !important;
  font-size: 3rem;
  color: var(--display-color) !important;
}

h3 .elementor-heading-title, .display-xl .elementor-heading-title {
  font-family: var(--display-font) !important;
  font-weight: var(--display-weight) !important;
  font-size: 2.5rem !important;
  color: var(--display-color) !important;
}

.display-lg .elementor-heading-title {
  font-family: var(--display-font) !important;
  font-weight: var(--display-weight) !important;
  font-size: 2rem !important;
  color: var(--display-color) !important;
}

h4 .elementor-heading-title, .display-md .elementor-heading-title{
  font-family: var(--display-font) !important;
  font-weight: var(--display-weight) !important;
  font-size: 1.5rem !important;
  color: var(--display-color) !important;
}

.display-sm .elementor-heading-title {
  font-family: var(--display-font) !important;
  font-weight: var(--display-weight) !important;
  font-size: 1.25rem !important;
  color: var(--display-color) !important;
}


h5 .elementor-heading-title, .display-xs .elementor-heading-title{
  font-family: var(--display-font) !important;
  font-weight: var(--display-weight) !important;
  font-size: 1rem !important;
  color: var(--display-color) !important;
}

h6 .elementor-heading-title, .display-2xs .elementor-heading-title{
  font-family: var(--display-font) !important;
  font-weight: var(--display-weight) !important;
  font-size: 0.875rem !important;
  color: var(--display-color) !important;
}

/*--Elementor buttons--*/
.e-btn{
	border-width: 0px !important;
}

/*Button sizes*/
.e-btn-lg .elementor-button{
  padding: /*var(--btn-lg-y)*/ 500px var(--btn-lg-x) !important;
  border-radius: var(--btn-rad-lg) !important;
  box-shadow: inset 0px -2px 0px 0px #000000;
}

.e-btn a{
	box-shadow: inset 0px -2px 0px 0px #00000040,
				inset 0px 2px 0px 0px #ffffff40 !important;
}

.shortdows{
    box-shadow: inset 0px -2px 0px 0px #00000040,
	inset 0px 2px 0px 0px #ffffff40 !important;
}

.e-btn-md .elementor-button{
  padding: var(--btn-md-y) var(--btn-md-x) !important;
  border-radius: var(--btn-rad-md) !important;
}

.e-btn-md.elementor-button-text{
	font-size:300px !important;
}

.e-btn-sm .elementor-button{
  padding: var(--btn-sm-y) var(--btn-sm-x) !important;
  border-radius: var(--btn-rad-sm) !important;
  font-size: 14px;
}

/*Colors*/
.e-btn-primary .elementor-button{
	background-color:var(--primary-500) !important;
}

.e-btn-secondary .elementor-button{
	background-color:var(--secondary-500) !important;
}

.e-btn-dark .elementor-button{
	background-color:var(--grayscale-900) !important;
}

.e-btn-white .elementor-button{
	background-color:var(--white) !important;
	color:var(--grayscale-900) !important;
}

/*Button hover effects*/
.e-btn-primary .elementor-button:hover {
  background-color: var(--primary-700) !important;
  transition: 0.3s;
}

.e-btn-secondary .elementor-button:hover {
  background-color: var(--secondary-700) !important;
  transition: 0.3s;
}

.e-btn-dark .elementor-button:hover {
  background-color: var(--grayscale-600) !important;
  transition: 0.3s;
}

.e-btn-white .elementor-button:hover {
  background-color: var(--grayscale-300) !important;
  transition: 0.3s;
}

/*------------------*/
/*------FOOTER-----*/
/*----------------*/
.footer {
  background-color: var(--primary-900);
}

.footer .menu-title {
  /*color: var(--grayscale-400);*/
  font-family: var(--text-font);
}

/*---MISC---*/
.credit a{
    border-radius:50px;
    transition:0.3s;
	color: var(--primary-700);
}

.credit a:hover{
    padding:8px 16px;
    background-color:var(--primary-50);
    color:var(--primary-700) !important;
    border-radius:50px;
    transition:0.3s;
    border:1px solid var(--primary-500);
}

.credit-bot {
    display: none !important;
}

/*------------------*/
/*------Mobile-----*/
/*----------------*/
@media only screen and (max-width: 768px) {
  .section {
    flex-direction: column;
  }

  .btn {
    width: 100%;
  }
	
  img, .elementor img{
    /*width: 736px;*/
    /*height: 736px;*/
    object-fit: cover;
	border-radius: var(--br-default-mob);
}
  h1{
    font-size:2rem;
}

/*ELEMENTOR GLOBAL COLOR OVERRIDE START -- MUST GO IN ELEMENTOR GLOBAL CSS*/
  /*PRIMARY*/
  --e-global-color-aa0f4e7: var(--primary-25) !important;
  --e-global-color-df53f24: var(--primary-50) !important;
  --e-global-color-f301d89: var(--primary-100) !important;
  --e-global-color-cc9fb4b: var(--primary-200) !important;
  --e-global-color-08637e8: var(--primary-300) !important;
  --e-global-color-dfa43ba: var(--primary-400) !important;
  --e-global-color-primary: var(--primary-500) !important;
  --e-global-color-9479254: var(--primary-600) !important;
  --e-global-color-9847797: var(--primary-700) !important;
  --e-global-color-b08dfe2: var(--primary-800) !important;
  --e-global-color-e083a47: var(--primary-900) !important;
	
  /*SECONDARY*/
  --e-global-color-4ac342d: var(--secondary-25) !important;
  --e-global-color-5c31231: var(--secondary-50) !important;
  --e-global-color-b0a312d: var(--secondary-100) !important;
  --e-global-color-f672ef6: var(--secondary-200) !important;
  --e-global-color-e61e099: var(--secondary-300) !important;
  --e-global-color-d01d007: var(--secondary-400) !important;
  --e-global-color-accent: var(--secondary-500) !important;
  --e-global-color-4314dda: var(--secondary-600) !important;
  --e-global-color-da538e8: var(--secondary-700) !important;
  --e-global-color-29972b2: var(--secondary-800) !important;
  --e-global-color-a8b8870: var(--secondary-900) !important;
	
  /*GRAYSCALE*/
  --e-global-color-c8f505f: var(--grayscale-25) !important;
  --e-global-color-de45d6c: var(--grayscale-50) !important;
  --e-global-color-228d9f0: var(--grayscale-100) !important;
  --e-global-color-9a30de3: var(--grayscale-200) !important;
  --e-global-color-1a59b98: var(--grayscale-300) !important;
  --e-global-color-814db73: var(--grayscale-400) !important;
  --e-global-color-2bc1610: var(--grayscale-500) !important;
  --e-global-color-43128ca: var(--grayscale-600) !important;
  --e-global-color-7540803: var(--grayscale-700) !important;
  --e-global-color-3e28b4d: var(--grayscale-800) !important;
  --e-global-color-6990693: var(--grayscale-900) !important;
	
  --e-global-typography-text-font-family: var(--text-font) !important;
  --e-global-color-text: var (--text-default) !important;
  /*ELEMENTOR GLOBAL COLOR OVERRIDE END*/

  /*PRIMARY OLD*//*
  --primary-25: lch(from var(--primary) calc(l + 65) calc(c - 52) h);
  --primary-50: lch(from var(--primary) calc(l + 45) calc(c - 50) h);
  --primary-100: lch(from var(--primary) calc(l + 45) calc(c - 40) h);
  --primary-200: lch(from var(--primary) calc(l + 35) calc(c - 35) h);
  --primary-300: lch(from var(--primary) calc(l + 32) calc(c - 30) h);
  --primary-400: lch(from var(--primary) calc(l + 15) calc(c - 5) h);
  --primary-500: var(--primary);
  --primary-600: lch(from var(--primary) calc(l - 3) calc(c - 5) h);
  --primary-700: lch(from var(--primary) calc(l - 15) calc(c - 12) h);
  --primary-800: lch(from var(--primary) calc(l - 25) calc(c - 25) h);
  --primary-900: lch(from var(--primary) calc(l - 40) calc(c - 45) h);*/