@charset "UTF-8";
/* CSS Document */
/* <a href="" class="button">Read More</a> */

html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Playfair Display', serif;
}

@media (min-width: 0px){

.banner img {
	width: 100%;
	height: 100%;
}

.banners img {
	width: 0px;
	height: 0px;
}
	
/*WMUR link*/
.icon {
  color: #68040C;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
	
	
/* Nav */
	
.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 200px
}

.style-nav ul {
	list-style-type: none;
}

.style-nav ul li a {
	text-decoration: none;
	color:#2A2318;
	text-align:center;
	display:block;
	text-transform:uppercase;
	padding:7.5px;
}

.style-menu ul {
	list-style-type: none;
}

.style-menu ul li a {
	text-decoration: none;
	color: #2A2318;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding: 7.5px;
}

/* Formatting */

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

header {
	padding:32px;
}

.hide {
	display: none;		
}
	
#t1 {
    -moz-tab-size: 4; /* Firefox */
    -o-tab-size: 4; /* Opera 10.6-12.1 */
    tab-size: 4;
}

body{
	margin-left: auto;
	margin-right: auto;
}

.row {
	width: 100%;
}

.col {
	width: 100%;
}

	
/* Headings */

h1 {
	font-size: 50px;
	font-weight: 200;
	margin-bottom: 60px;
	font-style: italic;
	text-shadow: 2px 2px #000;
}

h2 {
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 35px;
	text-align: center;

}

h3 {
	font-size: 57px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 35px;

}

h4 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 35px;
	text-shadow: 2px 1px #000;

}

h5 {
	font-size: 12px;
	margin-top:1px;
	margin-bottom: 5px;
	font-weight:100;
}

h6 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 10px;
	text-align: justify;
	text-decoration: none;
}

p {
	text-align: left;
	font-size: 16px;
	margin-bottom: 15px;
	text-align: justify;
}


	
.dash {
	font-size: 0px;
	color: #9A825B;
}
    
.dash-r {
	font-size: 0px;
	color: #68040C;
}
	
	
/* Specifics/Pages */
.cafe {
	background-image: url(images/l_flower.jpg);
	background-size: cover;
	padding: 130px 20px 80px 20px;
	color: white;
	text-align: center;
    background-attachment: fixed;
}

.about {
	background-color: #9A825B;
	background-size: cover;
	padding: 130px 20px 80px 20px;
	color: white;
	text-align: center;
}
	
.paint {
	background-image: url("images/l_room.jpg");
	background-size: cover;
	padding: 130px 20px 80px 20px;
	color: white;
	text-align: center;
}


.comingsoon{
	background-image: url(images/l_flowerdark.jpg);
	background-size: cover;
	padding: 80px 20px 40px 20px;
	color: white;
	text-align: center;
}
	
/*jquery*/
.float {
    float:  right;
}

#panel {
  padding: 5px;
  color:#000;
  text-align: left;
  padding: 5px;
  display: none;
  margin:0;
}
    
#flip {
  padding: 15px;
  color:#fff;
  background-color: #9A825B;
  text-align: center;
  font-size: 20px;
  margin:0;
}

#panel2 {
  padding: 5px;
  color:#000;
  text-align: left;
  padding: 5px;
  display: none;
  margin:0;
}
    
#flip2 {
  padding: 15px;
  color:#fff;
  background-color: #68040C;
  text-align: center;
  font-size: 20px;
  margin:0;
}


/*Buttons*/
.but {
	text-decoration: underline;
	color:white;
}

.b {
	color: #A1865E;
	text-decoration: none;
}

.button {
	border: 2px white solid;
	padding: 8px 10px;
	border-radius: 60px;
	color: white;
	text-decoration: none;
}

.button1 {
	border: 1px white solid;
	padding: 4px 15px;
	border-radius: 30px;
	color: white;
	text-decoration: none;
}


/*Color TextBox*/
.info-box-brown {
	background-color: #9A825B;
	color: white;
	text-align: center;
	padding: 30px 20px 60px;
}

.info-box-brown1 {
	background-color: #9A825B;
	color: white;
	text-align: center;
	padding: 30px 20px 60px;
}

.info-box-brown2 {
	background-color: #9A825B;
	color: white;
	text-align: center;
	padding: 30px 20px 20px;
}
	
.info-box-brown3 {
	background-color: #9A825B;
	color: white;
	text-align: center;
	padding: 30px 20px 10px;
}

.info-box-red {
	background-color: #68040C;
	color: white;
	text-align: center;
	padding: 30px 20px 60px;
}

.info-box-red1 {
	background-color: #68040C;
	color: white;
	text-align: center;
	padding: 30px 20px 40px;
}
.info-box-red2 {
	background-color: #68040C;
	color: white;
	text-align: center;
	padding: 30px 20px 20px;
}
	
.info-box-red3 {
	background-color: #68040C;
	color: white;
	text-align: center;
	padding: 30px 20px 30px;
}

.info-box-white {
	background-color: white;
	color: #3C3223;
	padding: 30px 20px;
}

#tabs {
	color:#fff;	
	border-color: #68040C;
	
}
	
#tabs li {
	color:#fff;
 	background-color: #9A825B;
	border: 1px;
	
}

/*Hover Image*/
.container_ {
    position: relative;
    width: 100%;
	text-align: center;
	color: #fff;
}
	
.centered {
	position: absolute;
	text-align: center;
	color: #fff;
	bottom: 8px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.image_ {
  	opacity: .5;
	max-width: 1000px;
  	background-size: cover;
  	transition: .5s ease;
  	backface-visibility: hidden;
}

.middle_ {
  	opacity: 1;
	position:absolute;
	top: 0px;
	left:0px;
  	text-align: center;
}

.text_ {
	font-weight: 200px;
  	font-size: 15px;
  	padding: 16px 32px;
	color: #3C3223;
}
	
.container {
    position: relative;
    width: 100%;
}

.image {
  	opacity: 1;
	max-width: 1000px;
  	background-size: cover;
  	transition: .5s ease;
  	backface-visibility: hidden;
}

.middle {
  	opacity: 1;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	text-align: center;
}

.text {
  	font-size: 10px;
  	padding: 16px 32px;
	color: #3C3223;
}



.footer-text0 {
	font-size: 13px;
	margin-bottom: 10px;
	color: #A8A8A8;
	text-align: center;
}

.footer-text {
	font-size: 13px;
	margin-left: 25px;
	margin-bottom: 10px;
	color: #3C3223;
	text-align: center;
}

.footer-text2 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-left: 25px;
	color: #3C3223;
	text-align: center;
}

center {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

}



/*Small Mobile View*/
@media (max-width: 401px){
	
	.text_ {
		font-weight: 200px;
  		font-size: 13px;
  		padding: 16px 32px;
		color: #3C3223;
	}
	
	#t1{
		-moz-tab-size: 2; /* Firefox */
    	-o-tab-size: 2; /* Opera 10.6-12.1 */
    	tab-size: 2;
	}
	
	.events p{
		font-size: 8px;
	}
}



@media (max-width: 500px){
	
	#t1{
		-moz-tab-size: 3; /* Firefox */
    	-o-tab-size: 3; /* Opera 10.6-12.1 */
    	tab-size: 3;
	}
	
	.events p{
		font-size: 12px;
	}
	
	h3 {
		font-size: 50px;
	}
}





/*Large Mobile View/Small Tablet View*/
@media (min-width: 500px){
	
	.text_ {
	font-weight: 200px;
  	font-size: 20px;
  	padding: 16px 32px;
	color: #3C3223;
	}
	
}



/*Tablet View*/
@media (min-width: 650px){
	
	#t1{
		-moz-tab-size: 4; /* Firefox */
    	-o-tab-size: 4; /* Opera 10.6-12.1 */
    	tab-size: 4;
	}
	
	.events p{
		font-size: 19px;
	}
}



@media (min-width: 768px){
	
	
	
	.banners img {
		width: 100%;
		height: 100%;
	}

	.banner img {
		width: 0px;
		height: 0px;
	}

	.style-nav ul li {
		display: inline-block;
	}
	
	.style-nav ul {
		text-align: center;
	}
	
	.style-menu ul li{
		display: inline-block;
	}
	
	.style-menu ul {
		text-align: center;
	}
	

	
	.dash {
		font-size: 2px;
		color: #9A825B;
	}
	
	
	
	
	h1 {
		font-size: 60px;
		margin-bottom: 90px;
	}
	
	
	
	.col-md-one-half {
		width: 50%;
		height: 100%;
	}
	
	.col-md-one-third {
		width: 33.33%;
	}
	
	.col-one-fourth {
		width: 25%;
	}
	
	.col {
		padding: 0px 7px 14px;
		float: left;
	}
	
	
	.aboutus {
		background-image: url(images/l_familyphotocrop1.jpg);
	}



	.middle_ {
		padding: 130px 20px 80px 20px;

	}

	.text_ {
  		font-size: 20px;
  		padding: 16px 32px;
		color: #3C3223;
	}	
	
	
	
	.fa fa-facebook {
		font-size: 	48px;
	}
	
	
	
	.info-box-brown1 {
		background-color: #9A825B;
		color: white;
		text-align: center;
		padding: 30px 20px 40px;
	}

	#t1{
		-moz-tab-size: 4; /* Firefox */
    	-o-tab-size: 4; /* Opera 10.6-12.1 */
    	tab-size: 4;
	}
	.events p{
		font-size: 11px;
	}
	
	footer {
    	text-align: left; 
	}
    
	.footer-text, .footer-text2{
		text-align: left;
	}
}





@media(min-width: 900px) {
	
	#t1{
		-moz-tab-size: 4; /* Firefox */
    	-o-tab-size: 4; /* Opera 10.6-12.1 */
    	tab-size: 4;
	}
	
	.events p{
		font-size: 14px;
	}
}





/*Desktop View*/

@media (min-width: 1024px){
	
	body {
		max-width: 1200px;
	}
	
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
	}
	
	
	.hide {
		display: inline-block;	
	}

	
	.col-md-one-half1 {
		width: 50%;
		height: 100%;
	}
	
	.col-lg-one-fourth {
		width: 25%;
		display: table;
	}
	
	
	.info-box-red2{
		padding: 30px 20px 40px;
	}
	
	
	
	.button {
		border: 1px #3C3223 solid;
		padding: 4px 15px;
		border-radius: 30px;
		color: #3C3223;
		text-decoration: none;
	}
	
	
	
	.container {
    	position: relative;
    	width: 100%;
	}
	
	.image {
  		opacity: 1;
  		background-size: cover;
  		transition: .5s ease;
  		backface-visibility: hidden;
	}

	.middle {
  		transition: .5s ease;
  		opacity: 0;
  		position: absolute;
  		top: 50%;
  		left: 50%;
  		transform: translate(-50%, -50%);
  		-ms-transform: translate(-50%, -50%);
  		text-align: center;
	}
	
	.container:hover .image {
  		opacity: 0.3;
	}

	.container:hover .middle {
  		opacity: 1;
	}

	.text {
  		font-size: 10px;
  		padding: 5px 10px;
		color: #3C3223;
	}
	
	
	
	.container_ {
    	width:100%;
	}
	
	.image_ {
  		opacity: 1;
  		background-size:cover;
  		transition: .5s ease;
  		backface-visibility: hidden;
	}

	.middle_ {
		transition: .5s ease;
  		opacity: 0;
	 	top: -100px;
		left: -10px;
  		text-align: center;
		padding: 130px 20px 80px 20px;

	}
	
	.container_:hover .image_ {
  		opacity: 0.3;
	}

	.container_:hover .middle_ {
  		opacity: 1;
	}
	
	.text_ {
  		font-size: 15px;
  		padding: 8px 20px;
		color: #3C3223;
	}
	
	
	
	#t1{
		-moz-tab-size: 4; /* Firefox */
    	-o-tab-size: 4; /* Opera 10.6-12.1 */
    	tab-size: 4;
	}
	
	.events p{
		font-size: 16px;
	}
}