/* FONT FACE */

@font-face {
    font-family: 'Nunito';
    src: url(/fonts/Nunito-Light.ttf);
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Nunito';
    src: url(/fonts/Nunito-SemiBold.ttf);
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Nunito';
    src: url(/fonts/Nunito-LightItalic.ttf);
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'Nunito';
    src: url(/fonts/Nunito-SemiBoldItalic.ttf);
    font-style: italic;
    font-weight: 700;
}



/* GENERAL */

body {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    color: #2b2b2b;
    background-color: #ccc;
    text-align: left;
    margin-top: 0px !important;
    padding-top: 0px !important;
    width: 100%;

    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treated as min-height*/
    top: 0px;
    overflow-y: scroll !important;

}

img {
    max-width: 100%;
}

h1 {
    width: 100%;
    font-size: 4em;
    margin-top: 5px;
}

h2 {
    text-align: center;
}


/* ADMIN */
.lock {
    font-size: 25px;
    position: relative;
    top: 6px;
    right: 11px;
}

.basket {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 5;
    display: block;
    right: 10px;
    top:10px;
    color: red;
    font-size: 21px;
    cursor: pointer;
    background-color: #ffffff77;
    border-radius: 5px;
    padding: 4px;
}

.adminImageContainer {
    height: 200px;
    overflow: hidden;
    margin-bottom: 5px;
    border-radius: 5px;
}

.outerContainer {
    border-radius: 20px;
    background-color:white
}


/* LIGHT CASE */
#lightcase-overlay {
    background-color: #fff;
}

a[class*='lightcase-icon-'].lightcase-icon-next {
    color: black;
}

a[class*='lightcase-icon-'].lightcase-icon-prev {
    color: black;
}

a[class*='lightcase-icon-'].lightcase-icon-close {
    color: black;
}

#lightcase-title{
    text-shadow: none !important;
}

#lightcase-info {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

h4 {
    font-family: 'Nunito' !important;
    color: #1b1e21 !important;
    text-align: center !important;
    font-weight: 700 !important;

}

/* MOBILE */

@media screen and (max-width: 767px) {

    body {
        font-size: 0.9em;
        background-color: ghostwhite;
    }

    .outerContainer {
        border-radius: 0;
    }

    h1 {
        font-size: 2em;
    }


    #lightcase-info #lightcase-title {
        background: none !important;
        text-shadow: none !important;
        padding: 0px 15px !important;
    }
}