@charset "UTF-8";
/* CSS Document */


html, body {
    background-image: url(../images/content_gradient.png);
    background-repeat: repeat-x;
    background-color: #FFE500;
}

#page, h1, h2, h3 {
    font-family: "Nunito", Helvetica, Arial, sans-serif !important;
}

/*#header h2 {
    background-image: url(../assets/images/fish.png);
}*/

/* -------------------- GLOW EFFECT CLASS-------------------- */

:root {
    --shadow-color: #d85702;
    --shadow-distance: 2px;
    --shadow-distance-negative: -2px;
    --shadow-blur: 1px;
    --stroke-width: 1px;
}

.glow_effect {
    -webkit-text-stroke: var(--stroke-width) var(--shadow-color);
    text-shadow: var(--shadow-distance-negative) 0px var(--shadow-blur) var(--shadow-color), var(--shadow-distance) 0px var(--shadow-blur) var(--shadow-color), 0px var(--shadow-distance) var(--shadow-blur) var(--shadow-color), 0px var(--shadow-distance-negative) var(--shadow-blur) var(--shadow-color), var(--shadow-distance-negative) var(--shadow-distance-negative) var(--shadow-blur) var(--shadow-color), var(--shadow-distance) var(--shadow-distance) var(--shadow-blur) var(--shadow-color), var(--shadow-distance-negative) var(--shadow-distance) var(--shadow-blur) var(--shadow-color);
}

/* ------------------------------------------------------ */

#title h2 {
    color: white !important;
    font-family: "linguascope_font" !important;
    letter-spacing: 0.5px;
    font-size: 36px;
}

/*#title {
    max-width: 600px;
    margin: auto;
    margin-bottom: 30px;
}
*/
/*or*/

#title {
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
}

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



ul#crumbtrail li a {
    font-weight: bolder;
}

#content h4 {
    padding-top : 25px;
    font-weight : 900;
}

#content_holder {
    min-height: 0;
    /*background-image: none;*/
    background-color: transparent;
}

#content {
    min-height: 525px;
    border-radius: 15px;
    text-align:center;
}

#image {
    max-width:300px;
    height:auto;
    margin:auto;
}

#message {
    width: 98%;
    margin: auto;
}

#message p a {
    text-decoration: underline;
    color: #0b8928;
}



#backbutton {
    cursor:pointer;
}

@media (max-width:768px) {
    #header h1 {
        zoom: 0.25;
        -moz-transform-origin: 0 0;
        -moz-transform: scale(0.25);
    }
}