html {
    /* Do NOT turn this on!!!! It will disable scrolling for all users on regualar desktop browsers */
    /* overflow:hidden; */
}

/* Float Images to right*/
.floatright {
    float: right;
    margin: 0 0 10px 10px;
}

/* Hide credit card tab*/
.ember-view.dashboard-account-tab.dashboard-account-tab--inactive {
    display: none;
}

/* //////////////////////////////////*/
/* Dashboard Styling */
/* formrly contained in a style script on the Dashboard page */
@media only screen and (max-width: 48em) {
    .small-block-grid-1>li:nth-last-of-type(1n+1) {
        clear: none;
    }
}

@media only screen and (max-width: 48em) {
    .small-block-grid-1>li {
        width: 49%;
        float: none;
        display: inline-block;
    }
}

.new-catalog-search {
    display: none;
}

.new-catalog-header {
    display: none;
}

.header__inner {
    padding-top: 10px;
}

.header__inner>.row {
    position: relative;
    top: 0px;
    max-height: 100px;
}

.hr__accent {
    display: none;
}

.medium-9.columns.js-results-holder {
    width: 100%;
}

.catalog-filters__search {
    display: none;
}

.catalog-header {
    display: none;
}

#sort-options {
    display: none;
}

.catalog-search-bar {
    display: none;
}

.row>.js-results-holder>.panel>span {
    display: none;
}

.row>.js-results-holder>.panel {
    background-color: unset;
}

#metamorph-68-start+.panel {
    display: none;
}

/*added to style new navigation bar added to dashboard*/

@media only screen and (min-width: 48.063em) {
    .ij-dashboard-nav ul {
        border-top: 1px solid #e9e9e9;
        padding: 10px 0;
        background: #f2f2f2;
    }

    .ij-dashboard-nav ul li.navigation-item {
        background: #f2f2f2;
    }

    .ij-dashboard-nav .navigation-bar .top-bar-section ul>li.navigation-item a {
        background: #f2f2f2;
        padding: 2px 10px;
    }

}


/* //////////////////////////////////////////// */
/* contents of "original" injoyonlinestyles.css */
/* //////////////////////////////////////////// */

ul {
    margin-left: 1rem;
}

.editor-content ol,
.editor-content ul {
    padding-left: 1rem;
}


/*colors*/
.uc-color {
    color: rgb(31, 175, 164);
}

.up-color {
    color: rgb(169, 181, 51);
}

.umbc-color {
    color: rgb(246, 139, 31);
}

.ub-color {
    color: rgb(0, 164, 196);
}

.ubf-color {
    color: rgb(240, 86, 116);
}

.uyn-color {
    color: rgb(144, 100, 170);
}

.unicu-color {
    color: rgb(75, 145, 206);
}

.um-color {
    color: rgb(0, 179, 133);
}

.alert-color {
    color: rgb(232, 61, 37);
}


/*eclass*/
.tool-note {
    color: #80aaff;
}

.ec-note-bg {
    background-color: #fcf7e3;
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

.ec-note-hd {
    background-color: #fae5a3;
    padding: 8px 15px 5px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 18px;
    color: rgb(101, 101, 101);
    font-weight: 100;
}

.ec-note-body {
    padding: 10px 10px 5px 15px;
    font-size: .9em;
}

.ec-warning-bg {
    background-color: #fffed1;
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

.ec-warning-hd {
    background-color: #e41f26;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 8px 15px 5px;
}

.ec-warning-body {
    padding: 10px 10px 5px 15px;
    font-size: .9em;
}

.ij-resource-icons {
    font-size: 1em;
    color: #fff;
    background-color: var(--secondary-color);
    padding: 5px;
    border-radius: 4px;
    margin-right: 5px;
}


p.video-lesson {
    margin: 5px 0 20px;
    font-weight: 800;
}

p.video-lesson>span {
    background-color: var(--secondary-color);
    display: inline;
    padding: 7px 10px;
    border-radius: 15px 0 15px 0;
    font-weight: 400;
    color: #fff;
}

p.sidebar-quote {
    font-size: 15px;
}

.note-box {
    padding: 15px;
    background: #fff;
    background-clip: padding-box;
    box-shadow: 0 0 2px rgb(0 0 0 / 50%);
}

p.note-title {
    position: relative;
    margin-left: -22px;
    margin-right: -22px;
    padding: 15px;
    box-shadow: 0 -1px 0 rgb(255 255 255 / 80%) inset;
    font-size: 1.2em;
    font-weight: 800;
    background-color: var(--accent-color);
    color: #fff;
}

p.note-title.alert-title {
    color: #fff;
    background-color: rgb(232, 61, 37);
}

div.takeaway-box {
    border-left-color: var(--accent-color) !important;
    border-left-width: 4px !important;
    border-left: solid;
    padding: 10px 10px 3px 10px;
    background-color: #f2f2f2;
}

.ij-want-more-header {
    color: var(--link-color);
    font-weight: 600;
    font-size: 1.3125rem;
    margin-bottom: 0;
}


.ij-want-more-plus {
    background-color: var(--link-color);
    padding: 5px 7px;
    color: #fff;
    border-radius: 4px;
}

.ij-want-more>p {
    font-size: 14px;
    color: #000;
}

.ij-want-more>a:hover {
    color: var(--link-color);
}

/*eclass features lists*/
.ij-icon-ul {
    list-style: none;
    margin-left: 2.5em;
    padding-left: 0;
}

ul.ij-icon-ul li {
    margin-bottom: 1.5rem !important;
}


.ij-icon-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
    font-size: x-large;
}

.ij-icon-ul>li {
    position: relative;
}

/*eclass parenting inspiration*/
.ij-blockquote blockquote {
    border: none;
    padding: 1.2em;
    color: #666;
    font-size: 1.2em;
    font-family: serif;
    font-style: italic;
    line-height: 1.5;
}


.ij-blockquote footer {
    padding-top: 0.5em;
    text-align: right;
}

/*tip box sibling eclass*/
.ij-jennys-tip {
    box-shadow: 0 0 2px rgb(0 0 0 / 50%);
}

.ij-tip-container>p>img {
    float: left;
    border: 4px solid rgb(255, 255, 255);
    border-radius: 52%;
    margin: 5px 5px 5px 15px;
    min-width: 110px;
}

.ij-tip-container>p {
    margin: 0;
    padding: 0;
}

.ij-tip-container {
    background: linear-gradient(90deg, var(--accent-color) 13%, #fff 13%);
    padding: 10px;
    overflow: hidden;
    display: flex;

}

.ij-tip-body>div {
    font-weight: 700;
    font-size: 1.3em;
    margin-bottom: 15px;
}

.ij-tip-body {
    margin-left: 30px;
    margin-right: 15px;
}

/*web app*/
.uc-hr {
    background-color: rgb(31, 175, 164);
    height: 1px;
    border: 0;
    margin: -10px 0 18px;
}

.up-hr {
    background-color: rgb(169, 181, 51);
    height: 1px;
    border: 0;
    margin: -4px 0 18px;
}

.umbc-hr {
    background-color: rgb(246, 139, 31);
    height: 1px;
    border: 0;
    margin: -4px 0 18px;
}

.ub-hr {
    background-color: rgb(0, 164, 196);
    height: 1px;
    border: 0;
    margin: -4px 0 18px;
}

.ubf-hr {
    background-color: rgb(240, 86, 116);
    height: 1px;
    border: 0;
    margin: -4px 0 18px;
}

.uyn-hr {
    background-color: rgb(144, 100, 170);
    height: 1px;
    border: 0;
    margin: -4px 0 18px;
}

.unicu-hr {
    background-color: rgb(75, 145, 206);
    height: 1px;
    border: 0;
    margin: -4px 0 18px;
}

.um-hr {
    background-color: rgb(0, 179, 133);
    height: 1px;
    border: 0;
    margin: -4px 0 18px;
}

.alert-hr {
    background-color: rgb(232, 61, 37);
    height: 1px;
    border: 0;
    margin: -4px 0 18px;
}

.uc-partner-tip {
    background-color: #e6f3f1;
}

.app-note-container {
    border-radius: 15px 0px 15px 0px;
    background-color: #FBF6E4;
    padding: 12px 16px 10px;
    margin: 25px 0 25px;
    clear: both;
}

.app-note-header {
    font-size: 20px;
}

.diagramtbl {
    background: #eae6e5;
    border-radius: 10px;
    margin: 15px 0;
    clear: both;
}

.diagramhd {
    background: #9e918e;
    border-radius: 10px 10px 0px 0px;
    padding: 8px 10px 1px;
}

.diagramhd h4 {
    color: #fff;
    margin-bottom: 10px;
}

.diagramhd p {
    color: #fff;
    font-size: .9em;
}

.img-rnd-cnr {
    border-radius: 10px;
}

/*web app complete curr*/
.video-link {
    font-size: 1.4em;
}

.video-play-btn {
    background-color: #e9e9e9;
    box-shadow: 2px 2px 11px -4px rgba(0, 0, 0, 0.75);
    border-radius: 16px;
    padding: 0px 8px;
    font-weight: 800;
    margin: 0 5px 0 10px;
}

/*UB*/
/*Doctor Advice
 ------------------------------------------*/
.doctor-container {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #fae5a3;
}

.border-left {
    position: absolute;
    width: 2px;
    top: 15%;
    bottom: 0;
    left: 0px;
    background-color: #fae5a3;
    overflow: hidden;
}

.border-right {
    position: absolute;
    width: 2px;
    top: 15%;
    bottom: 0;
    right: 0%;
    background-color: #fae5a3;
    overflow: hidden;
}

img.doctor {
    width: 100%;
}

p.doctor-advice {
    padding: 5px 15px;
    color: #7a7a7a;
}

@media only screen and (max-width: 1220px) and (min-width: 770px) {

    .border-left,
    .border-right {
        top: 5%;
    }
}

/*acronym hover interaction
----------------------------------------------*/
.acronym-container {
    margin-bottom: 5px;
}

.acronym-container a.acronym-letter {
    display: inline-block;
    color: var(--secondary-color) !important;
    background-color: #fff;
    border: 1px solid;
    text-align: center;
    width: 90px;
    height: 90px;
    text-decoration: none;
    font-weight: 700;
    font-size: 3em;
    line-height: 90px;
    float: left;
    margin-right: 5px;
}

.acronym-container a.acronym-letter:hover,
.acronym-container a.acronym-letter:focus,
.acronym-container a.acronym-letter:active {
    background-color: var(--secondary-color);
    color: #fff !important;
}

a#a:hover+p#a2,
a#b:hover+p#b2,
a#c:hover+p#c2,
a#d:hover+p#d2,
a#e:hover+p#e2 {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 1s, opacity 1s;
}

p.hover-content {
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid;
    height: 90px;
    padding: 0 5px;
    visibility: hidden;
    opacity: 0;
}

.content-emp {
    font-weight: 700;
}

/*accordion interaction
------------------------------------------*/

label.accordian-label {
    text-align: center;
    color: #656565;
    font-size: larger;
}

#accordion-container {
    margin: 0 auto;
    width: 75%;
}

#accordion input {
    display: none;
}

#accordion label {
    background: #fcf7e3;
    border: 1px solid #fcf7e3;
    border-radius: .25em;
    cursor: pointer;
    display: block;
    margin-bottom: .125em;
    padding: .5em 1em;
    z-index: 20;
}

#accordion label:hover {
    background: #ffd2ae;
    border: 1px solid #f6f6f6;
}

#accordion input:checked+label {
    background: #ffd2ae;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #656565;
}

#accordion article {
    background: #fcf7e3;
    height: 0px;
    overflow: hidden;
    z-index: 10;
}

#accordion input:checked~article {
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
    height: auto;
    margin-bottom: .125em;
}

.center-text {
    text-align: center;
}

p.headline {
    color: #656565;
    font-weight: 700;
    font-size: large;
    padding: 10px 0;
}

p.subhead {
    font-weight: 700;
    font-size: medium;
    padding-top: 10px;
}

p.spacing {
    margin: 5px;
}

article .white-bg {
    background: #fff;
    padding: 10px 0;
}

p.spacing:nth-last-child(1) {
    margin-bottom: 20px;
}

/*-----internal use only-----*/
p.edit-warning {
    display: none;
}



/*updated quote element - phasing out eclass quote below*/
.ij-quote-container {
    position: relative;
}

.ij-quote {
    background-color: var(--secondary-color);
    padding: 2rem 2rem;
    margin-bottom: 2rem;
    border-radius: .3rem;
}

.ij-intro-quote {
    font-size: 45px;
    position: absolute;
    top: 17px;
    left: 15px;
}

.ij-quote p {
    margin-bottom: 0;
    font-size: 1.3em;
    color: #fff;
    text-shadow: 0px 1px rgb(0 0 0 / 40%);
}

.ij-quote:before {
    content: " ";
    position: absolute;
    bottom: -30px;
    left: 65px;
    border: 15px solid transparent;
    border-top-color: var(--secondary-color);
}

.ij-quote-thumbnail {
    padding: .25rem;
    background-color: var(--secondary-color);
    border-radius: 50%;
    max-width: 100%;
    height: auto;
}

.ij-quote-img-block img {
    width: 160px;
}

.ij-quote-img-block h5 {
    margin: 0px;
    padding-top: 10px;
    display: inline-block;
}

.ij-floatleft {
    float: left;
}

.ij-quote-name {
    display: inline-block;
    margin-left: 15px;
    padding-top: 10px;
    font-size: 80%;
    vertical-align: top;
}

.ij-bold-emp {
    font-size: 1.4em;
    font-weight: bold;
    color: var(--secondary-color);
}

/*----- eclass quote element -----*/
.quote-container {
    position: relative;
}

.blockquote-bg {
    background-color: #fcf7e3;
}

.emp {
    font-size: 45px;
    position: absolute;
    top: 17px;
    left: 15px;
}

.jumbotron {
    padding: 2rem 2rem;
    margin-bottom: 2rem;
    border-radius: .3rem;
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fcf7e3;
    border: 1px solid #fae5a3;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
}

.user-img-block img {
    width: 160px;
}

.rounded-circle {
    border-radius: 50%;
}

.user-img-block h5 {
    margin: 0px;
    padding-top: 10px;
    display: inline-block;
}

.jumbotron:before {
    content: " ";
    position: absolute;
    bottom: -30px;
    left: 65px;
    border: 15px solid transparent;
    border-top-color: #fcf7e3;
}

.user-left {
    float: left;
}

.bold-name {
    font-size: 1.4em;
    font-weight: bold;
    color: #e8af73;
}

.name-line {
    display: inline-block;
    margin-left: 15px;
    padding-top: 10px;
    font-size: 80%;
    color: #868e96;
    vertical-align: top;
}

.clear-fix {
    clear: both;
}



/*
  eClass - Expert Advice Tip element
                                      */

.ij-adv-elem {
    box-shadow: 0 0 2px rgb(0 0 0 / 50%);
}

.ij-adv-elem-container>p>img {
    background: #fff;
    border: 4px solid rgb(255, 255, 255);
    border-radius: 52%;
    margin: 5px 5px 5px 15px;
    min-width: 110px;
}

.ij-adv-elem-container>p {
    margin: 0;
    padding: 0;
}

.ij-adv-elem-container {
    background: linear-gradient(90deg, var(--secondary-color) 13%, #fff 13%);
    padding: 10px;
    overflow: hidden;
}

.ij-adv-elem-body>div {
    font-weight: 700;
    font-size: 1.3em;
    margin-bottom: 15px;
    color: var(--secondary-color);
}

.ij-adv-elem-body {
    margin-left: 15%;
    margin-right: 15px;
}

/*
Table of Contents/Index styles
                                 */

.ij-index-wrapper {
    background-color: #f2f2f2;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.ij-index-wrapper h3 {
    font-weight: 600;
    font-size: 1.2em;
    padding: 9% 0 0 0;
}

@media screen and (min-width: 800px) {
    .ij-index-wrapper h3 {
        font-size: 1.6em;
        padding: 12% 0 0 1%;
    }
}

/*
Additional Reading web app styles
                                 */
p.ij-review-link {
    font-size: 1.1em;
    color: var(--link-color);
}

p.ij-review-link:before {
    content: "\27A5";
}

/*
table normal & warning styles
                               */

table.ij-tbl-compare {
    table-layout: fixed;
}

.ij-tbl-compare thead tr td.ij-tbl-compare-hd {
    border: 1px solid #cbcbcb;
    padding: 15px;
}

.ij-tbl-compare thead tr td.ij-tbl-compare-hd {
    background-color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}

.ij-tbl-compare thead tr td.ij-tbl-hd-normal {
    color: #60a561;
    border-right-width: 0px;
}

.ij-tbl-compare thead tr td.ij-tbl-hd-warning {
    color: #f15a40;
}

.ij-tbl-compare tbody tr td.ij-tbl-compare-row {
    padding: 15px;
    border: 1px solid #cbcbcb;
    color: #000;
}

.ij-tbl-normal {
    background-color: #dfeddf;
}

.ij-tbl-warning {
    background-color: #fcded9;
}

span.ij-tbl-subtext {
    color: #656565;
    font-weight: normal;
    font-size: .8em;
}

.ij-tbl-icon {
    padding: 4px 8px;
    border-radius: 50%;
    color: #fff;
    display: inline;
}

.ij-tbl-icon-normal {
    background-color: #60a561;
}

.ij-tbl-icon-warning {
    background-color: #f15a40;
}

div.ij-tbl-icon>.icon-delete {
    font-weight: bold;
}

.ij-quote-container {
    position: relative;
}

.ij-quote {
    background-color: var(--secondary-color);
    padding: 2rem 2rem;
    margin-bottom: 2rem;
    border-radius: .3rem;
}

.ij-intro-quote {
    font-size: 45px;
    position: absolute;
    top: 17px;
    left: 15px;
}

.ij-quote p {
    margin-bottom: 0;
    font-size: 1.3em;
    color: #fff;
    text-shadow: 0px 1px rgb(0 0 0 / 25%);
}

.ij-quote:before {
    content: " ";
    position: absolute;
    bottom: -30px;
    left: 65px;
    border: 15px solid transparent;
    border-top-color: var(--secondary-color);
}

.ij-quote-thumbnail {
    padding: .25rem;
    background-color: var(--secondary-color);
    border-radius: 50%;
    max-width: 100%;
    height: auto;
}

.ij-quote-img-block img {
    width: 160px;
}

.ij-quote-img-block h5 {
    margin: 0px;
    padding-top: 10px;
    display: inline-block;
}

.ij-floatleft {
    float: left;
}

.ij-quote-name {
    display: inline-block;
    margin-left: 15px;
    padding-top: 10px;
    font-size: 80%;
    vertical-align: top;
}

.ij-bold-emp {
    font-size: 1.4em;
    font-weight: bold;
    color: var(--secondary-color);
}


/* Pregnancy timeline includes style for 3 columns until breakpoint, then single column and static 2 columns at any size */
/* container */
.ij-responsive-three-columns {
    display: flex;
    flex-wrap: wrap;
}

.ij-static-columns {
    display: flex;
}

/* columns */
.ij-responsive-three-columns>* {
    width: 100%;
}

.ij-static-columns>* {
    width: calc(100% / 2);
}

/* text placment styles */
h3.ij-trimester-block {
    background-color: var(--accent-color);
    padding: 25px;
    margin-left: 5px;
    margin-top: 0;
    text-align: center;
    max-width: 100%;
}

p.ij-trimester-weeks {
    padding: 10px;
    margin-top: 0;
}

/* column breakpoint */
@media (min-width:860px) {
    .ij-responsive-three-columns>* {
        width: calc(100% / 3);
    }
}


/* nutrition label table styles */
.nutrition-facts {
    border: 1px solid black;
    margin: 10px;
    width: 400px;
    padding: 0.5rem;
    font-size: small;
    line-height: 1.4;
    color: #000;
}

.nutrition-facts p {
    margin: 0;
}

.nutrition-facts table {
    border-collapse: collapse;
}

.nutrition-facts__title {
    font-weight: bold;
    font-size: 2rem;
    margin: 0 0 0.25rem 0;
}

.nutrition-facts__header {
    border-bottom: 10px solid black;
    padding: 0 0 0.25rem 0;
    margin: 0 0 0.5rem 0;
}

.nutrition-facts__header p {
    margin: 0;
}

.nutrition-facts__table,
.nutrition-facts__table--small {
    width: 100%;
}

.nutrition-facts__table thead tr th,
.nutrition-facts__table--small thead tr th,
.nutrition-facts__table thead tr td,
.nutrition-facts__table--small thead tr td {
    border: 0;
}

.nutrition-facts__table th,
.nutrition-facts__table--small th,
.nutrition-facts__table td,
.nutrition-facts__table--small td {
    font-weight: normal;
    text-align: left;
    padding: 0.25rem 0;
    border-top: 1px solid black;
    white-space: nowrap;
}

.nutrition-facts__table td:last-child,
.nutrition-facts__table--small td:last-child {
    text-align: right;
}

.nutrition-facts__table .blank-cell,
.nutrition-facts__table--small .blank-cell {
    width: 1rem;
    border-top: 0;
}

.nutrition-facts__table .thick-row th,
.nutrition-facts__table--small .thick-row th,
.nutrition-facts__table .thick-row td,
.nutrition-facts__table--small .thick-row td {
    border-top-width: 5px;
}

.small-info {
    font-size: 0.7rem;
}

.nutrition-facts__table--small {
    border-bottom: 1px solid #999;
    margin: 0 0 0.5rem 0;
}

.nutrition-facts__table--small thead tr {
    border-bottom: 1px solid black;
}

.nutrition-facts__table--small td:last-child {
    text-align: left;
}

.nutrition-facts__table--small th,
.nutrition-facts__table--small td {
    border: 0;
    padding: 0;
}

.nutrition-text-center {
    text-align: center;
}

.thick-end {
    border-bottom: 10px solid black;
}

.thin-end {
    border-bottom: 1px solid black;
}

.nutrition-facts__details--header {
    padding: .25em;
    margin-bottom: 0;
}

.nutrition-facts__details--body {
    border: 1px solid #c4c4c4;
    padding: .5em;
    border-top: 0px;
}

.serving-size {
    background-color: #ff7e6c;
}

.calories {
    background-color: #fed356 !important;
}

.limit-nutrients {
    background-color: #ff8624;
}

.daily-value>strong,
.daily-value {
    color: #3b58e0;
}

.increase-nutrients {
    background-color: #47d2ad;
}



/*
  PDF STYLES
            */


/*header, footer*/

.ij-pdf-header {
    background-color: rgb(48, 164, 158);
    text-align: right;
    padding: 10px;
    margin-bottom: 25px;
    color: rgb(255, 255, 255);
}

.ij-pdf-footer {
    padding: 5px;
    margin-top: 25px;
    font-size: x-small;
}

/*general*/

.ij-text-callout {
    color: var(--secondary-color);
}

.ij-text-warning {
    color: #f05a3f;
}

.ij-pdf-col>img {
    padding: 0 10px 10px 0;
    margin-bottom: 10px;
}

.ij-pdf-mt50 {
    margin-top: 50px;
}

.ij-pdf-mt25 {
    margin-top: 25px;
}

.ij-callout-box {
    background-color: #f2f2f2;
    padding: 15px 10px 1px;
    margin: 10px 0;
    position: relative;
}

.ij-number-callout {
    font-size: 55px;
    font-weight: 700;
    position: absolute;
    top: -2px;
    left: 13px;
    right: 0;
    opacity: 0.7;
}

/*lists*/
ul.ij-pdf-checklist>li::marker {
    content: "\268A";
}

ul.ij-pdf-checklist>li {
    padding-left: 5px;
}

ul.ij-checklist li {
    list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.51,22.5H1.54V1.53h20.97v20.97ZM2.54,21.5h18.97V2.53H2.54v18.97Z"></path></svg>')
}

ul.ij-checklist li::marker {
    font-size: 1.5em;
    line-height: 1.2;
}


/*fillable*/
div.ij-pdf-fillable input[type="text"] {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}

div.ij-pdf-checkbox>label {
    display: inline;
}

div.ij-pdf-checkbox>input[type="checkbox"] {
    margin-bottom: 2px;
}

div.ij-pdf-checkbox>label>input[type="text"] {
    margin-bottom: 0;
}

/*responsive column, rows */

.ij-pdf-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.ij-pdf-col,
.ij-pdf-2col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    padding: 5px;
}


@media print,
screen and (min-width: 800px) {
    .ij-pdf-col {
        flex: 1
    }

    .ij-pdf-2col {
        flex: 2
    }

    .ij-list {
        column-count: 2;
    }
}

@media print {
    .ij-pdf-print-save {
        display: none;
    }
}

/* Fixed grid for bullet lists with icons on the left */

.ij-fixed-grid-container {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 3fr;
    column-gap: 15px;
    row-gap: 25px;
}




/* //////////////////////////////////////////// */
/* contents of injoyspinner.css */
/* //////////////////////////////////////////// */

.ij-spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

.ij-spinner>div {
    width: 18px;
    height: 18px;
    background-color: #656565;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.ij-spinner .ij-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.ij-spinner .ij-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}




/* //////////////////////////////////////////// */
/* contents of modalStyle.css */
/* //////////////////////////////////////////// */

.ij-modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 1);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.ij-modalDialog:target {
    opacity: 1;
    pointer-events: auto;
}

#ij-modal-container {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/* //////////////////////////////////////////// */
/* formerly located in injoyonline.css */
/* //////////////////////////////////////////// */
.expandable-table__row__column {
    font-size: .875em;
}

.share__container {
    display: none;
}

.btn--social {
    display: none;
}

/* set header to position static to keep it from loading on top of the modal windows */
.header {
    position: static;
}

/* Set date picker style for Safari and IE  */
/* Chrome, Firefox and Mobile should use browser defaults  */
.flatpickr-month>.flatpickr-next-month,
.flatpickr-prev-month {
    padding-top: 0px;
}

.flatpickr-month>.flatpickr-current-month {
    height: auto;
    padding-top: 0px;
}

.flatpickr-innerContainer>.flatpickr-rContainer {
    max-width: 256px;
    padding-top: 25px;
}

.flatpickr-rContainer>.flatpickr-weekdays {
    height: auto;
}

.flatpickr-weekdays>.flatpickr-weekday {
    height: auto;
}

.flatpickr-calendar>.flatpickr-time {
    height: auto;
}

.learner__container--toggled .learner__content {
    -webkit-transform: none;
    position: relative;
}

.header__inner {
    padding-top: 10px;
    text-align: center;
}

.header__inner>div {
    text-align: left;
}

.learner__sidebar-list {
    overflow-y: auto;
    overscroll-behavior-y: contain;
    /* Added 9/12/19 to prevent overscroll refresh bug in Android. */
}

@media only screen and (max-width: 48em) {
    .learner__sidebar {
        width: 100%;
        padding: 1rem 1rem 1rem 1rem;
    }
}

/* //////////////////////////////////////////// */
/* Google Translate Button Styling */
/* //////////////////////////////////////////// */

#ij_google_translate_element {
    /* position: absolute;
    bottom: calc(53px + 16px);
    right: 16px!important; */
    /* z-index: 99999; */
    position: sticky;
    top: 3em;
    float: right;
}

.goog-te-gadget {
    font-family: Roboto, 'Open Sans', sans-serif !important;
    text-transform: uppercase;
}

.goog-te-gadget-simple {
    background-color: rgba(255, 255, 255, 0.20) !important;
    border: 2px solid rgba(255, 255, 255, 0.50) !important;
    padding: 8px !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    display: inline-block;
    cursor: pointer;
    zoom: 1;
    margin: .5em;
}

.goog-te-gadget-simple>span>a {
    color: darkgray;
    visibility: visible;
    text-decoration: none;
}

.goog-te-menu-value>span {
    color: darkgray;
    visibility: visible;
}

.goog-te-gadget-icon {
    display: none;
}

.goog-te-menu-value:before {
    font-family: 'Material Icons';
    content: "\E927";
    margin-right: 16px;
    font-size: 1.5rem;
    vertical-align: -6px;
    color: rgb(118, 118, 118);
}

/* .goog-te-banner-frame{
  display:none;
}
body {
  top:0 !important;
} */


/* ///////////////////////////////////////////// */
/* Vimeo mobile button double tap on iOS fix */
/* /////////////////////////////////////////// */

@media (hover) {
    .footer__company__name {
        /* font-weight:900; */
    }

    .vimeoIframe .vp-panel-button:hover .fill {
        fill: rgb(0, 0, 0);
    }
}

/* ///////////////////////////////////////////// */
/* Checkbox size increaser */
/* /////////////////////////////////////////// */

@media screen and (max-width:768px) {
    @supports (zoom:2) {

        /* .ember-checkbox */
        [type='checkbox'] {
            zoom: 2;
        }
    }

    @supports not (zoom:2) {
        [type='checkbox'] {
            transform: scale(2);
        }

        .checkbox label input[type="checkbox"] {
            margin-right: 19px;
        }
    }

    [type='checkbox'] {
        vertical-align: top;
    }

    [for="test-payment-terms"] {
        font-size: 1.3rem;
    }

    [for="test-payment-terms"] div p span {
        font-size: 1.1rem;
    }
}

.langSelect {
    width: auto;
    float: right;
    margin-top: 1rem;
    margin-right: 1rem;
    padding-right: 2rem;
}

/* max-width to keep course lesson title from overflowing play button in eclasses */
h3 {
    text-overflow: ellipsis;
    max-width: 85%;
}

.tab {
    margin-left: 30px;
}

.catalog-grid-item__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Manage video issues on Safari in fullscreen and subtitle overflow issue*/
#playButton {
    z-index: 0;
}

.bookmark-dropdown__link {
    z-index: 0;
}

/* This is over written in tools_style.css - how do we handle this? */
figure {
    overflow: visible;
}

/* This is breaking the editing as well as mobile navigation scrolling in several places. Was this introduced for the VCS player tools? */
/* div:has(figure){
    overflow: visible !important;
} */

/* overrides position:relative in https://d36ai2hkxl16us.cloudfront.net/v3/dist/6800-fe598d774c859fd89ab0.css  which blocks narration and bookmark buttons*/
.directional__nav {
    position: inherit;
}

.pageBreakBefore {
    page-break-before: always;
}

.main-item {
    padding: 10px;
    background-color: #fff;
    width: 700px;
}

.background-masker {
    background-color: #fff;
    position: absolute;
}

.btn-divide-left {
    top: 0;
    left: 25%;
    height: 100%;
    width: 5%;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -800px 0
    }

    100% {
        background-position: 800px 0
    }
}

.animated-background {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-color: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, var(--secondary-color) 18%, #eeeeee 33%);
    background-size: 800px 104px;
    /* height: 70px; */
    /* position: relative; */
}

.static-background {
    background-color: #f6f7f8;
    background-size: 800px 104px;
    height: 70px;
    position: relative;
    margin-bottom: 20px;
}

.shared-dom {
    width: 800px;
    height: 110px;
}

.sub-rect {
    border-radius: 100%;
    width: 70px;
    height: 70px;
    float: left;
    margin: 20px 20px 20px 0;
}

.pure-background {
    background-color: #eee;
}

.css-dom:empty {
    width: 280px;
    height: 220px;
    border-radius: 6px;
    box-shadow: 0 10px 45px rgba(0, 0, 0, .2);
    background-repeat: no-repeat;

    background-image:
        radial-gradient(circle 16px, lightgray 99%, transparent 0),
        linear-gradient(lightgray, lightgray),
        linear-gradient(lightgray, lightgray),
        linear-gradient(lightgray, lightgray),
        linear-gradient(lightgray, lightgray),
        linear-gradient(#fff, #fff);

    background-size:
        32px 32px,
        200px 32px,
        180px 32px,
        230px 16px,
        100% 40px,
        280px 100%;

    background-position:
        24px 30px,
        66px 30px,
        24px 90px,
        24px 142px,
        0 180px,
        0 0;
}

.learner__language__selector__opt-sel>ul>li {
    /* text-transform: unset !important; */
}

.ar-EG-ijcontent,
.ps-AF-ijcontent {
    direction: rtl;
    unicode-bidi: embed;
}


/* Course Slug of S&I course */

/* halton-region-supports-and-information-for-families */
[href*="halton-region-supports-and-information-for-families"] .catalog-grid-item__completed-container {
    background: unset;
}

[href*="halton-region-supports-and-information-for-families"] .catalog-grid-item__completed {
    display: none;
}

/* lucile-salter-packard-childrens-hospital-at-stanford-services-information-si */
[href*="lucile-salter-packard-childrens-hospital-at-stanford-services-information-si"] .catalog-grid-item__completed-container {
    background: unset;
}

[href*="lucile-salter-packard-childrens-hospital-at-stanford-services-information-si"] .catalog-grid-item__completed {
    display: none;
}

/* Hamilton Public Health*/
/* supports-services */
[href*="/supports-services"] .catalog-grid-item__completed-container {
    background: unset;
}

[href*="/supports-services"] .catalog-grid-item__completed {
    display: none;
}

/* Durham Region */
/* durham-region-supports-services */
[href*="durham-region-supports-services"] .catalog-grid-item__completed-container {
    background: unset;
}

[href*="durham-region-supports-services"] .catalog-grid-item__completed {
    display: none;
}