body, html {
  height:100%;
}

/**** Color Scheme: Wheat
http://rgb.to/wheat
f5deb3, b2f5de,deb2f5
***/

body {
/* background-color:#f5deb3;	
background-color:#fff5ee;
background-color:#FFFFCC;
background-color:#CCCCFF;
background-color:#CCCCCC; */
background-color:#fff;

/* cool script font. Loaded from google in header of index.htm
font-family: 'Stalemate', cursive;
*/

/*background-color:#FFFFCC;*/
}

/* workaround modal-open padding issue */
body.modal-open {
    padding-right:0 !important;
}


.container-fluid {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}


.header {
	background-color: #ddd;
	border: 1px solid black;	
	box-shadow: 5px 5px 5px #888888;
	margin-top:65px;
	margin-bottom: 10px;
	width:100%;
/*	margin-left:auto;
	margin-right:auto;
*/
	border-radius:5px;
}

/****
a {
	color: black;
	text-decoration:underline;
}
***/

a:hover {
  color: black;
  text-decoration: underline;
}


.carousel  img{
	padding: 5px;
}

.carousel-inner img {
  margin: auto;	 
}


.carousel-indicators li {	
	background-color:green;
	/* color:white;*/
}


.carousel-indicators li::prev {
	/*background-color:red;	*/
	/*color:black;*/
}


.carousel-indicators li::next {	
	/*background-color:blue;	*/
	/*color:white;*/
}



.fixed-height-jumbotron-carouselImg img {
  width: auto;
  /***
  height: 480px;
  max-height: 480px;
  **/
}

.jumbotron {
    background-color:transparent !important;
}



.card-deck {
  margin: auto;
  margin-bottom:10px;
}


/** !!!!! card.bg above replaces this in 4 beta **/

.card .card-info {
	background-color:transparent;

	/* background-color:#fff5ee; */ /* sea shell */
	color:black;
	/*color:#b2f5de;*/		
}


.card {
	border-radius:10px;
	border:1;
	margin-top:mt-2;

}

.card .card-header {
	/*margin:auto;*/

	font-size:18px;
	font-weight: bold;
	/* border-radius: 20px;*/
	
}


.card .card-header img {
	margin:auto;

}



.card .card-title {
	color: #000
	font-size:24px;
	font-weight:bold;
	margin-top:5px;
	/*text-decoration: underline;*/
}

.card-title {
	color: #000;
	font-size:24px;
	font-weight:bold;
	margin-top:5px;
	/* text-decoration: underline; */

}



.navbar-expand-* {
	
}


/** navbar color changes testing ***/

.navbar {
	/* height: 60px; */

	/* background-color:#b2caf5;*/
	background-color:white;
}

.nav-link li a {
	color:red;	
}

.nav-link li a:hover{
	color:black;
	text-decoration:underline;	
}

.navbar-toggler navbar-toggler-right {
	
	color:#00F;
	background-color:#bbb;	
}


.navbar-light .navbar-toggler-icon {
	background-color:#fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 255, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    /* color: rgba(0,0,0,.7);*/
	color: black;
	text-decoration: underline;
}


.navbar-nav .nav-item .nav-link {
	color:#00F;	
	font-weight: bold;
	font-size:1.0em;
}

/***  navbar BRAND color **/
.flex-row .navbar-brand {
    color: #00F;
	font-weight: bold;
	font-size:1.3em;
}

/*** !!!!all nav bar color overrides below currently cause navbar-default hamburger icon to be invisible!!!! ***/


.navbar-default {
    background-color: #fcf3cf ;
    border-color: #0000AA;
    border-radius: 0;
}

.row-grid + .row-grid {
    margin-top: 10px;
}


hr {
	  clear:both;
	   display:block;
	width: 80%; 
	color: blue; 
	width: 1px; 
	background-color:blue;
}


footer {
	margin:auto;
	width:100%;
  /* background-color:#b2caf5;*/
	background-color:#fff5ee; /* sea shell */
  padding: 10px 0;
  text-align: center;
  color: #000;
	border: 1px solid black;
   border-radius: 5px;
   box-shadow: 5px 5px 5px #888888;
   margin-bottom:5px;
   margin-top:5px;
   }
   
footer a {
  color: #00F;
  font-size: 20px;
  padding: 10px;
  border-right: 1px solid #70726F;
  /* transition: all .5s ease; */
}


/*
 * Off Canvas at medium breakpoint
 * --------------------------------------------------
 */
@media screen and (max-width: 48em) {



}

/*
 * Off Canvas wider at sm breakpoint
 * --------------------------------------------------
 */
@media screen and (max-width: 34em) {
  
}

.card {
    overflow:hidden;
}

.card-block .rotate {
    z-index: 8;
    float: right;
    height: 100%;
}

.card-block .rotate i {
    color: rgba(20, 20, 20, 0.15);
    position: absolute;
    left: 0;
    left: auto;
    right: -10px;
    bottom: 0;
    display: block;
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    -o-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg);
}