/* C4C UNIVERSAL BRAND v2
   Visual-only normalization layer. Uses the supplied master logo on legacy and modern headers. */
:root{
  --c4c-master-blue:#0b4f87;
  --c4c-master-navy:#123f66;
  --c4c-master-orange:#ff641c;
  --c4c-master-line:#dfe5ea;
}

/* Header logos that already contain an image */
header .logo img,
header .c4c-logo img,
header .reference-logo img,
header .c4c-reference-logo img,
.jobs-dashboard-header .logo img,
.c4c-header .c4c-logo-image{
  display:block!important;
  width:285px!important;
  max-width:285px!important;
  height:auto!important;
  max-height:65px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Text/shape legacy logos become the same supplied master artwork. */
header .logo:not(:has(img)),
header .c4c-logo:not(:has(img)),
header .reference-logo:not(:has(img)),
header .c4c-reference-logo:not(:has(img)){
  display:flex!important;
  align-items:center!important;
  flex:0 0 285px!important;
  width:285px!important;
  min-width:285px!important;
  max-width:285px!important;
  height:76px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  font-size:0!important;
  color:transparent!important;
  background:transparent url('/ccnetwork/includes/c4c-master-logo.png') left center/285px auto no-repeat!important;
  text-decoration:none!important;
  line-height:0!important;
}
header .logo:not(:has(img)) > *,
header .c4c-logo:not(:has(img)) > *,
header .reference-logo:not(:has(img)) > *,
header .c4c-reference-logo:not(:has(img)) > *{
  display:none!important;
}

/* Common header proportions */
header.header,
header.c4c-header,
header.jobs-dashboard-header{
  background:#fff!important;
  border-bottom:1px solid var(--c4c-master-line)!important;
}
header.header .header-inner,
header.header .container.header-inner,
header.c4c-header .c4c-header-inner,
header.jobs-dashboard-header .header-inner{
  min-height:82px;
}

/* Existing image logos get a consistent clickable box without changing navigation. */
header .logo:has(img),
header .c4c-logo:has(img),
header .reference-logo:has(img),
header .c4c-reference-logo:has(img){
  display:flex!important;
  align-items:center!important;
  flex:0 0 285px;
  width:285px!important;
  min-width:285px!important;
  max-width:285px!important;
  height:76px!important;
  text-decoration:none!important;
  line-height:0!important;
}

/* Footer/public brand marks that use the master classes. */
.c4c-footer .c4c-logo-image,
.footer .c4c-logo-image{
  width:245px!important;
  max-width:245px!important;
  height:auto!important;
  max-height:60px!important;
}

@media(max-width:1000px){
  header .logo img, header .c4c-logo img, header .reference-logo img, header .c4c-reference-logo img, .jobs-dashboard-header .logo img, .c4c-header .c4c-logo-image{width:235px!important;max-width:235px!important;max-height:58px!important}
  header .logo:has(img), header .c4c-logo:has(img), header .reference-logo:has(img), header .c4c-reference-logo:has(img),
  header .logo:not(:has(img)), header .c4c-logo:not(:has(img)), header .reference-logo:not(:has(img)), header .c4c-reference-logo:not(:has(img)){flex-basis:235px!important;width:235px!important;min-width:235px!important;max-width:235px!important}
  header .logo:not(:has(img)), header .c4c-logo:not(:has(img)), header .reference-logo:not(:has(img)), header .c4c-reference-logo:not(:has(img)){background-size:235px auto!important}
}
@media(max-width:700px){
  header .logo img, header .c4c-logo img, header .reference-logo img, header .c4c-reference-logo img, .jobs-dashboard-header .logo img, .c4c-header .c4c-logo-image{width:190px!important;max-width:190px!important;max-height:50px!important}
  header .logo:has(img), header .c4c-logo:has(img), header .reference-logo:has(img), header .c4c-reference-logo:has(img),
  header .logo:not(:has(img)), header .c4c-logo:not(:has(img)), header .reference-logo:not(:has(img)), header .c4c-reference-logo:not(:has(img)){flex-basis:190px!important;width:190px!important;min-width:190px!important;max-width:190px!important;height:66px!important}
  header .logo:not(:has(img)), header .c4c-logo:not(:has(img)), header .reference-logo:not(:has(img)), header .c4c-reference-logo:not(:has(img)){background-size:190px auto!important}
}
@media(max-width:480px){
  header .logo img, header .c4c-logo img, header .reference-logo img, header .c4c-reference-logo img, .jobs-dashboard-header .logo img, .c4c-header .c4c-logo-image{width:165px!important;max-width:165px!important;max-height:44px!important}
  header .logo:has(img), header .c4c-logo:has(img), header .reference-logo:has(img), header .c4c-reference-logo:has(img),
  header .logo:not(:has(img)), header .c4c-logo:not(:has(img)), header .reference-logo:not(:has(img)), header .c4c-reference-logo:not(:has(img)){flex-basis:165px!important;width:165px!important;min-width:165px!important;max-width:165px!important}
  header .logo:not(:has(img)), header .c4c-logo:not(:has(img)), header .reference-logo:not(:has(img)), header .c4c-reference-logo:not(:has(img)){background-size:165px auto!important}
}