: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;
}

/* Unvisited Links */
.component__body a:link,
.component__instruction a:link {
    color: #006600; /* Dark Green */
    outline: none;
}

/* Visited Links */
.component__body a:visited,
.component__instruction a:visited {
    color: #800020; /* Burgundy */
    outline: none;
}

/* Hover State for Unvisited Links */
.component__body a:link:hover,
.component__instruction a:link:hover {
    color: #004C4C; /* Very Dark Green */
    outline: none;
}

/* Hover State for Visited Links */
.component__body a:visited:hover,
.component__instruction a:visited:hover {
    color: #660019; /* Very Dark Burgundy */
    outline: none;
}

/* Active State for All Links */
.component__body a:active,
.component__instruction a:active {
    color: #003300; /* Deepest Green */
    outline: none;
}

.actionplan input[type='text'] {
    margin-top: 0px;
}
ul li {
  margin-bottom: 15px; /* Adjust the value to your preference */
}

ul li:last-child {
  margin-bottom: 0; /* Remove bottom margin from the last list item */
}

.boldnarrativetitles .laerdal-narrative__content-title [role='heading'][aria-level='5'] {
    font-weight: bold;
}

.h5p-interactive-video .h5p-interaction-label.h5p-interaction-label-standalone {
    border-radius: 0px !important;
}

.h5p-interactive-video .h5p-interaction-label .h5p-interaction-label-text>p {
    font-size: 1rem !important; 
    font-style: italic !important;
     padding-left: 0.6rem;
    padding-right: 0.6rem;
}
.h5p-interactive-video .h5p-text p {
    font-size: 1.2rem !important;
    font-family: 'Roboto', sans-serif !important;
    line-height: 1.5 !important;
}
.h5p-interactive-video .h5p-interaction-label .h5p-interaction-label-text {
    color: #ffffff !important;
}
.h5p-interactive-video .h5p-interaction-label {
    background: rgba(0,0,0,.8) !important;
}
.h5p-interactive-video .h5p-interaction-label {
    box-shadow: none !important;
    border-radius: 0px !important;
}
.h5p-interactive-video .h5p-overlay {
    color: #1f1f1f !important;
}
.h5p-interactive-video .h5p-interaction.h5p-poster {
    box-shadow: none !important;
    border-radius: 0px !important;
}
.sixrem .block__inner {
padding-bottom: 6rem !important;
}
.h5p-sc-solution-choices {
    font-size: 1.2rem;
}

ul.h5p-sc-alternatives li.h5p-sc-alternative {
    font-size: 1.2rem !important;
    line-height: 1.5;
}

.h5p-single-choice-set .h5p-sc-question p {
    font-size: 1.2rem ;
    line-height: 1.5;
}

    .additional-material-popup .notify__popup, 
    .laerdal-life-popup .notify__popup {
        width: 100% !important;
    }

@font-face {
    font-family: "who-academy";
    src: url("https://cdn.brandfolder.io/JGBHQ1ZI/at/wzfzr6hm3tftcq7rqnpng5kq/who-academy.eot");
    src: url("https://cdn.brandfolder.io/JGBHQ1ZI/at/wzfzr6hm3tftcq7rqnpng5kq/who-academy.eot#iefix") format("embedded-opentype"), url("https://cdn.brandfolder.io/JGBHQ1ZI/at/np4fgsz6jf939fx8wp9qrr/who-academy.woff2") format("woff2"), url("https://cdn.brandfolder.io/JGBHQ1ZI/at/3rjk6pvmmwmwpgvxhvcvbj/who-academy.woff") format("woff"), url("https://cdn.brandfolder.io/JGBHQ1ZI/at/q577rwjth6rpbr89vvfc9mg/who-academy.ttf") format("truetype"), url("https://cdn.brandfolder.io/JGBHQ1ZI/at/t6kmb579q9cws6vvw5gcjj/who-academy.svg#who-academy") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  .article.title-icon .article__header [role=heading]::before,
  .block.title-icon .block__header [role=heading]::before,
  .component.title-icon .component__header [role=heading]::before,
  [class^=icon-who-]::before,
  [class*=" icon-who-"]::before {
    font-family: "who-academy";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    margin-left: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.05;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .title-icon.icon:empty {
    display: none;
  }
  .article.title-icon-who-video .article__header [role=heading]::before,
.block.title-icon-who-video .block__header [role=heading]::before,
.component.title-icon-who-video .component__header [role=heading]::before,
.icon-who-video::before {
  content: "\e808";
} /*# sourceMappingURL=who-academy.css.map */

.talk__chat.talk__chat-character-2 .talk__chat-container {
    flex-direction: row-reverse;
}

.additional-material-popup .notify__content-inner, .laerdal-life-popup .notify__content-inner {
    max-height: 82vh !important;
}

.additional-material-btn.ripple.ripple-effect:before {
    display: none;
}

.component.laerdal-text.\36 66c20e145420bbbc4d40979 {
    overflow-wrap: break-word;
}
.block__title {
    font-size: 1.75rem !important;
}

button.actionplan__btn.btn.js-actionplan-export-click.is-disable {
    font-size: 1.2rem;
}
button.actionplan__btn.btn.js-actionplan-export-click.is-enable {
    font-size: 1.2rem;
    font-weight: 400;
}
button.btn-text.btn__action.js-btn-action {
    font-size: 1.2rem;
}
.actionplan__body-inner {
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.5 !important;
    color: #1f1f1f !important;
}
.actionplan__message {
    color: #767676 !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
}


.customicon .icon:before {
    display: inline-block;
    font-family: "vanilla";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    font-size: 1.8rem;
    text-align: revert;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    margin-right: 0.2em;
    vertical-align: middle;
    margin-bottom: 0.2em;
    -moz-osx-font-smoothing: grayscale;
}
.customicontwo .icon:before {
    display: inline-block;
    font-family: "who-academy";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    font-size: 2.1rem;
    text-align: revert;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    margin-right: 0.2em;
    vertical-align: middle;
    margin-bottom: 0em;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
}

.topinnerzero .component__inner.text__inner {
    padding-top: 0px;
}
.bottominnerzero .component__inner.text__inner {
    padding-bottom: 0px;
}

.flipcard__item {
    width: 100%;
}
.flipcard__item-face.flipcard__item-front, .flipcard__item-front .flipcard__item-frontImage, .flipcard__item-face.flipcard__item-back {
    width: 100% !important;
}
    .flipcard__item-back-body {
        font-size: 1.2rem !important;
        text-align: left;
        display: flex;
        line-height: 1.5;
        height: auto !important;
        margin-left: 0.8rem;
    }

    .flipcard__item-face.flipcard__item-front {
        height: 15.25rem !important;
        width: 100%;
        border-radius: 0px;
        margin: 0px;
    }

    .flipcard__item-front .flipcard__item-frontImage {
        width: 100%;
        height: 15.25rem;
        object-fit: contain;
        border-radius: 0px;
        margin: 0px;
    }

    .flipcard__item-face.flipcard__item-back {
        height: 15.25rem;
        border-radius: 0px;
        margin: 0px;
    }

    .flipcard__item-face.flipcard__item-back {
        width: 100%;
        border-radius: 0px;
        margin: 0px;
    }


@media screen and (min-width: 1024px) {
.paddingbottom .component.laerdal-flipcard  {
    padding-bottom: 2.7rem;
}
}

/*MQ tint padding classes*/
.paddingunderremoved.component-color.primary-500-tint .component__inner {
    padding-bottom: 1px;
}
.paddingtopremoved.component-color.primary-500-tint .component__inner {
    padding-top: 1px;
}
.paddingunderremoved.component-color.primary-300-tint .component__inner {
    padding-bottom: 1px;
}
.paddingtopremoved.component-color.primary-300-tint .component__inner {
    padding-top: 1px;
}
.paddingunderremoved.component-color.primary-200-tint .component__inner {
    padding-bottom: 1px;
}
.paddingtopremoved.component-color.primary-200-tint .component__inner {
    padding-top: 1px;
}
.paddingunderremoved.component-color.primary-100-tint .component__inner {
    padding-bottom: 1px;
}
.paddingtopremoved.component-color.primary-100-tint .component__inner {
    padding-top: 1px;
}
.paddingunderremoved.component-color.primary-020-tint .component__inner {
    padding-bottom: 1px;
}
.paddingtopremoved.component-color.primary-020-tint .component__inner {
    padding-top: 1px;
}
.voiceover .component__inner.laerdal-media__inner {
background-color: #f1fbfe;
}
.notify__popup.notify__popup-type-popup.additional-material-popup.laerdal-life-popup {
    background-color: #D7ECF8;
}
.customtertiary-one .additional-material-btn.btn-tertiary:hover {
    background-color: #94BBA0 !important;
    border: 2px solid #94BBA0 !important;
}
.customtertiary-one .additional-material-btn-container {

    float: none !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    width: 1024px;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.customtertiary-one .additional-material-btn.btn-tertiary {
    background-color: #639372 !important;
    border: 2px solid #639372 !important;
    color: #ffffff !important;
    font-size: 1.2rem !important;
    padding: .615rem 1.25rem;
    border-radius: 0px !important;
    display:inline-grid;
    text-align: left;
    width: 90rem;
    float: none !important;
    min-width: 96.5%;
    margin-top: 0.5rem !important;
}

.customtertiary-two button.additional-material-btn.js-additional-material-btn-click.btn-text.btn-tertiary:hover {
    color: #276d8b !important;
    text-decoration: underline;
    background-color: transparent;
}
.customtertiary-two .additional-material-btn-container {
    width: auto;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    float: initial !important;
}
.customtertiary-two .additional-material-btn.btn-tertiary {
    background-color: transparent !important;
    border: none !important;
    color: #2e7fa1 !important;
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    padding: 0px;
    border-radius: 0px !important;
    display:inline-grid;
    text-align: left;
    float: none !important;
    margin: 0 !important;
}

.customtertiary-three button.additional-material-btn.js-additional-material-btn-click.btn-text.btn-tertiary:hover {
    background-color: rgba(44, 135, 196, 0.8) !important;
    border: 2px solid transparent;
}

.customtertiary-three .additional-material-btn-container {
        float: initial !important;
}
.customtertiary-three .additional-material-btn.btn-tertiary {
        background-color: #2C87C4 !important;
        color: #FFFFFF !important;
        font-size: 1.1rem;
        border-radius: 0px !important;
            margin: 0px;
    padding: 0px;
            line-height: 1.9;
    padding-left: 0.3rem;
    padding-right: 0.75rem;
    max-width: 40ch;
}

/*talk picture sizes*/
.component__inner.talk__inner {
    float: left;
}

.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: 220px;
    min-height: 220px;
    max-width: 220px;
    max-height: 220px;
  }
}
/* Disable any animations */
.component__inner.talk__inner {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Disable specific keyframes (if known) */
@keyframes fadeInBottom {
    from {
        opacity: 1 !important;
        transform: none !important;
    }
    to {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Disable transitions on pseudo-elements */
.component__inner.talk__inner::before,
.component__inner.talk__inner::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}
.talk__chat__message {
    padding-left:3rem !important;
    padding-right:10rem !important;
}
.talk__chat__character {
    padding-left:3rem;
}
/*talk colors*/
.talk__chat-character-1 .talk__chat__message {
  background-color: #f1fbfe !important;
  color: #1f1f1f !important;
  max-width: 880px;
  border: none !important;
}

.talk__chat-character-2 .talk__chat__message {
  background-color: #f1fbfe !important;
  color: #1f1f1f !important;
  max-width: 880px;
}

/*talk align center*/
.talk__chat-container {
  align-items: center !important;
}

.talk.single .talk__chat-character-1 .talk__chat__character {
  padding-left: 1rem;
}

.talk.single .talk__chat-character-2 .talk__chat-container {
  align-items: center !important;
}

.talk.single .talk__chat-character-2 {
  justify-content: flex-end !important;
}

.talk.single .talk__chat-character-2 .talk__chat__character {
  padding-right: 0;
}

.component__inner.graphic__inner {
    padding: 0;
}

button.btn-text.btn__action.js-btn-action.is-disabled {
    background-color: #dddddd;
}
button.btn-text.btn__action.js-btn-action  {
background-color: #007174;
} 

.block__title.aria-heading-3 {
    font-size: 1.75rem !important;
    color: #1f1f1f;
}
.block__instruction {
    font-family: 'roboto',sans-serif !important;
}
.block__title {
    font-family: 'roboto',sans-serif !important;
}
.btn-text {
    font-family: 'roboto',sans-serif !important;
font-weight: 400 !important;
}
.block__title.aria-heading-2 {
    font-size: 1.75rem !important;
    coolor: #1f1f1f;
}

.actionplan__message:before {
    color: #1f1f1f !important;
}
.actionplan__message {
    color: #1f1f1f !important;
}

.actionplan__title-inner {
    font-family: 'roboto',sans-serif !important;
}

.component__instruction {
    font-family: 'roboto',sans-serif !important;
}

/*Start - Custom Transcript button - Additional Material*/

.icon-Transcript:before {
    font-size: 14px !important;
    padding-top: 2px;
}
.additional-material-btn {
    min-height: 0px !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;
    border-radius:0px !important;
}
.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;
}
.additional-material-btn-container {

    float: right !important;
}

/*End - Custom Transcript button - Additional Material*/

/*disable all clicks class*/
.noevent {
button:not(.is-disabled):not(.is-locked) {
    cursor: pointer;
    pointer-events: none;
}
}

@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%; 
}
}

/* Default styles for desktop */
.hotgrid__item {
    width: 33.33333%;
}

.hotgrid__item-title-inner {
    font-size: 1.2rem;
    text-align: left !important;
    line-height: 1.5;
}

/* 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 */
    }
}


/*tint color custom*/
.component-color.primary-020-tint .component__inner {
    background-color: #f1fbfe !important;
    border-radius: 0px !important;
}
.component-color.primary-100-tint .component__inner {
    background-color: #BAE0C7 !important;
    border-radius: 0px !important;
}
.component-color.primary-200-tint .component__inner {
    background-color: #E0F6E6 !important;
    border-radius: 0px !important;
}
.component-color.primary-300-tint .component__inner {
    background-color: #f1fbfe !important;
    border-radius: 0px !important;
    padding-bottom: 0.1px !important;
    padding-top: 0.1px !important;
}
.component-color.primary-400-tint .component__inner {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    padding: 2rem;
}
.component-color.primary-500-tint .component__inner {
    background-color: #D7ECF8 !important;
    border-radius: 0px !important;
    padding: 2rem;
}
/*scroll navigator icon*/
.scroll-navigator-container .scroll-navigator-inner .scroll-navigator-item .scroll-navigator-arrow {
    background-color: #007174;
}
/*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');


.component-color.primary-020-tint .component__inner {
    border-radius: 0px !important;
}
.accordion__item-btn {

    border-radius: 0px !important;

}
/*Top bar design - height control*/
.article__header-inner {
    padding-top: 60px !important;
}
.page__title.aria-heading-1 {
    padding-top: 26px;
    color: #1f1f1f;
}
/*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 !important;
}
.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 {
color: #1f1f1f !important;
    font-family: 'roboto',sans-serif !important;

}
.mcq__item-label {

    border-radius: 0px !important;
}


.btn-text {
    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;
}
.component__container {
    border-radius: 0px !important;
}
/*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-weight: 400 !important;
    font-size: 1.75rem !important;
    line-height: 1.2 !important;
    color: #1f1f1f !important;
}

/*Graphic Size Controller - Start*/
.w-50 .component__attribution {
    max-width: 50%;
}
.w-50 img.accordion__item-image {
    min-width: 50% !important;
}
.w-12 .component-image-container.graphic-image-container{
    width: 12% !important;
}
.w-30 .component-image-container.graphic-image-container{
    width: 30% !important;
}
.w-35 .component-image-container.graphic-image-container{
    width: 35% !important;
}
.w-40 .component-image-container.graphic-image-container{
    width: 40% !important;
}
.w-45 .component-image-container.graphic-image-container{
    width: 45% !important;
}
.w-50 .component-image-container.graphic-image-container
{
    width: 50% !important;
}
.w-55 .component-image-container.graphic-image-container{
    width: 55% !important;
}
.w-60 .component-image-container.graphic-image-container{
    width: 60% !important;
}
.w-65 .component-image-container.graphic-image-container{
    width: 65% !important;
}
.w-69 .component-image-container.graphic-image-container{
    width: 69% !important;
}
.w-70 .component-image-container.graphic-image-container{
    width: 70% !important;
}
.w-75 .component-image-container.graphic-image-container{
    width: 75% !important;
}
.w-80 .component-image-container.graphic-image-container{
    width: 80% !important;
}
.w-85 .component-image-container.graphic-image-container{
    width: 85% !important;
}
.w-90 .component-image-container.graphic-image-container{
    width: 90% !important;
}
.w-95 .component-image-container.graphic-image-container{
    width: 95% !important;
}

/*Graphic Size Controller - END*/


/*HOTGRID Size Controller - START*/
.w-40 .hotgrid__item-image-container {
    width: 40%;
}
.w-45 .hotgrid__item-image-container {
    width: 45%;
}
.w-50 .hotgrid__item-image-container {
    width: 50%;
}
.w-55 .hotgrid__item-image-container {
    width: 55%;
}
.w-60 .hotgrid__item-image-container {
    width: 60%;
}
.w-65 .hotgrid__item-image-container {
    width: 65%;
}
.w-70 .hotgrid__item-image-container {
    width: 70%;
}
.w-75 .hotgrid__item-image-container {
    width: 75%;
}
.w-80 .hotgrid__item-image-container {
    width: 70%;
}
.w-85 .hotgrid__item-image-container {
    width: 85%;
}
.w-90 .hotgrid__item-image-container {
    width: 90%;
}
.w-95 .hotgrid__item-image-container {
    width: 95%;
}
/*HOTGRID Size Controller - END*/

/*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;
}

/*Background WHO colors*/

.block._turquoise1{
background-color:rgba(0,113,116,1);
}
.block._turquoise2{
background-color:rgba(39,172,176,1);
}
.block._turquoise3{
background-color:rgba(86,198,201,1);
}
.block._turquoise4{
background-color: #D7ECF8;
}
.block._lightblue{
background-color: #f1fbfe;
}



.block._orange1{
background-color:rgba(255,111,0,1);
}
.block._orange2{
background-color:rgba(252,180,60,1);
}
.block._orange3{
background-color:rgba(246,209,128,1);
}
.block._orange4{
background-color:rgba(254,243,220,1);
}
.block._yellow1{
background-color:rgba(253,197,0,1);
}
.block._yellow2{
background-color:rgba(251,230,136,1);
}

.block._yellow3{
background-color: #BAE0C7;
}
/*.block._yellow3{
background-color:rgba(251,234,172,1);
}*/
.block._yellow4{
background-color: #E0F6E6;
}
/*.block._yellow4{
background-color:rgba(255,249,232,1);
}*/
.block._green1{
    background-color:rgba(137,189,158,1);
}
.block._green2{
background-color:rgba(176,226,197,1);
}
.block._green3{
background-color:rgba(201,242,217,1);
}
.block._green4{
background-color:rgba(241,252,245,1);
}
button.btn-icon.nav__btn.nav__back-btn.js-nav-back-btn {
    display: none;
}





/*Scroller and removal of top nav - Start*/
.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;
}

/*Trickle bar colors*/
button.trickle__btn.js-trickle-btn.btn-text {
    background-color: #639372;
}
button.trickle__btn.js-trickle-btn.btn-text:hover {
    background-color: #89BD9E !important;
}

.talk__chat { 
transition: none !important;
}

.talkanimation .talk__chat {
  transition: all 2000ms cubic-bezier(.23, 1, .32, 1), visibility 0s linear 0s !important;
}

.talkanimation .talk__chat-character-1 .talk__chat__message {
    background-color: #ffffff !important;
    color: #1f1f1f !important;
    max-width: 880px;
    border: 2px solid #25837e !important;
}

.talkanimation .talk__chat-character-2 .talk__chat__message {
    background-color: #93D5D7 !important;
    color: #1f1f1f !important;
    max-width: 880px
    border: none;
        border-top-right-radius: 0px !important;
    border-top-left-radius: 8px !important;
}

.pattern .component__inner.text__inner {
    padding: 0px;
}

.normalpaddingframe .component__inner.graphic__inner {
    padding: .5rem .5rem;
}