/*
 The custom code below has been added following the guidelines here: https://docs.google.com/document/d/1aqT9Uscr7qcSQQ3veFuyP764SvYComBU/edit?pli=1
*/


@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');



/* TITLES FONTS */
h2.subtitle {
 font-family: "Inter+Tight", sans-serif;
}

/* STEP CONTENT FONCTS */
div.content-text { 
 font-family: "Inter+Tight", sans-serif;
}
.tip{ 
 font-family: "Inter+Tight", sans-serif;
}
.warning {
 font-family: "Inter+Tight", sans-serif;
}
a.tile { 
 font-family: "Inter+Tight", sans-serif;
}
div.radio-wrap { 
 font-family: "Inter+Tight", sans-serif;
}


/* All buttons */
.button-wrap button {
  color: white;
  background: #103D82;
  border: 1px solid #103D82;
  radius: 4px;
}

/* hover state of all buttons */
.button-wrap button:hover {
  background: #103D82;
  border: 1px solid #103D82;
  color: white;
}

/* back button */
.button-wrap .back-button button {
  padding: 0px 7px;
  background: #103D82;
  color: white;
  border: 1px solid white;
}
/* back button hover*/
.button-wrap .back-button button:hover {
  padding: 0px 7px;
  background: white;
  color: #103D82;
  border: 1px solid #103D82;

}
/* color of the arrow icon in back button hover*/
.button-wrap .back-button button:hover svg path {
  fill: #103D82;
}

/* color of the arrow icon in back button */
.button-wrap .back-button button svg path {
  fill: white;
}
/* color of the arrow icon in next step button */
 .button-wrap button:hover svg path {
fill: white;
}


/*CHECKLIST CUSTOMIZATION*/
/* Background circle */
.checklist-icon path[class*="circle"] {
    fill: #103D82 !important;
}
/* Tick */
.checklist-icon path[class*="tick"] {
  fill: #ffffff !important;
}
/* Right arrow */
  .chevron-icon path {
    fill: #103D82 !important;
 }


/* Progress bar */
[class*="ProgressBar__Bar"]{
    background-color:#0F3D81!important;
}

[class*="ProgressBar__Line"]{
   background-color: #0F3D81!important;
}

[class*="ProgressBar__Text"]{
   background-color: #0F3D81!important;
 }


/* TIP AND WARNING CONTAINERS*/
 /* tip container */
.content-text aside.tip {
  border-radius: 4px;
  border-left: 12px solid #1998FF;
  background: rgba(77, 210, 239, 0.1);
}

/* warning container */
.content-text aside.warning {
  border-radius: 4px;
  border-left: 4px solid #FD950D;
  background: rgba(77, 210, 239, 0.1);
}



/* TEXT */
/* step title */
h2.subtitle {
  color: #0C1724;
}

/* Large heading */
h3 {
  color: #0C1724;
}

/* Medium heading */
h4 {
  color: #0C1724;
}

/* Small heading */
h5 {
  color: #0C1724;
}

/* step content */
div.content-text {
  color: #2D353D;
}

/* bullet list */
div.content-text ul {
  color: #2D353D;
}

/* bullet list items */
div.content-text ul li {
  color: #2D353D;
}



  div[class*=FolderBlock__FolderName-] {
  font-weight:bolder!important;
  font-size: 50px;
  }



/* TOOLTIP STYLING */
.guide-7Rv4qsm3Qk [class*="Steps-styles__RightCanvas"] {
background: #223046;
}

/* BACK BUTTON STYLE */
.BackButton__ArrowLeftIcon-sc-875d6005-0 > path{
    fill: #fff !important;
}


/* NO VISIBLE FOCUS */
.stn-close-widget-button:focus-visible {
    outline: none !important;
}