/* -------------------- EVENTS INTRO PAGE ---------------------- */

.eventsintro                    { background-color:white; }
.eventsintro a,
.eventsintro a:hover { text-decoration:none; color:transparent; }


.eventsintro .btnn { border: 1px #cacaca solid; margin-bottom: 20px; padding: 20px 25px; }
.eventsintro .btnn:hover            { box-shadow: 0 0 5px rgba(0, 0, 0, 0.36); }
.eventsintro .btnn h3            { color:#2d2d2d; font-size: 22px; margin: 0 0 8px 0; }

.eventsintro .btnn p.dates { font-weight:bold; font-size: 13px; color:black; text-transform:uppercase; }


.eventsintro .btnn p            { color:#2d2d2d;  }
.eventsintro .btnn p.more       { text-align:right; }
.eventsintro .btnn p.more span  { background:#7a9d3e; color:white; padding: 8px 15px; display: inline-block;}
.eventsintro .btnn p.more span:hover  { background:#bec6d4; color:#2d2d2d; }










/* -------------------- EVENTS INTRO PAGE ---------------------- */


.event .summary .eventname  { font-size: 30px; font-weight: 900; margin: 0 0 6px 0;  }
.event .summary .phone { text-align:right; font-size: 18px; font-weight:bold; }

.event .summary ul.tabs { clear:both; list-style-type:none; display: block; padding: 0; margin: 0;  }
.event .summary .tabs li { float:left; font-size: 18px; margin: 0 3px 0 0; font-weight: bold; text-transform: uppercase; display: inline-block; }
.event .summary .tabs li a { border: 1px #7a9d3e solid; background:#7a9d3e; color:white; text-decoration:none; padding: 8px 15px; display: inline-block;  }
.event .summary .tabs li a.on { background:white; color:black; border: 1px #cacaca solid; border-bottom: 1px white solid; padding: 8px 15px; display: inline-block;  }




@media screen and (max-width:767px)

{
.event .summary .tabs li,
.event .summary .tabs li a,
.event .summary .tabs li a.on
{ float:none; width: 100%; display: block; }

}




.event .tabbox .introimage { margin-bottom: 1px; }
.event .tabbox { border: 1px #cacaca solid; padding: 20px; margin: -1px 0 0 0; }
.event .tabbox .sectiontitle { background:#7a9d3e; color:white; padding: 8px 14px; text-transform:uppercase; letter-spacing: 2px; }
.event .tabbox .location { font-size:12px; margin: 20px 0 8px 0; }


.vlogo  { text-align:center; padding:15px; float:left; width: 30%; margin: 5px; height:120px; border: 1px #cacaca solid;}
.vlogo img  { max-width: 80%; position: relative; top: 50%; transform: translateY(-50%); line-height: 100px; }



.vspecials { list-style-type:none; margin: 0; padding: 0; }
.vspecials li.vname           { font-weight: bold; margin-top:  20px;  font-size: 20px; border-top: 1px #cacaca dotted; margin: 8px 0 18px 0; padding-top: 8px; }
.vspecials li span                 { font-weight: bold; font-style:italic; margin-bottom: 6px; font-size: 16px; }
.vspecials li                  { font-weight: normal; margin-bottom: 6px; font-size: 14px; }


.rsvp .tr                { clear:both; padding: 6px 0px; }
.rsvp .th                { float:left; width: 30%;  }
.rsvp .td                { float:left; width: 70%; }
.rsvp .td .formfield     { width: 100%; font-size: 16px; padding: 3px 6px;  }
.rsvp .td .formbutton { background-color:#2783b4; color:white; font-size: 18px; padding: 8px 16px; border: 0px; font-weight:bold;  }



@media screen and (max-width:550px)

{
.rsvp .th,
.rsvp .td                { float:none; clear:both; width: 100%; }
}






.allevents h3 { font-weight: 300; text-transform:uppercase; text-align:center; letter-spacing: 2px; }
.allevents a { border: 1px #cacaca solid; margin-bottom: 10px; padding: 8px 15px; display: block; text-decoration: none; color:transparent;}
.allevents a:hover { text-decoration:none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.36); }

.allevents a p.name { color:black; font-size: 18px; font-weight: bold; margin: 0 0 3px 0; }
.allevents a p { color:black; font-size: 14px; font-weight: normal; margin: 0 0 3px 0; }

/* -------------------- content -- end ---------------------- */



















@media screen and (max-width:650px)

{

}