body, html, .canvas {overflow:initial;}
h1, h2, h3, .h3, h4, h5, h6, .splash__content__placeholder {font-family: 'Roboto Slab','open sans',sans-serif!important;}
h1, h2 {color:#039;}
h3, h4, .h3 {color:#666;}
.block--blue-light h3, .block--blue-light h4 {color:#000;}
p {margin: 0 0 1.5rem;}
.button, input[type=submit] {background: #a7c9fe;}
.button--blue {background: #243a7b !important;}
.button:empty, .menu {display:none;}
.menu--active .menu, .BBFormRadioLabel span {display:block;}
.menu__search button span {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;display:block;}
.subheader  { background-color: #ddd;}
.subheader__links ul { padding: .75rem 0 0;}
.carousel h2 { color:#666;font-weight:400;text-transform:none;}
.carousel__item__content h3, .carousel__item__content .h3  { font-weight: 300;}
.carousel__item__content h3 a, .carousel__item__content a .h3, .carousel__item__content a.h3 {color:#039;}
h3 a:hover, a:hover .h3, a.h3:hover {color: #666;}
.h3 {line-height: 1.325; margin: 2.25rem 0 .25rem;}
#skiptocontent a {padding: 6px;position: absolute;top: -40px;left: 0px;color: black;border-right: 1px solid white;border-bottom: 1px solid white;border-bottom-right-radius: 8px;background:rgb(167, 201, 254);-webkit-transition: top 1s ease-out;transition: top 1s ease-out;z-index: 100;}
#skiptocontent a:focus {position: absolute;left: 0px;top: 0px;outline: 0;-webkit-transition: top .1s ease-in;transition: top .1s ease-in;}
.main__sidebar__item .block {word-wrap: break-word;}
.main__sidebar__item .block h3 {margin-top: 0;}
.main__content__indent-left > .block > .block__content, .main__content__fragment > .block > .block__content {padding:0;}
.main__content .block, .main__content__indent-right .block {background:#FFF;}
.grid__item .block {background:#f3f3f3;}
.canvas .canvas {position:static;}
.footer {position:relative;}
.footer__legal {display:block;}
.footer__legal a {display:inline-block;}
.main__content .block--blue-light {background: #80d3eb;}
.block--blue-light a {color: #0939BE;}
.block--promote {background:#f3f3f3;margin:1.5rem 0;padding:1rem;text-align:center;position: relative;}
.splash__gradient {height: 35%;}
.splash__wrap {max-width: 100%;}
.flex__item__wrapper {max-width: 80rem;margin:auto;position: relative;}
.feature {background-color: #ffffff;border-top: 0;border-bottom: 0;margin: 0!important;padding: 1.5rem 0;}
.main__content__fragment {margin-bottom: 1.5rem!important;}

/*Focus*/

.button-dropdown:hover span, .button-dropdown:focus span, .button-dropdown:focus-within span {max-height: 9999px;}
.canvas input[type=checkbox]:focus, .canvas input[type=radio]:focus{outline:dotted 1px #0d46e8;background: #D6F1FA;}
.canvas textarea:focus{background: #D6F1FA;}
.canvas input[type=text]:focus{background: #D6F1FA;}
select:focus{background: #D6F1FA !important;}
.select-custom select:focus {background: #D6F1FA !important;}
.select-custom span:focus {background: #D6F1FA !important;}
.select-custom:focus-within span{background: #D6F1FA;}
.select-custom span:focus {background: #D6F1FA !important;}

.canvas button:focus{outline:dotted 1px #0d46e8 !important;background: #D6F1FA !important;color:#000 !important;}
.canvas button:hover:focus{outline:none !important;background: #828282 !important;color:#fff !important;}
.button:focus, input[type=submit]:focus {outline:dotted 1px #0d46e8 !important;background: #D6F1FA !important;color:#000 !important;}
.button:hover:focus, input[type=submit]:hover:focus {outline:0 !important; background:#828282 !important; color:#fff !important;}

a:hover:focus{outline:none;}
a:active:focus{outline:none;}
a:hover:active{outline:none;}
.menu__primary li a:focus {background: #80d3eb;color: #000;}
.menu__search input:focus{background: #80d3eb;color: #000;}
.menu__search button:focus{background: #80d3eb;color: #000;}
.main__primary__home a:hover:focus, .menu__search button:hover:focus{
    background: #4b60a0;
    color:#80d3eb;
}
.subheader__logo a:focus {background: #D6F1FA !important;color: #000;}
.canvas a:focus{outline:dotted 1px #0d46e8;background: #D6F1FA;}
.canvas a:hover:focus {outline:0;background:none;}

.tabs h2>a:hover:focus{
    background:#12245C;
    color:#fff;
} 

.subheader__logo a:hover:focus {background: none;color: #fff;outline:0;}
.subheader__links li a:focus{background: #D6F1FA;}
.button-dropdown a:focus{background: #D6F1FA;}
.button-dropdown a:hover:focus{background: #828282 !important;color:#fff !important;}

.subheader__links .button-dropdown:hover span {
	max-height: 9999px;
	visibility: visible;
}
.subheader__links .button-dropdown button {
	padding-left: .75rem;
	padding-right: 3rem;
	background: #fff;
	text-align: left;
	display: block;
	width: 100%;
	border:2px solid #828282;
}
.subheader__links .button-dropdown>button:before {
	position: absolute;
	right: .75rem;
	top: 1.25rem;
	width: 0;
	height: 0;
	border-left: .75rem solid transparent;
	border-right: .75rem solid transparent;
	border-top: .75rem solid #828282;
	content: ''
}
.subheader__links .button-dropdown>button:hover:before {
	border-top-color: #fff
}
.subheader__links .button-dropdown button:focus {
	background: #D6F1FA;
}
.subheader__links .button-dropdown button:hover:focus {
	background: #828282 !important;
	color: #fff !important;
}
.subheader__links .button-dropdown button:hover {
	background: #828282 !important;
	color: #fff !important;
}
.subheader__links .button-dropdown span {
	visibility: hidden;
	transition-property: max-height, visiblity;
}
.subheader__links .button-dropdown--active span {
	visibility: visible;
}
.subheader__links .button-dropdown--active>button:before {
	border-top: 0;
	border-bottom: .75rem solid #828282
}
.subheader__links .button-dropdown--active>button:hover:before {
	border-bottom-color: #fff
}

/*mobile*/

 .menu__secondary__button-dropdown .button-dropdown button {
	 padding-left: .75rem;
	 padding-right: 3rem;
	 background: #fff;
	 text-align: left;
	 display: block;
	 width: 100%;
	 border:2px solid #828282;
}
 .menu__secondary__button-dropdown .button-dropdown>button:before {
	 position: absolute;
	 right: .75rem;
	 top: 1.25rem;
	 width: 0;
	 height: 0;
	 border-left: .75rem solid transparent;
	 border-right: .75rem solid transparent;
	 border-top: .75rem solid #828282;
	 content: '' 
}
 .menu__secondary__button-dropdown .button-dropdown>button:hover:before {
	 border-top-color: #fff 
}
 .menu__secondary__button-dropdown .button-dropdown button:focus {
	 background: #D6F1FA;
}
 .menu__secondary__button-dropdown .button-dropdown button:hover:focus {
	 background: #828282 !important;
	 color: #fff !important;
}
 .menu__secondary__button-dropdown .button-dropdown button:hover {
	 background: #828282 !important;
	 color: #fff !important;
}
 .menu__secondary__button-dropdown .button-dropdown span {
	 visibility: hidden;
	 transition-property: max-height, visiblity;
}
 .menu__secondary__button-dropdown .button-dropdown--active span {
	 visibility: visible;
}
 .menu__secondary__button-dropdown .button-dropdown--active>button:before {
	 border-top: 0;
	 border-bottom: .75rem solid #828282 
}
 .menu__secondary__button-dropdown .button-dropdown--active>button:hover:before {
	 border-bottom-color: #fff 
}

.menu__secondary li>a:focus {
    background: #bae5f1;
}

/*Disable Breadcrumb dropdown*/

.breadcrumbs .button-dropdown a {
    border:none;
    cursor:text;
    padding:0;
    background-color:transparent;
}

.button-dropdown span{
    visibility:hidden;
}

.breadcrumbs .button-dropdown>a:before{
    border:0 !important;
}

.breadcrumbs .button-dropdown>a:before:hover{
    border:0 !important;
}

.breadcrumbs .button-dropdown a:hover{
        background:none !important;
        color:#000 !important;
     }

.breadcrumbs .button-dropdown span a{
    visibility:hidden;
}



.select-custom:focus-within span{background: #D6F1FA;}
.subnav__active>a:focus{color:#000 !important;}
.subnav__active>a:hover:focus{background:#243a7b !important;color:#fff !important;}
.subnav a:hover:focus{background:#243a7b !important;color:#fff !important;margin:0 !important;}
.subnav a:focus {
	margin: 1px !important;
}

.subnav ul a:hover:focus{background:#cfeef7 !important; color:#000 !important;}
.subnav__active .subnav__active>a:hover:focus {
    background: #e5f6fb !important;
}
.splash__tabs a:focus{background: #80d3eb !important;color: #000 !important;}
.splash__tabs li:nth-child(2) a:hover:focus,.splash__tabs li:nth-child(6) a:hover:focus {
    background: #5e5f00 !important;
    color:#fff !important;
}
.splash__tabs li:nth-child(3) a:hover:focus {
    background: #4b1d48 !important;
    color:#fff !important;
}
.splash__tabs li:nth-child(4) a:hover:focus {
    background: #731f2d !important;
    color:#fff !important;
}
.splash__tabs a:hover:focus {
    background: #12245c !important;
    color:#fff !important;
}


.carousel__item a:focus { 
    background: #D6F1FA; 
    color: #0d46e8; 
    display: block; 
    outline: 0; 
    text-decoration: underline; 
} 

.carousel__item a:focus:hover{ 
    background: transparent; 
    color: #666666; 
    outline: 0; 
    text-decoration: none; 
} 

.grid__item a:focus{background: #D6F1FA;}
.grid__item a:hover:focus {background: #4b60a0 !important;outline:0 !important;}
.accordion__toggle a:focus{background: #80d3eb;color: #000;}
.tabs a:focus{background: #80d3eb;color: #000;}
.filter__items select:focus{background: #80d3eb;color: #000;}
a.button:focus{background: #80d3eb;color: #000;}
a.button--blue:focus{background: #80d3eb;color: #000;}
.button:hover:focus{color:#fff !important;background:#828282 !important;}
footer a:focus {outline:dotted 1px !important;background:none !important;color:#80d3eb !important;}
footer a:hover:focus{outline:0 !important;background:none !important;}
.footer__links a:hover:focus{background:#fff !important;color: #000 !important;}
.footer__logo a {display:block;padding:.5em;}

/*End Focus*/



/*accordion*/
 .accordion__toggle--red, .splash__tabs li:nth-child(4) a {
	background-color: #672434;
}
 .accordion__toggle--green, .splash__tabs li:nth-child(2) a, .splash__tabs li:nth-child(6) a {
	background-color: #6B7630;
}
 .accordion--steps h3, .accordion--steps .accordion__toggle__title {
	color:#fff;
}
 .accordion__item{
	 visibility:hidden;
	 transition-property: max-height, visibility;
}
 .accordion__item--active {
	 max-height: 250rem;
	 visibility:visible;
}
 .accordion-controls {
	 list-style: none;
	 padding:0;
	 margin:0;
}
 .accordion-controls li {
	 margin: 1px;
}
 .accordion-controls li li {
	 list-style: disc;
}
 .accordion-controls li li li {
	 list-style: circle;
}
 .accordion-conrols li li li li {
	 list-style: square;
}


 button.accordion__toggle {
	 width: 100%;
	 font-family: "Roboto Slab", Open Sans, sans-serif;
	 font-size: 1.2em;
	 text-align: left;

}
 button.accordion__toggle:focus {
	 outline: 1px solid #fff !important;
	 color:#000 !important;
	 background: #80d3eb  !important;
	 text-decoration:none;
}

 button.accordion__toggle:hover:focus {
	 outline: 1px solid #fff !important;
	 color:#000 !important;
	 background: #80d3eb  !important;
	 text-decoration:none;
}


 button.accordion__toggle:focus:before {
	 float: right;
	 width: 0;
	 height: 0;
	 margin: .325rem 0 .75rem 1.5rem;
	 border-left: .75rem solid transparent;
	 border-right: .75rem solid transparent;
	 border-top: .75rem solid #000;
	 content: '' 
}
 button.accordion__toggle:hover:focus:before {
	 float: right;
	 width: 0;
	 height: 0;
	 margin: .325rem 0 .75rem 1.5rem;
	 border-left: .75rem solid transparent;
	 border-right: .75rem solid transparent;
	 border-top: .75rem solid #000;
	 content: '' 
}



button.accordion__toggle--blue-gray:focus{
	
	outline:0 !important;
	border:1px solid #19303A !important;
	background:#58accf !important;
}

button.accordion__toggle--blue-gray:hover:focus{
	outline:0 !important;
	border:1px solid #19303A !important;
	background:#58accf !important;
}

 button.accordion__toggle--blue-gray:focus:before {
	 float: right;
	 width: 0;
	 height: 0;
	 margin: .325rem 0 .75rem 1.5rem;
	 border-left: .75rem solid transparent;
	 border-right: .75rem solid transparent;
	 border-top: .75rem solid #000;
	 content: '' 
}
 button.accordion__toggle--blue-gray:hover:focus:before {
	 float: right;
	 width: 0;
	 height: 0;
	 margin: .325rem 0 .75rem 1.5rem;
	 border-left: .75rem solid transparent;
	 border-right: .75rem solid transparent;
	 border-top: .75rem solid #000;
	 content: '' 
}
 button.accordion__toggle--blue-gray.accordion__toggle--active:focus:before {
	 border-top: 0;
	 border-bottom: .75rem solid #000;
}
 button.accordion__toggle--blue-gray.accordion__toggle--active:hover:focus:before {
	 border-top: 0;
	 border-bottom: .75rem solid #000;
}
 button.accordion__toggle--active:focus:before {
	 border-top: 0;
	 border-bottom: .75rem solid #000;
}
 button.accordion__toggle--active:hover:focus:before {
	 border-top: 0;
	 border-bottom: .75rem solid #000;
}


 button.accordion__toggle--blue-gray{
	 border:none !important;
}
 button.accordion__toggle--blue-gray:hover{
	 color:#000 !important;
}
/*end accordion*/

.row {margin-top:.25rem;}
.row__column-img {text-align:center;position:relative;}
.grid__item .block__content p {white-space: pre-wrap;}
.footer__campaign a {width: 50%;display: block;}
.lightbox--video:hover i.fa.fa-play {color:#80d3eb;}
.HCCForm label span, span.requiredField {color:red;display:inline;}
.red{color:red;}
.fieldsetNoBorder {border:none; margin:0;padding:0;}
.HCCForm .error {border:1px solid red;}
.HCCForm label.error {border:0;color:red;}
.HCCForm input[type=password], .HCCForm input[type=text], .HCCForm textarea {width:100%;}
.screenRead, .twFieldsTable {display:none;}
.twEDContentImage {float:none;}
table {width:100%;}
table.twFieldsTable {width: auto;}
td,th {overflow-wrap: break-word;}
.tightTable td, .tightTable th {padding:2px 5px;}
.small {font-size:.85rem;}
tfoot {font-weight:bold;}
.plan--stamp {display:inline-block;width:100%;}
.plan--stamp--left {float:left;}
.plan--stamp--right {float:right;}
.nowrap a {white-space: nowrap;}
.alert__container {background:yellow;text-align:center;}
.alert__container .subheader__container:empty {display: none;}
.alert__container .block {background:none;}
body.clc .subheader, body.baseball .subheader, body.softball .subheader, body.athletics .subheader, body.soccer .subheader {background: none;-webkit-box-shadow: none;box-shadow: none;}
.clc .canvas {background: #FFF url('//www.heartland.edu/images/challengerLearningCenter/clcheader.jpg') repeat-x top left; -webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;background-size: auto;}
.athleticsBG {max-width:80rem; margin: 0 auto; height: 0;}
.athleticsBG img {padding-top:150px;}
.baseball .canvas, .softball .canvas, .athletics .canvas, .soccer .canvas {background: #FFF url('//www.heartland.edu/images/athletics/webbackground_repeat.jpg') repeat-x top left;-webkit-background-size: auto 407px;-moz-background-size: auto 407px;-o-background-size: auto 407px;background-size: auto 407px;}
.baseball .main, .softball .main, .athletics .main, .soccer .main {position:relative;}
.lcs_slide_out {display: none;}
@media (min-width: 48em) {
	h1 {font-size:2.75rem;}
    h3, .h3 { font-size:1.75rem;}
    .h3 { line-height: 1.25;}
    h4 { font-size:1.25rem;}
    h6 {font-size:1.2rem;}
    .footer__contact {text-align: center;}
    .footer__links {width: 25em;max-width: 50%;}
    .footer__legal {bottom: inherit;}
    .footer__links li {margin:0 .55rem 0 0;} 
    .footer__links a {padding:.75rem .5rem}
    .lcs_slide_out {display: block;}
    .row__column-left p.banner__caption {left:0;}
    .row__column-right p.banner__caption {right:0;}
    .row__column-right {float:right;}
    .row__column-img {margin-bottom: .75rem;}
    .row__column-text {float:none;width:auto;}
    .row__column-text ul, .row__column-text ol {display:table;}
    .twEDContentImage {float:right;}
    .feature__right .feature__image {float: right;margin-left: 1.5rem;}
    .video__right .block__image {float: right;width:50%;margin-left: 1.5rem;}
    .video__left .block__image {float: left;width:50%;margin-right: 1.5rem;}
    .main__content .lightbox--video i.fa.fa-play, .main__sidebar--right .lightbox--video i.fa.fa-play {left:46%; top:37%;}
    .grid-columns-2 .grid__item {width:50%;}
    .grid-columns-3 .grid__item {width:33%;}
    .grid-columns-4 .grid__item {width:25%;}
}

@media (min-width: 64em) {
    .menu {display:block;}
    .splash__content__placeholder {font-weight: 300;}
	.main__content__indent-left {margin-left: 7%;}
	.splash__tabs a {padding: 0 0.5rem;}
    .subheader__container {padding: .5rem 1.5rem 0 1.5rem;}
    .subheader__links {padding-top: .5rem;}
    .subheader .button-dropdown a {border-width: 2px;}
    .footer__left {width: 66%;}
    .footer__links {width: 21.1em;max-width: 50%;}
    .footer__right, .footer__legal {width: 34%;}
    .footer__legal {bottom: 4.575rem;}
    .footer__legal a {white-space:nowrap;}
    .footer__links li {margin:0 .75rem 0 0;} 
    .footer__links a {padding:.75rem;}
    .indent__fragment .main__content__fragment {margin-left: 7% !important;}
	.indent__fragment .main__content__fragment h1 {margin-left: -7% !important;}
    .main__sidebar--right .lightbox--video i.fa.fa-play {font-size:3em;}
}
@media (min-width: 80em) {   
    .subheader__links {padding-top: .325rem;}
}
@media print {
    .header, .subnav-toggle, .share__mobile, .footer, #header-fixed, .subheader__links {
        display:none !important;
    }   
    body { font-size: .7rem;}
    h1 {font-size:1.75rem;}
    h2 {font-size:1.5rem;}
    h3, .h3 { font-size:1.25rem;}
    h4 { font-size:1.5rem;}
    h6 {font-size:1rem;}
    .row__column-left, .row__column-right {
        width: 50%;
        float: left;
        margin: 0;
    }
    .main__sidebar__item {
        float: left;
        width: 50%;
        margin: 2.25rem 0 0;
    }
    table td, table th {
      padding: .5rem;
      border: 1px dotted black;
      page-break-inside: avoid !important;
    }
    table th {
        font-weight:bold !important;
        color:black !important;
    }
}
/*social share*/
         .share-btn {
                display: block;
                color: #3B5998;
                border: none;
                padding: 0.7em;
                outline: none;
                text-align: center;
                margin: 0 !important;
                transition: color .4s;
                transition:box-shadow .4s;
                float:left;
            }

            .share-btn .fa {
                display: block;
            }

            .share-btn span {
                position:absolute;
                left:-10000px;
                top:auto;
                width:1px;
                height:1px;
                overflow:hidden;
            }

            .share-btn:hover {
                box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
            }

            .share__toggle{display:none !important;}
            .sharethis{display:none !important;}

/* calendar */
.events__footer p {padding:.5rem;position:absolute;margin-bottom: 0;} .events {padding: 0 2rem;max-width: 60rem;} .event{overflow-y:hidden;} .event__descr {padding: .5rem; max-height:10rem;} .event__descr img {display:none;} .event__img {float:left;width:30%;margin-right:1rem;} .events__footer a {background:white;}  .event:nth-child(2n+1) {background: #eee;}
/* countdown timer */
.clockBox {font-family: 'Roboto Slab', serif;text-align: center;color: #243a7b;padding: 0;align-items: center;display: flex;flex-wrap: nowrap;justify-content: center;margin-bottom: 1%;}.counterBlock {padding: 0 1% !important;}.counterTime {font-size: 72pt;font-weight: 100;text-shadow: -3px 3px rgba(36,58,123,0.25);line-height: 1;}#counterS.counterTime {color: #95266b;}.counterLabel{font-size: 18pt;font-weight: 400;text-transform: uppercase;}
@media screen and (max-width: 475px){.counterTime {font-size: 36pt;}.counterLabel{font-size: 12pt;}}