:focus-visible {
    outline: 2px solid #1f1f1f !important;
    border-radius: 0px !important;

}
.no-touch .mcq-item__label:not(.is-disabled):not(.is-selected):hover, html:not(.a11y-disable-focusoutline) .mcq-item__input:focus-visible+.mcq-item__label {
    outline: 2px solid #1f1f1f !important;
        border-radius: 0px !important;
}

button.h5p-question-iv-continue.h5p-joubelui-button {
    border-radius: 0px !important;
}
.h5p-joubelui-button {
    border-radius: 0px !important;
}
.block._color-primary-020-tint {
    background-color: #F1FFFF;
}
.component__inner.graphic__inner {
    padding: 0px;
}

.btn-text {
    background-color: #007174;
border-radius: 0px
}

/*Start - Custom Transcript button - Additional Material*/
button.additional-material-btn.js-additional-material-btn-click.btn-text.btn-primary {
    border-radius: 0px !important;
}
.icon-Transcript:before {
    font-size: 14px !important;
    padding-top: 2px;
}
.additional-material-btn {
    min-height: 0px !important;
}

/* Base styles for the button */
button.trickle__btn.js-trickle-btn.btn-text {
    font-weight: 400;
    background-color: #007174;
    border-radius: 0px;
    	font-family: 'roboto' !important;
}

/* More specific hover styles for the button */
.no-touch button.trickle__btn.js-trickle-btn.btn-text:hover {
    background-color: #27acb0;
    	font-family: 'roboto' !important;
}


.no-touch .additional-material-btn.btn-primary {
    background-color: #fff;
    border:  1.5px solid #ccc !important;
    float: right;
    color: #666;
    font-size: .7rem !important;
    font-weight: 400;
}
.no-touch .additional-material-btn.btn-primary:hover {
    background-color: #666 !important;
    border: 1.5px solid #ccc !important;
    float: right;
    color: #fff;
    font-size: .7rem !important;
    font-weight: 400;
    border-radius:0px
}
.additional-material-btn-container {

    float: right !important;
}
/*End - Custom Transcript button - Additional Material*/

/* START Equal height, equal width columns in Adapt from 759px using Grid */
@media (min-width: 47.4375rem) { .equal-height
.component__container { 
    display: grid; 
    grid-template-columns: minmax(auto, 50%) minmax(auto, 50%); 
    gap: 2rem; 
}
.equal-height .component__container > .component { 
    width: 100%; height: 100%; padding: 0; 
} 
.equal-height .component__container > .component > .component__inner { 
    min-height: 100%; 
}
}
/* END Equal height, equal width columns in Adapt from 759px using Grid */
.h5p-interactive-video .h5p-interaction-label .h5p-interaction-label-text > p {
	color: #1f1f1f;
	font-size: 0.8rem;
	list-style-type: disc;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	line-height: 1.2;
	color: #1f1f1f;
	font-family: 'roboto' !important;
}

/* Media query for larger screens */
@media (min-width: 768px) {
.h5p-interactive-video .h5p-interaction-label .h5p-interaction-label-text > p {
		font-size: 1.2rem; /* Adjust the font size for larger screens */
			line-height: 1.2;
	}
}

/* Media query for even larger screens */
@media (min-width: 1200px) {
.h5p-interactive-video .h5p-interaction-label .h5p-interaction-label-text > p {
		font-size: 1.6rem; /* Adjust the font size for even larger screens */
			line-height: 1.2;
	}
}

/*h5p responsive text in relation to screen size*/
.h5p-interactive-video .h5p-text p:first-child {
	color: #1f1f1f;
	font-size: 0.8rem;
	list-style-type: disc;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	line-height: 1.2;
	color: #1f1f1f;
	font-family: 'roboto' !important;
}

/* Media query for larger screens */
@media (min-width: 768px) {
.h5p-interactive-video .h5p-text p:first-child {
		font-size: 1.2rem; /* Adjust the font size for larger screens */
	}
}

/* Media query for even larger screens */
@media (min-width: 1200px) {
.h5p-interactive-video .h5p-text p:first-child {
		font-size: 2rem; /* Adjust the font size for even larger screens */
	}
}

// hotgraphics pin show/hide
button.btn-icon.laerdal-hotgraphic__pin {
    width: 101.43px;
    height: 101.42px;
    background-color: transparent;
    border-radius: 50%;
}
button.btn-icon.laerdal-hotgraphic__pin:hover {
    background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
    box-shadow: 0 0 0 3px rgba(0,0,0,0.5);
}
button.btn-icon.laerdal-hotgraphic__pin:hover img {
    visibility: visible;
}
button.btn-icon.laerdal-hotgraphic__pin img {
    visibility: hidden;
}


/*tint color custom*/
.component-color.primary-020-tint .component__inner {
    background-color: #F1FFFF !important;
    border-radius: 0px !important;
}
.component-color.primary-100-tint .component__inner {
    background-color: #FDCF72 !important;
    border-radius: 0px !important;
}
.component-color.primary-200-tint .component__inner {
    background-color: #D5F1F1 !important;
    border-radius: 0px !important;
}
.component-color.primary-300-tint .component__inner {
    background-color: #ffffff !important;
    border-radius: 0px !important;
}

/*scroll navigator icon*/
.scroll-navigator-container .scroll-navigator-inner .scroll-navigator-item .scroll-navigator-arrow {
    background-color: #007174 !important;
}

/*graphic component*/
.component__inner {
    padding: 0;
}

/*who custom styles*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

.accordion__item-btn {
    border-radius: 0px !important;
}

/*Top bar design - height control*/
.page__title.aria-heading-1 {
    padding-top: 26px;
}

/*MCQ buttons*/
/* Base styles for the button */
button.btn-text.btn__action.js-btn-action {
    background-color: #007174;
    border-radius: 0px;
    padding: .5rem 1rem;
    margin-bottom: 0px;
    font-size: 1.2rem;
    font-family: 'roboto', sans-serif !important;
    font-weight: 400;
}

/* More specific hover styles for the button */
body .container .no-touch button.btn-text.btn__action.js-btn-action:hover {
    background-color: #27acb0;
}

/*Remove round-borders*/
.mcq-item__state-container {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.mcq-item__label {
    border-radius: 0px !important;
}
.accordion-item__btn {
    border-radius: 0px !important;
}
.dropdown__btn {
    border-radius: 0px !important;
}
.dropdown__list {
    border-radius: 0px !important;
}
.inline-feedback {
    border-radius: 0px !important;
}
.actionplan__btn {
    border-radius: 0px !important;
}
.actionplan__item-textbox {
    border-radius: 0;
}
.h5p-content [tabIndex="-1"] {
    outline: none;
}
.h5p-interactive-video {
    border-radius: 0px !important;
}
/*custom*/
body {
    font-family: 'roboto' !important;
}
.lifemenu-item__title {
    font-family: 'roboto',sans-serif !important;
}
.lifemenu__title {
    font-family: 'Roboto',sans-serif !important;
}
.page__title {
    font-family: 'roboto',sans-serif !important;
}
.component__title {
    font-family: 'roboto',sans-serif !important;
}
.mcq__item-label {
    border-radius: 0px !important;
}
.mcq__item-state-container {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.laerdal-narrative__content-and-slides {
    border-radius: 0px !important;
}
button.btn-icon.nav__btn.nav__back-btn.js-nav-back-btn {
    display: none;
}

/*Trickle fix*/
.trickle.is-full-width .trickle__btn {
    width: 100% !important;
    float: none !important;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 1.5rem;
    padding-top: 0.1rem;
    padding-bottom: 0.4rem;
}


.h5p-interactive-video .h5p-true-false .h5p-question-feedback-container {
    display: block !important;
}

/*Action Plan - Inner title*/
.actionplan__title-inner {
    font-family: 'Roboto',sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.75rem !important;
    line-height: 1.2 !important;
    color: #333333 !important;
}
input#input-0 {
    border-radius: 0px;
}

/*Hotgrid fix*/
.hotgrid__item-btn.is-css .hotgrid__item-image {
    border: none !important;
}
.hotgrid__item-btn .hotgrid__item-title, .hotgrid__item-btn .hotgrid__item-icon {
    background-color: transparent !important;
    color: #000 !important;
}
.hotgrid__item-title-inner {
    text-align: left !important;
    font-style: italic;
    font-size: 1.2rem;
}
.center .hotgrid__item-title-inner {
    text-align: center !important;
}

/*Background WHO colors*/
.block._turquoise3{
background-color:rgba(86,198,201,1);
}
.block._turquoise4{
background-color:rgba(213,241,241,1);
}
.block._orange3{
background-color:rgba(246,209,128,1);
}
.block._orange4{
background-color:rgba(254,243,220,1);
}
.block._yellow3{
background-color:rgba(251,234,172,1);
}
.block._yellow4{
background-color:rgba(255,249,232,1);
}
.block._green3{
background-color:rgba(201,242,217,1);
}
.block._green4{
background-color:rgba(241,252,245,1);
}

/*Scroller and removal of top nav - Start*/
button.btn-icon.nav__btn.nav__back-btn.js-nav-back-btn {
    display: none;
}
.nav {
    display: none;
}
.topbar {
    display: none;
}


div#right {
    right: 30px;
}
.container_scroller {
    position: relative;
    width: 24px;
    height: 24px;
    float: right;
    z-index: 2;
}
.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}
.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}
.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #2e7fa1;
}
.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}
.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}
@keyframes move {
  25% {
    opacity: 1;
  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
.text_scroller {
  display: block;
  margin-left: -30px;
  font-size: 17px;
  color: #333;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}
@keyframes pulse {
  to {
    opacity: 1;
  }
}

.textinput__item-textbox {
line-height: 4.5 !important;
}
.can-show-marking .mcq__widget:not(.is-complete) .mcq-item__label.is-selected.is-disabled .mcq-item__state-container {
	background-color: #f26c4f;
	color: #ffffff;
}
.can-show-marking .mcq__widget:not(.is-complete) .mcq-item__label.is-selected.is-disabled {
	background-color: #fef5f7;
	color: #1f1f1f;
}
.component__container {
    border-radius: 0px !important;
}

/*START h5p text body font style roboto and bigger font size*/
.h5p-interactive-video-endscreen {
font-family: 'roboto' !important;
}
.h5p-interactive-video .h5p-true-false .h5p-question-introduction p {
font-size: 1.3rem;
line-height: 1.2;
font-family: 'roboto' !important;
}
.h5p-interactive-video .h5p-true-false .h5p-true-false-answer {
font-size: 1.3rem;
font-family: 'roboto' !important;
}
.h5p-question-visible .h5p-question-feedback-content.has-content {
font-size: 1.3rem;
line-height: 1.2;
font-family: 'roboto' !important;
}
.h5p-interactive-video .h5p-true-false .h5p-joubelui-button {
font-size: 1.2rem;
font-family: 'roboto' !important;
}
/*h5p text body font style roboto and bigger font size END*/

/*talk picture sizes*/
.component__image-container.talk__character__image-container img {
  width: 100%; /* Scale the image to fit the container's width */
  height: auto; /* Maintain the aspect ratio */
  object-fit: cover; /* Preserve the aspect ratio while resizing and filling the container */
}
@media (min-width: 768px) { /* Adjust the breakpoint based on your design */
  .component__image-container.talk__character__image-container img {
    min-width: 130px;
    min-height: 130px;
    max-width: 130px;
    max-height: 130px;
  }
}
/*talk colors*/
.talk__chat-character-2 .talk__chat__message {
background-color: #93D5D7 !important;
color: #1f1f1f !important;
max-width:530px !important;
}
.talk__chat-character-1 .talk__chat__message {
background-color: transparent !important;
color: #1f1f1f !important;
border: 3px solid #009196 !important;
}
/*talk align center*/
.talk__chat-container {
align-items: center;
}
.talk.single .talk__chat-character-2 .talk__chat-container {
align-items: center;
}
/* Equal height, equal width columns in Adapt from 759px using Grid */
@media (min-width: 47.4375rem) {
    .equal-height .component__container { 
        display: grid; 
        grid-template-columns: minmax(auto, 50%) minmax(auto, 50%); 
        gap: 2rem; 
    }
    .equal-height .component__container > .component { 
        width: 100%; 
        height: 100%; 
        padding: 0; 
    }
    .equal-height .component__container > .component > .component__inner { 
        min-height: 100%; 
    }
}

/*table code*/
table {
  max-width: 100%;
  border: 1px solid transparent;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  table {
    table-layout: auto;
    max-width: 100%;
  }
}
tr:first-child td {
    border-top: 2px solid #1f1f1f;
    border-bottom: 2px solid #1f1f1f;
}
tr:last-child td {
    border-bottom: 2px solid #1f1f1f;
}
table td {
    padding: 0rem;
}
table td {
  width: 100%;
  border-left: 2px solid #1f1f1f;
  color: #1f1f1f;
  font-size: 16px;
  line-height: 2rem;
  border-right: 2px solid #1f1f1f;
  padding-left: 1.3889em;
}


.no-touch .additional-material-btn.btn-secondary:not(.is-disabled):not(.is-locked):hover {
    background-color: #666 !important;
    border: 1.5px solid #ccc !important;
    float: right;
    color: #fff;
    font-size: .7rem !important;
    font-weight: 400;
}
.noevent {
    button:not(.is-disabled):not(.is-locked) {
        cursor: pointer;
        pointer-events: none;
    }
}
.h5p-question-buttons.h5p-question-visible {
    display: flex;
}
/* Default styles for desktop */
.hotgrid__item {
    width: 25%;
}

.hotgrid__item-title-inner {
    font-size: 1.2rem;
    text-align: center !important;
}

/* Styles for tablets (approximate range) */
@media screen and (max-width: 1024px) {
    .hotgrid__item {
        width: 70%;  /* 70% of the original size */
    }
}

/* Styles for mobile devices (approximate range) */
@media screen and (max-width: 768px) {
    .hotgrid__item {
        width: 50%;  /* 50% of the original size */
    }
}

/* Default styles for desktop */
.hotgrid__item {
    width: 33.33333%;
}
.hotgrid__item-title-inner {
    text-align: left !important;
    line-height: 1.5;
}
.noevent {
    button:not(.is-disabled):not(.is-locked) {
        cursor: pointer;
        pointer-events: none;
    }
}
.no-touch .btn-text:not(.is-disabled):not(.is-locked):hover {
    background-color: #27acb0 !important;
}

.additional-material-btn.btn-primary:not(.is-disabled):not(.is-locked):hover {
    background-color: #666 !important;
}
.btn-text.is-disabled {
    background-color: #dddddd !important;
    color: #b3b3b3;
}
.component__instruction {
	font-family: 'roboto' !important;
}
.block__instruction-inner {
	font-family: 'roboto' !important;
}
.component__body a, .component__instruction a {
    font-family: 'roboto' !important;
    font-weight: 400;
}