/*
Theme Name: Glot
Version: 1.0
*/

@font-face {
    font-family: 'Glot Black Alt';
    src: url('./fonts/hinted-GlotBlackAlt.woff2') format('woff2'),
        url('./fonts/hinted-GlotBlackAlt.woff') format('woff');
        url('./fonts/hinted-GlotBlackAlt.ttf') format('truetype');
    font-weight: 900;
    font-style: black;
}


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

@font-face {
    font-family: 'Glot';
    src: url('./fonts/hinted-Glot-Medium.woff2') format('woff2'),
        url('./fonts/hinted-Glot-Medium.woff') format('woff'),
        url('./fonts/hinted-Glot-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: medium;
}

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

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

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

@font-face {
    font-family: 'Glot';
    src: url('./fonts/hinted-Glot-Light.woff2') format('woff2'),
        url('./fonts/hinted-Glot-Light.woff') format('woff'),
        url('./fonts/hinted-Glot-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: light;
}

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

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

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

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


/* 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: 'Glot',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    background: #3f0d4c;
    height: 1000px;
    background-repeat: no-repeat;
    }
   
    
    

img {
    max-width: 100%;
	height: auto;
    width: auto; /* for ie 8 */
    padding-top: 5px;
    padding-bottom: 10px;
    
    
    }

#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: #e479b0;
}

.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: #7e7de2 !important;
    color: #29f900 !important;
}
    
    

/* TYPOGRAPHY */

p {
    font-size: 2em;
        color: #E1E0E0;
    line-height: 1.3em

}

h1.display {
    font-size: 8em;
    font-family: 'Glot Black Alt',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    color: #e479b0;
    letter-spacing: 10px;
    

}


h1.display.alt {
    font-size: 2em;
    font-family: 'Glot Black Alt', 'Glot',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    color: #E1E0E0;
    font-feature-settings: "ss01" 1;
    line-height: 1.5em


}

h1.tagline {
    font-size: 3em;
    font-family: 'Glot',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    color: #E1E0E0;
    line-height: 1.1em;
}

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

h2.main-desc {
    font-family: 'Glot',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 3em;
    line-height:5em;


}

h2.main-header.text-left {
    font-family: 'Glot Black Alt',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 4em;
    color: #e479b0;
    text-transform: uppercase;
    text-align: center;
    
}

h3.sub-header {
    font-size: 2em;
    color: #E1E0E0;

}

h4.but-head {
    font-size: 3.5em;
    line-height: 1em;
}


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

}

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


}

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


}


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


}



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


}

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


}

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


}

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


}




a.buyme, a.buyme:hover {
       font-family: 'Glot',"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: 'Glot',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-size: 2em;
    color: #E1E0E0;
    line-height: 1.2em;
        padding: 1.5;

}

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: 'Glot',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-style: italic;
    font-size: 1.5em;
    color: #9D1E60;
    width: 85%;
    margin: 20px auto;
}

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

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

/* MEDIA QUERIES */

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

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