@charset "UTF-8";
/* CSS Document */

/* --------BODY----------*/
html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 13em;
	font-family:"Open Sans", "Open Sans Bold", "Open Sans Extrabold", "Open Sans Italic", "Open Sans Semibold";
	font-size:1.4em;	
	background-color: rgba(245,245,245,1);
}
h1 {
	margin: .67em 0;
	font-size: 2em;
}
strong {
  font-weight:700;
}
ttlcolor {
	color:#4D4D4D;
}
.skip-link {
	position: absolute;
	top: -100px;
	left: -100px;
}
.skip-link:focus {
	top: 0px;
}
#quoteCarousel {
	background-color: #0099CC;
}
.quote-card {
	background-color: rgba(0,150,200,1) !important;
	min-height: 350px !important;
	max-height: 425px !important;
	height: 350px;
}
.background-image {
	background-image:url(../media/images/home1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.page-title {
	font-size: 3.00rem;
}
.modal-title {
	font-size: 2.00rem;
}
.btn {
	margin:0.33rem !important;
}
.modal {
	font-size: 0.85rem !important;
}
.error {
	color:red;
}
.resource-list {
	padding: 0 0 1em 0;
	margin: 0;
	text-decoration:none;
	list-style:none;
}






.heading {
	padding-top:1em;
	padding-bottom:1em;
}
.body-container {
	padding-left:2.6em;
	padding-right:2.6em;
	
}
.a-footer {
	color: rgba(255,255,255,1) !important;
	text-decoration: underline !important;
}
#prevnext {
	padding-top: 0.5em;
}
.activity_link {
	color:#707C80;
	text-transform: capitalize;
	text-decoration: underline;
	font-size:1.2em;
	padding:0;
}

/*---------HEADER-------------*/
.container-header {
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}
.header {
	min-height:95px;
	background-color:#FFF;
	padding-top:2em;
}
.logo {
	width:13em; 
	height:auto;
	padding-left:2em;
	min-width: 13em !important;
}

.header-buttons {
	padding-right:3em;
	
}
.sign-up {
	background-color:#CFE1E6;
	padding:.15em .7em;
	margin-top:1em;
	font-size:1.2em;
	color:#707C80;
}
.log-in {
	background-color:#9BA9AD;
	padding:.15em .7em;
	margin-top:1em;
	font-size:1.2em;
	color:#FFF;
}
a.menu-disabled {
    pointer-events: none;
    color: rgba(155,155,155,1) !important;
}

/*-----------NAVIGATION-------------*/
.COR-navigation {
	background-color:#CFE1E6 !important;
    min-height: 20px;
    margin-bottom: 0px;
    border: 1px solid transparent;
	z-index:1000;
}
.COR-navigation a{
	color:#34383A;
}
.COR-nav {
	padding:0 !important;
	margin:0 !important;
	z-index:1000;
}
.COR-nav a{
	padding:.25em 2em !important;	
	margin:0em !important;
	font-size:1.2em;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin-right: 0px;
	margin-left: 0px;	
}
.navbar-nav>li>a {
	line-height:0 !important;
	font-size:1.2em;
	padding:1.2em;
	margin:0;
}
.CORnav-container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.icon-bar {
background-color:#FFF;	
}
.breadcrumb li a{
	color:#707C80;
	text-transform: capitalize;
	font-size:1em;
	
}
.breadcrumb>.active{
	color:#000;
	text-transform: capitalize;
	font-size:1em;
	
}
/*-----------IMAGES-----------*/
.module-image {
	width:100% !important;
	overflow:hidden;
}
.home-image {
	width:100% !important;
	overflow:hidden;
	max-height: 600px !important;
}
.img-stretch {
	width: 100%;
}
/*-----------BUTTONS-----------*/
.CORmodule-button {
	width:80%;
	color:#FFF;
	position: absolute;
	bottom: 30px;
	left:10%;
}
.CORmodule-button:hover {
	color:#FFF;

}
.carousel-button {
	background-color:#CFE1E6;
	color:#34383A;
	font-size:1em;
}
.CORactivity-button {
	width:60%;
	color:#FFF;
	position: absolute;
	bottom: 30px;
	left:20%;
	font-size:.7em;
}
.CORactivity-button:hover {
	color:#FFF;
}
.CORbtn-start {
	background-color:#0099CC;
}
.CORbtn-start:hover {
	background-color:#007399;
}
.CORbtn-inprogress {
	background-color:#FAAF40;
}
.CORbtn-inprogress:hover {
	background-color:#F99819;
}
.CORbtn-complete {
	background-color:#82D647;
}
.CORbtn-complete:hover {
	background-color:#63A336;
}
.CORbtn-disabled{
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.65;
}
.lo {
	color:#707C80;
	background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
	 font-size:1.2em;
     cursor: pointer;
}
.lo:hover {
	border-bottom:1px #707C80 solid;	
}

.lomobile{
	color:#FFF;
	background:none!important;
     border:none; 
     padding:;
     font: inherit;
	 font-size:1.2em;
     cursor: pointer;
}
.lomobile:hover {
	border-bottom:1px #707C80 solid;	
}
.btn_continue {
	background-color: #CFE1E6;
	padding: .5em 2em;
	margin: 1em auto;
	font-size: 1.5em;
	color:#707C80;
}
/*--------CAROUSEL---------*/
.carousel-row {
	overflow:hidden;
	margin-left:-2.66em;
	margin-right:-2.66em;
	height:25em;
}
.home-carousel {
	background-color:#00A3CD;
	height:inherit !important;
	padding:0;
	margin:0;
}
.home-carousel-right {
	height:auto !important;
	padding:0;
	margin:0;
}
.carousel-col {
	padding:0em !important;
	height:100%;
	color:#FFF;
}
.quote-row {
	min-height:100%;	
}
parenthesis-left {
	font-family:"Coustard";
	margin-right:0em;
	padding-right:.2em;
	font-size:50px;
	vertical-align:-.4em;
	line-height:0em;
}
parenthesis-right {
	font-family:"Coustard";
	margin-bottom:0em;
	padding-left:.3em;
	font-size:50px;
	vertical-align:-.5em;
	line-height:0em;
}

.carousel-control.CORright {
	right:0;
	left:auto;
	z-index:999;
}
.carousel-control.CORleft {
	left:0;
	right:auto;
	z-index:999;
}
/*---------ALERTS--------*/
.CORalert {
	background-color: transparent !important;
	border: medium solid;
	border-radius: 2em;
}
.CORalert-info{
	border-color: #0099CC;
	color: #31708F
}
.CORalert-success {
	background-color: #97E362;
	position: relative;
	top: -19px;
	padding: 10px;
}
.CORalert-inprogress {
	background-color: rgba(250,175,64,1) !important;
	color: rgba(0,0,0,1);
	margin-bottom: 1em !important;
}
.CORalert-padding {
	padding: 0.5em !important;
}

/*---------PANELS--------*/
.CORpanel {
	min-height:460px;
	border:1px solid #CCC;
}
.CORpanel p{
	margin-bottom:2em;
}
.CORpanel-heading {
	margin:0;
	padding:0;	
	background-color: #FFF !important;
}
.CORpanel-footer {
	background-color:transparent;
	border:none;
}
.CORpanel-activity {
	border:1px solid #CCC;
	min-height:20em;
	margin-left:1em;
	margin-right:1em;
	margin-bottom: 1.5rem;
}
.activity {
	background-color:#FFF;
}
.container-white {
	padding: 1em;
	background-color: rgba(255,255,255,1);
}
.CORactivitycol {
	padding-left:2em;
	padding-right:2em;	
}

/*----------ACTIVITIES---------*/

.embed-fix {
	margin:1em 1em !important;
	
}

/*----------RESOURCES---------*/

.act-resource-list {
	display: inline;
	list-style: none;
	text-decoration: none;
	padding: 1em;
}
.act-resource-ul {
	margin-left: -4em;
}

/*----------CERTIFICATE---------*/

.cert-link {
	padding: 1em 0 !important;
}
.cert-container {
	padding-top:1em;
	padding-bottom:1em;	
	padding-right: 2.6em !important;
}
.cert-container h2{
	font-size:1.5em;
}
.cert-row1 {
	 text-align:center;
	 border:10px solid #666;
	 background-color:#FFF;
	
}
.cert-row2 {
	border: 5px solid #666;
	margin: 5px 5px 5px 5px;
	padding-top: 20px;
}

.certLOGO {
	width:12em;
	
}
.certLOGO h2 {
	font-size:1em;	
}

/*------------FOOTER-----------*/
.footer {
	bottom: 0;
	color: rgba(255,255,255,1);
	left: 0;
	min-width:100%;
	overflow: hidden;
	padding-left:0px !important;
	padding-right:0px !important;
	position: absolute;
	background-color: rgba(112,124,128,1);
	text-align: center;
	font-size: 0.8em;
	max-height: 13em;
}

.alert {
	font-family: "Coustard";
	font-size: 1.3em;
	padding: 0;
	margin: 0;
}


/*------------------BOOTSTRAP row padding fix and others------------------*/
.row {
 margin-right: 0 !important;
}
.container-fluid {
	padding-right: 0 !important;
}


/*------MEDIA-----*/
@media(max-width:480px) {
	.cert-link a {
		font-size: 12px !important;
	}
	.img-shrink {
		max-width: 50%;
	}
	.CORpanel {
		min-height:620px;
	}
}
@media (min-width: 480px) {
	.img-shrink {
		max-width: 18%;
	}
}
@media (min-width: 1280px) {
	.img-shrink {
		max-width: 10%;
	}
	.CORpanel {
		min-height:720px;
	}
}

@media print {
	.container-header {
		display: none;
	}
	.CORnav-container {
		display: none;
	}
	.cert-container {
		padding:0px;
		margin:0px;
		padding-right: 2.6em !important;
	}
	.cert-container h2{
		font-size:30px;
	}
	.cert-row1 {
		 width:1200px; 
		 height:755px; 
		 margin:0px;
		 padding:0px;
	}
	.cert-row2 {
		height: 725px;
	}
	.cert-row3 {
		padding:30px 0px 30px 0px;
	}
	.cert-row4 {
		padding:2px 2px 2px 2px;
	}
	.cert-row5 {
		padding: 75px 80px 0px 0px;
	}
	.certLOGO {
		width:280px;
		height:auto;
	}
	.footer {
		display:none;
	}
	.print {
		display: none;
	}
}