/* Page analytics heat map fix 2021.11.09 */
span.iyp__blot {
    background-repeat: initial;
}

/* Override on selection psuedo class to resolve highligting when right clicking a link issue  */
.main-navigation ::selection, .accordion-title ::selection, .jumbotron .link-menu ::selection, .accordion-link::selection, .all-news-events::selection {
    background: inherit;
    color: inherit;
}

/* QUICKFIX Temporary Solution to issue which occurred on 08-13-19 */
.student-masthead{
    overflow:visible;
}
iframe[id*='capture_storage_'] {
    display: none;
}


/* alter default link color for accessibility contrast ratio - 072519 */
a, .secondary-navigation a, .secondary-navigation a:active, .secondary-navigation a:link, .secondary-navigation a:visited {
	color: #c44a01;
}
/* end alter default link color */

.read-more:active, .read-more:link, .read-more:visited {
    color: #c94d00;
    color: #DB5400;
}

.portal-link a {
    color: #fff;
}

.notice a {
	color:#fff;
    -webkit-filter: drop-shadow(1px 1px 0px #522c1b);
    filter: drop-shadow(1px 1px 0px #522c1b);
}

.notice a:hover {
    color: #fff;
}

.notice.all-clear a {
    background: url('/media/site-assets/images/ok-64.png') no-repeat scroll 32px 50%;
}

.notice.inclement-weather a {
    background: url('/media/site-assets/images/inclement-weather-thunderbolt-cloud-centered.png') no-repeat scroll 32px 50%;
}

.notice.inclement-snow a {
    background: url('/media/site-assets/images/inclement-weather-snow3.png') no-repeat scroll 32px 50%;
}

.emergency-alert {
    text-shadow: 1px 1px 3px #522c1b;
}

.notice.emergency {
    background-color: #c9001c;
    border-left: .5rem solid #FF0000;
    border-right: .5rem solid #FF0000;
}

.notice.inclement-weather, .notice.inclement-snow {
    background-color: #00838F;
    border-left: .5rem solid #00b1c1;
    border-right: .5rem solid #00b1c1;
}

.notice.warning {
    background-color: #c94d00;
    border-left: .5rem solid #FF6200;
    border-right: .5rem solid #FF6200;
}

.notice.all-clear {
    background-color: #747A00;
    border-left: .5rem solid #aab300;
    border-right: .5rem solid #aab300;
}

.fa-remove::before, .fa-close::before, .fa-times::before {
    font-size: 2.5rem;
    content: "\00d7";
    font-family: Lato,sans-serif;
    font-weight: 300;
}

.user-markup ol, .user-markup ol ol, .user-markup ol ul, .user-markup ul, .user-markup ul ol, .user-markup ul ul {
    overflow: hidden; /* Fixes the majority of bulleted list from overlapping images */
}


.user-markup .site-map ul {
    margin-bottom: 0px;
}


aside div.column {
    padding-bottom: 1.5rem;
}

/* .contact-info .section-title .title {
    background: #c94d00 url(/media/site-assets/images/chemeketa-abstract-opacity-large.png) no-repeat;
    background-position: 180px center;
    background-size: 70%;
    background-position: -5px .15rem;
    background-size: 140%;
} */

input[type="image"]:before, input[type="submit"]:before  {
    content: '\f003';
    color: #522c1b;
    font-family: "icomoon";
    padding: 6px;
}

@media screen and (max-width:64em){
    .navigation-container.open .portal-link a {
        width: 100%;
        margin-bottom: 1em;
    }
}

.alldisplaynone {
    /*display: none;*/
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.form-group input[type='radio'] {
    position: absolute;
    visibility: hidden;
}

.form-group [type="radio"]+label:before, .form-group [type="radio"]+.helper-container>label:before {
    content: '\25CF';
    padding-left: 1px;
    padding-bottom: 3px;
    font-family: initial;
    font-size: 1.75rem;
}

.form-group [type="radio"]+label:after, .form-group [type="radio"]+.helper-container>label:after {
    border-radius: 50%;
}

/* Button styling Modifications */
.user-button.primary-outline {
    padding-top: 1em;
}

.jumbotron .cta-button {
    padding: 1rem 1.6rem;
}

/* Email link styling */
/*
a[href *="email.html"]:after {
    content: '\f003';
    color: #522c1b;
    font-family: "icomoon";
    padding: 0 6px;
    font-style: normal;
}
a[href *="email.html"]:hover:after {
    display: inline-block;
    text-decoration: none;
}

li a[href*="email.html"]:hover:after {
    padding-left: 11px;
}

li p a[href*="email.html"]:hover:after {
    padding-left: 6px;
}

/* Turns off the default border for Foundation 6.4.3*/
.accordion-title {
    border: 0px solid #e6e6e6;
    border-bottom: 1px solid #eeead9;
}

.page-accordion .accordion-item li a[href*="email.html"] {
    padding: 0 .15rem 0 .35rem;
    display: inline-block;
}

.page-accordion .accordion-item li a[href *="email.html"]:after{
    padding: 0 0 0 .7rem;
}

.page-accordion .accordion-item li a[href *="email.html"]:hover:after {
    padding: 0 0 0 1rem;
}

.event-listing {
    display: none;
}

section.news-feeds .event-listing {
    display: inline-block;
}

/* default caption */
caption { 
    caption-side: top;
    text-align: left;
    color: #c94d00;
    font-family: "Lato", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    font-style: normal;
    margin-bottom: 10px;
    text-rendering: optimizeLegibility;
}
/* end default caption */

/* default definition list - 110718 */
dl {
	margin-right:1.5em;
	}
	
	dt {
	margin-bottom: 1.25em;
	}
	
	dd{
	margin:0 0 2em 0;
	padding-left:4.5em;
	background:none no-repeat left top;	
	}
/* end default definition list */

/* accordian table adjustment - 110718 */
.accordion-content .user-markup table tr:nth-child(2n) {
    background: #f6f6f6;
}
/* end accordian table adjustment */

/* news page labels 060719 */
label.select-news-topic {
    font-family: Georgia,serif;
    font-size:  1.12rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 2px;
    text-transform: none;
}
/* end news page labels */

/* default location maps 061919 */
iframe.location-maps {
	width: 100%;
	height: 360px;
	margin-bottom:1em;
	border:6px double #b5b5b5;	
}
/* end default location maps */

/* 50 year logo 062619 */
.header-logo, .header-logo .icon {
	height: 4.0rem;
	width: 10.5rem;
}
@media screen and (min-width:64em){
.header-logo, .header-logo .icon {
	height: 6.0rem;
	width: 18.0rem;
}
}
/* end 50 year logo */

.news-feeds .all-news-events[title="All Events"] .icon {
    margin-left: 0.5125rem;
}

.global-footer {
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .level-sidebar {
        margin-top: -26px;
    }
}

div#divInstitutionNameWindow {
	bottom: 0;
	left: 15%;
    z-index: 10; 
}

/*.degree-requirements */
span.nav-item-back a {
	font-family: "Georgia",serif;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 16px;
    padding: 5px 0 5px 20px;
    position: relative;
    transition: color 0.3s ease, margin 0.3s ease;
    display: block;
}

/*.degree-requirements:before */
span.nav-item-back a:before {
    color: #00b1c1;
    content: '\f054';
	content: '\f053';
    display: block;
    font-family: "icomoon";
    left: 0;
    position: absolute;
    font-style: normal;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

/*.degree-requirements:hover*/
span.nav-item-back a:hover {
    margin-left: 5px;
}

/*.degree-requirements:hover:before*/
span.nav-item-back a:hover:before {
    color: #c94d00
}

/* primarily used for Bid Results page 073019 */
h4 span.label, p span.label {
    display: inline;
    font-size: inherit;
    font-weight: 400;
    color: #0a0a0a;
    margin: 0;
}

.global-footer .watermark svg {
    width: 40rem;
    height: 40rem;
    top: 0rem;
    right: -25rem
}

.global-footer .legal-links li {
    display: block;
}

.global-footer .legal-links li.small-mobile-hidden {
    display: none;
}

@media screen and (min-width: 32em) {
  .global-footer .legal-links li {
      display: inline;
  }
  .global-footer .legal-links li.small-mobile-hidden{
      display: inline;
  }
}


@media screen and (max-width: 32em) {
  .calendar-container #calendar_events .event .eventinfo dl {
      width: 100%;
  }
}

@media screen and (max-width: 81.1875em) and (min-width: 64em){
  .global-footer .social-media-container {
      width: 34.875rem;
  }
}

/* 02-15-18 */
@media screen and (max-width:64em){
	div.user-markup h3 img {
    display:none;
  }
}

/* News Feed Date styles Added 2018.10.12 PADARR */
p.article-date{
  margin-bottom: 4px;
}

.article-date .release-date{
  font-family: Lato,sans-serif;
  font-weight: 700;
  font-size:0.75rem;
  display: inline-block;
  letter-spacing: 2px;
  line-height: 1;
  margin-bottom: 0px;
  padding: .25rem 0;
  text-transform: uppercase;
}
.article-date .release-date.blue{
  background:#00838F;
  color: #fff;
  font-weight: 100;
  text-shadow: 1px 1px 3px #522c1b;
  padding: .25rem .5rem;
}
.article-date .release-date.green{
  background: #aab300;
  color: #522c1b;
  padding: .25rem .5rem;
}

.time-diff{
  font-size: .75rem;
  font-style: normal;
  letter-spacing: 2px;
  white-space: nowrap;
}

/* Board of education meetings post */
.meeting-date {
    /*width: 4.5em;
    background-color: #c94d00;
    padding: .25em;
    color: #fff;*/
    margin-left: .5em;
}
.meeting-location {
    /*width: 27em;*/
}
.meeting-date p.intro {
	margin-bottom: 0rem; */
}
.calendar-container p {
    margin-bottom: .25rem;
}
.program-projections {
    margin-bottom: 0px;
}
.level-content .subtitle {
    margin-bottom: 0;
}
.document-links a {
  white-space: nowrap;
}


/**** Accessibility updates and fixes ****/
.site-search .search-label {
    display: block;
    z-index: -10000;
    top: 0;
}

.child-menu .nav-item>span:hover a, .child-menu .nav-item>span[class*=currentbranch], .child-menu .nav-item>span[class*=currentbranch] a:active, .child-menu .nav-item>span[class*=currentbranch] a:link, .child-menu .nav-item>span[class*=currentbranch] a:visited, .child-menu .nav-item>span[class~=currentbranch], .child-menu .nav-item>span[class~=currentbranch] a:active, .child-menu .nav-item>span[class~=currentbranch] a:link, .child-menu .nav-item>span[class~=currentbranch] a:visited, .sibling-nav .nav-item>span:hover a, .sibling-nav .nav-item>span[class*=currentbranch], .sibling-nav .nav-item>span[class*=currentbranch] a:active, .sibling-nav .nav-item>span[class*=currentbranch] a:link, .sibling-nav .nav-item>span[class*=currentbranch] a:visited, .sibling-nav .nav-item>span[class~=currentbranch], .sibling-nav .nav-item>span[class~=currentbranch] a:active, .sibling-nav .nav-item>span[class~=currentbranch] a:link, .sibling-nav .nav-item>span[class~=currentbranch] a:visited {
    font-weight: inherit;
    font-size: inherit;
    color:#B34400;
}
.child-menu .nav-item a:active, .child-menu .nav-item a:link, .child-menu .nav-item a:visited, .sibling-nav .nav-item a:active, .sibling-nav .nav-item a:link, .sibling-nav .nav-item a:visited {
    font-weight: inherit;
    font-size: inherit;
}

.jumbotron .link-menu a:active, .jumbotron .link-menu a:focus, .jumbotron .link-menu a:hover, .jumbotron .link-menu a:link, .jumbotron .link-menu a:visited {
    font-weight: inherit;
    font-size: inherit;
}

.article-list .article .snippet a, .information-main p:not(.user-button) a, .jumbotron .link-menu a, .program-projections .lato-type a, .slide .caption a, .user-markup a, .user-video+.caption a {
    font-weight: bold;
}

.breadcrumbs .breadcrumb-list-item a:active, .breadcrumbs .breadcrumb-list-item a:link, .breadcrumbs .breadcrumb-list-item a:visited {
    font-size: inherit;
    font-weight: inherit;
}

.article-list .title a {
    font-size: inherit;
    font-weight: inherit;
}

.article-list .title a:focus, .article-list .title a:hover {
    color: #007A85;
}

.global-footer .legal-links *, .global-footer .legal-information a {
    font-size: inherit;
    font-weight: inherit;
}

.main-navigation a:focus, .main-navigation a:hover {
    color: #522c1b;
    color: inherit;
}

a, .secondary-navigation a, .secondary-navigation a:active, .secondary-navigation a:link, .secondary-navigation a:visited {
    font-weight: bold;
    font-size: 0.95rem;
}

.child-menu .nav-item a:focus, .child-menu .nav-item a:hover, .sibling-nav .nav-item a:focus, .sibling-nav .nav-item a:hover {
    color: #B34400;
}

a:focus, a:hover {
    color: #007A85;
}

.portal-link a:focus, .portal-link a:hover {
    color: #fff;
}

.user-button a:visited{
	color: #eee
}

.cta-button:focus, .cta-button:hover, .student-masthead .main-tile .cta-button:focus, .student-masthead .main-tile .cta-button:hover {
    background: #00b1c1;
}

.read-more:active, .read-more:link, .read-more:visited {
    color: #CB4B01;
}

.global-footer .footer-navigation a:focus, .global-footer .footer-navigation a:hover {
    color: #FE782A;
}



/* Featured Articles */

.article-list .article.has-background {
    background-image: url(/media/content-assets/images/masthead-home-page/motif_P7A2399.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-color: #fff9;
    background-blend-mode: lighten;
}
.article-list.article-callout .article:last-of-type {
    border: 10px solid #eeead9;
}

.article-list .thumbnail-container {
    display: inline-block;
}

.article-list .article .body {
    background-color: #fff9;
    background-blend-mode: lighten;
}

@media screen and (min-width: 48em){
	.article-list .article .body {
	    width: 100%;
	}
}

@media screen and (min-width: 64em){
	.article-list .article .body {
	    width: 66.66667%;
	}
}

/* Masthead Shift Quick Fix - PADARR */
.student-masthead .main-tile {
    overflow: inherit;
}

@media screen and (min-width: 37.5em) {
    .student-masthead .main-tile {
        top: -5px;
    }
}

@media screen and (min-width: 64em) {
    .student-masthead .main-tile {
        top: 0px;
    }
}


/*Jumbotron Homepage Feature and Color Feature*/
.jumbotron.blue{
	background: #00b1c1;
}
.jumbotron.yellow{
	background: #efcb36;
}
.jumbotron.green{
	background: #aab300;
}
.jumbotron.orange{
	background: #c94d00;
}
.jumbotron.color{
	position: relative;
}
.jumbotron.color:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -0.7rem;
    width: 0;
    height: 0;
    border-left: solid 0.7rem transparent;
    border-right: solid 0.7rem transparent;
    z-index: 100;
}
.jumbotron.color.blue:after {
    border-top: solid 0.7rem #00b1c1;
}
.jumbotron.color.yellow:after {
    border-top: solid 0.7rem #efcb36;
}
.jumbotron.color.green:after {
    border-top: solid 0.7rem #aab300;
}
.jumbotron.color.orange:after {
    border-top: solid 0.7rem #c94d00;
}

.jumbotron .lhub-icon {
    float: left;
    position: relative;
    top: 2.25rem;
    margin-bottom: 0;
    border: 4px solid #522c1b;
    /* border: 4px solid #c94d00; */
    border-radius: 5000px;
    border-radius: 50%;
    padding: 14px 2px 6px;
}

.jumbotron i.fas.fa-laptop-house {
    position: relative;
    font-size: 3.25rem;
    top: -6px;
    padding-right: 0.5rem;
}
.jumbotron.orange .title .accent, .jumbotron.orange .title .accent span {
    color: #fff;
}
.jumbotron.orange .link-menu li:focus .icon, .jumbotron.orange .link-menu li:hover .icon {
    fill: #fff;
}

.jumbotron.orange .cta-button {
    background: #fff;
    border: 5px solid #522c1b;
}

.jumbotron.orange .cta-button span {
    color: #522c1b;
}

.jumbotron.orange .cta-button:focus, .jumbotron.orange .cta-button:hover {
    background: #00b1c1;
    border: 5px solid #fff;
}
.jumbotron.orange .cta-button:focus span, .jumbotron.orange .cta-button:hover span {
    color: #fff;
}
.jumbotron.orange .cta-button:hover .icon {
    fill: #fff;
}

.jumbotron.blue .title .accent, .jumbotron.blue .title .accent span {
    color: #fff;
}

.jumbotron.blue .cta-button {
    background: #fff;
    border: 5px solid #522c1b;
    color: #522c1b
}

.jumbotron.blue .cta-button span {
    color: #522c1b
}

.jumbotron.blue .cta-button:focus, .jumbotron.blue .cta-button:hover {
    background: #c94d00;
    border: 5px solid #fff;
}

.jumbotron.blue .cta-button:focus span, .jumbotron.blue .cta-button:hover span {
    color: #fff
}

.jumbotron.blue .cta-button:hover .icon {
    fill: #fff;
}

.jumbotron.blue .link-menu .icon {
    fill: #fff;
}


@media screen and (min-width: 48em){
  .jumbotron .title .accent {
      display: inline-block;
  }

  .jumbotron.color:after {
      margin-left: -15px;
      border-left: solid 15px transparent;
      border-right: solid 15px transparent;
  }

  .jumbotron.color.blue:after {
      border-top: solid 15px #00b1c1;
  }

  .jumbotron.color.yellow:after {
      border-top: solid 15px #efcb36;
  }

  .jumbotron.color.green:after {
      border-top: solid 15px #aab300;
  }

  .jumbotron.color.orange:after {
      border-top: solid 15px #c94d00;
  }
}

@media screen and (max-width: 31.9375em) and (min-width: 0em){
  .jumbotron .title-holder>p {
      display: block;
  }
}


/* Style Overrides for Foundation 6.4.3 */
.breadcrumbs li:not(:last-child)::after {
    position: absolute;
    color: #00b1c1;
    content: '\f054';
    margin: 1px 0 0;
}

.breadcrumbs li.home-link:after {
    content: '';
}
:last-child:not(.is-active) > .accordion-title {
    border-bottom: none;
}


/* Google Translate additions */ 
#google_translate_element select {
    height: auto;
    line-height: inherit;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    background-image: none;
    padding: 0.1em;
    box-shadow: 0.5px 0.5px 2px #c4c4c4;
    border: 1px solid #ccc;
    border-radius: 0px;
    font-family: Georgia, serif;
    font-weight: bold;
    color: #c94d00;
    font-size: 0.95rem;
}
#google_translate_element select::after{
    color: inherit;
}
#google_translate_element select option {
    font-family: Georgia, serif;
    font-weight: bold;
    color: #c94d00;
    font-size: 0.95rem;
}
.secondary-navigation #google_translate_element a {
    display: contents;
    font-size: 0.75rem;
}
@media screen and (min-width: 64em) {
    .secondary-navigation li:last-of-type {
         top: -8px;
         position: relative;
    }
}








