html {
  font-size: 16px;
}

body {
  margin: 0;
}

/*
$variant-a-bg-is-dark-color-background: lighten(pink, 50%); //$cvi-color-primary-blue;
$variant-a-bg-is-dark-color-text: lighten(maroon, 50%); //$cvi-color-primary-white;
$variant-a-bg-is-dark-color-accented-text: lighten(cyan, 50%); //$cvi-color-primary-blue-bright;

$variant-a-bg-is-dark-link-color-background: lighten(red, 50%); //$cvi-color-primary-blue;
$variant-a-bg-is-dark-link-color-text: lighten(blue, 50%); //$cvi-color-primary-white;
$variant-a-bg-is-dark-link-color-accented-text: lighten(darkgreen, 50%); //$cvi-color-primary-blue-bright;

$variant-a-bg-is-dark-link-hover-color-background: lighten(yellow, 50%); //$cvi-color-primary-blue-dark;
$variant-a-bg-is-dark-link-hover-color-text: lighten(purple, 50%); //$cvi-color-primary-white;
$variant-a-bg-is-dark-link-hover-color-accented-text: lighten(orange, 50%); //$cvi-color-primary-white;

$variant-b-bg-is-dark-color-background: lighten(white, 50%); //$cvi-color-primary-blue;
$variant-b-bg-is-dark-color-text: lighten(black, 50%); //$cvi-color-primary-white;
$variant-b-bg-is-dark-color-accented-text: lighten(grey, 50%); //$cvi-color-primary-blue-bright;

$variant-b-bg-is-dark-link-color-background: lighten(white, 50%); //$cvi-color-primary-blue;
$variant-b-bg-is-dark-link-color-text:lighten(black, 50%); //$cvi-color-primary-white;
$variant-b-bg-is-dark-link-color-accented-text: lighten(gray, 50%); //$cvi-color-primary-blue-bright;

$variant-b-bg-is-dark-link-hover-color-background:lighten(black, 50%); //$cvi-color-primary-blue-dark;
$variant-b-bg-is-dark-link-hover-color-text: lighten(white, 50%); //$cvi-color-primary-white;
$variant-b-bg-is-dark-link-hover-color-accented-text: lighten(silver, 50%); //$cvi-color-primary-white;
*/
@font-face {
  font-family: "UniNeueBlack-Italic";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueBook-Italic";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueBold-Italic";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueBlack";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueBold";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueBook";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueHeavy-Italic";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueHeavy";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueLight";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueLight-Italic";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueRegular";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueRegular-Italic";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueThin";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
@font-face {
  font-family: "UniNeueThin-Italic";
  font-style: normal;
  src: url("/style library/countrysites/fonts/karbon/karbon-medium.woff2") format("woff2");
  font-display: auto;
}
.header .ms-long {
  width: 100%;
  text-align: center;
}

.edit-mode .ms-formfieldcontainer,
.edit-mode .ms-SPZoneLabel,
.edit-mode .ms-SPZone {
  background-color: rgba(255, 255, 255, 0.25);
  border: solid 1px white;
  padding: 5px;
}

.edit-mode .ms-SPZoneLabel {
  border-bottom: none;
  margin-top: 10px;
}

.edit-mode .ms-SPZone {
  border-top: none;
}

.edit-mode div.ms-formfieldlabelcontainer span.ms-formfieldlabel,
.edit-mode .ms-formfieldlabelcontainer .ms-formfieldlabel,
.edit-mode .ms-webpart-zone-title {
  color: #444;
}

.edit-mode-panel.nets-ResponsiveSetup {
  background-position: center center;
  background-repeat: repeat;
  background-size: auto;
  background-image: url("../images/checkered.png");
}

DIV.inets-Element-divLinkDigitisation {
  -ms-name: "Digitisation Link Button";
  -ms-element: "true";
}

DIV.inets-Element-divDigitisationInlineButton {
  -ms-name: "Digitisation Inline Link Button";
  -ms-element: "true";
}

DIV.inets-Element-divLinkDigitisationInline {
  -ms-name: "Digitisation Link";
  -ms-element: "true";
}

DIV.inets-Element-divDigitisationHuge {
  -ms-name: "Digitisation Huge";
  -ms-element: "true";
}

.wrapper div.inets-Element-divDigitisationHuge,
.ms-cui-layout div.inets-Element-divDigitisationHuge {
  font-size: 5.3333rem;
  line-height: 7rem;
}

.wrapper .inets-Element-divLinkDigitisationInline {
  display: inline;
  font-size: 1.4rem;
  line-height: 1.5rem;
}

@media (min-width: 640px) {
  .wrapper .inets-Element-divDigitisationInlineButton,
  .wrapper .inets-Element-divLinkDigitisation {
    display: inline-block;
  }
  .inets-Element-divLinkDigitisation + .inets-Element-divLinkDigitisation {
    margin-left: 24px;
  }
}