/*custom fonts*/
@font-face {
    font-family: 'silkscreen';
    src: url('../fonts/slkscre-webfont.woff');
}

@font-face {
    font-family: 'silkscreenbold';
    src: url('../fonts/slkscreb-webfont.woff');
}

@font-face {
    font-family: 'madisonsq';
    src: url('../fonts/madisonsq-webfont.woff');
}

@font-face {
    font-family: 'carbontype';
    src: url('../fonts/carbontype-webfont.woff');
}

@font-face {
    font-family: 'caviar';
    src: url('../fonts/CaviarDreams-webfont.woff');
}

/*styling here will apply to the body of the page */

body {
    font-family:caviar;
    

    background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;

background-attachment: fixed;


}

/*styling for main HTML tag sections. Organized in the order they appear on the HTML page (header to footer)*/
a {
    color:#e0b974;
}

a:hover {
    color:#ffffff;
    text-decoration:none;
}


header {
    height: 400px;
    width: 100%;
    background-color: #808080;
    background-image: url('../images/header03a.png');
    background-position:left;
    background-size:cover;
    
    padding-left:5px;
    overflow-y:hidden;
    

}

h1 {
    font-family:madisonsq;
    font-size:4.5em;
    top:10px;
    
    
    
}

/*e7e6f7,e3d0d8,aea3b0,827081,c6d2ed*/

nav {
    margin-bottom: 40px;
    background-color:#000000;
    color:#ffffff;
    font-family: silkscreen;
    text-align:center;
    font-size:1.5em;
    padding-top:5px;
    padding-bottom:5px;
    position:sticky;
    top:0px;
}

section {
    
    margin-bottom: 40px;
    padding-left: 5px;
    
}

h2 {
    font-family:carbontype;
    font-size:3em;
    color:#000000;
    padding:8px;

}

[class*="hmod"] {
    border: 1px solid #282828;
    border-bottom-left-radius:20px;
    border-top-right-radius: 20px;
    margin-bottom:5px;
    background-size:cover;
    background-position:center;
}

.hmod01 {
    
    background-image:url('../images/bg01.png');
    
}

.hmod02 {
    background-image:url('../images/bg02.png');
}

.hmod03 {
    background-image:url('../images/bg03.png');
}

.hmod04 {
    background-image:url('../images/bg04.png');
}

.hmod05 {
    background-image:url('../images/bg05.png');
}

.hmod06 {
    background-image:url('../images/bg06.png');
}

section {
    width:80%;
    margin-left:auto;
    margin-right:auto;
    color:#ffffff;
    padding-left:5px;
    padding-bottom:5px;
    border-radius:10px;
}

ul {
    list-style-type:square;
    
}

p, ul, ol {
    font-size:1.5em;
}

h3, h4 {
           font-family:silkscreenbold;
                    
       }

h3 {
    font-size:2em;
}

h4 {
    font-size:1.5em;
    
}

article.mod01 section {
    background-color:#552929;
}

article.mod02 section {
    background-color:#854c26;
}

article.mod03 section {
    background-color:#9c793b;

}

article.mod03 section a {
    color:#282828;
}

article.mod03 section a:hover {
    text-decoration:none;
    color:#5b3f2c;
}

article.mod04 section {
    background-color:#485746;
}

article.mod05 section {
    background-color:#2d3757;
}

article.mod06 section {
    background-color:#3e2e4e;
}

.center {
    text-align:center;
}



[id*="assess"] ol li  {
    list-style-type:none;
}




.topnav {
    display:inline-block;
    position:fixed; /*keep the button on the page all the time*/
    bottom:10px;
    right:10px;
    color:rgba(209, 205, 190, 0.82); /*last number is the transparency index*/
    text-align:center;
    z-index: 10;
}

.endsection:after {
    display: block; 
  content: " "; 
  height: 800px; 
  visibility: hidden; 
}

.spacer:before {
    display:block;
    content:" ";
    height:40px;
    visibility:hidden;
}

footer {
    background-color:#808080;
    color: #d4d4d4;
    text-align:center;
    border: 1px solid rgba(132, 108, 91, 0.80);
    border-top-left-radius:10px; 
    border-bottom-right-radius:10px;
}