h2.with-border {border-bottom:4px solid #767964; padding-bottom: 40px;}
a.link {color:#767964;}
a:hover{font-weight:bold; }



.subheads {margin:40px auto 40px ; width:253px}

.map {
        height: 100%; width: 100%;
      }
.map-container {margin:0 auto 30px auto; height: 325px;}

h5.map-heading a{color:#767964}
.theday {color:#767964; }
.theday.table td {border:none; }




.hidden-input input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#rsvp-form{    margin: 0 auto; text-align: center;font-size: 1.5em; width:40%; min-width:260px;}

.checkmark {  text-decoration: line-through; cursor: pointer;}

.big-plus {font-size: 2em;}

.hidden-input input:checked ~ .checkmark {
  text-decoration: none;
}

.btn-custom {background:none; border: 1px solid #B47545; border-radius:0; padding: 10px 30px;}

.btn-custom:hover{background:#B47545; color:#E7D0CA }

.form-group {line-height:1.8;}
.none {display:none;}

#form-food { display:none;}

#personal-message{width:100%; font-size: 0.66667em; padding:10px;}



.image-container {
  display: block;
}
img.vip {
  width: 100%;
  margin-bottom: 10px;
}

.col-no-padding {
  padding: 0;
}

.image-container:hover .overlay {
  opacity: 0.8;
}
.overlay-text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

@media (min-width: 768px) and (max-width: 992px) {.overlay-text {font-size:0.8em;}}

@media (min-width: 576px) and (max-width: 768px) {.overlay-text {font-size:0.6em;}}



.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease;
  background-color: #A45350;
}







.tiny{font-size:0.6em}


.response-header {margin: 30 0 50 0;}