/* Base CSS file for File It Inc. */

    /* Media Query */
        @media (min-width: 360px) { #logo{ width: 100%; padding: 3em; } }
    /* End Media Query */

    /* Basics */
        html, body{
        }
        body{
            background: #1B1B1B url(../images/backgrounds/overlay.png) repeat;
            font-family: 'Varela Round', sans-serif;
            font-size: 11pt;
            font-weight: 400;
            color: #000000;
        }
        h1{
            font-size: 3.5em;
        }
        h2{
            margin: 0;
            font-size: 2.5em;
            padding-bottom: 1em;
        }
        .container-fluid{
            padding-left: 0px;
            padding-right: 0px;
        }
        .remove-margin-bottom{
            margin-bottom: 0 !important;
        }
        .border-addition{
            border-width: 2px;
        }
        .hide_object{
            display: none;
        }
        .show_object_as_block{
            display: block;
        }
        .pink_text{
            color: #ae3b72 !important;
        }
    /* End Basics */

    /* bootstrap overwrites */
        .btn-outline-primary{
            display: inline-block;
            padding: .5em .5em;
            letter-spacing: 0.20em;
            text-decoration: none;
            font-size: 1.5em;
            font-weight: 600;
            text-transform: uppercase;
            color: #3C3C3C;
            border-radius: 8px;
            border: 2px solid #ae3b72;
        }
        a.btn.btn-outline-primary.active.focus,
        a.btn.btn-outline-primary:active:focus,
        a.btn.btn-outline-primary.hover,
        a.btn.btn-outline-primary:hover {
            color:#ae3b72;
            background: none;
            border: 2px solid #ae3b72;
        }
        .custom-file-control::after {
            content: "Choose file...";
        }
        .custom-file-input::before{
            content: "Browse";
        }
    /* End bootstrap overwrites */

    /* header-Wrapper */
        #header-Wrapper{
            background: #FFF;
            text-align: center;
            padding: 3em;
        }
        #header-Wrapper #logo h1{
            color: #ae3b72;
            font-weight: bold;
            text-decoration: none;
        }
        #header-Wrapper #logo span{
            letter-spacing: 0.10em;
            text-transform: uppercase;
            font-size: 0.90em;
            color: #3C3C3C;
        }
        #header-Wrapper #menu{
            display: inline-block;
            text-decoration: none;
            width: 100%;
            font-weight: bold;
            background: inherit;
        }
    /* End Header Wrapper */

    /* Welcome Wrapper */
        #welcome-Wrapper{
            background-color: #ae3b72;
            color: rgba(255,255,255,1);
            text-align: center;
            padding: 3em;
        }
        #welcome-Wrapper p{
            width: 75%;
            margin: auto;
            line-height: 2em;
            font-size: 1em;
            text-align: justify;
        }
    /* End Welcome Wrapper */

    /* Forms wrapper */
        #forms-Wrapper{
            background: #FFF;
            text-align: center;
            padding: 3em;
        }
        #forms-Wrapper #menu{
            display: inline-block;
            text-decoration: none;
            width: 100%;
            font-weight: bold;
            background: inherit;
        }
        #container-fluid > #forms-Wrapper > h2{
            color: #ae3b72;
            font-weight: bold;
            text-decoration: none;
            text-align: center;
            margin: 0;
            font-size: 2.5em;
            padding-bottom: 1em;
        }
    /* End forms wrapper */

    /* Footer Wrapper */
        #footer-Wrapper{
            background: #ae3b72;
            color: #FFF;
            line-height: 2em;
            text-align: center;
            padding: 3em;
        }
        .h3Radius{
            border-radius: 5px;
            border: 2px solid #FFFFFF;
        }
    /* End Footer Wrapper */