/* Site Theme
-------------------------------------------------- */
body {
	padding: 0;
	/*background-image: url("../img/body-gradient.jpg");*/
	/*background-repeat: repeat-x;*/
	background-color: rgba(218, 247, 166, 1);
	/*overflow-y: scroll;*/
  }
  p {
	  overflow: hidden;
  }
  a {
	  color: #5C77A2;
	  font-weight: 700;
  }
  a:hover {
	  color: #598409;
	  text-decoration: none;
  }
  h1 {
	  color: #5C77A2;
	  font-family: 'Playfair Display', serif;
	  margin: 2rem 0 0 0;
  }
  h2 {
	  color: #598409;
	  font-family: 'Playfair Display', serif;
	  margin: 2rem 0 1rem 0;
  }
  h3 {
	  margin: 1rem 0 1rem 0;
  }
  h5 {
	  color: #598409;
	  font-size: 1.2rem;
	  font-style: italic;
  }
  .g-playfair {
	  color: #5C77A2;
	  font-family: 'Playfair Display', serif;
  }
  .header-col {
	  padding-right: 0;
	  padding-left: 0;
  }
  .header-img {
	  margin-bottom: 0;
	  margin-top: 62px;
	  max-height: 375px;
  }
  .caption {
	  line-height: 1.2;
	  font-size: .7rem;
  }
  .bg-light {
	  background-color: #ffffff!important;
  }
  .mainwhite {
	  background-color: #ffffff;
  }
  .mainwhite-830 {
	  background-color: #ffffff;
	  max-width: 830px;
  }
  .maingrey {
	  background-color: #f3f3f3;
  }
  .divider {
	height: 2px;
	width: 100%;
	display:block; /* for use on default inline elements like span */
	overflow: hidden;
	padding: 0;
	background-color: none;
	border-top: 4px solid rgba(114,197,98,.5);
  }
  .list-group-item.active {
	  background-color: #1b760e;
	  border-color: #1b760e;
  }
  img {
	  width: 100%;
	  margin: 1rem 0 1rem 0;
  }
  .modal-img {
	  max-width: 33%;
	  float: right;
	  margin-left: 12px;
  }
  .imgbanner {
	  margin-bottom: 0rem;
  }
  .imgcaption {
	  text-align: center;
	  font-style: italic;
  }
  .firstitem {
	  margin-top: 2rem;	
  }
  .btn {
	  margin-top: 1rem;
	  margin-bottom: 1rem;
	  background-color: #5C77A2;
	  border-color: #5C77A2;
	  border-color: #5C77A2;
  }
  .btn-primary:hover {
	  background-color: #1b760e;
	  border-color: #1b760e;
  }
  .btn-primary:focus {
	  box-shadow: 0 0 0 0px rgba(74,104,150,.5);
  }
  .btn-default {
	  color: #ffffff;
	  background-color: #4F567D;
	  border-color: #4F567D;
  }
  .btn-default:hover {
	  background-color: #847743;
	  border-color: #847743;
  }
  .btn-group.focus, .btn-group:focus {
	  box-shadow: 0 0 0 3px rgba(74,104,150,.5);
  }
  .navbar-toggler {
	  font-size: 0.9rem;
	  padding: 0.4rem 0.2rem;
  }
  .navbar-brand {
	  font-family: 'Playfair Display', serif;
	  font-size: 1rem;
  }
  .navbar-brand img {
	  width:30px;
	  margin: 0px 6px 0px 0px;
  }
  .navbar-light .navbar-brand {
	  Color: #1b760e;
  }
  .navbar-text {
	  text-align: right;
	  font-style: italic;
  }
  .tab-display {
	  flex: 0 0 41.666667%;
	  max-width: 41.666667%;
  }
  .tab-menu {
	  padding-top: 1rem;
	  padding-bottom: 1rem;
  }
  .evanskey {
	  margin-top: 4rem;
  }
  .jaykc {
	  font-family: 'Satisfy', cursive;
  }
  /* Card Styles
  -------------------------------------------------- */
  .card {
	  max-height:260px;
	  border-radius: .5rem;
	  border: solid 1px #b7ab87;
	  margin: 8px 15px;
	  overflow: hidden;
  }
  .cardtitle {
	  margin: 125px 0 0 0;
	  color: #4F567D;
	  background: #ffffff;
	  padding: 3px 0;
  }
  .cardp {
	  background: #ffffff;
	  padding: 0 5px 5px 5px;
	  line-height: 1.1;
  }
  /* Background design renders
  -------------------------------------------------- */
  .alien-square {
	  background: no-repeat top center/100% url("../img/alien-square.JPEG");
  }
  .alien-triangle {
	  background: no-repeat top center/100% url("../img/alien-triangle.JPEG");
  }
  .azul-circle {
	  background: no-repeat top center/100% url("../img/azul-circle.JPEG");
  }
  .azul-plad {
	  background: no-repeat top center/100% url("../img/azul-plad.JPEG");
  }
  .cerulean-ring {
	  background: no-repeat top center/100% url("../img/cerulean-ring.JPEG");
  }
  .chili-hex {
	  background: no-repeat top center/100% url("../img/chili-hex.JPEG");
  }
  .chili-square {
	  background: no-repeat top center/100% url("../img/chili-square.JPEG");
  }
  .dusk-triangle {
	  background: no-repeat top center/100% url("../img/dusk-triangle.JPEG");
  }
  .fizz-ring {
	  background: no-repeat top center/100% url("../img/fizz-ring.JPEG");
  }
  .fizz-triangle {
	  background: no-repeat top center/100% url("../img/fizz-triangle.JPEG");
  }
  .flame-triangle {
	  background: no-repeat top center/100% url("../img/flame-triangle.JPEG");
  }
  .fuchsia-gem {
	  background: no-repeat top center/100% url("../img/fuchsia-gem.JPEG");
  }
  .fuchsia-triangle {
	  background: no-repeat top center/100% url("../img/fuchsia-triangle.JPEG");
  }
  .laurel-square {
	  background: no-repeat top center/100% url("../img/laurel-square.JPEG");
  }
  .pesto-hex {
	  background: no-repeat top center/100% url("../img/pesto-hex.JPEG");
  }
  .pesto-square {
	  background: no-repeat top center/100% url("../img/pesto-square.JPEG");
  }
  .pumpkin-triangle {
	  background: no-repeat top center/100% url("../img/pumpkin-triangle.JPEG");
  }
  .sap-square {
	  background: no-repeat top center/100% url("../img/sap-square.JPEG");
  }
  .wedgewood-ring {
	  background: no-repeat top center/100% url("../img/wedgewood-ring.JPEG");
  }
  .wedgewood-square {
	  background: no-repeat top center/100% url("../img/wedgewood-square.JPEG");
  }
  /* Sticky footer styles
  -------------------------------------------------- */
  html {
	position: relative;
	min-height: 100%;
  }
  body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
  }
  .footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	padding-top: 10px;
	background-color: #f5f5f5;
  }
  .footer-img {
	  margin-bottom: 0;
	  margin-right: 0;
  }
  .footer-col {
	  padding-right: 0;
	  padding-left: 0;
  }
  .container .text-muted {
	margin: 20px 0;
  }
  .footer > .container {
	padding-right: 0px;
	padding-left: 0px;
  }
  code {
	font-size: 80%;
  }
  /*end footer css*/
  /* Responsive styles
  -------------------------------------------------- */
  @media (max-width: 768px){
	  .card {
		  height: auto;
		  padding-bottom: 15px;
	  }
	  .cardtitle {
		  background: rgba(256, 256, 256, .75);
		  margin: 40px 0 0 0;
		  padding: 8px 3px 3px 3px;
	  }
	  .cardp {
		  background: rgba(256, 256, 256, 1);
		  padding: 0 5px 5px 5px;
		  margin: 0 0 15px 0;
	  }
  }
  @media (min-width: 768px){
	.card {
	  max-width: 277px;
	  }
  }
  @media (min-width: 576px){
	  .modal-dialog {
	  max-width: 66.666667%;
	  }
	  p {
		max-width: 830px;
	  }
  }
  @media screen and (max-width: 520px){	
	  .h1mobileshrink {
		  font-size: 1.75rem;
	  }
	  .breadcrumb {
		  margin-bottom: 0;
	  }
	  .list-group-item {
		  font-size: 0.7rem;
		  padding-left: .6rem;
	  }
	  .tab-display {
		  flex: 0 0 66.666667%;
		  max-width: 66.666667%;
	  }
	  .modal-dialog {
		  margin:14px;	
	  }
	  .modal-img {
	  max-width: 100%;
	  float: none;
	  margin-left: 0px;
	  }
	  .footer {
		  line-height: 1;
	  }
	  .footer-row {
		  margin-right: 0;
	  }
  }