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

@font-face {
    font-family: 'hvd_bodedomedium';
    src: url('HVD_Bodedo-webfont.eot');
    src: url('HVD_Bodedo-webfont.eot?#iefix') format('embedded-opentype'),
         url('HVD_Bodedo-webfont.woff') format('woff'),
         url('HVD_Bodedo-webfont.ttf') format('truetype'),
         url('HVD_Bodedo-webfont.svg#hvd_bodedomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'Open Sans', sans-serif;
	background-image: url(../img/wall.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'hvd_bodedomedium', cursive;
}

.containerBkg {
	background-image: url(../img/pBkg1.jpg);
}

.responsiveCal {
	position: relative; 
	padding-bottom: 75%; 
	height: 0; 
	overflow: hidden; 
}
.responsiveCal iframe {
	position: absolute; 
	top:0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

/*footer {
      background-color: #2d2d30;
      color: #f5f5f5;
      padding: 32px;
	margin-top: 40px;
  }*/
  

#footerb {
	/*min-height: 200px;*/
	background-color: rgba(118,167,161,1.00);
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 20px;
	background-image: url(../img/FooterBkg.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 3px solid #000000;
	color: #000000;
}
.been {
	/*background-image: url(../img/happenings.jpg);
	background-repeat: no-repeat;*/
	height: 100px;
	/*min-height: 100px;*/
	/*padding-left: 110px;
	padding-right: 15px;*/
	margin-top: 15px;
	margin-bottom: 15px;
	/*width: 50%;
	float: left;*/
}
/*@media (max-width:768px){
	.been{background-size: 75px;
	}
}*/
#footerb a {
      /*color: #f5f5f5;*/
		color: #000000;
  }
#footerb a:hover {
      color: #777;
      text-decoration: none;
  }

#navWrap {
	height: 50px;
}
#nav {
   /*padding: 5px;
   background: #999;*/
	z-index: 10;
}
.navbar {
	z-index: 11;
}
br.clearLeft {
   clear: left;        
}
.navWrapper {
	position: fixed;
	width: 100%;
	margin-bottom: 60px;
}

.btn-fb a:hover {
    color: #000000;
	transition: all 0.3s ease;
}

.centercropped {
	object-fit: cover 
}


/* Tooltip */
  .tooltip > .tooltip-inner {
	/*background-color: #5CB600;*/
	color: #FFFFFF;
	/*border: 1px solid green;*/
	/*padding: 15px;*/
	font-size: 14px;
	opacity: 1;
  }
  /* Tooltip on top */
  .tooltip.top > .tooltip-arrow {
      /*border-top: 5px solid green;*/
  }
  /* Tooltip on bottom */
  .tooltip.bottom > .tooltip-arrow {
      /*border-bottom: 5px solid blue;*/
  }
  /* Tooltip on left */
  .tooltip.left > .tooltip-arrow {
      /*border-left: 5px solid red;*/
  }
  /* Tooltip on right */
  .tooltip.right > .tooltip-arrow {
      /*border-right: 5px solid black;*/
  }

#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #7C0419; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	margin-bottom: 0px;
}

#myBtn:hover {
	background-color: #49726C;
	transition: all 0.3s ease;
}

.galimgWrap {
	width: 125px;
	height: 125px;
	float: left;
}
.galimgWrap2 {
	width: 125px;
	height: 125px;
	float: left;
}
blockquote {
	font-size: 14px;
	border-left-color: #49726C;
	border-left-width: 2px;
}
/*=====Mike Video=====*/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.play-icon {
	background-repeat: no-repeat;
	background-position: center center no-repeat;
	background-image: url(../img/play.youtube.png);
}


@media only screen and (max-width: 2000px) {
    .galimgWrap {
	width: 14.2%;
	height: 20%;
}
}
@media only screen and (max-width: 992px) {
    .galimgWrap {
	width: 14.2%;
	height: 20%;
}
	.galimgWrap2 {
	width: 133px;
	height: 133px;
	float: left;
}
}
@media only screen and (max-width: 768px) {
    .galimgWrap {
	width: 25%;
	height: 20%;
}
	.galimgWrap2 {
	width: 143px;
	height: 143px;
	float: left;
}
}
@media only screen and (max-width: 480px) {
    .galimgWrap {
	width: 33.3%;
	height: 20%;
}
	.galimgWrap2 {
	width: 142px;
	height: 142px;
	float: left;
}
}
@media only screen and (max-width: 320px) {
    .galimgWrap {
	width: 50%;
	height: 50%;
}
	.galimgWrap2 {
	width: 136px;
	height: 136px;
	float: left;
}
}