/* 
 * CSS 27/10/2019
 * Theme - SCTP
 * Par iPiKa 
*/

/* ------ INITIALISATION ------ */
h1, h2, h3, h4, h5, h6, p, form, table, tr, td { margin: 0; padding: 0; font-size: 1em }
a img, :link img, :visited img { border: 0; text-decoration: none }
table { border-collapse: separate }
tr, td { margin: 0; padding: 0 }
th { font-weight: bold }
ul, li, .item-list ul li, .item-list ul, ul.menu li { margin: 0; padding: 0; list-style-type: none }
ul li.leaf, ul li.expanded { list-style-type: none; list-style-image: none }
textarea { resize: none; overflow: auto }
html { overflow-y: scroll; cursor: default; height: 100% }


/* ------ COMMON ------ */
body { margin: 0; padding: 0; background: #232A2E; font: 300 normal 100% 'Roboto', sans-serif; line-height: 1.4em }
p { margin: 0 0 .8em }
li { margin: 0; padding: 0; list-style: none }
img { border: 0 }
h1 { font: 300 1.9em/1.2em 'Roboto',sans-serif; padding: 5px 0; color: #303030 }
h1 span { padding-left: 40px; margin-left: 10px; background: url(../img/traits.png) 0 center no-repeat }
h2 { font: 300 1.4em/1.2em 'Roboto',sans-serif; color: #766b61 }
h3 { margin: 0 10px 15px; padding-bottom: 5px; font: 300 1.8em/1.2em 'Roboto',sans-serif; color: #c1b7ab; border-bottom: 1px solid }
a { color: #db0a2d; text-decoration: none }
a:hover { color: #db0a2d; text-decoration: underline }


/* ------ STRUCTURE ------ */
#wrapper  { position: relative; overflow: hidden; width: 100%; min-height: 100vh }
#header { overflow: hidden; width: 100%; text-align: center }
#footer {  width: 100%;  }

.inner { position: relative; overflow: hidden; width: 900px; margin: 0 auto  }
#wrapper img { display: block; width: 100%; height: auto }