﻿


/*  STYLE
    -----------------------------------------------------------------------------------------------
*/



.logo
{

    font-family: var(--x-logo-font);
    font-size: 26px;
    font-weight: 600;

    color: var(--x-logo-forecolor);

    letter-spacing: -1px;

    padding: 0 0 0 13px;

}



.main_title
{

    font-family: var(--x-title-font);
    font-size: 32px;
    font-weight: 600;

    color: var(--x-title-forecolor);

    line-height: 39px;
    letter-spacing: 1.5px;

    margin-top: 10px;

}



.title
{

    font-family: var(--x-title-font);
    font-size: 28px;
    font-weight: 400;

    color: #444444;

    text-align: left;

    line-height: normal;
    letter-spacing: 1px;

    margin: 0;

}



.core_title
{

    position: absolute;

    margin-top: -20px;
    margin-left: -55px;

    font-family: Arial, sans-serif;
    font-size: 90px;
    font-weight: 600;

    line-height: 55px;

    color: #e9e9e9;

    z-index: -10;

}



.box_title
{

    font-family: var(--x-logo-font);
    font-size: 21px;
    font-weight: 600;

    color: gray;

    letter-spacing: 1px;

}



/*  BUTTON STYLE
    -----------------------------------------------------------------------------------------------
*/



.button_style
{

    font-family: var(--x-input-text-font);
    font-size: 15px !important;

    color: var(--x-input-text-forecolor);
    background-color: transparent;

    text-align: center;

    outline: none;
    padding: 15px 15px 15px 15px;

    width: 300px;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 6px;

    cursor: pointer;

    display: block;

}



.button_style:hover
{

    background-color: var(--x-color-orange);

    border-color: var(--x-color-orange);

    color: var(--x-color-white);

    transition: ease all 0.4s;

}



.button_style:focus
{

    background-color: var(--x-color-orange);

    border-color: var(--x-color-orange);

    color: var(--x-color-white);

}



.button_style:disabled:hover
{

    color: var(--x-input-text-forecolor);

    border-color: var(--x-input-label-forecolor);

    cursor: not-allowed;

    background-color: transparent;

}
