/** FONTS **/
@font-face {
    font-family: OpenSansLight;
    src: url("../../Data/Fonts/OpenSans-Light.ttf") format('truetype');
}

@font-face {
    font-family: OpenSansBold;
    src: url("../../Data/Fonts/OpenSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: OpenSansSemiBold;
    src: url("../../Data/Fonts/OpenSans-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: OpenSans;
    src: url("../../Data/Fonts/OpenSans-Regular.ttf") format('truetype');
}

@font-face {
    font-family: RozhaOne;
    src: url("../../Data/Fonts/RoxhaOne-Regular.ttf") format('truetype');
}

/** END OF FONTS **/

h1
{
    font-family: OpenSansLight;
}

h2
{
    font-family: OpenSansBold;
}

h3
{
    font-family: OpenSansSemiBold;
}

body
{
    font-family: OpenSans;
    overflow-x: hidden;
    top: 0px !important; 
}

p
{
    font-family: OpenSans;
}

.LightBtn
{
    font-family: OpenSansSemiBold;
    background-color: transparent;
    color: black;
    border: 1px solid black;
    padding: 10px 100px;
    font-size: 11px;
    text-transform:uppercase;
    border-radius: 0px;
}

@media only screen and (max-width: 800px) {
    .LightBtn
    {
        padding: 10px 70px;
    }
}

input:focus, textarea:focus, button:focus
{
    box-shadow: none !important;
}

.LightBtn.LightBorder
{
    border: 1px solid white !important;
}

.LightBtn:hover
{
    background-color: #172338;
    color: white !important;
    border: 1px solid white;
}

.LightBtn.Transparent
{
    color: white;
    border: 1px solid white !important;
}

.LightBtn.Transparent:hover
{
    background-color: white !important;
    color: transparent !important;
}

.LightBtn.White
{
    color: white;
    border: 1px solid white !important;
}

.LightBtn.White:hover
{
    background-color: white !important;
    color: #172338 !important;
}

.DarkBtn
{
    font-family: OpenSansLight;
    background-color: black;
    color: white;
}

.DarkBtn:hover
{
    background-color: transparent;
    color: white;
}

.Scrollable
{
    height: 100vh;
    width: 100vw;
}

.line
{
    display: block;
    width: 45px;
    height: 1px;
    border: 1px solid black;
}

.line.expanded
{
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.flex-fill {
    flex:1;
}

.spaced
{
    padding-top: 20px;
    padding-bottom: 20px;
}

.clear { clear: both; }