/* 
********  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 */
.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: #5b781d;
}

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: 70px; /* fixed header height*/
    margin: -70px 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) ") ";}

/* correction from 10/30/2020 Federal Audit */
a:hover img {border: 4px solid #5b9dd9;}
a:focus img {border: 4px solid #5b9dd9;}
