/* 
********  Coordinate updates to the CSS file with Larry Lulay, larry.lulay@state.or.us  503-947-5861  ********
*/

/* calendar display full subject */
.or-calendar-month-view .or-calendar-event {
    height: auto !important;
}
.or-calendar-month-view .or-calendar-event-link {
    height: auto;
    white-space: normal;
    position: relative;
    width: 100%;
}
/* Hides calendar's short time indicator */
.or-calendar-month-view .or-calendar-event-link b {
    display: none;
}
/* Hides calendar's event category indicator */
.or-calendar-month-view .or-calendar-event-link.or-calendar-event-short::before {
    display: none;
}

/* Auth Site Only */
/* REMOVED PER RUDY REQUEST 2/7/2024

.user-authenticated main p:empty:before {
    height: 20px;
    background-color: #E60000;
    color: white;
    content: "Empty P tag - Remove";
}

.user-authenticated main span:not(#ms-rterangecursor-start):not(#ms-rterangecursor-end):empty:before {
    height: 20px;
    background-color: #E60000;
    color: white;
    content: "Empty SPAN tag - Remove";
}

.user-authenticated .ms-core-menu-label span:empty:before {
    content: "";
}

.user-authenticated main ol > :not(li):before {
    height: 20px;
    background-color: #E60000;
    color: white;
    content: "Incorrect Element in list - Remove or Replace";
}

.user-authenticated main ul > :not(li):before {
    height: 20px;
    background-color: #E60000;
    color: white;
    content: "Incorrect Element in list - Remove or Replace";
}
*/

/* BODY */
body {
    background-image: url('../AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/branding/background.jpg');
    background-size: cover;
    background-attachment: fixed;
}

/* HEADER AND NAVBAR */

.or-header {
    background-image: url('../AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/branding/header.jpg');
    border-bottom: 3px solid #000040;
}


.or-navbar {
    background-image: url("https://www.transparenttextures.com/patterns/gplay.png");
}

.or-header .or-header-overlay,
.or-navbar,
.or-navbar-search-wrapper,
.or-navbar,
.helpfulPoll .btn-primary {
    background-color: #000040;
}

.or-header .or-header-overlay {
    opacity: .7;
}
/* header logo override */ .or-header-logo {
    background-image: url('/ode/Style%20Library/Images/1170823_ODE_Logo_2016-FINAL-CMYK-280%20for%20website.png');
}

.or-navigation-list > li > a {
    font-weight: bold;
    font-size: 14px;
}


/* SEARCH */

.or-navbar-search-wrapper.or-navbar-search-open {
    box-shadow: -10px 0px 10px -5px #000010;
}


.or-navbar-search-submit-button {
    background: #000050;
}

/* TASKBOXES */


.or-taskbox-title {
    background: rgba(0,0,64,.9)
}

.or-taskbox-image .or-taskbox-title {
    font-size: 16px;
}


/* FOOTER */

.or-page-title, footer h3 {
    color: #000040;
}


.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #000040;
    border-color: #000040;
}


@media screen and (max-width: 767px) {
    .navbar-offcanvas {
        background-color: #000040;
    }

    .or-header-title small {
        display: none;
    }
}

/* HOMEPAGE TWEAKS */

.oregon-department-of-education.oregon-department-of-education.agency-home .or-header {
    margin-bottom: 25px;
}


.oregon-department-of-education.oregon-department-of-education.agency-home .or-page-title {
    display: none;
}


/* Accessibility Overrides to satisfy Remediation */

main a, footer a {
    text-decoration: underline;
}

    main a:visited, footer a:visited, .alert a:visited {
        text-decoration: underline;
    }

.btn {
    text-decoration: none;
}

.or-side-navigation ul .or-side-navigation-current > a:hover, .or-side-navigation ul .or-side-navigation-current > a:focus {
    border-left: solid 3px #5b781d;
    color: #4a6821;
}

a.btn:focus, button.btn:focus, a:focus, .btn:focus, .dropdown-toggle:focus, .or-navbar-search-submit-button:focus, .or-navbar-search-close-button:focus, #skipToMain .skiplink-text {
    outline: 2px solid #5b9dd9 !important;
    border: none;
}

.or-navbar {
    background: none;
    background-color: #10133c;
    border-bottom: solid #6b6b6b 1px;
}

/* header overlay override */
.or-header .or-header-overlay {
    background: #10133c;
    opacity: .25;
}

/* ODE - LULAY - AGENCY.CSS BOTTOM */

h1, .odeH1 {
    font-size: 2em;
}

h2, .odeH2 {
    font-size: 1.8em;
}

h3, .odeH3 {
    font-size: 1.6em;
}

h4, .odeH4 {
    font-size: 1.4em;
}

h5, .odeH5 {
    font-size: 1.2em;
}

h6, .odeH6 {
    font-size: 1.1em;
}

.myBold {
    font-weight: bold;
}

.odeFontNormal {
    font-size: 1.4rem;
}

.odeFontNormal1 {
    font-size: 1.3rem;
}

.odeFontNormal2 {
    font-size: 1.2rem;
}

.odeFontNormal3 {
    font-size: 1.1rem;
}

.odeFontNormal4 {
    font-size: 1rem;
}

.odeFontNormal5 {
    font-size: .9rem;
}

.odeH1 li p, .odeH2 li p, .odeH3 li p, .odeH4 li p, .odeH5 li p, .odeH6 li p {
    font-size: 1.4rem;
}

.odeMPaddingTop0 {
    margin-top: 0px;
    padding-top: 0px;
}

.odeMPaddingTop5 {
    margin-top: 5px;
    padding-top: 5px;
}

.odePaddingTop5 {
    margin-top: 0px;
    padding-top: 5px;
}

hr {
    border-top: 1px solid #999999;
}

.odeBigBtn {
    white-space: normal !important;
    word-wrap: break-word;
    word-break: normal;
}

.odeJumpBuffer::before {
    content: "";
    display: block;
    height: 89px; /* fixed header height*/
    margin: -89px 0 0; /* negative fixed header height */
}

/* ODE Header Overwrites to Make Smaller */
.or-navigation-list > li > a {
    font-weight: normal;
}

.or-header-logo {
    width: 80px;
    height: 80px;
}

.or-header-title {
    font-size: 1.5em !important;
    font-weight: normal;
}

.or-small-header-title .or-header-title {
    font-size: 1.5em !important;
}

.or-header-title small {
    font-weight: normal;
    margin-top: 10px;
}

@media all and (max-width:767px) {
    .or-header-logo {
        width: 40px;
        height: 40px;
    }

    .or-header-title {
        font-size: 1.3em !important;
    }

    .or-small-header-title .or-header-title {
        font-size: 1.3em !important;
    }
}

@media all and (min-width:1200px) {
    .or-header-title {
        font-size: 1.8em !important;
    }

    .or-small-header-title .or-header-title {
        font-size: 1.8em !important;
    }
}

/* header background override */
.or-header {
    background: url('/ode/Style%20Library/Images/banner_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #10133c;
}

/* footer background override */
.footer .container .row:nth-of-type(2) {
    background: none;
    background-color: #f6f6f6;
    border-top: solid #cecece 1px;
    border-left: solid #cecece 1px;
    border-right: solid #cecece 1px;
}

/* P to look like bullet */
.pBullet1 {
    list-style: disc outside none;
    display: list-item;
}

.pBullet2 {
    list-style: circle outside none;
    display: list-item;
}

.pbBuf1 {
    margin-left: 15px;
}

.pbBuf2 {
    margin-left: 40px;
}

.pbBuf3 {
    margin-left: 60px;
}

/* Accordion Overwrite */
.or-accordion-heading-title h2, .or-accordion-heading-title h3, .or-accordion-heading-title h4, .or-accordion-heading-title h5, .or-accordion-heading-title h6 {
    font-size: 1em !important;
}

/* ODE Custom LI Classes */
.odeListBuf0 > li, .pBuf0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.odeListBuf1 > li, .pBuf1 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.odeListBuf2 > li, .pBuf2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.odeListBuf3 > li, .pBuf3 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.odeListBuf4 > li, .pBuf4 {
    margin-top: 20px;
    margin-bottom: 20px;
}


.odeListBuf5 > li, .pBuf5 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.odeListBuf6 > li, .pBuf6 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.odeListBuf7 > li, .pBuf7 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.odeListBuf8 > li, .pBuf8 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.odeListBuf9 > li, .pBuf9 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.odeListIndent0 > li {
    margin-left: -20px;
}

.odeListIndent1 > li {
    margin-left: -15px;
}

.odeListIndent2 > li {
    margin-left: -10px;
}

.odeListIndent3 > li {
    margin-left: -5px;
}

.odeListIndent4 > li {
    margin-left: 5px;
}

.odeListIndent5 > li {
    margin-left: 10px;
}

.odeListIndent-1 > li {
    margin-left: -25px;
}
/* negatives start to disappear at lowest device response */

.odeNoBul {
    list-style-type: none;
}

/* ODE Complex Images with HTML5 Figure Classes */

figure {border: thin #c0c0c0 solid; margin: auto;}
figcaption {background-color: #222; color: #fff;  font: italic smaller sans-serif; padding: 3px; text-align: center;}

.center {display: block; margin-left: auto; margin-right: auto; width: 50%;}

/* if we ever add CSS pre processor like SASS
.myListCombo2{@extend .odeListBuf6, .odeListIndent0, .odeNoBul, .odeH3;}
.myListCombo{@extend .odeListBuf6; @extend .odeListIndent0; @extend .odeNoBul; @extend .odeH3;}
.myBtn-big{@extend .btn; @extend .btn-primary; @extend .odeH1; @extend .active; @extend .btn-block;}
*/

/* ODE Custom DL Classes */
.odeDL > dt, .odeDL0 > dt, .odeDLindent > dt, .odeDLindentmultiDD > dt {
    font-weight: bold;
}

.odeDL > dt, .odeDL0 > dt, .odeDLindent > dt, .odeDL1multiDD > dt, .odeDLindentmultiDD > dt, .odeDL1indentmultiDD > dt, .odeDL2indentmultiDD > dt, .odeDL3indentmultiDD > dt {
    font-size: 1em;
}

.odeDL1 > dt, .odeDL1indent > dt {
    font-size: 1.2em;
    font-weight: normal;
}

.odeDL2 > dt, .odeDL2indent > dt {
    font-size: 1.4em;
    font-weight: normal;
}

.odeDL3 > dt, .odeDL3indent > dt {
    font-size: 1.6em;
    font-weight: normal;
}

.odeDL0 > dd, .odeDL0indent > dd {
    margin-bottom: 0px;
}

.odeDLmultiDD > dd, .odeDL1multiDD > dd, .odeDL2multiDD > dd, .odeDL3multiDD > dd, .odeDLindentmultiDD > dd, .odeDL1indentmultiDD > dd, .odeDL2indentmultiDD > dd, .odeDL3indentmultiDD > dd {
    margin-bottom: 10px;
}

.odeDL > dd, .odeDL1 > dd, .odeDL2 > dd, .odeDL3 > dd, .odeDLindent > dd, .odeDL1indent > dd, .odeDL2indent > dd, .odeDL3indent > dd {
    margin-bottom: 20px;
}

.odeDLindent, .odeDL0indent > dd, .odeDL1indent > dd, .odeDL2indent > dd, .odeDL3indent > dd, .odeDLindentmultiDD > dd, .odeDL1indentmultiDD > dd, .odeDL2indentmultiDD > dd, .odeDL3indentmultiDD > dd {
    margin-left: 20px;
}

.odeDTbuf1 > dt {
    margin-bottom: 2px;
}

.odeDTbuf2 > dt {
    margin-bottom: 5px;
}

.odeDTbuf3 > dt {
    margin-bottom: 10px;
}

.odeDTbuf4 > dt {
    margin-bottom: 15px;
}

.odeDTbuf5 > dt {
    margin-bottom: 20px;
}


iframe:hover {
	outline: #5B9DD9 solid 3px;
}

.odeInlineCounter  {display:inline; padding-left: 0px; margin-left: 0px;}
.odeInlineCounter li {display:inline; counter-increment: decimal}
.odeInlineCounter li::before {content: counter(decimal) ") ";}

/* Custom ODE Color Blocks */
/** -odeBlue BLOCK **/
.colorBlock-odeBlue, h1.colorBlock-odeBlue, h2.colorBlock-odeBlue, h3.colorBlock-odeBlue, h4.colorBlock-odeBlue, h5.colorBlock-odeBlue, h6.colorBlock-odeBlue {background-color:#1b75bc; color:white; font-weight:bolder; padding-top:20px; padding-bottom:20px;}

.colorBlock-odeBlueSub {background-color:#014f8d; color:white; font-weight:100; padding-top:5px; padding-bottom:5px;}

/** -odeGreen BLOCK **/
.colorBlock-odeGreen, h1.colorBlock-odeGreen, h2.colorBlock-odeGreen, h3.colorBlock-odeGreen, h4.colorBlock-odeGreen, h5.colorBlock-odeGreen, h6.colorBlock-odeGreen {background-color:#408740; color:white; font-weight:bolder; padding-top:20px; padding-bottom:20px;}

.colorBlock-odeGreenSub {background-color:#016b01; color:white; font-weight:100; padding-top:5px; padding-bottom:5px;}

/** -odeMagenta BLOCK **/
.colorBlock-odeMagenta, h1.colorBlock-odeMagenta, h2.colorBlock-odeMagenta, h3.colorBlock-odeMagenta, h4.colorBlock-odeMagenta, h5.colorBlock-odeMagenta, h6.colorBlock-odeMagenta {background-color:#9f2065; color:white; font-weight:bolder; padding-top:20px; padding-bottom:20px;}

.colorBlock-odeMagentaSub {background-color:#8a014b; color:white; font-weight:100; padding-top:5px; padding-bottom:5px;}

/** -odeORANGE BLOCK **/
.colorBlock-odeOrange, h1.colorBlock-odeOrange, h2.colorBlock-odeOrange, h3.colorBlock-odeOrange, h4.colorBlock-odeOrange, h5.colorBlock-odeOrange, h6.colorBlock-odeOrange {background-color:#e26b2a; color:white; font-weight:bolder; padding-top:20px; padding-bottom:20px;}

.colorBlock-odeOrangeSub {background-color:#ad4502; color:white; font-weight:100; padding-top:5px; padding-bottom:5px;}

/** ORANGE BLOCK **/
.colorBlockOrange, h1.colorBlockOrange, h2.colorBlockOrange, h3.colorBlockOrange, h4.colorBlockOrange, h5.colorBlockOrange, h6.colorBlockOrange {background-color:#cd5000; color:white; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlockOrangeSub {background-color:#ad4502; color:white; font-weight:100; padding-top:5px; padding-bottom:5px;}

/** TEAL BLOCK **/
.colorBlockTeal, h1.colorBlockTeal, h2.colorBlockTeal, h3.colorBlockTeal, h4.colorBlockTeal, h5.colorBlockTeal, h6.colorBlockTeal {background-color:#2c746e; color:white; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlockTealSub {background-color:#1d524e; color:white; font-weight:100; padding-top:5px; padding-bottom:5px;}

/** RED BLOCK **/
.colorBlockRed, h1.colorBlockRed, h2.colorBlockRed, h3.colorBlockRed, h4.colorBlockRed, h5.colorBlockRed, h6.colorBlockRed {background-color:#630000; color:white; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlockRedSub {background-color:#930000; color:white; font-weight:100; padding-top:5px; padding-bottom:5px;}

/** Black BLOCK **/
.colorBlockBlack, h1.colorBlockBlack, h2.colorBlockBlack, h3.colorBlockBlack, h4.colorBlockBlack, h5.colorBlockBlack, h6.colorBlockBlack {background-color:#333333; color:white; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlockBlackSub {background-color:#000000; color:white; font-weight:100; padding-top:5px; padding-bottom:5px;}

/** TAUPE BLOCK **/
.colorBlockTaupe, h1.colorBlockTaupe, h2.colorBlockTaupe, h3.colorBlockTaupe, h4.colorBlockTaupe, h5.colorBlockTaupe, h6.colorBlockTaupe {background-color:#d0cab9; color:black; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlockTaupeSub {background-color:#e2ddcf; color:black; font-weight:100; padding-top:5px; padding-bottom:5px;}

/** GRAY BLOCK **/
.colorBlockGray, h1.colorBlockGray, h2.colorBlockGray, h3.colorBlockGray, h4.colorBlockGray, h5.colorBlockGray, h6.colorBlockGray {background-color:#cecece; color:black; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlockGraySub {background-color:#dedede; color:black; font-weight:100; padding-top:5px; padding-bottom:5px;}


/** PASTELS **/
/** -sky BLOCK **/
.colorBlock-sky, h1.colorBlock-sky, h2.colorBlock-sky, h3.colorBlock-sky, h4.colorBlock-sky, h5.colorBlock-sky, h6.colorBlock-sky {background-color:#c6e0f5; color:#006cac; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlock-skySub {background-color:#e9f3fb; color:#006cac; font-weight:100; padding-top:5px; padding-bottom:5px;}
.colorBlock-sky a, a .colorBlock-sky, .colorBlock-skySub a, a .colorBlock-skySub 
{color:#006cac; text-decoration:underline; text-decoration-color:#006cac;}

/** -pink BLOCK **/
.colorBlock-pink, h1.colorBlock-pink, h2.colorBlock-pink, h3.colorBlock-pink, h4.colorBlock-pink, h5.colorBlock-pink, h6.colorBlock-pink {background-color:#f2d8e8; color:#D24B98; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlock-pinkSub {background-color:#fcf5f9; color:#D24B98; font-weight:100; padding-top:5px; padding-bottom:5px;}
.colorBlock-pink a, a .colorBlock-pink, .colorBlock-pinkSub a, a .colorBlock-pinkSub 
{color:#D24B98; text-decoration:underline; text-decoration-color:#D24B98;}

/** -brown BLOCK **/
.colorBlock-brown, h1.colorBlock-brown, h2.colorBlock-brown, h3.colorBlock-brown, h4.colorBlock-brown, h5.colorBlock-brown, h6.colorBlock-brown {background-color:#f0dfc3; color:#916600; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlock-brownSub {background-color:#fbf6e6; color:#916600; font-weight:100; padding-top:5px; padding-bottom:5px;}
.colorBlock-brown a, a .colorBlock-brown, .colorBlock-brownSub a, a .colorBlock-brownSub 
{color:#916600; text-decoration:underline; text-decoration-color:#916600;}

/** -rose BLOCK **/
.colorBlock-rose, h1.colorBlock-rose, h2.colorBlock-rose, h3.colorBlock-rose, h4.colorBlock-rose, h5.colorBlock-rose, h6.colorBlock-rose {background-color:#ecd2e0; color:#9f2065; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlock-roseSub {background-color:#fae8f2; color:#9f2065; font-weight:100; padding-top:5px; padding-bottom:5px;}
.colorBlock-rose a, a .colorBlock-rose, .colorBlock-roseSub a, a .colorBlock-roseSub 
{color:#9f2065; text-decoration:underline; text-decoration-color:#9f2065;}

/** -aqua BLOCK **/
.colorBlock-aqua, h1.colorBlock-aqua, h2.colorBlock-aqua, h3.colorBlock-aqua, h4.colorBlock-aqua, h5.colorBlock-aqua, h6.colorBlock-aqua {background-color:#e0f2f3; color:#008c8a; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlock-aquaSub {background-color:#f0fafa; color:#008c8a; font-weight:100; padding-top:5px; padding-bottom:5px;}
.colorBlock-aqua a, a .colorBlock-aqua, .colorBlock-aquaSub a, a .colorBlock-aquaSub 
{color:#008c8a; text-decoration:underline; text-decoration-color:#008c8a;}

/** -kelly BLOCK **/
.colorBlock-kelly, h1.colorBlock-kelly, h2.colorBlock-kelly, h3.colorBlock-kelly, h4.colorBlock-kelly, h5.colorBlock-kelly, h6.colorBlock-kelly {background-color:#c7d7c8; color:#007f43; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlock-kellySub {background-color:#ebf5f0; color:#007f43; font-weight:100; padding-top:5px; padding-bottom:5px;}
.colorBlock-kelly a, a .colorBlock-kelly, .colorBlock-kellySub a, a .colorBlock-kellySub 
{color:#007f43; text-decoration:underline; text-decoration-color:#007f43;}

/** -carrot BLOCK **/
.colorBlock-carrot, h1.colorBlock-carrot, h2.colorBlock-carrot, h3.colorBlock-carrot, h4.colorBlock-carrot, h5.colorBlock-carrot, h6.colorBlock-carrot {background-color:#f6d7c4; color:#D35122; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlock-carrotSub {background-color:#fcf2ee; color:#D35122; font-weight:100; padding-top:5px; padding-bottom:5px;}
.colorBlock-carrot a, a .colorBlock-carrot, .colorBlock-carrotSub a, a .colorBlock-carrotSub 
{color:#D35122; text-decoration:underline; text-decoration-color:#D35122;}

/** -forest BLOCK **/
.colorBlock-forest, h1.colorBlock-forest, h2.colorBlock-forest, h3.colorBlock-forest, h4.colorBlock-forest, h5.colorBlock-forest, h6.colorBlock-forest {background-color:#e1e7cf; color:#617e37; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlock-forestSub {background-color:#f2f6eb; color:#617e37; font-weight:100; padding-top:5px; padding-bottom:5px;}
.colorBlock-forest a, a .colorBlock-forest, .colorBlock-forestSub a, a .colorBlock-forestSub 
{color:#617e37; text-decoration:underline; text-decoration-color:#617e37;}

/** -purple BLOCK **/
.colorBlock-purple, h1.colorBlock-purple, h2.colorBlock-purple, h3.colorBlock-purple, h4.colorBlock-purple, h5.colorBlock-purple, h6.colorBlock-purple {background-color:#dddaeb; color:#57449b; font-weight:bolder; padding-top:20px; padding-bottom:20px;}
.colorBlock-purpleSub {background-color:#eeecf5; color:#57449b; font-weight:100; padding-top:5px; padding-bottom:5px;}
.colorBlock-purple a, a .colorBlock-purple, .colorBlock-purpleSub a, a .colorBlock-purpleSub 
{color:#57449b; text-decoration:underline; text-decoration-color:#57449b;}



/** ANCHOR BLOCKS **/
.colorBlock-odeBlue a, a .colorBlock-odeBlue, .colorBlock-odeBlueSub a, a .colorBlock-odeBlueSub, 
.colorBlock-odeGreen a, a .colorBlock-odeGreen, .colorBlock-odeGreenSub a, a .colorBlock-odeGreenSub, 
.colorBlock-odeMagenta a, a .colorBlock-odeMagenta, .colorBlock-odeMagentaSub a, a .colorBlock-odeMagentaSub, 
.colorBlock-odeOrange a, a .colorBlock-odeOrange, .colorBlock-odeOrangeSub a, a .colorBlock-odeOrangeSub, 
.colorBlockOrange a, a .colorBlockOrange, .colorBlockOrangeSub a, a .colorBlockOrangeSub, 
.colorBlockTeal a, a .colorBlockTeal, .colorBlockTealSub a, a .colorBlockTealSub, 
.colorBlockRed a, a .colorBlockRed, .colorBlockRedSub a, a .colorBlockRedSub, 
.colorBlockBlack a, a .colorBlockBlack, .colorBlockBlackSub a, a .colorBlockBlackSub 
{color:white; text-decoration:underline; text-decoration-color:white;}

.colorBlockTaupe a, a .colorBlockTaupe, .colorBlockTaupeSub a, a .colorBlockTaupeSub, 
.colorBlockGray a, a .colorBlockGray, .colorBlockGraySub a, a .colorBlockGraySub 
{color:black; text-decoration:underline; text-decoration-color:black;}

/** EXIT BLOCKS **/
a:hover .colorBlock-sky, a:focus .colorBlock-sky, 
p.colorBlock-sky a:hover, a:hover .colorBlock-skySub, 
a:focus .colorBlock-skySub, p.colorBlock-skySub a:hover,

a:hover .colorBlock-pink, a:focus .colorBlock-pink, 
p.colorBlock-pink a:hover, a:hover .colorBlock-pinkSub, 
a:focus .colorBlock-pinkSub, p.colorBlock-pinkSub a:hover,

a:hover .colorBlock-brown, a:focus .colorBlock-brown, 
p.colorBlock-brown a:hover, a:hover .colorBlock-brownSub, 
a:focus .colorBlock-brownSub, p.colorBlock-brownSub a:hover,

a:hover .colorBlock-rose, a:focus .colorBlock-rose, 
p.colorBlock-rose a:hover, a:hover .colorBlock-roseSub, 
a:focus .colorBlock-roseSub, p.colorBlock-roseSub a:hover,

a:hover .colorBlock-aqua, a:focus .colorBlock-aqua, 
p.colorBlock-aqua a:hover, a:hover .colorBlock-aquaSub, 
a:focus .colorBlock-aquaSub, p.colorBlock-aquaSub a:hover,

a:hover .colorBlock-kelly, a:focus .colorBlock-kelly, 
p.colorBlock-kelly a:hover, a:hover .colorBlock-kellySub, 
a:focus .colorBlock-kellySub, p.colorBlock-kellySub a:hover,

a:hover .colorBlock-carrot, a:focus .colorBlock-carrot, 
p.colorBlock-carrot a:hover, a:hover .colorBlock-carrotSub, 
a:focus .colorBlock-carrotSub, p.colorBlock-carrotSub a:hover,

a:hover .colorBlock-forest, a:focus .colorBlock-forest, 
p.colorBlock-forest a:hover, a:hover .colorBlock-forestSub, 
a:focus .colorBlock-forestSub, p.colorBlock-forestSub a:hover,

a:hover .colorBlock-purple, a:focus .colorBlock-purple, 
p.colorBlock-purple a:hover, a:hover .colorBlock-purpleSub, 
a:focus .colorBlock-purpleSub, p.colorBlock-purpleSub a:hover,

a:hover .colorBlock-odeBlue, a:focus .colorBlock-odeBlue, 
p.colorBlock-odeBlue a:hover, a:hover .colorBlock-odeBlueSub, 
a:focus .colorBlock-odeBlueSub, p.colorBlock-odeBlueSub a:hover,

a:hover .colorBlock-odeGreen, a:focus .colorBlock-odeGreen, 
p.colorBlock-odeGreen a:hover, a:hover .colorBlock-odeGreenSub, 
a:focus .colorBlock-odeGreenSub, p.colorBlock-odeGreenSub a:hover,

a:hover .colorBlock-odeMagenta, a:focus .colorBlock-odeMagenta, 
p.colorBlock-odeMagenta a:hover, a:hover .colorBlock-odeMagentaSub, 
a:focus .colorBlock-odeMagentaSub, p.colorBlock-odeMagentaSub a:hover,

a:hover .colorBlock-odeOrange, a:focus .colorBlock-odeOrange, 
p.colorBlock-odeOrange a:hover, a:hover .colorBlock-odeOrangeSub, 
a:focus .colorBlock-odeOrangeSub, p.colorBlock-odeOrangeSub a:hover,

a:hover .colorBlockOrange, a:focus .colorBlockOrange, 
p.colorBlockOrange a:hover, a:hover .colorBlockOrangeSub, 
a:focus .colorBlockOrangeSub, p.colorBlockOrangeSub a:hover,

a:hover .colorBlockTeal, a:focus .colorBlockTeal, 
p.colorBlockTeal a:hover, a:hover .colorBlockTealSub, 
a:focus .colorBlockTealSub, p.colorBlockTealSub a:hover, 

a:hover .colorBlockRed, a:focus .colorBlockRed, 
p.colorBlockRed a:hover, a:hover .colorBlockRedSub, 
a:focus .colorBlockRedSub, p.colorBlockRedSub a:hover, 

a:hover .colorBlockBlack, a:focus .colorBlockBlack, 
p.colorBlockBlack a:hover, a:hover .colorBlockBlackSub, 
a:focus .colorBlockBlackSub, p.colorBlockBlackSub a:hover, 

a:hover .colorBlockTaupe, a:focus .colorBlockTaupe, 
p.colorBlockTaupe a:hover, a:hover .colorBlockTaupeSub, 
a:focus .colorBlockTaupeSub, p.colorBlockTaupeSub a:hover, 

a:hover .colorBlockGray, a:focus .colorBlockGray, 
p.colorBlockGray a:hover, a:hover .colorBlockGraySub, 
a:focus .colorBlockGraySub, p.colorBlockGraySub a:hover 
{background-color:initial; color:initial; text-decoration:initial;}

/* correction from 10/30/2020 Federal Audit */
a:hover img {border: 4px solid #5b9dd9;}
a:focus img {border: 4px solid #5b9dd9;}

.odeBG-pinkfadebanner {
    background-image: url('/ode/EarlyLiteracySuccessInitiative/PublishingImages/Early%20Literacy%20Success%20Initiative%20Banner%20no%20text.png');
    background-size: cover; background-position: center;
}