.clear {clear:both; }

body, html {height:100%;margin:0;}

body {
margin: 0;
padding:0;
overflow-y:scroll;
background-color:#fff;
font-family: 'Montserrat', sans-serif;
display: flex; /*footer fix*/
flex-direction: column; /*footer fix*/
}

/* TO PUSH FOOTER TO BOTTOM OF PAGE*/
div#wrapper {flex: 1 0 auto;}
#footer {flex-shrink: 0; }

/*HEADER FORMATTING*/
#header {
width: 100%;
background-color:#111;
}

#top-bar {
position:relative;
width: 100%;
max-width: 1440px;
margin: 0 auto;
height: 40px;
background-color:#111;
}

/*site name*/
#site-name {
position:absolute;
top: 0;
left:20px;
box-sizing:border-box;
}

#site-name a {
display:block;
font-family: 'Montserrat', sans-serif;
color:#FCF9C4;
text-decoration:none;
text-transform:uppercase;
margin: 0;
font-weight:200;
text-align:center;
font-size:18px;
line-height:40px;
transition-duration: 0.5s;}

#site-name h1 {margin: 0;}

#site-name a:hover {color: #fff;transition-duration: 0.5s; }

/* Navigation menu*/

nav#menu {
position:relative;
width: 100%;
margin: 0 auto;
background: rgba(0,0,0,.65);
padding: 50px 0;

 }




nav#menu { 
margin: 0;
box-sizing:border-box;}

/* Social networking icons */
#social-icons {
position:absolute;
right: 20px;
top: 0;
}

#social-icons .fa, #social-icons .fas {
padding: 0px;
font-size: 20px;
text-align: center;
text-decoration: none;
margin: 0px 5px;
line-height:40px;
background: transparent;
color: #FCF9C4;
transition-duration: 0.5s}
 
#social-icons .fa:hover, #social-icons .fas:hover {color: #fff;transition-duration: 0.5s;}



/*HOME PAGE BANNER*/
#home-banner {
background-image:url('/wp-content/themes/blankslate-child/images/silk.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:top left;
background-origin:border-box;
 }
 

/*FOOTER FORMATTING*/

#footer {
width: 100%;
text-align:center;
box-sizing:border-box; }

#footer-links {
background-color:#253914;
padding: 20px 0;
 }

/* Social networking icons */
#footer-social-icons {
padding: 25px 0 0;
}

#footer-social-icons .fa {
padding: 0px;
font-size: 30px;
text-align: center;
text-decoration: none;
margin: 0px 20px;
background: transparent;
color: #FCF9C4;
transition-duration: 0.5s}
 
#footer-social-icons .fa:hover {color: #fff;transition-duration: 0.5s;}


#footer #copyright {
background-color:#111;
padding:20px 20px 20px;
color:#EBEBEB;
font-size:70%;
line-height:150%;
text-transform:uppercase;}

#footer #copyright a {
color:#EBEBEB;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
 }
 
 
#container {
background-color:#343f2d;
background-image:url('/wp-content/themes/blankslate-child/images/forest-bgd1.jpg');
background-size:cover;
background-repeat:none;
background-attachment:fixed;
background-position:center bottom;
overflow:auto;
 }
 

 
/*FONTS*/

p {margin: 0 0 20px; }
i {font-style:italic; }
.no-margin p {margin: 0;    }


#latest-posts div.box {
background-color:#FFFFFFB8;
margin: 30px 0 0;
padding: 20px 50px; }

#latest-posts, #latest-posts h2, #latest-posts h2 a {
font-family: 'Roboto Slab', serif;
color: #333; }
 
#latest-posts h2, #latest-posts h2 a {
color: #426724;
text-decoration:none; }

#latest-posts h2 a:hover {color: #000;}

#latest-posts p {
font-family:georgia, serif;
font-size: 16px;
line-height:1.3;
font-weight:normal;
 }

#latest-posts a.readmore {
text-transform:uppercase;
color: #426724;
font-weight:bold; }

#latest-posts a.readmore:hover {text-decoration:underline; }

/* Read table*/

table#tablepress-1, table#tablepress-2 {
font-size: 14px;
 }
 
table#tablepress-1 thead th, table#tablepress-2 thead th {
background-color:#426724;
color:#fff;
text-transform:uppercase;
 }
 
table#tablepress-1 td.column-1, table#tablepress-2 td.column-1 {
font-weight:bold;
 }
 
table#tablepress-1 td.column-3 {
text-transform:uppercase;
font-size: 11px;
 }

table#tablepress-2 td.column-3 p {
text-transform:normal;
font-size: 11px;
line-height:1.3;
margin: 0 0 10px;
 }
 
table#tablepress-1 div.small {
margin: 10px 0 0;
font-size: 11px;
font-weight:normal;          
 }
 
 @media screen and (max-width: 800px) {
table#tablepress-1 thead {
    display:none;  }
  
table#tablepress-1 tr {
    border-bottom: 3px solid #ddd;
    margin: 0 0 20px;
    display: block; }
  
table#tablepress-1 td {
    border-bottom: 1px solid #ddd;
    border-top: none;
    display: block;
    text-align: center;  }
    

table#tablepress-2 thead {
    display:none;  }
  
table#tablepress-2 tr {
    border-bottom: 3px solid #ddd;
    margin: 0 0 20px;
    display: block; }
  
table#tablepress-2 td {
    border-bottom: 1px solid #ddd;
    border-top: none;
    display: block;
    text-align: center;  }
    
    
    
  
}

#nav-links {margin: 30px 0;text-align:center; }
#nav-links a {margin: 0 20px;text-decoration:none; }
#nav-links a:hover {color: #000; }