:root {
  --color-white: #fff;
  --color-primary-1: #0066AA;
  --color-primary-1-rgb: 0, 102, 170;
  --color-primary-2: #E0081C;
  --color-primary-2-rgb: 224, 8, 28;

  --color-main-black: #363636;
  --color-main-black-rgb: 54, 54, 54;
  --color-main-white: #ffffff;

  --color-main-background: #fff;
  --color-second-background: #595454;
  --color-second-background-rgb: 84, 84, 84;

  --color-secondary-light-blue: #9BCBEB;
  --color-secondary-light-blue-rgb: 155, 203, 235;
  --color-secondary-light-green: #CBD34B;
  --color-secondary-light-green-rgb: 203, 211, 75;
  --color-secondary-light-orange: #FFB549;
  --color-secondary-light-orange-rgb: 255, 181, 73;

  --color-unpublished-node: #FBB6B6;

  --color-grey1: #111;
  --color-grey2: #222;
  --color-grey3: #333;
  --color-grey4: #444;
  --color-grey5: #555;
  --color-grey6: #666;
  --color-grey7: #777;
  --color-grey72: #727272;
  --color-grey8: #888;
  --color-grey9: #999;
  --color-grey9-rgb: 153, 153, 153;
  --color-grey10: #aaa;
  --color-grey11: #bbb;
  --color-grey12: #ccc;
  --color-grey12-rgb: 204, 204, 204;
  --color-grey13: #ddd;
  --color-grey13-rgb: 221, 221, 221;
  --color-grey14: #eee;
  --color-grey14-rgb: 238, 238, 238;
  --color-grey15: #f1f1f1;
  --color-grey15-rgb: 241, 241, 241;

  --color-error: var(--bs-red);

  --bp-sm-min-width: 576px;
  --bp-md-min-width: 768px;
  --bp-lg-min-width: 992px;
  --bp-xl-min-width: 1200px;
  --bp-xxl-min-width: 1400px;

  --size-header-height: 110px;

  --border-radius: 0.5rem;

  --font-size-main: 14px;
  --font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* BOOTSTRAP OVERRIDE */
  --bs-link-color: #0066AA;
  --bs-link-hover-color: #0066AA;
}

/********************************************** FONT *********************************************/
/********************************************** BACKGROUND ***************************************/
/********************************************** BORDERS ******************************************/
/********************************************** BUTTONS ******************************************/

/********************************************** FONT *********************************************/
@font-face {
    font-family: "proxima-nova";
    src: url("fonts/ProximaNova-Light.otf") format("opentype");
    font-weight: lighter;
}

@font-face {
    font-family: "proxima-nova-regular";
    src: url("fonts/ProximaNova-Regular.otf") format("opentype");
}

@font-face {
    font-family: "proxima-nova-bold";
    src: url("fonts/ProximaNova-Bold.otf") format("opentype");
}

@font-face {
    font-family: "proxima-nova";
    src: url("fonts/ProximaNova-Regular.otf") format("opentype");
    font-weight: normal;
}
@font-face {
    font-family: "proxima-nova";
    src: url("fonts/ProximaNova-Bold.otf") format("opentype");
    font-weight: bold;
}
@font-face {
    font-family: "source-serif-regular";
    src: url("fonts/SourceSerifPro-Regular.ttf") format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: "source-serif-bold";
    src: url("fonts/SourceSerifPro-Bold.ttf") format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: "source-serif-semi-bold";
    src: url("fonts/SourceSerifPro-SemiBold.ttf") format("truetype");
    font-weight: bold;
}

/********************************************** BACKGROUND ***************************************/
.bg-primary {
  background-color: rgba(var(--color-primary-1-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-white);
}
.bg-secondary{
  background-color: rgba(var(--color-primary-2-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-white);
}
.bg-dark{
  background-color: rgba(var(--color-main-black-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-white);
}

.bg-light-blue{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color-secondary-light-blue-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-white);
} 
.bg-light-green{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color-secondary-light-green-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-white);
} 
.bg-light-orange{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color-secondary-light-orange-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-white);
} 

.bg-grey-9{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color-grey9-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-white);
} 
.bg-grey-12{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color-grey12-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-main-black);
}  
.bg-grey-13{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color-grey13-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-main-black);
} 
.bg-grey-14{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--color-grey14-rgb), var(--bs-bg-opacity)) !important;
  color: var(--color-main-black);
} 


/********************************************** BORDERS ******************************************/
.border-primary {
  border-color: rgba(var(--color-primary-1-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary{
  border-color: rgba(var(--color-primary-2-rgb), var(--bs-border-opacity)) !important;
}
.border-dark{
  border-color: rgba(var(--color-main-black-rgb), var(--bs-border-opacity)) !important;
}

.border-light-blue{
  --bs-border-opacity: 1;
  border-color: rgba(var(--color-secondary-light-blue-rgb), var(--bs-border-opacity)) !important;
} 
.border-light-green{
  --bs-border-opacity: 1;
  border-color: rgba(var(--color-secondary-light-green-rgb), var(--bs-border-opacity)) !important;
} 
.border-light-orange{
  --bs-border-opacity: 1;
  border-color: rgba(var(--color-secondary-light-orange-rgb), var(--bs-border-opacity)) !important;
} 

.border-grey-9{
  --bs-border-opacity: 1;
  border-color: rgba(var(--color-grey9-rgb), var(--bs-border-opacity)) !important;
} 
.border-grey-12{
  --bs-border-opacity: 1;
  border-color: rgba(var(--color-grey12-rgb), var(--bs-border-opacity)) !important;
}  
.border-grey-13{
  --bs-border-opacity: 1;
  border-color: rgba(var(--color-grey13-rgb), var(--bs-border-opacity)) !important;
} 
.border-grey-14{
  --bs-border-opacity: 1;
  border-color: rgba(var(--color-grey14-rgb), var(--bs-border-opacity)) !important;
} 


/********************************************** TEXTS ******************************************/

.text-primary {
  color: var(--color-primary-1) !important;
}
.text-danger {
  color: var(--color-primary-2) !important;
}

.text-light-blue {
  color: var(--color-secondary-light-blue) !important;
}
.text-light-green {
  color: var(--color-secondary-light-green) !important;
}
.text-light-orange {
  color: var(--color-secondary-light-orange) !important;
}
.text-grey5 {
  color: var(--color-grey5) !important;
}


/********************************************** BUTTONS ******************************************/

.btn-primary {
  background-color: var(--color-primary-1);
  color: var(--color-white);
  border-color: var(--color-primary-1);
}

.btn-primary:hover {
  background-color: var(--color-white);
  color: var(--color-primary-1);
  border-color: var(--color-primary-1);
}