/* Nowaco A/S */
/* CUSTOM STYLESHEET */

/* WEBFONT */
@import url("https://fonts.googleapis.com/css?family=Lato");

/* COLOR VARIABLES */
:root {
  --jobmatch-header-background-color: #001f7a; /* TOOLBAR BACKGROUND COLOR */
  --jobmatch-card-header-background-color: #ffffff; /* CARD HEADER BACKGROUND COLOR */

  --jobmatch-footer-background-color: #002f4d; /* FOOTER BACKGROUND COLOR */
  --jobmatch-footer-text-color: #7e8083;

  --jobmatch-link-color: #002f4d;
  --jobmatch-link-hover-color: rgba(33, 76, 111, 1);
  --jobmatch-link-button-hover-footer-color: #002f4d;

  --jobmatch-link-button-color: #ffffff;

  --jobmatch-base-font-family: "Lato", sans-serif;
  --jobmatch-base-font-size: 16px;
  --jobmatch-base-font-line-height: 1.42857143;
  --jobmatch-title-font-size: 30px;
  --jobmatch-subtitle-font-size: 18px;

  --mdc-theme-primary: #002f4d;
  --mdc-theme-accent: #002f4d;
  --mdc-theme-text-primary-on-accent: #ffffff;

  /* checkmarks / secondary theme */
  --mdc-theme-secondary: #002f4d;
  --mdc-theme-secondary-light: #002f4d;
  --mdc-theme-secondary-dark: #002f4d;

  --mdc-theme-primary-light: #002f4d;
  --mdc-theme-primary-dark: #002f4d;

  --mdc-theme-background: #ffffff;
  --mdc-theme-text-primary-on-primary: #ffffff;
}

/* TOOLBAR */
.mdc-toolbar {
  margin-top: 0;
  background-color: #ffffff !important;
  background-color: var(--jobmatch-header-background-color, #ffffff);
  border-bottom: 1px solid #333;
}

.mdc-toolbar--fixed {
  border-bottom: 1px solid #333;
}

/* BUTTONS */
a.mdc-button,
:not(:disabled).mdc-button {
  color: #002f4d !important;
  color: var(--jobmatch-link-color, #002f4d) !important;
  border-color: #002f4d;
}

a:hover.mdc-button.mdc-button--raised {
  text-decoration: none;
  border-color: #002f4d;
}

a.mdc-button.mdc-button--raised.mdc-button--accent {
  background-color: #002f4d;
}

.mdc-button--accent.mdc-button--raised,
.mdc-button--unelevated:not(:disabled),
.mdc-button--raised:not(:disabled) {
  background-color: #fff !important;
  color: #002f4d !important;
  border: 1px solid #002f4d;
  border-radius: 1px;
}

a:hover.mdc-button--accent,
a:hover.mdc-button--raised,
a:hover.mdc-button--unelevated:not(:disabled),
a:hover.mdc-button--raised:not(:disabled),
.mdc-button--raised:focus,
.mdc-button--raised:hover,
.mdc-button--accent.uploadbutton:hover {
  background-color: #002f4d !important;
  color: #fff !important;
  color: var(--mdc-theme-text-primary-on-accent, #fff);
}

/* CHECKBOX */
.mdc-checkbox
  .mdc-checkbox__native-control:enabled:checked
  ~ .mdc-checkbox__background,
.mdc-checkbox
  .mdc-checkbox__native-control:enabled:indeterminate
  ~ .mdc-checkbox__background {
  border-color: #002f4d !important;
  border-color: var(--mdc-theme-secondary, #002f4d) !important;
  background-color: #002f4d !important;
  background-color: var(--mdc-theme-secondary, #002f4d) !important;
}

.mdc-checkbox:before {
  background-color: rgba(0, 121, 193, 0.14) !important;
  background-color: var(--mdc-theme-primary-light, rgba(0, 121, 193, 0.14)) !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s linear;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}

/* RADIO BUTTON */
.mdc-radio__background:before,
.mdc-radio__background:after {
  color: #002f4d !important;
  background-color: #002f4d !important;
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  background-color: #002f4d;
  background-color: var(--mdc-theme-primary, #002f4d);
}

/* NORMAL LINKS */
a {
  color: #0079c1;
  text-decoration: none;
}

a:hover {
  color: #0079c1 !important;
  background-color: transparent;
  text-decoration: underline;
}

a:focus {
  color: #ff0000 !important;
  background-color: transparent;
  text-decoration: underline;
}

/* MDC RIPPLE OVERRIDES */
.mdc-button:not(:disabled):before {
  background-color: #323232;
  color: rgba(0, 121, 193, 1) !important;
  color: var(--jobmatch-link-hover-color, rgba(0, 121, 193, 1));
  opacity: 0;
  transition: none;
}

.mdc-button:not(:disabled):not(.mdc-ripple-upgraded):active:after,
.mdc-button:not(:disabled):not(.mdc-ripple-upgraded):focus:before,
.mdc-button:not(:disabled):not(.mdc-ripple-upgraded):hover:before {
  opacity: 0;
}

/* MISC */
main#EMain {
  margin-top: 0 !important;
}

/* CARDS */
.mdc-card {
  border: 0;
  box-shadow: none;
}

.mdc-card .mdc-card__primary {
  background-color: #fff;
  background-color: var(--jobmatch-card-header-background-color, #fff);
}

/* HEADER */
#EHeader .mdc-toolbar__section--align-start {
  height: 162px;
}

/* hide default logo */
header#EHeader .logo-default {
  display: none;
}

header#EHeader {
  height: 120px;
  min-height: 120px;
  transform: translateY(0) !important;
}

header#EHeader div#header-grid {
  padding: 0;
  margin-left: auto;
}

header#EHeader div#header-r3 a {
  background-image: url("https://jobmatchprofile.s3.eu-north-1.amazonaws.com/branding/Nowaco/Logo_Pantone300_30cmhoej.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 50px;
  width: 269px;
  background-size: cover;
  display: block;
  position: static;
  margin: 30px auto 0;
}

header#EHeader div#header-grid .mdc-layout-grid__inner,
header#EHeader div#header-grid2 .mdc-layout-grid__inner {
  width: 100%;
}

.job-title,
.job-sub-title,
.job-sub-title-sep,
#header-r4,
header#EHeader .mdc-toolbar__title span.company-name {
  display: none;
}

/* FOOTER */
footer#EFooter .footer-graphics {
  display: none;
  background-position: 0 center;
  background-repeat: no-repeat;
  height: 89px;
  width: 318px;
  float: left;
  background-size: cover;
  margin-left: 26px;
}

footer#EFooter {
  padding-bottom: 0;
  background-color: #002f4d;
  background-color: var(--jobmatch-footer-background-color, #002f4d);
  font-weight: 300;
  color: #7e8083;
  color: var(--jobmatch-footer-text-color, #7e8083);
  border-top: 1px solid #c3c3c3;
}

footer#EFooter div.footer_custom_content {
  display: block;
  margin: 30px 24px 0 auto;
  color: #023346;
  font-size: 90%;
}

footer#EFooter div.footer_custom_content div.footer_element {
  width: 33%;
  display: inline-block;
  vertical-align: top;
}

footer#EFooter div.footer_custom_content div.footer_element:nth-child(3) {
  text-align: right;
}

footer div.footer_custom_content div.footer_element span {
  display: block;
}

footer ul.mdl-mega-footer__link-list {
  padding-left: 24px;
}

/* TYPOGRAPHY */
body,
.mdc-card p,
.mdc-card ul li,
.mdc-card ol li {
  font-family: "Lato", sans-serif;
  font-family: var(--jobmatch-base-font-family, "Lato", sans-serif);
  color: #000;
  font-size: 16px;
  font-size: var(--jobmatch-base-font-size, 16px);
  line-height: 1.42857143;
  line-height: var(--jobmatch-base-font-line-height, 1.42857143);
  background-color: #fff !important;
  letter-spacing: normal;
  font-weight: 400;
}

.mdc-card .opening p strong {
  font-weight: bold !important;
  font-size: 16px;
  font-size: var(--jobmatch-base-font-size, 16px);
}

.mdc-card .opening p a {
  word-break: break-all;
}

.mdc-card__title--large,
h2,
.mdc-card span.subtitle,
.mdc-card span.jobinfo,
.mdc-card .opening p,
footer span,
header span.job-title,
header span.job-sub-title,
.mdc-select__surface,
.mdc-form-field,
.mdc-button,
.mdc-button--dense,
.mdc-typography,
.mdc-typography--display4,
.mdc-card__supporting-text {
  font-family: "Lato", sans-serif;
  font-family: var(--jobmatch-base-font-family, "Lato", sans-serif);
}

.mdc-card h2.mdc-card__title--large {
  font-size: 30px;
  font-size: var(--jobmatch-title-font-size, 30px);
  font-weight: bold;
}

.mdc-card span.subtitle {
  font-size: 18px;
  font-size: var(--jobmatch-subtitle-font-size, 18px);
  color: #002f4d !important;
  font-weight: bold;
}

/* TOP IMAGE */
div.top-sep {
  display: block;
  margin: 140px auto 0;
  max-width: 1200px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}

.rewrite div.top-sep {
  margin-top: 140px;
}

/* CUSTOM TOP IMAGES */
.top-sep,
.nowaco01 .top-sep {
  background-image: url("https://jobmatchprofile.s3.eu-north-1.amazonaws.com/branding/Nowaco/MEDIA/Nye_23-03-2021__1200x400px/Kontor_1.png?raw=1");
}

.nowaco02 .top-sep {
  background-image: url("https://jobmatchprofile.s3.eu-north-1.amazonaws.com/branding/Nowaco/MEDIA/Nye_23-03-2021__1200x400px/Kontor_2.png?raw=1");
}

.nowaco03 .top-sep {
  background-image: url("https://jobmatchprofile.s3.eu-north-1.amazonaws.com/branding/Nowaco/MEDIA/Nye_23-03-2021__1200x400px/Kontor_3.png?raw=1");
}

.nowaco04 .top-sep {
  background-image: url("https://jobmatchprofile.s3.eu-north-1.amazonaws.com/branding/Nowaco/MEDIA/07-11-2024_3stk/_1200x400.jpg?rlkey=44xwifcdbzl1t66crrr9bgmp2&raw=1");
}

.nowaco05 .top-sep {
  background-image: url("https://jobmatchprofile.s3.eu-north-1.amazonaws.com/branding/Nowaco/nowaco_gruppefoto2.jpg");
}

.nowaco06 .top-sep {
  background-image: url("https://jobmatchprofile.s3.eu-north-1.amazonaws.com/branding/Nowaco/MEDIA/07-11-2024_3stk/Nowaco_miljo_020323_01077_1200x400.jpg?rlkey=vcjgqzxfnii7g1yr7gyvctjmr&raw=1");
}

/* FOOTER HELPERS */
.adresset {
  margin-left: 26px;
}

.myfooter {
  margin: 0 auto;
  margin-left: 26px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}

a.myfooter {
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
}

a.myfooter:hover,
a.myfooter:focus {
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.42857143;
  color: #2a6496 !important;
  background-color: transparent;
  text-decoration: underline;
}

a.myfooterx {
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.42857143;
  color: #fff;
  text-decoration: none;
}

a.myfooterx:hover,
a.myfooterx:focus {
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.42857143;
  color: #fff !important;
  background-color: transparent;
  text-decoration: none;
}

.myfooter2 {
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.42857143;
  color: #fff;
  font-weight: bold;
}

.myfooter span {
  font-size: 14px;
  display: block;
  padding: 5px;
  font-family: "Lato", sans-serif;
}

.adresse4 {
  background-position: 0 center;
  background-repeat: no-repeat;
  height: 89px;
  width: 318px;
  margin-left: 10px;
  background-size: cover;
}

.adresslogo {
  color: #008000;
  display: block;
  background-image: url("https://jobmatchprofile.s3.eu-north-1.amazonaws.com/branding/Nowaco/logo.png");
  background-position: 0 center;
  background-repeat: no-repeat;
  height: 50px;
  width: 211px;
  background-size: cover;
  margin-left: 10px;
  float: right;
}

.adresse {
  margin-left: 26px;
  font-size: 20px;
  color: #7e8083;
  font-weight: normal;
  line-height: 20px;
  font-family: "Lato", sans-serif;
}

.adressex,
.adresse2 {
  margin-left: 26px;
  font-size: 16px;
  color: #7e8083;
  font-weight: 300;
  line-height: 20px;
  font-family: "Lato", sans-serif;
}

a.adresse2 {
  margin-left: 0;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  color: #00a367 !important;
  font-weight: 300;
  line-height: 20px;
  text-decoration: underline;
}

a.adresse2:hover {
  color: #005132 !important;
  font-family: "Lato", sans-serif;
  text-decoration: underline;
  margin-left: 0;
}

.adresse3 {
  color: #fff !important;
  font-size: 13px;
  margin-left: 0;
  line-height: 120%;
}

a.adresse3 {
  color: #fff !important;
  text-decoration: none;
  margin-left: 0;
}

a.adresse3:hover {
  color: #fff !important;
  text-decoration: underline;
  margin-left: 0;
}

/* CARD TITLE COLOR/SPACING */
.mdc-card .mdc-card__primary .mdc-card__title--large {
  color: #002f4d;
  margin-top: 10px;
  margin-bottom: -15px;
}

.mdc-card__primary + .mdc-card__supporting-text {
  margin-top: 10px;
}

/* IFRAME COLOR */
table.threecol th:nth-child(1) {
  color: #008000 !important;
  background-color: #008000 !important;
}

.header {
  text-align: center;
  margin-bottom: -20px;
  font-size: 10px;
  color: #fff;
  opacity: 0.85;
}