@CHARSET "UTF-8";
@font-face {
  font-family: 'Stencil';
  src: url('./fonts/STENCIL.eot?') format('eot'),
       url('./fonts/STENCIL.woff') format('woff'),
       url('./fonts/STENCIL.ttf')  format('truetype');
  font-weight: 400;
  font-style: normal;
}

*,*:before,*:after {box-sizing:border-box;}
*{margin:0; padding:0;}
html{font-size: 62.5%;overflow-y: scroll;}
body{font-size:1.6em;font-family: Tahoma, verdana, helvetica, sans-serif;color:#fff;}
h1,
h2,
h3,
h4,
h5,
h6 {margin-bottom: .8rem;font-weight: 300;}
h1 {font-size: 3em;}
h2 {font-size: 2.6em;}
h3 {font-size: 2.3em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}
ul{list-style-type:none;}

hr{  
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #ff0000 inset; }
.wod li{margin-bottom:7px;}
a{text-decoration:none;color:#d12f2a;}
a:hover{color:#fff;}
a, a:link,
a:active,
a:visited  {	
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}
#bhome .a-home,
#bdbar .a-dbar,
#bcontact .a-contact,
#barchive .a-archive,
#broom .a-room,
#bgallery .a-gallery {color:#999;} 
img {border: 0;height:auto; max-width:100%;vertical-align:middle;}
p{margin-bottom:1em;}
#honey{visibility:hidden;}
#honey{display:none;}
#contact-form{margin-bottom:21px;}
#page {margin-top:70px;padding:0 2rem;}
#logo-container{
	font-weight:100;  
  color: white;
  text-align:center;}
#logo-container h2{font-family:"Stencil", Times, serif;font-size:6.2em;color:#d12f2a;}
#logo-container h5{margin-bottom:1em;}

#logo-container ul >li{margin:.25em 0;}
.d-harm{padding:12px 0;background-color:#fff;}
.d-list ul>li{margin-bottom:9px;}
.d-list h5{margin-bottom:28px;}
#footer, .room-box {
background: rgba(0,0,0,0.3);
color: white;
border-radius:3px;
}
.social-find,.social-share{display:inline-block;}
.room-box {text-align:center;}

#footer {padding:2rem;}

.img-wrapper{text-align:center;}
.white{background-color:#fff;}
.red{color:#ff0000;}
.no-wrap{white-space: nowrap;}
.right{float:right;}
.m-spaced{margin-top:50px;}
.v-pad{padding:2rem 0;}
.txt-center{text-align:center;}

ul.share-buttons li{display: inline;}

ul.share-buttons .sr-only{  
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  list-style: none;
  padding: 0 7px 0 0;
  margin-bottom:0;
  height: 1px;
  width: 1px;
  overflow: hidden; 
 
}
ul.share-buttons img{width: 32px;height: 32px;}

.scrollToTop{
	width:44px; 
	height:44px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:60px;
	right:20px;
	display:none;
	opacity:.4;
	background: url('../img/scroll-button.png') no-repeat 0px 0px;
	z-index:99;
}
.scrollToTop:hover{	text-decoration:none;background-position:-46px 0;}
 html {background-color:#000;}


.iframe-inner{
position: relative;
    height: 0;
    padding-bottom: 100%;    
    overflow: hidden;
   display:inline-block;
   width:100%;
   height:100%;
   max-width:540px; 
    max-height:540px !important;   

 }
.iframe-inner iframe{   
position:absolute;
top:0;
left:0;
scrolling:no;
max-width:540px;
 max-height:540px;
 width: 100%;
 height: 100%;
 background:url(../img/load.gif) center center no-repeat;
 border-radius:3px;
 }
 
.masonry-wrapper{margin:0 auto;max-width:1200px;}
#masonry-container{margin:0 auto;max-width:1200px;}
.masonryImage {width:232px;display:inline-block;padding:7px}
figure img {width:232px;display:block;}

.shadow2{-webkit-box-shadow: 0px 0px 11px 0px rgba(240,34,34,1);
-moz-box-shadow: 0px 0px 11px 0px rgba(240,34,34,1);
box-shadow: 0px 0px 11px 0px rgba(240,34,34,1); transition: box-shadow .6s;}
.shadow2:hover{-webkit-box-shadow: 0px 0px 11px 4px rgba(240,34,34,1);
-moz-box-shadow: 0px 0px 11px 4px rgba(240,34,34,1);
box-shadow: 0px 0px 11px 4px rgba(240,34,34,1);}
figure { display: block;overflow: hidden;text-align:center;z-index:0;}
figcaption {text-align:center;width:100%; position: absolute; background: rgba(0,0,0,.75); padding: 3px 16px; opacity: 1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
/*
figure:hover figcaption { opacity: 1; z-index:999999;}

figure:before { content: "?"; position: absolute; font-weight: 800; background: rgba(255,255,255,0.75); text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 18px; -moz-transition: all 0.6s ease; opacity: 0.75; }
*/
figcaption h5{font-size:1em;margin-bottom:2px;color:#d12f2a;display:inline-block;}
figure:hover:before { opacity: 0; }
.cap-left:before { bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }
.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }
.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot figcaption {bottom: 10%;}


/* .cap-bot:hover figcaption { bottom: 14px; } */
/* Circle ani
******************************************************/




/* Modal
*************************************************/

.remodal-close {display:inline-block;border-radius: 3px;cursor: pointer;padding: 7px;color: #fff;background: #777;margin-bottom:1em;}
.remodal-close:hover{background-color:#444;color:#fff;}
.slide-wrap {
    position: relative;
    padding-bottom: 66.66%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    text-align:center;
}
.slide-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
display:inline-block;
background-image:url(../img/loading.gif);background-repeat: no-repeat;background-position:50% 50%;
border:0;
}

/* Forms
**************************************************************************/
.btn{padding:4px 6px;border-radius:4px;cursor:pointer}
.red-btn{background-color:#ff0000;color:#000;}
.red-btn:hover{color:#fff;background-color:#000;}
fieldset{border:0;}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */

	border-radius:5px;
	line-heigh:1.25em;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 3px;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: none; /* Corrects inability to style clickable 'input' types in iOS */
	border: 0;	
	height: 40px;	
	padding: 0 20px;
	color: #fff;
	background: #a90329;
	border-radius:5px;
	
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #560114;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-radius:5px;
	
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: 0;
	background: #e5e5e5;
	color: #34434e;
	line-height: 30px;
	border-radius:5px;
	width:100%;
	
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #191919;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"] {
	padding: 5px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	max-width: 100%;
	line-height:18px;
		min-height:220px;
}

label{display:block;margin-top:8px;}

.row, .container {width: 100%;}
.container {max-width: 1170px;margin: auto;padding:14px;}

.row:before,
.row:after,
.container:before,
.container:after {
	content: '';
	display: table;
	clear:both;
}


.column,
.columns {
  width: 100%;
  float: left; 

}
.columns:last-child{}
.columns:first-child {}

  
@media (min-width: 30em) {
.six.columns>.six.columns {width:48%;}
.six.columns>.six.columns:last-child{margin-left:4%;}
.two.columns {width:48%;}  
.row:last-child > .two-columns{float:right;}
}

@media (min-width: 40em) {


#logo-container button, .room-box button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}
#logo-container button:hover, .room-box button:hover { 
   background: rgba(0,0,0,0.5);
}

}
@media (min-width: 48em) {
h1 {font-size: 3.2em;}
h2 {font-size: 2.8em;}
h3 {font-size: 2.2em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

  .column,
  .columns {margin-left: 4%; }
  .column:first-child,
  .columns:first-child {margin-left: 0; }
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0;}

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }
  


  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; } 

}
@media (min-width: 53.75em) {
	
h1 {font-size: 3.6em;}
h2 {font-size: 3em;}
h3 {font-size: 2.4em;}
h4 {font-size: 1.8em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}
	  
}

@media screen and (max-width: 500px) { 
  
}
@media screen and (max-device-width: 800px) {

}