@charset "utf-8";
/* nfm 2021 */

html, body {
	padding:0;
	margin:0;
}

body {
	color:#000;
	}

a {
	color:#600;
	text-decoration:underline;
}

a:hover {
	color:#f00;
	text-decoration:underline;
}

a:visited {
	color:#600;
}

* {
    box-sizing: border-box;
}

img {
	opacity:0.999;
	filter:alpha(opacity=99.99);
	max-width:100% !important;
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

img {
	border:0;
}

a img {
	border:0;
}

.img100 {
	width:100%;
}

.img90 {
	width:90%;
}

.img80 {
	width:80%;
}

.img70 {
	width:70%;
}

.img70c {
	display:block;
	width:70%;
	margin:0 auto;
}

.img50 {
	width:50%;
}

.img50c {
	display:block;
	width:50%;
	margin:0 auto;
}

.img50l {
	float:left;
	width:50%;
	margin:0 1em .2em 0;
}

.img50r {
	float:right;
	width:50%;
	margin:0 0 .2em 1em;
}

.img40 {
	width:40%;
}

.img30 {
	width:30%;
}

.img30l {
	float:left;
	width:30%;
	margin:0 1em .2em 0;
}

.img30r {
	float:right;
	width:30%;
	margin:0 0 .2em 1em;
}

.img20 {
	width:20%;
}

.img20l {
	float: left;
	width:20%;
	margin:0 1em .2em 0;
}

.img10 {
	width:10%;
}

.clearboth {
	display:block;
	clear:both;
}

.vertalign {
	position: relative;
	top: 50%;
    transform: translateY(-50%);
}

.overlayholder {
	display:block;
	display:none;
	position:fixed;
	top:0;
	bottom:auto;
	right:auto;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	z-index:9999;
	background:rgba(0,0,0,0.85);
	border:none;
}

.videooverlay {
	display:block;
	position:absolute;
	top:10%;
	bottom:auto;
	right:auto;
	left:5%;
	width:90%;
	padding:2em 0 0 0;
	margin:0;
	text-align:right;
}

.closeoverlay {
	position:absolute;
	display:block;
	top:0;
	bottom:auto;
	right:0;
	right:auto;
}

.closeoverlay a {
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
}


.closeoverlay a:hover {
	color:#eee;
	text-decoration:underline;
}


.trailerplayer {
	margin:0 auto;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
	height: 0;
	overflow: hidden;
	text-align:center;
}
 
.trailerplayer iframe,
.trailerplayer object,
.trailerplayer embed {
	text-align:center;
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 95%;
	margin:0 2%;
	background:rgba(0,0,0,0.55);
	border:none;
}

.sp1x {
	display:inline-block;
	width:3em;
}

.colct2 {
	column-count:2;
}


/* Mobile Layout: 480px and below. */


body {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: calc(16px + (24 - 16) * ((100vw - 400px) / (2000 - 400)));
	font-weight:400;
	color:#666;
}

p {
	line-height:140%;
}

strong {
	color:#000;
}

.gridContainer {
}

.break-mob {
	display:inline;
}

#LayoutDiv1 {
	position:relative;
	height:100vh;
	width:90%;
	margin:0 auto;
	font-size:1em;
}

.showdt {
	display:none;
}

.blur1 {
	filter:blur(2px);
}

h1 {
	font-size:1em;
	font-weight:bold;
	color:#000;
	margin:1em 0;
}

/* forms, buttons */

.formcell, .formarea {
	display:block;
	width:100%;
	height:auto;
	border:none;
	padding:1%;
	margin:0 0 3% 0;
	background:#ddd;
}

.formbutton {
	display:inline-block;
	width:auto;
	border:none;
	padding:.4em 1em;
	background:#a60d2c;
	color:#fff !important;
	letter-spacing:.1em;
}

.formbutton:hover {
	background:#a7485b;
	color:#eee;
	text-decoration:none;
}

::placeholder { 
	font-family: opensans, sans-serif;
	font-size:1em;
	color:#000 !important;
	opacity:1 !important;
	filter:alpha(opacity=99.99) !important;
}

/* lists */

.list1 {
	margin:.4em 0;
	padding:0;
	text-align:center;
}

.list1 li {
	display:block;
	margin:.4em 0;
	padding:0;
}


/* header */

header {
	position:relative;
	width:100%;
	padding:1em 0 0 0;
	border-bottom:.4em solid #a60d2c;
}

.mainlogo {
	display:block;
	float:left;
	width:35%;
	margin:0 1em 1em 0;
}


/* nav */

nav {
	position:relative;
}

#showmenu {
/*	position:fixed;
	top:1em;
	right:5%;*/
	float:right;
	width:8%;
	height:auto;
	margin:.4em 0 0 0;
	z-index:800000;
}

#showmenu img {
	width:100%;
}

#menu_main {
	padding:1em 0;
	background:#a60d2c;
	text-align:center;
}

#menu_main ul {
	font-size:1.4em;
}

#menu_main ul li {
	margin:1em 0;
}


#menu_main ul li a {
	text-decoration:none;
	color:#fff;
}

#menu_main ul li a:hover, #menu_main ul li a:active {
	text-decoration:underline;
	color:#fff;
}


/* main */

main {
}

.ctcol2 {
	padding:1em;
	background:#eee;
}

.box1 {
	margin:0 0 2em 0;
	padding:1em;
	background:#eee;
}

.box2 {
	display:block;
	width:100%;
	margin:0 auto 2em auto;
	padding:2em 0;
	background:#a60d2c;
	color:#fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size:.9em;
}

.box2:hover {
	background:#a7485b;
	color:#fff;
	text-decoration: none;
}

.box2:visited {
	color:#fff;
	text-decoration: none;
}


.postrow {
	padding:1em 0;
	border-bottom:2px solid #333;
}

.postrow:last-child {
	border-bottom:none;
}

.postrow h2 {
	margin:0;
	color:#600;
}

.postrow small {
	display:none;
}

/* events/classes */


.eventrow {
	display:block;
	width:100%;
	padding:1em 0;
	margin:0 0 1em 0;
	border-bottom:2px solid #000;
}

.eventrow:last-child {
	/*border-bottom:none;*/
}

.evcol1 {
	position:relative;
	float:left;
	width:100%;
	margin:0 0 1em 0;
}

.evcol1 img {
	width:100%;
}

.evdate {
	position:absolute;
	top:.5em;
	right:.5em;
	padding:.4em;
	background:rgba(255,255,255,.9);
	text-align: center;
	line-height:normal !important;
}

.evdate h4 {
	margin:0;
	font-size:1.4em;
}

.evdate h5 {
	margin:.1em .2em .2em .2em;
	padding:0 .4em;
	font-size:2.4em;
	border-bottom:1px solid #000;
}

.evdate h6 {
	margin:0;
	font-size:1em;
}

.evcol2 {
	float:left;
	width:100%;
	margin:0 0 1em 0;
}

.evcol2 h1 {
	margin:0;
	color:#555;
	font-size:1.6em;
}

.evcol2 h2 {
	font-size:20px;
}

.evcol2 h6 {
	margin:1em 0;
	line-height:normal;
	font-size:24px;
	color:#888;
}

.evcol2 h5 {
	margin:1em 0;
	line-height:normal;
	font-size:18px;
	font-weight:normal;
}

.evcol2 img {
	width:1.6em;
	vertical-align:middle;
}

.diagover {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}


/* footer */

footer {
	margin:2em auto 0 auto !important;
	padding:.6em 1em 2em 1em;
	border-top:3px solid #a60d2c;
	text-align: left;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
}

#LayoutDiv1 {
}

}

/* Desktop Layout: 769px and up.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
body {
	font-size: calc(7px + .12vw + .12vh + .6vmin)
}

.videooverlay {
	display:block;
	position:absolute;
	top:10%;
	bottom:auto;
	right:auto;
	left:20%;
	width:60%;
	padding:2em 0 0 0;
	margin:0;
	text-align:right;
}

.gridContainer {
	position:relative;
	padding:0;
	margin:0 auto;
	width:100%;
}

#LayoutDiv1 {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	font-size:1em;
}

.showmob, #showmenu, #menu_main .showdt .showmob {
	display:none !important;
}

.break-mob, .showdt {
	display:inline;
}

.break-mob-b, .showdt-b {
	display:block;
}

.colct2 {
	column-count:2;
}

.narrowcont {
	width:80%;
	max-width:1000px;
	margin:0 auto;
}

/* header */

header {
	position:relative;
	padding:2em 0 .2em 0;
	border:none;
}

.mainlogo {
	display:block;
	float:left;
	width:42%;
	margin:0 3% 0 0;
}

.right_top {
	position:absolute;
	top:3em;
	right:0;
	color:#a60d2c;
	text-transform: uppercase;
	font-weight:600;
	font-size:1.2em;
	letter-spacing:.06em;
}

.right_top a {
	margin:0 0 0 1em;
	color:#a60d2c;
	text-decoration: none;
}

.right_bot {
	position:absolute;
	bottom:0;
	right:0;
	width:42%;
	padding:.4em 0;
	border-top-left-radius:1em;
	border-top-right-radius:1em;
	background:#eee;
	color:#a60d2c;
	font-size:1.1em;
	font-weight:600;
	font-style:italic;
	text-align: center;
}


/* nav */

nav {

}

#menu_main {
	display:block;
	width:100%;
	margin:0;
	padding:.1em 0 .4em 0;
	background:#a60d2c;
	text-align:left;
}

#menu_main ul {
	display:block;
	width:80%;
	max-width:1000px;
	margin:0 auto;
	font-size:1em;
	text-align:left;
}

#menu_main ul li {
	display:inline-block;
	margin:0 5em 0 0;
	color:#fff;
	font-weight:600;
}

#menu_main ul li:last-child {
	margin:0;
}

#menu_main ul li a {
	color:#ddd;
	text-decoration: none;
}

.active a {
	color:#fff !important;
	text-decoration: none;
}


#menu_main ul li a:hover {
	color:#fff;
	text-decoration: underline;
}

/* main */

main {
	min-height:78vh;
}

.ctcol1 {
	float:left;
	width:52%;
	margin:0 6% 0 0;
	padding:2em 0;
}

.ctcol2 {
	float:left;
	width:42%;
	margin:0;
	padding:2em 1em;
	background:#eee;
}

.evcol1 {
	position:relative;
	float:left;
	width:40%;
	margin:0 5% 0 0;
}

.evcol2 {
	float:left;
	width:55%;
	margin:0;
}


/* footer */



}

@media (min-aspect-ratio: 2/1) {
	

}

@media (max-aspect-ratio: 14/10) {


}