@import url('https://fonts.googleapis.com/css?family=Cinzel|Cormorant+Garamond');
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body {
  scroll-padding-top: 248px;  /*  set to the height of your header */
}


body { font: normal 1.5em/1.25em 'Cormorant Garamond', serif;}
header {
background-image: linear-gradient(#fcfcfc, #d5d5d5);
border-bottom: 4px double #999;
position:relative;
z-index:99;
max-height:150px;
}
.header--fixed{position:fixed;z-index:93;right:0;left:0;top:0}
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-190%);
}

#logoimg {margin: 8px 8px 4px 2%; max-width:63%;}
#headphoto {width:100%; height:auto; margin-top:110px;}
a#hphone {
	display:block;
	padding: 10px;
	background:#8b321f;
	color:#fff;
	max-width:12em;
	margin: 6px auto;
	text-align:center;
	text-decoration:none;
	border-radius: 8px;
	font: normal 1em/1em  arial, "Trebuchet MS", sans-serif;
	position:relative;		
}
a#hphone:hover {background:#350016; color:#fff;}
a#hphone:before {content:'\260F'; color:#fff; padding-right:8px; vertical-align: middle;}
a#hphone:hover:before{ transform:scale(1.2,1.2);}
a#hphone:active:before {color:#ff0; }

#chev {
position: absolute; top: 0; right: 2%;
width: 340px;
text-align:center;
max-width:32%;
z-index: 999;
border-top: 3px solid #761a41;
}
#chev p { background:#fff; padding: 6px; color:#620; line-height:1.125em; font-weight:bold;}

section.main {
max-width:54em;
margin: 0 auto;
padding: 1em 0.5em;
}
section.main p {padding: 0.5em 0;}
section.main ul {margin: 1em 5%; list-style: square;}
section.main a, section.main a:visited {color: #059;}
section.main a:hover {color: #940; text-decoration:none;}

.redbg {
background:#3e0b00; color:#fff;
border-top: 4px double #fff; 
margin:0;
border-bottom: 4px double #fff;
}
.redbg div {
max-width:54em;
padding: 1em;
margin: 0 auto;
}
.redbg p {padding: 0.5em;}
.redbg h2 {color:#fc5; padding:0.5em;}
.redbg h3 {color:#fc5; font-size:1.3333em; padding:0.5em;}

h1 {
color:#fff;
background:#200;
font: normal 1.125em/1em 'Cinzel', serif;
margin: 0;
padding: 4px 12px;
}
h2 {color:#920; font: normal 1.5em/1em 'Cinzel', serif; padding: 1em 0 0 0;}
h3 {color:##3f6b26; font: normal 1.25em/1em 'Cinzel', serif; padding: 1em 0 0 0;}

img {max-width:100%; height:auto;}
b, strong {font-weight:bold;}
i, em {font-style:oblique;}
.lfloat50 {float:left; max-width:48%; margin: 0 0.5em 1em 1em;}
.rfloat50 {float:right; max-width:48%; margin: 0 0 1em 0.5em;}
.sm_ital {font-style:oblique; font-size:0.875em;}
.ctr {text-align:center; }

#rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 138px auto 0 auto;
  max-height:638px;
  z-index: 77;
  }
#rslides img {width:100%; height:auto;}
#rslides li {width: 100%;}

#rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
#rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

a#toplink {
display:block;
padding: 10px;
color:#fff;
background:#8b571f;
max-width:9em;
margin: 1em auto;
text-align:center;
text-decoration:none;
border-radius: 8px;
position:relative;		
}
a#toplink:hover {background:#3e2000; }
a#toplink:active {position:relative; top:1px; left:1px;}
a#toplink:before {content:'\21E7'; font-size:2.5em; padding-right:8px; vertical-align: middle;}
a#toplink:hover:before{color:#fd0;}
a#toplink:active:before {color:#ff0; }

footer {text-align:center; background-image: linear-gradient(#fcfcfc, #d5d5d5); padding: 0.5em; border-top: 1px solid #ddd;}
footer img {margin: 6px;10px;}

/* ---------------------------------- NAV ----------------------------------- */

#menu {
  margin:0.25em;
}

#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

/*--------------------UNIDODE DOWN Pointer--------------*/

#toggle-menu span.drop-icon:after, 
#menu ul span.drop-icon:after,
#menu li label.drop-icon:after {content:'\25BC'; color:#fff; font-size:0.666em; line-height:1em;}


/*--------------------UNIDODE DOWN pointer--------------*/

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #e8ba9e;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: #620;
}

#toggle-menu {
  background: #333;
  text-align:center;
}

#toggle-menu, 
#menu a {
  padding: 0.333em 1em;
  text-decoration:none;
  background-color: #f7e1b7;
}
#toggle-menu:hover {background-color: #8b321f; color:#fff;}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color: #e0ae69;
  color: #640;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: #640;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 0;
  top: 0;
}

label#toggle-menu::before {
	margin-right: 0.5em;
	content: "\2630";
	font-size: 1.125em;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  padding: 0.5em 1em;
  font-size: 0.75em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: #640;
}

@media only screen and (min-width: 1280px) {
	#menu li a {background:#b68147; color:#fff;}
	#menu li a:hover {background:#f7e1b7; color:#620;}
  #menu .main-menu {
    display: block;
	text-align:center;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
 /*   float: left; */
	display: inline-block;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
	width:100%;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
	line-height:1.25em;
	text-align:left;
    top: 100%;
    left: 0;
    width: 12em;
    width: 100%; /*----------mbe----------*/
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
	float: left;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

 #menu .sub-menu .drop-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}

@media screen and (max-width: 48em) {
	header { text-align:center; }
	.header--fixed {position:static;  border-bottom: 3px solid #761a41;}
	#logoimg {margin: 8px; max-width:95%;}
	#chev {position:relative; top:0; left:0; width:100%; max-width:100%; border:0;}
	#chev img {display:none;}
	#rslides {margin-top:85px; clear:both;}
	h1 {font-size:1em;}
}