/* Timeslip Productions overall styles for: 
	index.html, blog.html, blog_originalposts.html, store.html, about.html, and contact.html. */
body {
    background-color: #1a1e30;
}

#logo_container {
    z-index: 1;
    position: relative;
}

.jumbotron {
    background-image: url('images/starfield_large.JPG');
    background-size: 100%;
    border-radius: 10px;
}

/* Logo Mouseover Effect styles. */
.LogoHover {
    display: none;
}

.figure:hover .Logo {
    display: none;
}

.figure:hover .LogoHover {
    display: block;
}

/* End Logo Mouseover Effect styles. */
.nav {
    border-radius: 5px;
    background-image: url('images/starfield2.jpg');
}

/* Nav Mouseover Effect styles. */
.NavHover {
    display: none;
}

.figure:hover .Nav {
    display: none;
}

.figure:hover .NavHover {
    display: block;
}

/* End Nav Mouseover Effect styles. */
#body_container {
    padding-top: 48px;
    margin-top: -75px;
    position: relative;
    background-size: 100%;
    border-radius: 10px;
    background-image: url('images/comic-frame-background.JPG');
}

#timeslip {
    background-image: url('images/starfield_3_large.png');
    border-radius: 10px;
    background-size: cover;
}

.blog-main {
    border-radius: 10px;
    background-color: #d6dbed;
}

/* Timeslip Comics page styles. */
#timeslip_container {
    background-image: url('images/starfield_large.png');
    background-size: 100%;
    border-radius: 35px;
}

#nav_row {
    background-image: url('images/starfield2.jpg');
    padding-bottom: 8px;
    padding-top: 8px;
}

#nav_row_2 {
    background-image: url('images/starfield2.jpg');
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
}

#bottom_nav {
    background-image: none;
}

/* Social Media Bar Styles. */
.s-media {
    position: fixed;
    top: 100px ;
    left: 0;
    z-index: 1000;
    transition: all linear 0.2s ;
}

.s-media a:first-child {
    border-radius: 0 10px 0 0;
}

.s-media a:last-child {
    border-radius: 0 0 10px 0;
}

.s-item {
    display: block;
    width: 60px;
    height: 60px;
    color: white;
    font-size: 25px;
    line-height: 60px;
    text-align: center;
    transition: all linear 0.2s ;
}

.s-item:hover {
    width: 70px;
}

#sm-open {
    position: fixed;
    top: 100px ;
    left: -60px;
    border-radius: 0 30px 30px 0;
    transition: all linear 0.2s ;
}

.facebook {
    background-color: #305891;
}

.twitter {
    background-color: #3AAFD6;
}

.instagram {
    background-color: #ad11a0;
}

.linkedin {
    background-color: #1467bf;
}

.email {
    background-color: #ed145b;
}

.print {
    background-color: #feed17;
}

.sm-collapse {
    left: -60px;
}

/* End Social Media Bar Styles. */