/*
This file belongs to P1922897,Teh Huan Xi Kester
The copying of code is strictly prohibited unless authorized.
*/
/* Reset */
article, aside, figcaption, figure, footer, header, #Main, nav, section { display: block;}

address, article, aside, blockquote, body, cite, div, dl, dt, dd, em,
figcaption, figure, footer,h1,h2,h3,h4,h5,h6,header,html,img,li,main,nav,ol,p,section,span,ul {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav ul {
   list-style: none;
   list-style-image: none;
}
nav a {
   text-decoration: none;
}
/* End of Reset */

/* Fonts and backgrounds */
html {
    background-image: url(images/subtle_white_feathers_@2X.png); 
}
body {
   background-color: transparent;
}
h1 {
   display: block;
   text-decoration: underline;
   font-weight: bold;
   text-align: center; display: block;
   font-size: 280%;
   font-family: 'Nova Cut', cursive;
   margin-top: 5%;
   margin-bottom: 5%;
}
h2 {
   text-decoration: underline;
   font-weight: bold;
   margin-top: 6%;
   float:none;
   text-align: center; 
   display: block;
   font-size: 200%;
   font-family: 'Nova Cut', cursive;
   margin-top: 5%;
   margin-bottom: 5%;
}
.PlaceDirections p {
   display: inline-block;
   text-decoration: underline;
   font-size: 150%;
   font-family: 'Raleway', sans-serif;
}
.col-sm-8 p,.col-8 p,.col-lg-6 p {
   display: block;
   font-size: 150%;
   margin-top: 5%;
   margin-bottom: 5%;
   font-family: 'Raleway', sans-serif;
   text-align: left;
}

/* Clock */
.row #date{
   margin-top: 7%;
}

/* Nav Bar */
#navigationbar a {
   font-family: 'Nova Cut', cursive;
   font-weight: bold;
   font-size: 135%;
   display: block;
   text-decoration: none;
   color: black;
}
#navigationbar a,
#navigationbar a:after,
#navigationbar a:before {
   transition: all .5s;
}
#navigationbar a:hover {
   color: orange;
}
#navigationbar a{
   position: relative;
}
#navigationbar a:after {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   width: 0%;
   content: '.';
   color: transparent;
   background:black;
   height: 10%;
}
#navigationbar a:hover:after {
   width: 100%;
}

/* Link Animation */
.PageLink a:hover, .PageLink a:active {
   color:orange;
}

.figure-caption {
   font-size: 110%;
   margin-bottom: 5%;
}

/* Picture Sizing */
.row #PictureNav img {
   height: 26%;
   width:26%;
}

/* Footer Styles */
footer {
   position:fixed;
   bottom: 0;
   width: 100%;
   font-size: 110%;
   background-color: orange;
   color: white;
   display: block;
   text-align: center;
   font-family: 'Raleway', sans-serif;
}
footer a:hover, footer a:active{
   color:white;
}
footer a:link, footer a:visited {
   color: black;
}