@charset "utf-8";
/* CSS Document */

/*layout */
    body{
        background-color:#030303;
		top:0;
		right:0;
		background-image:url(../images/townlogobg-med-dark-repeating.png);
		background-attachment:fixed;
		background-repeat: no-repeat;
		background-position: center;
        }
    #wrapper{
        margin:0px auto 20px auto; 
        min-width:900px;
		min-height:600px;
		height:100%;
        width:100%;
		overflow:hidden;
    }
    #container{
        margin:0px auto;
        min-width:900px;
		min-height:600px;
        width:50%;
        padding:20px 20px 10px 20px;
        background-color: #030303;
        border:12px #8A8C8F solid;
		border-radius:20px;
		overflow:hidden;
        

    }
/* Front page layout */
    #frontlogo {
        min-width:900px;
        min-height: 600px;
        text-align: center;
		margin:0px 0px 20px 0px;
    }
  header nav#front{
        min-width: 600px;
        max-width: 880px;
        padding:0px;
        margin:0px 5px 0px 5px;
        background-color:#030303;
        text-align: center;
        overflow:auto;
 }

/* Sub page layout */

	#sublogo{
	positiion:relative;
	float:left;
	width:880px;
	padding:10px 10px 0px 10px;
	text-align:center;
}
	#sublogo img{
		margin:auto;
		display:block;	
}
#sublogo h2{
	 font-family:'Majesti-Banner-Heavy';
     font-style:normal;
     color:#D7E4C2;
     font-size:1.0rem;
     line-height:1.1rem;
	 
}
  
    header nav#subpage{
        width:99%;
        margin:0px auto;
		padding:0px;
        background-color:#010101;
        text-align: center;
        overflow:auto;
		position:relative;
		float:left;
		height:80px;
		line-height:80px;
    }

/* Footer layout */
footer{
     	margin:auto;
        width:100%;
		height:100%;
		padding:20px 0px 0px 0px;
		min-height:300px;
		text-align:center;
		overflow:hidden;
}

/* footer styling classes */

footer table{
	width:100%;
	text-align: justify;
}
/* Nav clases */
 	.button {
        background-color:#8a8f8c;
        border: none;
        border-radius: 10px;
		font-size:1.2rem;
	    line-height:1.2rem;
		text-shadow:1px 1px #000000;
        text-align: center;
        display:inline-block;
        margin: 2px;
    }
a.current{
	color:#8a8f8c;
	background-color: #41393D;
	border-radius:10px;
	width:80px;
	padding:15px;
	
}

a.clickable {
	text-decoration: none;
	display:block;
	width:80px;
	padding:15px;
}
/* bottom nav row */
.brow-link{
}
/* Utility*/
.flex-container-row {
	width:100%;
	display:flex;
	flex-direction: row;
	overflow:hidden;
} 
.flex-container-fullcol {
	width:95%;
	padding:0px 2%;
}
.flex-container-twothirdscol {
	width:63%;
	padding:0px 2%;
}
.flex-container-halfcol {
	width:45%;
	padding:0px 2%;
}
.flex-container-thirdcol {
	width:28%;
	padding:0px 2%;
}
.flex-container-thirdcol-smicons {
	width:25%;
	padding:0px 3%;
	align-content:center;
}

.flex-container-fourthcol {
	width:22%;
	padding:1%;
}
.flex-end-justify{
	justify-content: flex-end;
}
.flex-end-space-around{
	justify-content: space-around;
}


.clearfix {
	clear:both;
}
/* image */
section img{
	display:block;
	margin:0px auto;
	vertical-align:middle;
	border:1px dotted #EF4E22;
}
.img-center {
	display:block;
	margin:10px auto;
	vertical-align:middle;	
}
.center {
	display:block;
	margin:0px auto;
	vertical-align:middle;	
	text-align:center;
}
.top-margin{
	margin-top:30px;
}
.top-margin-thin{
	margin-top:10px;
}
/* 
text styling 
*/
/* Font definitions */

    @font-face {
  font-family: "Majesti-Banner";
  src:  url('font/Majesti-Banner-Bold.otf') format('opentype'),
      url('font/Majesti-Banner-BoldItalic.otf') format('opentype'),
    url('font/Majesti-Banner-Book.otf') format('opentype'),
    url('font/Majesti-Banner-BookItalic.otf') format('opentype'),
    url('font/Majesti-Banner-Heavy.otf') format('opentype'),
    url('font/Majesti-Banner-HeavyItalic.otf') format('opentype'),
    url('font/Majesti-Banner-Light.otf') format('opentype'),
    url('font/Majesti-Banner-LightItalic.otf') format('opentype'),
    url('font/Majesti-Banner-Medium.otf') format('opentype'),
    url('font/Majesti-Banner-MediumItalicE.otf') format('opentype');
    }
	@font-face {
	font-family: 'Athelas Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Athelas Regular'), url('Athelas-Regular.woff') format('woff');
	}
/* Text Styling */
body{
	font-size: 62.5%;
	color:#FFFFFF;
}

    
    #frontlogo h2 {
        font-family:'Majesti-Banner-Heavy';
        font-style:normal;
        color:#D7E4C2;
        font-size:1.8rem;
        line-height:2.0rem;
    }

    #page-text{
        color:#8a8f8c;
        font-family: 'athelas regular', serif;
        font-size:1.2rem;
        line-height: 1.4rem;
        padding:0px 10px 0px 10px;
        max-width:900px;
    }
    #page-text p{
        margin: 0rem 0rem 0.3rem 0.1rem;
		text-align: justify;
    }
    #page-text h1{
        font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#be1e2d;
        font-size:1.6rem;
        line-height:1.8rem;
    }
    #page-text h2{
        font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#be1e2d;
        font-size:1.4rem;
        line-height:1.6rem;
		text-align:center;
		margin:0px 0px 10px 0px;
    }
 	footer span {
		font-family: 'athelas regular', serif;
		font-size:0.8rem;
		list-style: 0.9rem;
		color:#41393D;
    }

/* navbar styling */
     a:link, a:visited {
            color:#fcf9fa;
            text-decoration:none;
            font-family: Majesti-Banner;
            font-weight:bold;

        }

        a:hover, a:active {
            color:#EF4E22;
            text-decoration: none;
            font-family: Majesti-Banner;
            font-style:italic;

        }

.title{
	 font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#BE1E2D;
        font-size:1.4rem;
        line-height:1.6rem;
		text-decoration:none;
	
}
.subtitle{
	 font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#BE1E2D;
        font-size:1.1rem;
        line-height:1.3rem;
		text-decoration:none;
	
}

 .tagline{
        color:#D7E4C2;
        font-family: 'athelas regular', serif;
        font-size:1.2rem;
        line-height: 1.4rem;
        padding:0px 30px 30px 30px;
		text-align: justify;

    }
/* Hours reference ul */
.hoursday{
	 font-family:'Majesti-Banner-Medium';
        font-style:normal;
        color:#D7E4C2;
        font-size:1.1rem;
        line-height:1.3rem;
		text-decoration:none;
		margin-top:0.1rem;
	padding:0.1rem;
}
.hourstime{
	 font-family:'Athelas Regular', serif;
        font-style:normal;
        color:#8A8C8F;
        font-size:1.1rem;
        line-height:1.3rem;
		padding:0.1rem 2px;
		text-decoration:none;
	
}

/* Contact info */
a[href^="tel:"] {
  color: #d0e4c2;
  text-decoration: none;
	font-size:1.0rem;
	line-height: 1.1rem;
}
a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 0.5em;
}
/* color Reference 
    Main Colors
        Firestarter #BE1E2D
        Cooldown #8A8C8F
    Secondary Colors
        Sleek: #41393D
        Spicy: #EF4E22
        Lucky: #D4A18D
        Bamboo: #D7E4C2
*/