/* Fonts */

/* Font family ------------------------------ */

h1, h2, h3, h4, h5, h6, p, a {
	font-family: roboto, sans-serif;
	margin: 0 !important; 
	padding: 0 !important;
}

.font-pri {font-family: "droid-serif", serif;}
.font-sec {font-family: roboto, sans-serif;}

/* Custom typography ------------------------ */

.prgh-small_item,
.prgh-large_item,
.f-mini_item,
.f-small_item,
.f-medium_item,
.f-large_item,
.f-xx-large_item,
.image_item,
.accordion_item,
.coworker-history_item {
  display: block;
  width: 100%;
}

/* Labels */
.label-small {
  font-size: var(--fs-xx-mini);
  line-height: var(--lh-mini);
  font-weight: var(--fw-regular);
  font-style: normal;
  color: var(--black-100);  
}
  .layout-date .label-small {
    color: var(--black-60); 
  }

.label-large {
  font-size: var(--fs-small);
  line-height: var(--lh-mini);
  font-weight: var(--fw-regular);
  font-style: normal;
}

/* Paragraphs */
.prgh-mini_item {padding-bottom: var(--sp-mini);}
.prgh-mini {
  font-size: var(--fs-xx-mini);
  line-height: var(--lh-large);
  font-weight: var(--fw-regular);
  font-style: normal;
  color: var(--black-100);
}
  .prgh-mini.footer-text {color: var(--black-10);}
  .prgh-mini.footer-menu {color: var(--beige-100);}

.prgh-small_item {
  padding-top: var(--sp-mini);
  padding-bottom: var(--sp-mini);
}
.prgh-small_block {padding-top: var(--sp-small); padding-bottom: var(--sp-mini);}
.prgh-small {
  font-size: var(--fs-x-mini);
  line-height: var(--lh-large);
  font-weight: var(--fw-regular);
  font-style: normal;
  color: var(--black-100);
}
  .prgh-small.position {text-transform: uppercase;}

.prgh-large_item {padding-bottom: var(--sp-medium);}  
.prgh-large {
  font-size: var(--fs-mini);
  line-height: var(--lh-medium);
  font-weight: var(--fw-regular);
  font-style: normal;
  color: var(--black-100);
} 

/* Headings */
.f-mini_item {padding-bottom: var(--sp-small);}
.f-mini {
  font-size: var(--fs-xx-mini);
  line-height: var(--lh-large);
  font-weight: var(--fw-medium);
  font-style: normal;
  color: var(--fw-large);
}
  .f-mini.testimonial-sender-frontpage {color: var(--black-00);}
  .f-mini.testimonial-sender-coworker {color: var(--black-60);}
  .f-mini.heading {font-weight: var(--fw-large);}
  .f-mini.position {
    text-transform: uppercase;
    color: var(--black-60);
  }

.f-small_item {
  padding-top: var(--sp-small);
  padding-bottom: var(--sp-mini);
}  
.f-small {
  font-size: var(--fs-small);
  line-height: var(--lh-medium);
  font-weight: var(--fw-regular);
  font-style: normal;
  color: var(--black-100);
}
  .f-small.heading {color: var(--black-100);}
  .f-small.preamble {color: var(--black-60);}
  .f-small.preamble {color: var(--black-60);}
  .f-small.testimonial-coworker {
    color: var(--black-60);
    font-style: italic;
  }

.f-medium_item {padding-top: var(--sp-small); padding-bottom: var(--sp-medium);}  
.f-medium {
  font-size: var(--fs-large);
  line-height: var(--lh-medium);
  font-weight: var(--fw-regular);
  font-style: normal;
}

.f-large_item {padding-top: var(--sp-mini); padding-bottom: var(--sp-mini);}
.f-large {
  font-size: var(--fs-x-large);
  line-height: var(--lh-medium);
  font-weight: var(--fw-regular);
  font-style: normal;
  color: var(--black-100);
}
  .bg-beige .layout-colored-box .f-large {color: var(--beige-100);}
  .bg-lightblue .layout-colored-box .f-large {color: var(--lightblue-100);}

.f-x-large_item {padding-bottom: var(--sp-medium);}  
.f-x-large {
  color: var(--black-100);
  font-size: var(--fs-xx-large);
  line-height: var(--lh-small);
  font-weight: var(--fw-regular);
  font-style: normal;
}
  .f-x-large.testimonial-frontpage {color: var(--blue-100);} 

.f-xx-large_item {padding-bottom: var(--sp-medium);}  
.f-xx-large {
  color: var(--black-100);
  font-size: var(--fs-xxx-large);
  line-height: var(--lh-small);
  font-weight: var(--fw-regular);
  font-style: normal;
}
  .

.image_item {padding-top: var(--sp-mini); padding-bottom: var(--sp-large);}
.accordion_item {padding-top: var(--sp-mini); padding-bottom: var(--sp-large);}
.coworker-history_item {padding-top: var(--sp-mini); padding-bottom: var(--sp-medium);}


/* Content items ---------------------------- */

.layout-content-hero-left,
.layout-content-hero-right,
.layout-content-main,
.layout-content-small,
.layout-colored-box {width: 100%;}

.layout-content-hero-left div:first-child {padding-top: 0 !important;}
.layout-content-main div:first-child {padding-top: 0 !important;}
.layout-colored-box div:first-child {padding-top: 0 !important;}

.layout-content-small div:first-child {padding-top: 0 !important;}

.layout-content-hero-left div:nth-last-child(1) {padding-bottom: 0 !important;}
.layout-content-main div:nth-last-child(1) {padding-bottom: 0 !important;}
.layout-colored-box div:nth-last-child(1) {padding-bottom: 0 !important;}
.layout-content-small div:nth-last-child(1) {padding-bottom: 0 !important;}

.cworker-item div:nth-child(1) {padding-bottom: 0;}
.cworker-item div:nth-child(3) {padding-bottom: 0;}
.cworker-item div:nth-child(5) {padding-bottom: 0;}


/* Links ------------------------------------ */

a {
  color: var(--red-100);
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -ms-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}
  a:hover {color: var(--blue-100); text-decoration: none;}
  a:active {color: var(--black-10);}
  a:focus {color: var(--black-10); text-decoration: underline;}

a.prgh-small {
  color: var(--red-100);
}
  a.prgh-small:hover {
    color: var(--black-100);
  }


/* Media Queries - Large 1025px -> ---------- */
@media screen and (min-width: 64.063em) {

}

/* Media Queries - Medium 640px -> 1024px --- */
@media screen and (max-width: 64em) {

  .hero-frontpage .left-column-hero .left-column-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: var(--sp-x-large);
  }

}

/* Media Queries - Small -> 640px ----------- */
@media screen and (max-width: 40em) {

  

}