/*
light blue for backgrounds #cae9f4
darker for links #4fb6da
*/

a {
	color:#4fb6da;
}

h2 {
	font-size:1.2em;
	margin-bottom:20px;
	color:#4fb6da;
	font-weight:bold;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}

.row.dividers {
	font-size:85%;
}
.row.dividers>div {
	border-right:2px solid #fff;
}
.row.dividers>div:last-child {
	border-right:none;
}
@media only screen and (max-width: 768px) {
	.row.dividers>div {
		border-right:none;
	}
}

ul.courselist {
	list-style-type:none;
	margin:0;padding:0;
}
ul.courselist li {
	position: relative;
	margin:0;padding:0;
	background:#fff;
	color:#4fb6da;
	margin:1px 0 9px 0;
	border-radius: 5px;
	font-size:0.85em;
}
ul.courselist li a{
	text-decoration:none;
	display:block;
	margin:0;
	padding:3px 7px;
	background:#4fb6da;
	color:#fff;
}
ul.courselist li a:hover{
	background:#fff;
	color:#4fb6da;
}
ul.courselist li a.act{
	background:#57ab11;
	color:#fff;
}
@media only screen and (min-width: 768px) {
	ul.courselist li a.act:after {
		content: '';
		display: block;  
		position: absolute;
		right: 100%;
		top: 50%;
		margin-top: -10px;
		margin-right: -2px;
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-right: 10px solid #57ab11;
		border-bottom: 10px solid transparent;
		border-left: 10px solid transparent;
	}
}
@media only screen and (max-width: 768px) {
	ul.courselist li a.act:after {
		content: '';
		display: block;  
		position: absolute;
		left: 50%;
		margin-left:-15px;
		margin-bottom:-2px;
		bottom: 100%;
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #57ab11;
		border-left: 10px solid transparent;
	}
}

/* used on courses page on smaller screens to direct user to content further down */
#coursestructure {
	padding-top:70px;
}
.scrolldown {
	display:none;
	margin-bottom:20px;
}
@media only screen and (max-width: 768px) {
	.scrolldown {
		display:block;
	}
}
/**/

.header-image {position:relative;margin-bottom:30px;}
.header-image .caption {position:absolute;bottom:0;right:0;width:100%;color:#fff;background:rgba(99,199,247,0.8);font-size:1.2em;margin-bottom:10px;}


.margin-bottom-40>div {
	margin-bottom:40px;
}
.top-margin-40 {
	margin-top:40px;
 }
 
.card {
	margin-bottom:10px;
}
.card a {
	display:block;
	text-decoration:none;
	background:none;
	color:#000;
	font-size:0.8em;
	border:none;
}
.card a:hover  {
	background:#4fb6da;
	color:#fff
}
.card a:hover .btn-primary {
	background:#fff;
	color:#4fb6da;
}
.card .card-block {
	text-align:center;
	padding:15px;
}
.card .card-header {
	display:block;
	font-weight:bold;
	text-align:center;
}
.card .card-header:hover {
	display:block;
	background:#4fb6da;
	color:#fff
}
.card .card-title {
	font-size:0.9em;
}
.card .card-text {
	font-size:0.8em;
}

h2.title {
	color:#4fb6da;
	font-weight:bold;
	margin:0 auto;
	text-align:center;
	width:100%;
	border-bottom:1px dotted #e1e1e1;
	padding-bottom:10px;
	margin-bottom:10px;
}
@media (min-width: 768px) and (max-width: 980px) {
	h2.title {
		font-size:1.5em;
	}
}

.jumbotron {
	background-color:#dbf0f7;
}
#header .jumbotron {
	  background-color:#cae9f4;
}
.jumbotron h1 {
	margin-bottom:20px;
}
.jumbotron p {
  font-size: 1.2em !important;
}
.jumbotron p.small {
  font-size: 0.9em !important;
}


.small {
	font-size: 0.7em !important;
}
#header h1 {
	font-size: 2rem;
	font-weight:bold;
}
#header h2 {
  font-size: 1.5rem;
}

#header p{
	font-size:1rem;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
#header img {
	max-width:100%;
}

@media only screen and (max-width: 768px) {
	#header h1 {
		text-align:center;
	}
	#header h2 {
		text-align:center;
	}

	#header p{
		text-align:center;
	}
	#header img {
		text-align:center;
	}
	#header .btn {
		display:block;
		width:auto;
		margin:0 auto;
		text-align:center;
	}
}


#contactform .form1 input {width:100% !important;}
#contactform textarea {width:100%;height:150px;}


.bg-row {
  background-color: #cae9f4;
}
.bg-row>div,.bg-row>p {
	padding:20px;
	border:1px solid #fff;
}

.bg-col {
  background-color: #cae9f4;
	padding:20px;
}

.display-3 {
  font-size: 2rem;
}
.display-4 {
  font-size: 1.6em !important;
  font-weight:600;
  margin-bottom:20px;
  color:#217e9f;
}
.btn-primary {
  color: #fff;
  background-color: #4fb6da;
  border-color: #4fb6da;
}
.btn-primary:hover {
  color: #4fb6da;
  background-color: #fff;
  border-color: #4fb6da;
}

.btn-secondary {
  color: #fff;
  background-color: #4fb6da;
  border-color: #4fb6da;
}
.btn-secondary:hover {
  color: #4fb6da;
  background-color: #fff;
  border-color: #4fb6da;
}
 
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

/* nav */


.bg-primary {
  background-color: rgba(79,182,218,0.95) !important;
	color:#fff;
}
.bg-primary a {
	color:#fff;
}

.navbar-brand img {
	height:40px;
}

.navbar-light .navbar-nav .nav-link {
	color:#fff;
  color: rgba(255, 255, 255, 0.9);
}
.navbar-light .navbar-nav .nav-item .active {
	color:#fff;
}

.navbar-light .navbar-nav .dropdown-item {
	color:#4fb6da;
}
.navbar-light .navbar-nav .dropdown-item:hover {
	color:#000;
  background-color: #cae9f4;
	
}

.navbar-light .navbar-nav .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.navbar li.divider-vertical {
height: 40px;
width: 1px;
margin: 0 5px;
border-left: 1px solid #94d3e8;
border-right: 1px solid #94d3e8;
}

@media only screen and (max-width: 768px) {
	.navbar li.divider-vertical {
		display:none;
	}
}

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #0062cc !important;
	color:#fff;
}


/* tables */

table#courses {
    width: 100%;    
}
table#courses ul {
	padding-left:15px;
}
table#courses li {
    margin-left:0;
}

table#courses td,table#courses th {
	padding:20px;
	border:1px solid #fff;
    background-color: #cae9f4;
}
table#courses th {
    background-color: #4fb6da;
}
table#courses h2 {
	display:inline-block;
	vertical-align:middle;
	padding-top:17px;
}
table#courses a:not(.btn){
	text-decoration:none;
	color:#258cb5;
	padding-bottom:3px;
}
table#courses a:hover:not(.btn) {
	border-bottom:1px dotted #258cb5;
}
.coursecode {
	display:inline-block;
	vertical-align:middle;
	padding:3px;
	margin-right:10px;
	background:#f1f1f1;
	font-size:0.8em;
	color:#c0c0c0;
}

@media only screen and (max-width: 768px) {
	table#courses {
		font-size:0.8em !important;
	}
	table#courses ul {
		padding-left:12px;
	}
	table#courses td,table#courses th {
		padding:5px;
	}
	table#courses a.btn{
		padding:3px;
		font-size:0.9em !important;
	}
}

.homephone {display:none;}

.temp {color:#e63b7a;font-weight:bold;}

ul.list_casehistory li {margin-bottom:20px;}

.row-margin-40 {margin:40px 0 40px 0;}
.row-bottom-margin-40 {margin-bottom:40px;}

.footer {background:#ebebeb;padding:20px;margin-top:50px;font-size:0.8em;color:#606060;}
.footer a {color:#606060;}
.footer ul {padding:0;}
.footer li {padding:0;margin:0;}
.footer .container {padding:0 20px 0 20px;}