/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/

@font-face {
    font-family: Samim;
    src: url('./fonts/Samim.eot');
    src: url('./fonts/Samim.eot#iefix') format('embedded-opentype'),
    url('./fonts/Samim.woff') format('woff'),
    url('./fonts/Samim.ttf') format('truetype');
    font-weight: normal
}

@font-face {
    font-family: Samim;
    src: url('./fonts/Samim-Bold.eot');
    src: url('./fonts/Samim-Bold.eot#iefix') format('embedded-opentype'),
    url('./fonts/Samim-Bold.woff') format('woff'),
    url('./fonts/Samim-Bold.ttf') format('truetype');
    font-weight: bold
}



body {
    min-height: 100vh;
    background-color: #02195d;
    text-align: justify;
    font-size: 14px;
    font-family: 'Samim', Tahoma;
}

p, * {
    color: whitesmoke;
}
select, input {
    color: black;
}
select option { 
	color: black; 
}
select option:first-child{
  color: whitesmoke;
}

.form-control:not(select) {
    padding: 1.5rem 0.5rem;
}

select.form-control {
    height: 52px;
    padding-left: 0.5rem;
}

.form-control::placeholder {
    color: #ccc;
    font-weight: bold;
    font-size: 0.9rem;
}
.form-control:focus {
    box-shadow: none;
}




/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.border-md {
    border-width: 2px;
}

.btn-facebook {
    background: #405D9D;
    border: none;
}

.btn-facebook:hover, .btn-facebook:focus {
    background: #314879;
}

.btn-twitter {
    background: #42AEEC;
    border: none;
}

.btn-twitter:hover, .btn-twitter:focus {
    background: #1799e4;
}