/* >>>>>>>>>>>>>> Font Settings <<<<<<<<<<<<<<< */

@import url('https://fonts.googleapis.com/css?family=Acme:regular');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@700&display=swap');


@font-face {
  font-family: manzoFont;
  src: url(/fonts/TESTN__.TTF);
}

@font-face {
  font-family: UniSans;
  src: url(/fonts/uni-sans.heavy-italic-caps.otf);
}


/* >>>>>>>>>>>>>>  Site Settings <<<<<<<<<<<<<<< */
html {
  font-size: 87.5%;
}

body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 400;
  line-height: 1.75;
  color: #000;
  background-image: url('/images/site/projektstyring-byggepladser.jpg');
  background-position: center bottom;
  background-size: cover;
  background-blend-mode: lighten;
  background-color: var(--body-bg-color);
}

a {
	color: var(--light-color);
  text-decoration: none;
} 

label {
  font-size: .9em;
}

/* >>>>>>>>>>>>>> Global Colors <<<<<<<<<<<<<<< */

:root {
  /*********** General Colors *************/

  --primary-color1: #C25A0E;
  --primary-color2: #FF7512;
  
  --secondary-color1: #171c78;
  --secondary-color2: #0D1045;
  --secondary-color3: #bfd9ff;
  
  --light-color: #fff;
  --dark-color: #0D1045;

  --alternative-color1: #2C676D;
  --alternative-color2: #0EB2C2;
  --alternative-color3: #824E2A;
  --alternative-color4: #423226;
  --alternative-color5: #0E7AC2;
  --alternative-color6: #0EC295;
  --alternative-color7: #263742;
  --alternative-color8: #0A8969;
  
  /*********** Link Color ***********/

  --a-href-color1: var(--light-color);
  --a-href-color2: var(--primary-color2);
  --a-href-color3: var(--primary-color1);
  
  
  /*********** Background Color ***********/

  --body-bg-color: var(--secondary-color3);
  --light-bg-color: var(--light-color);
  --container-header-bg-color: var(--secondary-color2);
  --footer-bg-color: var(--secondary-color1);


  /*********** Box Color ***********/

  --box-shadow-light-color: var(--light-color);
  --box-shadow-grey-color: #9c9c9c;
  --box-shadow-dark-color: var(--secondary-color1);
  
  /*********** Border Color ***********/
  
  --primary-border-color: var(--primary-color1);
  --secondary-border-color: var(--secondary-color1);
  
  /*********** Text Color ***********/
  
  --text-color1: #606177;
  --text-color2: #2b2c30;
  --light-text-color: var(--light-color);
  --dark-text-color: #0c0d22;


  /*********** Message ************/

  --ok-color: #18b454;
  --attention-color: #ffff00;
  --error-color: #b41818;
  --error2-color: #b14b4b;
  --error3-color: #ff5100;
  

  /*********** Button Color ***********/

  --btn-color: var(--primary-color1);
  --btn2-color: var(--secondary-color3);
  --btn-text-color: #060824;
  --btn-hover-color: var(--secondary-color1);
  --btn-hover-text-color: var(--primary-color2);


  /************ Scrollbar ************/

  --scrollbar-color: var(--primary-color1);
  --scrollbar-track-color: var(--secondary-color1);

}
/* >>>>>>>>>>>>>>  Font Size <<<<<<<<<<<<<<< */

:root {
  --main-nav-fontSize: 16px;
  --sec-nav-fontSize: 14px;
  --main-text-fontSize: 12px;
  --quote-text-fontSize: 20px;
  --signature-text-fontSize: 22px;
}

/* >>>>>>>>>>>>>>  Font Weight <<<<<<<<<<<<<<< */

:root {
  --quote-text-fontWeight: 500;
  --signature-text-fontWeight: 500;
}

/* >>>>>>>>>>>>>>  Images Preload <<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>  Heading Settings <<<<<<<<<<<<<<< */

h1, h2, h3, h4, h5, h6 {
  font-family: UniSans;
  letter-spacing: 0.06em;
  color: var(--secondary-color1);
}

h1 {
  text-align: center;
  font-size:3.052rem;
  margin: 0;
}

h2 {
  font-size: 2.441rem;
  text-align: center;
}

h3 {
  font-size: 1.953rem;
  text-align: center;
}

h4 {
  font-size: 1.563rem;
}

h5 {
  font-size: 1.25rem;
  color: var(--light-color);
  margin: 0;
  margin-block-start: 0.4em;
}

h6 {
  font-size: 1em;
  margin-top: 0;
}

small, .text_small {
  font-size: 0.8rem;
}