/* CSS for XML Feed 2021 */

/* SLIDESHOWS **********/
.slideshow {
    min-height: 300px;
    min-width: 200px;
    width: 100%;
    position: relative;
}

.cmp-carousel__item {
    display: none;
}

.cmp-carousel__item.cmp-carousel__item--active {
    display: block !important;
}

.kh-shideshow-thumb-nav-back,
.kh-slideshow,
.kh-slideshow-controls,
.kh-slideshow-count,
.kh-slideshow-footer,
.kh-slideshow-logo,
.kh-slideshow-play,
.kh-slideshow-slide,
.kh-slideshow-slide-active,
.kh-slideshow-slide-content,
.kh-slideshow-slide-image,
.kh-slideshow-slide-title,
.kh-slideshow-slides,
.kh-slideshow-thumb,
.kh-slideshow-thumb-active,
.kh-slideshow-thumb-nav-forward,
.kh-slideshow-thumbs {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.kh-read-less,
.kh-read-more,
.kh-slideshow-nav-back,
.kh-slideshow-nav-forward,
.kh-slideshow-pause,
.kh-slideshow-play,
.kh-slideshow-thumb,
.kh-slideshow-thumb-nav-back,
.kh-slideshow-thumb-nav-forward {
    cursor: pointer
}

.kh-slideshow {
    border: 0;
    margin: 0 0 20px;
    padding: 0;
    min-width: 295px;
    width: 100%;
    border-radius: 0;
    position: relative;
    line-height: 1.5em;
    clear: both
}

.kh-slideshow .kh-hide-element {
    display: none !important
}

.kh-slideshow .kh-slideshow-logo {
    display: none
}

.kh-slideshow .kh-slideshow-slides {
    overflow: none;
    position: relative
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-controls {
    position: absolute !important;
    width: 100%;
    height: 100% !important;
    z-index: 1;
    overflow: hidden
}

.kh-slideshow-MControl .kh-slideshow-nav-back {
    left: 1px
}

.kh-slideshow-MControl .kh-slideshow-nav-forward {
    margin-right: 1px;
    border-right: 0
}

.kh-slideshow-MControl .kh-slideshow-nav-back,
.kh-slideshow-MControl .kh-slideshow-nav-forward {
    position: absolute;
    z-index: 20;
    top: 290px
}

@media only screen and (max-width:767px) {

    .kh-slideshow-MControl .kh-slideshow-nav-back,
    .kh-slideshow-MControl .kh-slideshow-nav-forward {
        position: absolute;
        z-index: 20;
        top: 380px
    }
}

@media only screen and (max-width:376px) {

    .kh-slideshow-MControl .kh-slideshow-nav-back,
    .kh-slideshow-MControl .kh-slideshow-nav-forward {
        position: absolute;
        z-index: 20;
        top: 25pc
    }
}

.kh-slideshow-nav-back {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMUIzRDZEO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUsMjdWNWMwLTIuMi0xLjgtNC00LTRIMHYzMGgyMUMyMy4yLDMxLDI1LDI5LjIsMjUsMjd6Ii8+CjwvZz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE1LjIsMjMuOGMwLjQtMC40LDAuNC0xLDAtMS40TDguOCwxNmw2LjQtNi40YzAuNC0wLjQsMC40LTEsMC0xLjRzLTEtMC40LTEuNCwwbC03LjEsNy4xCgljLTAuNCwwLjQtMC40LDEsMCwxLjRsNy4xLDcuMUMxNC4yLDI0LjIsMTQuOSwyNC4yLDE1LjIsMjMuOHoiLz4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMCwzMkwwLDMyaDIxYzIuOCwwLDUtMi4yLDUtNVY1YzAtMi44LTIuMi01LTUtNUgwdjFoMjFjMi4yLDAsNCwxLjgsNCw0djIyYzAsMi4yLTEuOCw0LTQsNEgwVjMyeiIvPgo8L2c+Cjwvc3ZnPgo=");
    left: -1px;
    background-color: transparent;
}

.kh-slideshow-nav-forward {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMUIzRDZEO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMSw1djIyYzAsMi4yLDEuOCw0LDQsNGgyMVYxSDVDMi44LDEsMSwyLjgsMSw1eiIvPgo8L2c+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMC44LDguMmMtMC40LDAuNC0wLjQsMSwwLDEuNGw2LjQsNi40bC02LjQsNi40Yy0wLjQsMC40LTAuNCwxLDAsMS40YzAuNCwwLjQsMSwwLjQsMS40LDBsNy4xLTcuMQoJYzAuNC0wLjQsMC40LTEsMC0xLjRsLTcuMS03LjFDMTEuOCw3LjgsMTEuMSw3LjgsMTAuOCw4LjJ6Ii8+CjxnPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI2LDEgTTI2LDBMMjYsMEg1QzIuMiwwLDAsMi4yLDAsNXYyMmMwLDIuOCwyLjIsNSw1LDVoMjF2LTFINWMtMi4yLDAtNC0xLjgtNC00VjVjMC0yLjIsMS44LTQsNC00aDIxVjB6Ii8+CjwvZz4KPC9zdmc+Cg==");
    right: -1px;
    background-color: transparent;
    background-size: contain;
}

.kh-slideshow-nav-back,
.kh-slideshow-nav-forward {
    height: 50px;
    width: 30px;
    position: absolute;
    z-index: 1;
    border: 0;
    top: 50% !important;
    margin-top: -20%;
    background-repeat: no-repeat;
    opacity: .9 !important;
}

.kh-slideshow-count {
    background: #003a6f;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    max-width: 94px;
    min-width: 40px;
    max-height: 66px;
    min-height: 22px;
    padding: 1%;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serifl;
    z-index: 10;
    opacity: .8
}

.kh-current-slide-num {
    font-weight: 700;
    font-size: 1.18em !important;
    font-family: Arial, Helvetica, sans-serif
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-controls .kh-slideshow-play {
    background: url(https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/slideshow-play.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 84px;
    width: 10%;
    min-width: 28px;
    max-height: 66px;
    height: inherit;
    min-height: 33px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: none
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-controls .kh-slideshow-play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    display: none
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-controls .kh-slideshow-pause {
    background: url(https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/slideshow-pause.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 84px;
    width: 10%;
    min-width: 28px;
    max-height: 66px;
    height: inherit;
    min-height: 33px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: none
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-slide {
    width: 100%
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-image {
    border: 1px solid;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    overflow: hidden
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-image img {
    width: 100%;
    height: auto !important;
    position: relative;
    max-width: none !important;
    display: block
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-title {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
    padding: 6px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    margin: 0 !important;
    border: 0 !important
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-content {
    border: 1px solid !important;
    border-top: none;
    padding: 10px 20px 20px;
    margin-bottom: 6px
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-content .kh-read-more {
    font-weight: 700
}

.kh-slideshow .kh-slideshow-footer {
    font-size: .8em;
    overflow: none;
    margin-bottom: 9pt;
    text-align: right;
    padding-right: 0;
    padding-top: 4px
}

.kh-slideshow .kh-slideshow-footer span {
    float: right
}

.kh-slideshow {
    background: #fff
}

.kh-slideshow,
.kh-slideshow .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-image,
.kh-slideshow .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-title {
    border-color: #818181
}

.kh-slideshow .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-content {
    background: #fff;
    border-color: #818181
}

.kh-slideshow .kh-slideshow-footer {
    color: #555
}

.kh-hide-thumbs {
    display: none
}

.kh-slideshow-kids .kh-slideshow-logo {
    background-image: url(https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/kids-health-logo.png)
}

.kh-slideshow-kids .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-title {
    color: #fff !important;
    background: #1a3d6d !important;
    padding: 10px 20px !important;
    font-size: 1.25em !important;
    margin-top: -3px !important;
    font-weight: 400 !important
}

.kh-slideshow-kids .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-content .kh-read-more {
    color: #039
}

.kh-slideshow-teens .kh-slideshow-logo {
    background-image: url(https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/teens-health-logo.png)
}

.kh-slideshow-teens .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-title {
    color: #fff !important;
    background: #0198d3 !important
}

.kh-slideshow-teens .kh-slideshow-slides .kh-slideshow-slide .kh-slideshow-slide-content .kh-read-more {
    color: #0198d3
}

.kh-print-section {
    border: 1px solid #818181;
    border-top: none;
    margin-bottom: 6px;
    background: #fff
}

.kh-print-section,
.kh-print-text {
    position: relative;
    text-align: right;
    display: none
}

.kh-print-text {
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
    text-decoration: underline;
    right: 10px;
    bottom: 8px;
    background: transparent;
    border: 0
}

.kh-slideshow-kids .kh-print-text {
    color: #039
}

.kh-slideshow-teens .kh-print-text {
    color: #00a2e8
}

.kh-slideshow-kids .kh-print-text:after {
    background-image: url(https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/print-icon-kid.png)
}

.kh-slideshow-kids .kh-print-text:after,
.kh-slideshow-teens .kh-print-text:after {
    content: "";
    width: 37px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 10px;
    display: none
}

.kh-slideshow-teens .kh-print-text:after {
    background-image: url(https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/print-icon-teen.png)
}

.kh-print-slide {
    display: none
}

.kh-slideshow-kids .kh-print-slide {
    background-image: url(https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/print-icon-kid.png);
    display: none
}

.kh-slideshow-teens .kh-print-slide {
    background-image: url(https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/print-icon-teen.png);
    display: none
}

@media \0screen {
    .kh-slideshow-logo {
        display: none
    }

    .kh-slideshow-logo,
    .kh-slideshow-logo-ie8 {
        min-height: 36px !important;
        margin: -40px 0 !important;
        min-width: 7pc !important;
        background-image: none !important
    }

    .kh-slideshow-kids .kh-slideshow-logo-ie8 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/kids-health-logo.png", sizingMethod="scale");
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/kids-health-logo.png', sizingMethod='scale')"
    }

    .kh-slideshow-teens .kh-slideshow-logo-ie8 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/teens-health-logo.png", sizingMethod="scale");
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/teens-health-logo.png', sizingMethod='scale')"
    }

    .kh-slideshow-nav-forward-ie8 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/light-arrow-next.png", sizingMethod="scale") !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/light-arrow-next.png', sizingMethod='scale')" !important
    }

    .kh-slideshow-nav-back-ie8,
    .kh-slideshow-nav-forward-ie8 {
        background: none !important;
        width: 27px !important;
        height: 47px !important
    }

    .kh-slideshow-nav-back-ie8 {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/light-arrow-back.png", sizingMethod="scale") !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/light-arrow-back.png', sizingMethod='scale')" !important
    }

    .kh-slideshow-count {
        color: #ddd;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#7F000000', EndColorStr='#7F000000')" !important;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr="#7F000000", EndColorStr="#7F000000" !important);
        zoom: 1 !important;
        min-height: 20px !important
    }

    .kh-slideshow-play-ie8 {
        background: none !important;
        background-position: 50% !important;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/slideshow-play.png", sizingMethod="scale") !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/slideshow-play.png', sizingMethod='scale')" !important
    }

    .kh-slideshow-pause-ie8,
    .kh-slideshow-play-ie8 {
        width: 37px !important;
        max-width: 37px !important;
        min-width: 37px !important;
        height: 29px !important;
        max-height: 29px !important;
        min-height: 29px !important
    }

    .kh-slideshow-pause-ie8 {
        background: none !important;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/slideshow-pause.png", sizingMethod="scale") !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://kidshealth.org/misc/javascript/js_apps/kh-slideshows/slideshow-pause.png', sizingMethod='scale')" !important
    }
}

/* END SLIDESHOW ********************/

/* buttons */
a.kh-button {
    display: block;
    width: 200px;
    padding: 9pt;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .32);
    text-decoration: none;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-size: 18px;
    position: relative;
    text-align: center !important;
}

a.kh-button.khb-center {
    text-align: center;
}

a.kh-button.khb-rounded {
    border-radius: 12px;
}

a.kh-button.white {
    background-color: #fff;
    color: #3f70b1;
}



/* button themes */
.khb-right {
    float: right;
    margin-left: 9pt;
    margin-top: 4px;
}

.khb-left {
    float: left;
    margin-right: 9pt;
    margin-top: 4px;
}

.khb-center {
    margin: 10px auto;
}

.kh-btn-general .wfbb {
    background: #fff;
    color: #3f70b1;
    border: 1px solid;
}

.kh-btn-general .obf {
    background: #3f70b1;
    color: #fff;
    border: 0;
}

.kh-btn-general .nbf {
    background: #036;
    color: #fff;
    border: 0;
}

.kh-btn-general .gf {
    background: #03816e;
    color: #fff;
    border: 0;
}

.kh-btn-general .tf {
    background: #07808d;
    color: #fff;
    border: 0;
}

.kh-btn-general .pff {
    background: #9e1f63;
    color: #fff;
    border: 0;
}

.kh-btn-general .wfgb {
    background: #fff;
    color: #03816e;
    border: 1px solid;
}

.kh-btn-general .wftb {
    background: #fff;
    color: #07808d;
    border: 1px solid;
}

.kh-btn-general .wfpfb {
    background: #fff;
    color: #9e1f63;
    border: 1px solid;
}

.kh-btn-general .white {
    background: #fff;
    color: #3f70b1;
    border: 0 none;
}



/* button icons */

.kh-btn-general .wfbb .newwindowiconforform,
.kh-btn-general .white .newwindowiconforform {
    /* #3f70b1 */
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABbklEQVRYhe2XvUoDQRRGz8atxUJRsRYR8gDpbKx8BQULewn+VCmSNGJhZZ0UvoBgJYiNnQ9gQt7AIo2ofeSGLAzjJJnfDYJfM5DcnXNyZ3Z2k+3VHwC2gWtgH1hmdm6Ayzk1pqwCVWBXGddzYAd4BVYsJ7oAKsC5A0jGNUPtiwhcOcCLnAFybR0Yad8NHebpVyZt98kpcAtk2rVth7necsOaPwInwLunWGsyNi1qxx3QEwJXJWw60TMJhMKL6HtDj+yVoUkgRprKUkxLXz5PIWADl/RSCEyDtw17YiyQlwRvaXXEXgJbuHp3RFsCW7gqkRUnZqiAK/xXQgSC4RJfgRD4UgyBkF9+p0rEugtc2n6oSsQ4B5zWXJGQHPsK6O8APhGJUaqHkW2OFi2Q5Gn4L/D3BTYT8jZsBDqmwgjZArr6NHIQfWr/DQ4ivhnPy7d04LkkmClPItAAPhYAF2ZDBAZADbgHvkoAC0NYNWDwA9OZRuFVH3GFAAAAAElFTkSuQmCC');
}

.kh-btn-general .wfpfb .newwindowiconforform {
    /* #9e1f63 */
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABbklEQVRYhe2XvUoDQRRGzyZbi4VBxcJKguAD5AGsfAUFC3sRf6oUSRqxsEodBV/AVhAbOx/AhLyBRRpR+8gNWRjGiZnfDYJfM5DcnXNyZ3Z2k91uHgFsAVfALrDE77kGLubUmLIC7ADbyriaA3XgBVi2nOgcqABnDiAZa4baZxG4dIAXOQXk2hNgrH03cphnUJm23SfHQBfItGs7DnO95oY1fwBkY7x5irWnY8uidtIBPSFwVcKmE32TQCi8iL439MheGZkEYqSlLMWsDOTzFAI2cEk/hcAseMewJyYCeUnwtlZH7CWwhat3R7QlsIWrEllxYoYKuMJ/JEQgGC7xFQiBV2MIhPzyO1Ui1l3g0vZ9VSLGOeC05oqE5NBXQH8H8IlIjFM9jGxzsGiBJE/Df4G/L7CekLdmI9AzFUbIBnCjTyMH0Yf232Av4pvxvHxJB55KgpnyKAJN4H0BcGE2RWAINIB74LMEsDCE1QCG38yKRqH2cNBDAAAAAElFTkSuQmCC');
}

.kh-btn-general .wftb .newwindowiconforform {
    /* #07808d */
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABbklEQVRYhe2XvUoDQRRGz8YFO0mhqFhLCPgAeQArX0HBwl7EnypFNo1YaGOthS9gK4iNnQ9gQt7AIo2ofeSGLAzjxMzvBsGvGUjuzjm5Mzu7yRaLK4BN4ALYBpb4PZfA2YwaU5aBLaCpjKs50ABegLrlRKdADThxAMm4Yqh9FoFzB3iZY0CuPQJG2ndDh3n6tUnbfXIIXAOZdm3XYa7X3LDmD8AB8OYpVkzGjkXtuAN6QuCqhE0neiaBUHgZfW/okb0yNAnESEdZimnpy+cpBGzgkl4KgWnwrmFPjAXyiuCFVkfsJbCFq3dHtCWwhasSWXlihgq4wn8kRCAYLvEVCIEvxBAI+eV3qkSsu8Cl7buqRIxzwGnNFQnJvq+A/g7gE5EYpXoY2WZv3gJJnob/An9fYD0hb81G4MZUGCEbwK0+jRxEH9p/g52Ib8az8iUdeKoIZsqjCLSB9znAhdkWgQHQAu6BzwrAwhBWCxh8AwphRpVbsQPTAAAAAElFTkSuQmCC');
}

.kh-btn-general .wfgb .newwindowiconforform {
    /* #03816e */
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABbUlEQVRYhe2XvUoDQRRGzyZbi4WiYi0i+AB5ACtfwYCFvYg/VYpkG7GwstbCF0gbEJt0PoAJeQOLNKL2kRuyMIwTM78bBL9mILk752Tu7OwmqxenADvADXAArPB7boGrBTWmrAH7wJ4ybuTALvACrFpOdAnUgAsHkIzrhtq+CFw7wMucA3LtGTDRvhs7zDOszZbdJ9K7OyDTri0c5nrNDT3vASfAm6dYZza2LWqnK6AnBK5K2KzEwCQQCi+j7w09slfGJoEYaSutmJehfJ5CwAYuGaQQmAcvDHtiKpBXBO9odcRugS1cvTuitcAWrkpk5YkZKuAK/5EQgWC4xFcgBF6PIRDyyx9ViVh3gcuyH6kSMc4Bp54rEpJjXwH9HcAnIjFJ9TCyTXPZAkmehv8Cf19gKyFv00bg3lQYIdvAgz6NHEQf2n+Dw4hvxovyJSvwXBHMlCcRaAHvS4ALsyUCI6ABdIHPCsDCEFYDGH0D5lNGc8qIEYMAAAAASUVORK5CYII=');
}

.kh-btn-general .nbf .newwindowiconforform,
.kh-btn-general .pff .newwindowiconforform,
.kh-btn-general .tf .newwindowiconforform {
    /* #fff */
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABaUlEQVRYhe2XrU7EQBRGTxc0QWwDGzQBEh5gcSt4C94BQ9DbdQhCAgK1OCxIBMGg4AGA7BsgMBDwl9wGkjJMt/NXMPsltyM6c78zd6bTNhMRgFXgANgGFpiuQ2C/oY9NXWAT2Ki0SwqwBtwDix7JjoA9DyNtc0vfW0TkQsJ0LCJlBY3w0Wnnq+wh2gVOgMwYO/LI9WAjvhKRnmVmPlE4VmFgA4g1/w4XiLxjKctz4JKYkob7Lxo2gBQaAkVDnie9tAHgYq56bAOgznxkeTpKANsmDN10w5qNVtRszEF5CicCcDE3IfJUAD7mvyIWIMo8FiDaPAYgxnwuBUDMzM+rEKkAfMouVYgUAF5rXhlXQswHnnjmN0CIdvQczMopp08+TT/82nobOmsGMAOwAfRa9Ft2ARjbOibQCnBmptFz4M3hf7AtfWgFbv7JXHWtFVgH7jx/TlPoFdjSCkyAPnAJvP+BsXqoVx+YfAKftUGKDfx2BQAAAABJRU5ErkJggg==');
}

.newwindowiconforform {
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: ;
}

.kh-srtext {
    /* a11y - text that is only available to screen reader software */
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* for Internet Explorer */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* TABLES ********************/

/* KidsHealth Table - common */
.khTable {
    border: 4px;
    width: 100%;
    table-layout: fixed;
}

.khTable caption {
    text-align: left;
    font-weight: bold;
    font-size: 1em;
}

.khTable td,
.khTable th {
    padding: 5px;
    border: 1px solid #000 !important;
    font-weight: normal;
    ;
}

/* Table cell alignment (added to td or tr) */
.khTable td.khtd-left,
.khTable th.khtd-left,
.khTable tr.khtr-left td,
.khTable tr.khtr-left th {
    text-align: left;
}

.khTable td.khtd-right,
.khTable th.khtd-right,
.khTable tr.khtr-right td,
.khTable tr.khtr-right th {
    text-align: right;
}

.khTable td.khtd-center,
.khTable th.khtd-center,
.khTable tr.khtr-center td,
.khTable tr.khtr-center th {
    text-align: center;
}

.khTable td.khtd-top,
.khTable th.khtd-top,
.khTable tr.khtr-top td,
.khTable tr.khtr-top th {
    vertical-align: top;
}

.khTable td.khtd-middle,
.khTable th.khtd-middle,
.khTable tr.khtr-middle td,
.khTable tr.khtr-middle th {
    vertical-align: middle;
}

.khTable td.khtd-bottom,
.khTable th.khtd-bottom,
.khTable tr.khtr-bottom td,
.khTable tr.khtr-bottom th {
    vertical-align: bottom;
}

/* Table cell alignment (added to whole table) */
.khTable.kht-left tr td,
.khTable.kht-left tr th {
    text-align: left;
}

.khTable.kht-right tr td,
.khTable.kht-right tr th {
    text-align: right;
}

.khTable.kht-center tr td,
.khTable.kht-center tr th {
    text-align: center;
}

/* Table Themes */
/* common */

.khTable tr th.cq-RichText-hiddenHeader--editing {
    border: 0 none !important;
    background: white !important;
}

.khTable tr td,
.khTable tr th {
    border: 1px solid #fff !important;
}

.khTable tr th {
    color: #fff;
}

/* Ocean and Grey */
.khTable.kht-khOceanBlue-Gray tr th {
    background-color: #3f70b1;
}

.khTable.kht-khOceanBlue-Gray.kht-highlightOdd tbody tr:nth-child(odd) {
    background: #f3f3f4;
}

/* Navy and Blue */
.khTable.kht-khNavyBlue-Blue tr th {
    background-color: #036;
}

.khTable.kht-khNavyBlue-Blue.kht-highlightOdd tbody tr:nth-child(odd) {
    background: #f0f6fa;
}

/* Ocean and Blue */
.khTable.kht-khOceanBlue-Blue tr th {
    background-color: #3f70b1;
}

.khTable.kht-khOceanBlue-Blue.kht-highlightOdd tbody tr:nth-child(odd) {
    background: #f0f6fa;
}

/* Navy and Grey */
.khTable.kht-khNavyBlue-Gray tr th {
    background-color: #036;
}

.khTable.kht-khNavyBlue-Gray.kht-highlightOdd tbody tr:nth-child(odd) {
    background: #f3f3f4;
}

/* end table themes */

.khTable tr td span.strikethrough {
    text-decoration: line-through;
}

th.cq-RichText-hiddenHeader--editing {
    border: 0 none !important;
    background: transparent !important;
    color: white !important;
    font-size: 0;
}

.valign-middle {
    vertical-align: middle;
}

.valign-bottom {
    vertical-align: bottom;
}

.valign-top {
    vertical-align: top;
}

.khTable tr td {
    word-break: break-word;
}

table.khTable a {
    background: transparent !important;
}

/* end tables */

.kh-video-container {
    position:  relative;
}
.videoPlaylist {
    width: 100%;
}

.videoPlaylist .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .videoPlaylist .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .videoPlaylist .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .videoPlaylist .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .videoPlaylist .container {
        max-width: 1140px;
    }
}

.videoPlaylist .container-fluid,
.videoPlaylist .container-sm,
.videoPlaylist .container-md,
.videoPlaylist .container-lg,
.videoPlaylist .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*  .videoPlaylist .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .videoPlaylist .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .videoPlaylist .col-lg {
    /* flex-basis: 0; */
/* flex-grow: 1; */
/* max-width: 100%; */
/* }*/
.videoPlaylist .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.videoPlaylist .embed-container iframe,
.videoPlaylist .embed-container object,
.videoPlaylist .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.khad-container[ad-enabled="false"] .khad-button {
    background: url(data:img/png;base64,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) no-repeat center center;
    display: block;
    width: 29px;
    height: 22px;
    padding: 2px;
    box-sizing: border-box;
    border: 0;
    background-size: 30px;
    cursor: pointer;
}

.khad-container[ad-enabled="true"] .khad-button {
    background: url(data:img/png;base64,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) no-repeat center center;
    display: block;
    width: 29px;
    height: 22px;
    padding: 2px;
    box-sizing: border-box;
    border: 0;
    background-size: 30px;
}

div.videoPlaylist {}

section.video-playlist-container {}

/* Video to be played */

div.video-player {
    position: relative;
}

div.video-container {
    /* also has class embed.container */

}

iframe.video-iframe {}

div.khad-container {
    width: 40px;
    position: absolute;
    height: 22px;
    top: 10px;
    right: 10px;

}

button.khad-button {
    position: absolute;
    right: 0;
    border: 1px solid #666 !important;
    border-radius: 8px;
    width: 40px !important;
    background-color: white !important;
}

/* Video playlist */

ul.videoList {
    /* also has classes, responsivegrid and video-playlist */
    max-height: 276px !important;
    overflow-y: auto;
    position: relative;
    margin-left: 0 !important;
    padding: 5px;
    border: 1px solid #ccc;
}



/* 2 bad divs next - hope not to need to ref them */

li.video-playlist-item {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px !important;
    margin-bottom: 4px !important;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: white;
}

li.video-playlist-item:hover {
    background: #f0f0f0
}

li.video-playlist-item:hover div.vidListItemRight p:after,
li.video-playlist-item:hover div.vidListItemRight p:before {
    background: #f0f0f0;
}

ul.videoList li {
    display: flex;
}

ul.videoList li img {
    width: 100%;
}

div.vidListItemLeft {
    width: 180px !important;

}

div.vidListItemRight {
    padding: 0 10px;
    display: block !important;
    width: 100%;
}

div.vidListItemRight h3 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: block;
    top: 0;
    height: fit-content !important;
    margin: 0 0 5px 0;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;

}

div.vidListItemRight p {
    font-size: 10px;
    background: ;
    margin: 0;
    width: 100%;
    line-height: 1.25 !important;


    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

li.currentVideo {
    background: #f1f0f0;
}

li.currentVideo h3 {
    color: #00749e;
}

ul.videoList li.currentVideo img {
    border: 1px solid black;
}

/* new slide show, feb 2023 */
/* ############################################################ */
/* ##################### START SLIDESHOWS ##################### */

.kh-slideshow-container {
    position: relative;
    margin-bottom: 30px;
}

.kh-slide:not(.active-slide) {
    display: none;
}

.kh-slideshow-slide-image {
    border: 0 none !important;
}

.kh-slideshow-slide-image img {
    border-radius: 10px;
    width: 100%;
}

.kh-slideshow-slide-info {
    border: 1px solid #cbcdd1;
    border-radius: 10px;
    padding: 0rem;
    margin-top: 10px;
}

h2.kh-slideshow-slide-title {
    padding: 16px;
    border-radius: 10px 10px 0 0;
    font-size: 20px !important;
    font-weight: 700;
    background: #0d3f6b;
    color: #fff;
}

.kh-slideshow-slide-info p {
    padding: 0px 16px 6px 16px;
    font-size: 18px;
}

.kh-slideshow-slide-info p:last-child {
    margin-bottom: 15px !important;
}

.kh-slideshow-count {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(13,63,107,1);
    color: #fff;
    min-width: 40px;
    height: 40px;
    border-radius: 0 10px 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    padding: 0 7px;
}

#slidenumber {
    margin-right: 2px;
    font-size: 20px;
    font-weight: 600;
}

#totalcount {
    margin-left: 3px;
}

.kh-slideshow-buttons {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    visibility: hidden;
}

.kh-slideshow-buttons button {
    width: 40px;
    height: 50px;
    background-color: rgba(13,63,107,1);
    border-style: solid;
    border-color: rgba(255,255,255,1);
    background-size: 12px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.kh-slideshow-buttons button:hover,
.kh-slideshow-buttons button:focus {
    background-size: 14px
}

button#kh-slideshow-prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNDk5OTIgMEwxMS43MzI0IDIuMjMyNUw0LjQ4MDc2IDkuNUwxMS43MzI0IDE2Ljc2NzVMOS40OTk5MiAxOUwtNy43MjQ3NmUtMDUgOS41TDkuNDk5OTIgMFoiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+Cg==);
    background-position: 40% 50%;
    border-width: 1px 1px 1px 0;
    border-radius: 0 10px 10px 0;
}

button#kh-slideshow-next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMjMyNSAwTDAgMi4yMzI1TDcuMjUxNjcgOS41TDAgMTYuNzY3NUwyLjIzMjUgMTlMMTEuNzMyNSA5LjVMMi4yMzI1IDBaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=);
    background-position: 60% 50%;
    border-width: 1px 0 1px 1px;
    border-radius: 10px 0 0 10px;
}

.kh-slideshow-footer {
    font-size: 14px;
    text-align: right;
}

@media screen and (max-width: 600px) {
    .kh-slideshow-slide-info h2 {
        margin-bottom: 14px
    }
    .kh-slideshow-slide-info p {
        font-size: 16px;
    }
}

/* ####################### END SLIDESHOWS ##################### */
/* ############################################################ */