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

.gal-item {float:left; margin:10px;}

hr {margin:30px 0; clear:both;}



div.right {float:right; margin:0 0 30px 30px;}
div.left {float:left; margin:0 30px 30px 0;}
small {font-size:80%;}
p.caption {font-size:80%; font-style:italic;}

header {padding:0; margin:0; background-color:#b9bfa3; background-image: url(../images/top.jpg); background-position: top center; background-repeat:no-repeat; min-height:160px;}
header h2 {font-size:36px; color:#fff; text-align:center; text-transform:uppercase; text-shadow: 2px 2px 4px #000000; margin:0; padding:20px 0 0 0;}
header h3 {font-size:24px; color:#fff; text-align:center; text-transform:uppercase; text-shadow: 2px 2px 4px #000000; margin:0; padding:0;}
header h2:after {border:none;}

.navbar {font-family: 'Lato', sans-serif; }

span.fa.fa-angle-left, span.fa.fa-angle-right {
    font-weight: 400;
    position: absolute;
    font-size: 50px;
    top: 48%;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

p.post-info {display:none !important;}



/*slideshows then and now */

.slide {
  position: relative;
  width:100%;
  max-width:800px; 
}
.slide img {width:100%; margin:0 auto; display:block; text-align:center;}

.slide_caption {
  bottom: 0;
  min-height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
  max-width:800px;
  z-index: 2;
  background-color:rgba(0,0,0,0.50);
  color:#fff;
  text-align:center;
  font-size:12px;
  padding:5px;
}

/* Village News */

.entry p {font-weight:normal; text-align:left;}
.quip label {color:#333 !important;}
.quip-add-comment input[type=text] {width:100%;}
.quip-add-comment textarea {width:100%; clear:both; margin-bottom:50px;}
.post-info {font-size:14px; margin-bottom:30px; clear:both;}
#news h2.title, #then-now h2.title {font-size:20px; text-align:left !important;}
#news h2.title:after, #then-now h2.title:after {border:none !important; display:none;}
#news img {
  max-width: 100%;
		height: auto;
}

#news li, #news ul.pageList li {list-style:none !important;}
ul.pageList {list-style-type:none !important;}
ul.pageList li {float:left; margin:5px 5px 5px 0;}
li.control {list-style:none !important;}
a.readmore {margin-bottom:20px !important;}
span.date {margin-top:10px; font-size:14px;}

/* Boxes */

.textbox, .post { position:relative; width:45%; height:auto; min-height:250px; text-align:left; float:left; vertical-align: top; padding:10px; margin:0 2.5% 20px 2.5%; border:#424530 1px solid; background-color:#d9e0c5; }
.textbox, .post:nth-child(even){
    clear:both;
}

.textbox img, .post img {float:left; margin-right:20px; width:250px; height:auto; }

.textbox .btn, .post .btn {position:absolute; bottom:10px; right:10px;}
.textbox .btn a:link, .post .btn a:link {color:#fff;}



.btn a:link, .btn a:hover, .btn a:visited {color:#fff; }
.btn:hover {background-color:#333;}

a.readmore {
  display: block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  text-transform:uppercase;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  background-color:#424530;
  color:#fff;
  border: 1px solid transparent;
  border-radius: 4px;
  width:auto;
  max-width:200px;
  
}
a:hover.readmore {color:#ccc;}

#welcome {text-align:center;}
#welcome h2:after {border:none; }

#news, #diary, #then-now {margin:30px 0;}

#news h2, #diary h2, #then-now h2{color:#424530; font-size:36px; text-align:center; font-weight:bold; margin-bottom:30px; }
#news li { list-style:disc;}
#news img {margin-bottom:25px;}

#imagecontainer, #imagecontainer2  { display:inline-block;}

.history {background-image:url(../images/H15-Hunting-Meet.jpg); background-size:cover; background-position:center; background-attachment:fixed;}
.history2 {background-image:url(../images/H22-Shabden.jpg); background-size:cover; background-position:center; background-attachment:fixed;}
.history3 {background-image:url(../images/H07-St.jpg); background-size:cover; background-position:center; background-attachment:fixed;}
.history4 {background-image:url(../images/H23-Shabden.jpg); background-size:cover; background-position:center; background-attachment:fixed;}
.history5 {background-image:url(../images/H41.jpg); background-size:cover; background-position:center; background-attachment:fixed;}
.history6 {background-image:url(../images/H36.jpg); background-size:cover; background-position:center; background-attachment:fixed;}


h2:after  {
    border-top: 2px solid #424530;
    display: block;
    width: 100px;
    content: "";
    margin: 10px auto 0;
}

#boxes {background-image: url(../images/bottombg.jpg); background-size: cover;
    background-position: center; background-color:#777b56;  width:100%; margin:0 auto; text-align:center; 
}
.box { position:relative; background-color:#fff; width:400px; height:550px; color:#333; padding:0; margin:30px; display:inline-block; vertical-align: top;
}
.box img {margin:10px 0; max-width:250px; height:auto;}
.box p {padding:0 20px; font-size:14px;}
.box h3 {background-color:#777b56; color:#fff; text-align:center; padding:10px 0; margin:0;}
.box .btn-primary {display:block; margin:0 auto; text-align:center;}

table {background-color:#d9e0c5; color:#424530; margin:50px 0; }
td, th {padding:10px !important; border:#424530 solid 1px;}
th {background-color:#424530; color:#fff; }
td {background-color:#d9e0c5; }

.contact form {width:400px; margin:0 auto; text-align:center; display:block;}
.contact h2 {text-align:center;}

/* Container needed to position the overlay. Adjust the width as needed */
.overlaycontainer {
  position: relative;
  width: 100%;
}

/* Make the image to responsive */
/*.image, img {
  max-width: 100%;
		height: auto;
}*/

/* The overlay effect (full height and width) - lays on top of the container and over the image */
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(169, 210, 114, 0.9);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

/* When you mouse over the container, the overlay text will "zoom" in display */
.overlaycontainer:hover .overlay {
  height: 100%;
}

/* Some text inside the overlay, which is positioned in the middle vertically and horizontally */
.text {
  color:#333;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width:100%;
}
.text a:link, .text a:hover, .text a:visited {color:#333; -webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;} 

.bottom {background-color:#d9e0c5; color:#424530; padding:20px 10px;}
.bottom li, .bottom li a:link {font-weight:normal; list-style:disc;}
.bottom a:link, bottom a:visited {color:#424530;}
.bottom a:hover {color:#000;}
.bottom .btn a:link {color:#fff;}


footer { background-color:#424530; color:#fff; padding:20px 0; font-size:14px;}
footer a, footer a:visited {color:#fff;}
footer a:hover {color:#ccc;}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

/* Village Diary overrides */
#mxccategories * {display:none !important; }
.mxcnav {font-size:24px !important; padding-top:5px !important; padding-bottom:5px !important;}
#calbody td div span {font-size:13px !important;}
#calbody td {height:50px !important;}
#calbody td.mxcdow {height:20px !important;}
#calbody td .event {min-height:40px !important;}

/*Make Google map responsive*/

.google-maps {
        position: relative;
        padding-bottom: 30%; 
        height:0;
		overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

/*maps magnify effect*/

* {box-sizing: border-box;}

.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 200px;
  height: 200px;
} 

@media (max-width: 1600px) {
	
.text {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 5px 16px;
  font-size: 12px;
  line-height: 1.3333333;
  border-radius: 6px;
}


}


@media (max-width: 1199px) {
	

.fourcol .col-md-3 {
    width: 50% !important;
	padding:0;
	margin:0;
  }
   
}

@media (max-width: 999px) {

#social {float:none; margin-top:10px; margin-right:10px;}

.fourcol .col-md-3 {
    width: 100% !important;
	padding:0;
	margin:0;
  }
  .textbox {width:100%; height:auto; min-height:500px; margin:0 auto; text-align:center; padding:20px; margin-bottom:50px;}
.textbox img {float:none; width:100%;}
.textbox .btn {position:relative; margin:0 auto; text-align:center;}
  
 
  
}

@media (max-width: 767px) {
	
	#logo {margin-bottom:20px;}
	.navbar-brand {float:none;}
	.right, .left {float:none; }
	img {display:block !important; margin:0 auto 30px auto !important; text-align:center; width:auto;} 
	.box { position:relative; background-color:#fff; width:300px; height:auto;
	}
input[type="search"] {width:300px; padding:0; display:block; margin:10px auto !important;}
.fourcol .col-md-3 {
    width: 100% !important;
	padding:0;
	margin-bottom:20px;
  }
   

}

@media (max-width: 479px) {
	
	.textbox, .post { float:none;width:95%;}
	
	#news h2, #diary h2, #then-now h2{color:#424530; font-size:26px !important; text-align:center; font-weight:bold; margin-bottom:20px !important; }
	
	.mxcnav.sm {font-size:18px !important; padding-top:5px !important; padding-bottom:5px !important;}
	
	#logo {float:none; }
	.navbar-brand {float:none;}
	
#social {float:none; }

.text {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.text h3 {font-size:16px; margin-bottom:5px;}
	
	/* Calendar */
#calbody, #calbodylist, #mxccategories {

    font-size: 11px;

    line-height:12px;

    width: 90% !important;

}
	#calbody td {max-width:50px !important; padding-left:0 !important;}
	#calbody td.mxcdow {font-size:8px !important;}
	#calbody a, #calbodylist a {font-size:9px;}
	#calbody td.ncm .datestamp {padding-left:4px !important;}
	#calbody td .datestamp {padding-left:4px !important;}
}

.relative {
    position: relative;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/*.carousel {
    font-family: "Open Sans";
    height: 800px;
}
.carousel-inner {
    height: 800px;
	
}
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
/*.carousel .item {
    height: 800px;
    background-color:none;
    background-image: url(../images/sliderbg.jpg);
    background-position: center center;
    background-repeat: none;
    background-size: 100%;
    background-size: cover;
}

.carousel .item .carousel-caption .mediumText {
    line-height: 1;
    font-size: 18px !important;
    padding-top: 0;
}

.carousel .item .carousel-caption .bigText {
    line-height: 1;
    font-size: 18px !important;
    position: relative;
    padding-top: 5%;
    padding-bottom: 0;
    margin-bottom: -25px;
}
.carousel .item .carousel-caption .bigText.bigger {
    font-size: 20px !important;
    margin-bottom: 35px;
}

.carousel .item .carousel-caption .bigText p {
    color: #ffffff;
}

.carousel .item .carousel-caption .bigText p:nth-of-type(1) {
  margin-top: 10px;
}

.carousel .item .carousel-caption .bigText p:nth-of-type(2) {
    color: #858585;
}

.carousel .item .carousel-caption .bigText p:nth-of-type(3) {
    color: #f00;
}

.carousel .item .carousel-caption .bigText a.btn {
    font-size: 20px;
    float: right;
}

.carousel .item .carousel-caption blockquote {
    border-left: none;
    font-size: 20px;
    top: 50%;
    margin: 8% 0 0 0;
}

.carousel .item .carousel-caption blockquote footer {
    color: #fff;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px) {
	/*.carousel .item .carousel-caption blockquote {
        font-size: 14px;
		
    }
	.carousel-caption {background:rgba(66,69,48,1); height:600px; top:150px;}
	
	.carousel-caption h1,.carousel-caption h2 {font-size:28px;}
	
}
@media (max-width: 1200px) {
	.carousel-caption {background:rgba(66,69,48,1); min-height:550px; height:auto;}
	.carousel-indicators {display:none;}
	.carousel-caption h1,.carousel-caption h2 {font-size:28px;}*/
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
   /* .carousel {
        height: 800px;
    }
	.carousel .item {
        height: 800px;
    }
	.carousel .item .carousel-caption blockquote {
        font-size: 18px;
    }*/
	
	
	
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
    /*.carousel {
        height: 400px;
    }
	.carousel-caption {
    top:400px;
	
}	
	
    .carousel .item {
        height: 800px;
    }
    .carousel .item .carousel-caption .mediumText {
        line-height: 1;
        font-size: 18px !important;
        padding-top: 5%;
    }
    .carousel .item .carousel-caption .bigText {
        line-height: 1;
        font-size: 20px !important;
        position: relative;
        padding-top: 0;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    .carousel .item .carousel-caption .bigText.bigger {
        font-size: 20px !important;
        margin-bottom: -5%;
    }
    .carousel .item .carousel-caption .bigText a.btn {
        float: none;
        position: absolute;
        bottom: -40px;
        right: -25px;
        font-size: 20px;
    }
    .carousel .item .carousel-caption .row > .bigText.tripleBorder {
        border-right: 5px solid #f00;
    }
    .carousel .item .carousel-caption .row > .bigText.tripleBorder:before {
        border-right: 5px solid #fff;
        position: absolute;
        content: "";
        top: 0;
        right: 17px;
        bottom: 0;
        left: 0;
    }
    .carousel .item .carousel-caption .row > .bigText.tripleBorder:after {
        border-right: 5px solid #aeaeae;
        position: absolute;
        content: "";
        top: 0;
        right: 6px;
        bottom: 0;
        left: 0;
    }
    .carousel .item .carousel-caption blockquote {
        font-size: 18px;
    }*/
	
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
   /* .carousel .item .carousel-caption .mediumText {
        font-size: 18px !important;
        padding-top: 2%;
    }
    .carousel .item .carousel-caption .bigText.bigger {
        font-size: 20px !important;
        margin-bottom: 35px;
    }
    .carousel .item .carousel-caption .bigText a.btn {
        bottom: 30px;
        right: 10px;
        font-size: 20px;
    }
    .carousel .item .carousel-caption blockquote {
        font-size: 18px;
    }
	.carousel-caption {
    top:200px;
	height:auto;
    min-height:250px;
    right: 0;
    left: 0;
	background:rgba(0,0,0,.4);
	font-family: 'Roboto Slab', serif;
}

}
@media (min-width: 1600px) {
	.carousel-caption {
    top:300px;
}
}


/*Go to Top*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/