/*
Theme Name: Cannibals
Version: 1.0
*/

@font-face {
    font-family: 'Biwa';
    src: url('./fonts/hinted-Biwa-Regular.woff2') format('woff2'),
        url('./fonts/hinted-Biwa-Regular.woff') format('woff'),
        url('./fonts/hinted-Biwa-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Biwa';
    src: url('./fonts/hinted-Biwa-RegularItalic.woff2') format('woff2'),
        url('./fonts/hinted-Biwa-RegularItalic.woff') format('woff'),
        url('./fonts/hinted-Biwa-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Biwa-BlackStencilDisplayLow';
    src: url('./fonts/hinted-Biwa-BlackStencilDisplayLow.woff2') format('woff2'),
        url('./fonts/hinted-Biwa-BlackStencilDisplayLow.woff') format('woff'),
        url('./fonts/hinted-Biwa-BlackStencilDisplayLow.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'wsgrotagateround';
    src: url('./fonts/WSGrotAgateRound-Regular.eot');
    src: url('./fonts/WSGrotAgateRound-Regular?#iefix') format('embedded-opentype'),
         url('./fonts/WSGrotAgateRound-Regular.woff') format('woff'),
         url('./fonts/WSGrotAgateRound-Regular.ttf') format('truetype'),
         url('./fonts/WSGrotAgateRound-Regular.svg#WSGrotAgateRound-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kirimomidisplaybold';
    src: url('./fonts/KirimomiDisplay-Bold.eot');
    src: url('./fonts/KirimomiDisplay-Bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/KirimomiDisplay-Bold.woff') format('woff'),
         url('./fonts/KirimomiDisplay-Bold.ttf') format('truetype'),
         url('./fonts/KirimomiDisplay-Bold.svg#KirimomiDisplay-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kirimomidisplayregular';
    src: url('./fonts/KirimomiDisplay-Regular.eot');
    src: url('./fonts/KirimomiDisplay-Regular.eot?#iefix') format('embedded-opentype'),
         url('./fonts/KirimomiDisplay-Regular.woff') format('woff'),
         url('./fonts/KirimomiDisplay-Regular.ttf') format('truetype'),
         url('./fonts/KirimomiDisplay-Regular.svg#KirimomiDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kirimomidisplayitalic';
    src: url('./fonts/KirimomiDisplay-Italic.eot');
    src: url('./fonts/KirimomiDisplay-Italic.eot?#iefix') format('embedded-opentype'),
         url('./fonts/KirimomiDisplay-Italic.woff') format('woff'),
         url('./fonts/KirimomiDisplay-Italic.ttf') format('truetype'),
         url('./fonts/KirimomiDisplay-Italic.svg#KirimomiDisplay-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kirimomidisplaybolditalic';
    src: url('./fonts/KirimomiDisplay-BoldItalic.eot');
    src: url('./fonts/KirimomiDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('./fonts/KirimomiDisplay-BoldItalic.woff') format('woff'),
         url('./fonts/KirimomiDisplay-BoldItalic.ttf') format('truetype'),
         url('./fonts/KirimomiDisplay-BoldItalic.svg#KirimomiDisplay-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kirimomidisplaylight';
    src: url('./fonts/KirimomiDisplay-Light.eot');
    src: url('./fonts/KirimomiDisplay-Light.eot?#iefix') format('embedded-opentype'),
         url('./fonts/KirimomiDisplay-Light.woff') format('woff'),
         url('./fonts/KirimomiDisplay-Light.ttf') format('truetype'),
         url('./fonts/KirimomiDisplay-Light.svg#KirimomiDisplay-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kirimomidisplaylightitalic';
    src: url('./fonts/KirimomiDisplay-LightItalic.eot');
    src: url('./fonts/KirimomiDisplay-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('./fonts/KirimomiDisplay-LightItalic.woff') format('woff'),
         url('./fonts/KirimomiDisplay-LightItalic.ttf') format('truetype'),
         url('./fonts/KirimomiDisplay-LightItalic.svg#KirimomiDisplay-LightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* MAIN STYLES */

.clearfix:before,  
.clearfix:after {  
    content:" ";  
    display:table;  
}  
.clearfix:after {  
    clear:both;  
}  
.clearfix {  
    *zoom:1;  
} 

html{
    margin-top: none !important;
    height: 100%;
    overflow-x: hidden;
	overflow-y: scroll;
    }

body {
    margin: 0;
    padding: 0;
    font-family: 'Biwa',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    background: #000;
    line-height: 2.5em
    }
    
    

img {
    max-width: 100%;
	height: auto;
    width: auto; /* for ie 8 */
    }

#wrapper {
    max-width: 990px;
    margin: 0 auto;
}

#content {
    margin: 0;
    padding: 0;
    text-align: center;
}

#content-man {
    margin: 0;
    padding: 0;
    text-align: center;
}

.center-table {
    display: table;
    margin: 0 auto;
}   

.button-stack {
    list-style-type:;
    text-indent: 0;
	margin: 30px 0;
	padding: 0;
    }
    
.button {
    float: left;
    display: inline;
    width: 270px;
    height: 130px;
    margin: 20px;
    padding: 10px;
    border-radius: 6px;
    background: #30e63c;
}

.social {
    float: left;
    display: inline;
    margin: 0 40px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}


.flt-left {
    float: left;
}

.kitty {
    margin: 0 auto;
}

#footer {
    margin: 50px 0;
}

.copyright {
    font-size: 1.5em;
}

.container-fluid {
    margin: 40px 0;
    
}

.content-img {
    margin: 20px 0;
}

.btn-custom {
    background-color: #38b981 !important;
    color: #29f900 !important;
}
    
    

/* TYPOGRAPHY */

p {
    font-size: 3em;
    color: #fff;
    line-height: 1.2em


}

p.note {
    color: #30e63c;
}

h1.display {
    font-size: 12em;
    font-family: 'Biwa-BlackStencilDisplayLow',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    color: #30e63c;
}

h1.tagline {
    font-size: 3em;
    font-family: 'Biwa-BlackStencilDisplayLow',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    color: #fff;
    line-height: 1.2em
}

.bolder {
    font-family: 'Biwa',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

h2.main-desc {
    font-family: 'Biwa-BlackStencilDisplayLow',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 3em;
}

h2.main-header.text-left {
    font-family: 'Biwa-BlackStencilDisplayLow',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 5em;
    color: #30e63c;
    text-transform: uppercase;
      text-align: center;
    
}

h3.sub-header {
    font-size: 4em;
        color: #f7a3bb;

}

h4.but-head {
    font-size: 3.8em;
}


h4.but-head-emph {
    font-size: 3.8em;
    color: #f7a3bb;
        line-height: 2em;

}

h5.light {
    font-family: 'Biwa',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 3em;
    color: #784d86;
        line-height: 1.5em;
            text-align: center;


}

h5.lightquote {
    font-family: 'Biwa',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 2em;
    color: #38b981;
        line-height: 1.5em;
            text-align: center;
            padding-bottom: .5em;


}


h5.lightitalic {
    font-family: 'kirimomidisplaylightitalic',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 3em;
    color: #784d86;
        line-height: 1.5em;
            text-align: center;


}



h5.regular {
    font-family: 'kirimomidisplayregular',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 3em;
    color: #784d86;
        line-height: 1.5em;
            text-align: center;


}

h5.italic {
    font-family: 'kirimomidisplayitalic',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 3em;
    color: #784d86;
        line-height: 1.5em;
            text-align: center;


}

h5.bold {
    font-family: 'kirimomidisplaybold',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 3em;
    color: #784d86;
        line-height: 1.5em;
            text-align: center;


}

h5.bolditalic {
    font-family: 'kirimomidisplaybolditalic',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 3em;
    color: #784d86;
        line-height: 1.5em;
            text-align: center;


}





a.buyme, a.buyme:hover {
       font-family: 'Biwa-BlackStencilDisplayLow',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
 color: #fff;
    text-decoration: none;
        line-height: 1em;
}

h4.det-header {
    margin: 20px 0;
    font-size: 3em;
}

p.but-text {
font-family: 'Biwa',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-size: 1.8em;
    color: #30e63c;
    line-height: 1.2em;
        padding: 1.2em;
}

p.tools-desc {
    margin-top: 10px;
    }

ol#toc {
    list-style-position: inside;
    padding: 0;
}

ol.manual, ul.manual { text-align: left; text-indent: 0; }
ol#toc li, ol.manual li, ul.manual li { font-size: 2em; }

ol#toc li a { color: #000; }
ol#toc li a:hover { color: #ED1F79; text-decoration: none; }

.notes {
    font-family: 'kirimomidisplayregular',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-style: italic;
    font-size: 1.5em;
    color: #9D1E60;
    width: 85%;
    margin: 20px auto;
}

a { color: #30e63c; }
a:hover { color: #fff; text-decoration: underline; }

#content-man h3 a { color: #000; }
#content-man h3 a:hover { color: #ED1F79; text-decoration: none; }

/* MEDIA QUERIES */

@media only screen and (max-width: 990px) {
    
    h1.display {
        font-size: 15em;    
    }
    
    .sub-header {
        margin: 40px 0;
    }
    
}

@media screen and (max-width: 580px) {
 
    h1.display {
        font-size: 8em;    
    }
    
    .button {
        width: 80%;
    }
    
    h2.main-desc {
        font-size: 2em;
    }
    
    h1.tagline {
        font-size: 3em;
    }
    
}