@charset "utf-8";
/* CSS Document */
html {box-sizing: border-box;}* , *:before, *:after {box-sizing:inherit;}

*{
	width: 100%;
}

h1, h2, h3{
	font-family: 'Inconsolata', sans-serif;
	text-align: center;
	color: #3a1e09;
}

a{
	text-decoration: none;
}

body{
	font-family: "Aleo", serif; 
	padding: 0;
	margin:0;
	background-image: url("../images/headbkg.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

header{
	min-height: 280px;
	background-image: url("../images/banner.png"); 
	background-size: 85%;
	background-position: center;
	background-attachment: scroll;
}

header h1{
	color: #3a1e09;
	font-size: 350%;
	text-align:center;
	padding-top: 8%;
}

nav, .submitbtn{
	font-family: 'Inconsolata', sans-serif;
	border: thin #3a1e09 solid;
	background: #4a611b;
	text-align: center;
}

nav a{
	display: inline-block;
	color: #ffde8d;
	text-align: center;
	background: #4a611b;
	font-size: 135%;
	border-radius: 40%;
}

nav a:hover{
    color: #ecc927;
    background-color: #3a1e09;
	border-radius: 55%;
	transition-duration: 2s;
	cursor: pointer;
}

#wrapper{
	margin: 0 auto;
	max-width: 1040px; 
	min-height: 350px;
	padding: 10px;
	background-image: url("../images/papertxtr.jpg");
	align-content:space-around;
}

main{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border:thick #4a611b solid
}

section{
	background-color:#FFF0CB;
	padding: 0.5%;
	border: thin black solid;
}

#story{
	width:100%;
	background-color: #ecc927;
}

aside{
	background-color: #ecc927;
	border: thin black solid;
	padding: 5%;
}

#poem{
	text-align: center;
}

#cafegallery{
	width: 100%;
	background-color: #FFF0CB;
}

footer{
	clear: both;
	color: black;
	text-align: center;
	padding-top: 0px;
}

#smlogo{
	max-width: 120px;
	padding-top: 5px;
	border: none;
}

.sociallogos{
	max-width: 65px;
	padding: 6px;
	border: none;
}

img{
	max-width: 100%;
	border: thick #4a611b solid;
	border-radius: 5%;
}

.artshow{
    border: none;
    border-radius: 0%;	
}

.center{
	text-align: center;
	align-content: center;
}

.submitbtn{
	width: 100%;
	height: 40px;
	font-size: 150%;
	font-weight: 500;
	color: #ffde8d;
}

.submitbtn:hover{
	color: #ecc927;
    background-color: #3a1e09;
	border-radius: 55%;
	transition-duration: 2s;
	cursor: pointer;
}

#smlogos{
	max-height: 50px;
}

#values{
	background-color: #ecc927;
}

#contactfrm, #eventfrm{
	width:100%;
	background-color: #ecc927
}

	.event:hover{
		background-color: #ffde8d;
		transition-duration: 1.25s;
	}
	
	.collapsible{
		cursor: pointer;
		color: #4a611b;
	}
	
	.content{
		display: none;
	}

@media screen and (min-width:960px){
	nav a{
		width: 16%;
		padding: 0.5%;
	}
	
	section{
		width: 33.33%;
	    padding: 0.5%;
	    border: thin solid black;	
		float: left;
    }
	
	aside {
		width: 66.6%;
		padding: 0.5%;
		border: thin solid black;
		float: right;
	}

	.twocol{
	width: 50%;
    }	
	
	.event{
		width: 50%;
	}
		
	#contactfrm, #eventfrm{
		width:100%;
		background-color: #ecc927;
	}
	
	#yourname{
		width: 47%;
	}
	
	#email{
		width: 45%;
	}
	
	#subject{
		width: 94%;
	}
	
	#eventname{
		width: 89%;
	}
	
	#bodytext, #eventdesc{
		width: 100%;
		height: 200px;	
	}
}

.nlc-display-container{position:relative}
.nlc-display-bottomleft{position:absolute;left:0;bottom:0}
.nlc-display-topleft{position:absolute;left:0;top:0}
.nlc-display-bottomright{position:absolute;right:0;bottom:0}

.nlc-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.nlc-button{width:5%;text-align:left;padding:8px 16px}
.nlc-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.nlc-button{white-space:normal}
.nlc-button:first-child{background-color:#ccc;color:#ecc927}

.nlc-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}

.nlc-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}

.nlc-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.nlc-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}

.nlc-container {text-align:center;padding:0.01em 16px; max-width:44%}
.nlc-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.nlc-large{font-size:18px!important}
.nlc-button:hover{color:#ecc927!important;background-color:#ccc!important}
.nlc-black{color:#3a1e09!important;background-color:#ecc927!important}