/*
Theme Name: Curia
Description: Unikt tema designet og udviklet af Weltklasse
Version: 1.0
Author: Weltklasse
Author URI: https://weltklasse.dk
*/

/* Medium (Normal) */
@font-face {
  font-family: 'Plat';
  src: url('/wp-content/themes/curia/fonts/Platypi-Medium.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Medium Italic */
@font-face {
  font-family: 'Plat';
  src: url('/wp-content/themes/curia/fonts/Platypi-MediumItalic.ttf');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* SemiBold (used as Bold) */
@font-face {
  font-family: 'Plat';
  src: url('/wp-content/themes/curia/fonts/Platypi-SemiBold.ttf');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* SemiBold Italic (used as Bold Italic) */
@font-face {
  font-family: 'Plat';
  src: url('/wp-content/themes/curia/fonts/Platypi-SemiBoldItalic.ttf');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plat', serif !important;
  font-weight: 500;
  hyphens: auto;
  overflow-wrap: break-word;
}
h3:not(#footer h3) {
  hyphens: unset!important;
  overflow-wrap: unset!important;
}
h1 span,
h2 span,
h3 span {
  color: #0F9E99;
}
body, html {
	margin: 0;
	overflow-x: hidden;
	background: #E9EFF2;
  font-family: 'DM Sans', sans-serif;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 1450px) {
  header.main {
  	margin: 0px 25px;
  }
}
main {
	padding-top: 130px;
}
@media only screen and (max-width: 650px) {
  main {
    padding-top: 75px;
  }
}
h1.bde-heading {
  font-size: clamp(2rem, 5vw, 4rem) !important;
  font-weight: 900;
}
h2.bde-heading {
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 900;
}
.button-atom__text:not(#popup-toggle .button-atom__text) {
  margin-right: 2rem;
  position: relative;
  z-index: 1;
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: .1s;
}
button {
  cursor: pointer;
  position: relative;
}
.breakdance-form-button {
  padding: 18px 24px!important;
}
.breakdance-form-button::after {
  display: none!important;
}
.breakdance-form-button .button-atom__text {
  margin-right: 0;
}
.button-atom {
  border: none!important;
}
.breakdance .button-atom.button-atom--primary:not(.breakdance-form-button) {
  background: linear-gradient(134deg, #0F9E99, #0ec5bf, #0F9E99) -100% / 200%;
  animation: 8s shimmer infinite;
}
.button-atom::after {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0!important;
}
.button-atom::before {
  content: '';
  position: absolute;
  top: 9px;
  right: 10px;
  width: 29px;
  height: 29px;
  background: #fff;
  border-radius: 100%;
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transform: scale(1);
  z-index: 0;
}
.button-atom:hover > .button-atom__text {
  color: #0F9E99!important;
}
.button-atom.button-atom--secondary:hover > .button-atom__text {
  color: #fff!important;
}
.button-atom.button-atom--secondary::before {
  background: #0F9E99!important;
}
.button-atom:hover::before {
  transform: scale(20);
}
/*h1.bde-heading {s
  font-size: clamp(2rem, 5vw, 4rem) !important;
}
h2.bde-heading {
  font-size: clamp(1.75rem, 4vw, 3rem) !important;
}
h3, h2 {
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
}
h3.bde-heading {
  font-size: clamp(1.5rem, 3vw, 2.25rem) !important;
  font-weight: 600;
}
h4.bde-heading {
  font-weight: 600;
}
h5.bde-heading {
  font-size: clamp(1.125rem, 2vw, 1.5rem) !important;
  font-weight: 600;
}
h6.bde-heading {
  font-size: clamp(1rem, 1.5vw, 1.25rem) !important;
  font-weight: 600;
}*/
span.bde-simple-counter__digit.js-digit{
	font-size: clamp(1.75rem, 4vw, 3rem) !important;
	font-family:"Montserrat", sans-serif !important;

}
span.bde-simple-counter__suffix{	
	font-size: clamp(1.75rem, 4vw, 3rem) !important;
	font-family:"Montserrat", sans-serif !important;
}
span.bde-accordion__title{
  font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;

}

.bde-tabs__tab-title {
  font-family: 'Montserrat', sans-serif;
}

.footer {
  margin-top: 120px;
}
.single-ledig-stilling .footer,
.page-id-431 .footer {
  margin-top: 0px;
}
.footer .bde-heading span {
  color: #000;
}
.footer-form {
  margin-top: -250px;
}
.footer-text {
  font-family: 'Plat', serif;
  font-size: 1.3rem;
  color: #000;
  font-weight: 500;
  text-decoration: none;
}


h1.loading-text {
  hyphens: none;
}
.loading-text span {
  place-self: center;
  background: linear-gradient(134deg, #0F9E99, #0ec5bf, #0F9E99) -100% / 200%;
  /* being excessively careful with compat, 
   * though this has been supported unprefixed and 
   * in the shorthand across major browsers for a while */
  -webkit-background-clip: text;
          background-clip: text;
  /* use color, don't use -webkit-text-fill-color anymore, 
   * was meant to solve a problem we haven't had in years */
  color: transparent;
  animation: shimmer 5s linear infinite;
}
.loading-text.inverted span {
  place-self: none;
  background: none;
  /* being excessively careful with compat, 
   * though this has been supported unprefixed and 
   * in the shorthand across major browsers for a while */
  -webkit-background-clip: none;
          background-clip: none;
  /* use color, don't use -webkit-text-fill-color anymore, 
   * was meant to solve a problem we haven't had in years */
  color: #000;
  animation: none;
}
@keyframes shimmer { to { background-position: 100% } }


.wp-block-list li {
  margin-bottom: 1rem!important;
}
#hr-on {
  width: 100%;
  max-width: 1359px;
  margin: 0 auto;
  display: table;
}