/* This is the styles CSS file for TOWN Chinese Cuisine */

/* Set the BG for the body */
body{
    background-image: url('images/rice_wood.jpg');
    height: auto;
	background-position: center;
    background-repeat: repeat;
    background-size: cover;
}
/* +++++++++++++++++++TEXT FORMATTING+++++++++++++++++++ */

/* Custom headers */
h1.TOWN_01{
    text-align: center;
    font-family: 'Majesti Banner Heavy', serif;
    font-size: 4.6875em;
    color: #d7e4c2;
}

h1{
    font-family: 'Majesti Banner Bol';
    font-size: 3.75em;/* 44 */
    color: #d7e4c2;
}

h1.menu_01{
    font-family: 'Majesti Banner Bol';
    font-size: 5.625em;/* 90 */
    color: #d4a18d;
    text-align: center;
}

h1.sitemap_01{
    font-family: 'Majesti Banner Bol';
    font-size: 5.625em;/* 90 */
    color: #ef4e22;
    text-align: center;
}

h1.info_header{
    text-align: right;
    font-family: 'Majesti Banner Bol';
    font-size: 3.75em;/* 44 */
    color: #ef4e22;
}

h2{
    font-family: 'Majesti Banner Bol';
    font-size: 2.375em;/* 38 */
    color: #d7e4c2;
}

h2.menu_02{
    font-family: 'Majesti Banner Bol';
    font-size: 2.375em;/* 38 */
    color: #ef4e22;
    text-align: center;
}

h3{
    font-family: 'Majesti Banner Bol';
    font-size: 2.375em;/* 38 */
    color: #d7e4c2;
    text-align: center;
}

/* Custom paragraphs */
p.content{
    text-align: left;
    font-family: 'Majesti Banner Light';
    font-size: 2.0625em;/* 33 */
    text-indent: 0px;
    color: #d7e4c2;
}

p.mission{
    text-align: left;
    font-family: 'Majesti Banner Light';
    font-size: 2.4375em;
    text-indent: 26px;
    color: #d7e4c2;
}

p.address{
   text-align: left;
    font-family: 'Majesti Banner Light';
    font-size: 2.4375em;
    color: #d7e4c2; 
}

p.map{
    text-align: left;
    font-family: 'Majesti Banner Light';
    font-size: 2.0625em;/* 33 */
    color: #d4a18d;
}

p.map_info{
    text-align: right;
    font-family: 'Majesti Banner Light';
    font-size: 2.0625em;/* 33 */
    color: #ef4e22;
}

/* Format the Menu */
p.menu{
    text-align: center;
    font-family: 'Majesti Banner Light';
    font-size: 2.0625em;/* 33 */
    color: #d4a18d;
}

/* +++++++++++++++++++NAV LIST/LINK FORMATTING+++++++++++++++++++ */

/* Format the Unordered List */
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 25%;
    background-color: #41393d;
    position: fixed;
    height: 25%;
    overflow: auto;
    
}

/* Format Links */

li a{
    display: block;
    color: #d7e4c2;
    padding: 8px 16px;
    text-decoration: none;
    font-family: 'Majesti Banner Book', sans-serif;
    font-size: 1.875em;
}

/* Hover Function for Nav Bar */
li a:hover{
    background-color: #d4a18d;
}

/* +++++++++++++++++++ CLASS CREATION AND FORMATTING+++++++++++++++++++ */

/* Nav Container Class*/
ul.nav_container{
    margin-left: auto;
    padding: 1px 1px;
    height: 960px;
    width: 180px;
    opacity: 0.85;
}

/* Active class for Nav Bar - Also negates the current page's link on the Nav Bar */
a.active{
    background-color: #be1e2d;
    pointer-events: none;
    cursor: default;
}

/* Keep Content pushed to the right */
div.stop_overlap{
    margin-left: 180px;
    padding: 1px 15px;
    height: 1200px;
}

img.home_page{
    border: 2px solid #ef4e22;
    border-color: #d7e4c2;
    border-radius: 20px;
    border-width: thick;
    max-width: 100%;
    height: auto;
    opacity: 0.75;
    display: block;
    margin: auto;
}