/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */
body {
  padding-top: 0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

	
}
.headercontainer {
	/* height: 50%; */
}
.header-img { 
	background-image:url(../images/header_image_3_1600w.jpg) ;
	background-position: center; 
	color: #FFFFFF;
	height: 220px;
	z-index: 100;
}

.columbiaTitle {
	font-size: 36pt;
	color: gold;
	font-weight: 400;
	text-shadow: 3px 3px 5px black;
}
.header-img h1 {
	font-weight: 600;
    position:relative;  /* relative */
	top: 40px; 
    /* bottom: 150px;	*/
    width: 100%;/*  */
    text-align: left;
	color: gold;
	
}
.navbar-left {
	float:left;
	text-align: left;
}

.meatball {
	margin-top:0px;
	margin-left:0px;
	/* padding: 0 20px 0;  */
	float:right;
}
/* change link color  */
a {
	color:#DDA503 /* #E9CB33;  too light  */
}

/* ANimated background  */

.page-container {
	clear: both;
	/* background-color: beige;  */ 
	margin-top: 80px;
    background: #3A98D8;  /* #5166e5;  */
    background: -webkit-linear-gradient(to left, #3A98D8, #8CC9EA);  
    width: 100%;
    height: 100%;
    z-index: -100;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a4d0e8+0,3395d6+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3395d6+1,a4d0e8+98 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#326fd1+1,a4d0e8+100 */
background: #326fd1; /* Old browsers */
background: -moz-linear-gradient(top,  #326fd1 1%, #a4d0e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #326fd1 1%,#a4d0e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #326fd1 1%,#a4d0e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326fd1', endColorstr='#a4d0e8',GradientType=0 ); /* IE6-9 */


}
.subpage-container {
	background: #ffffff;
	width: 100%;
    height: 100%;
	margin-top: 84px;
	
}
.container {
	padding: 2px 2px 2px 10px;
	
}

/* Add hover to content areas  */
.row .col-lg-3 .card h-100:hover {
	 text-decoration: none;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.row .col-lg-3 .card h-100:before {
	 text-decoration: none;
  -webkit-transform: scale(1.0);
          transform: scale(1.0);
}

.button:hover {
  text-decoration: none;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.button:hover::before {

}

.button:hover::after {
  opacity: .5;
}

.button:active {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: none;
  transition: none;
}

.button:active::before {
  -webkit-transition: none;
  transition: none;
}

/* old styles from */


.title0 {
	font-weight: bold
}
.title1 {
	font-weight: normal;
	font-size: 16px;
	line-height: normal
}
.title2 {
	font-weight: none;
	font-size: 18px;
}