/******************GENERAL******************/
body, header{
    font-family: 'Roboto', sans-serif !important;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Redressed', sans-serif !important;
}

h2, h3, h4, h5, h6, em{
    color:#f16100;
}

button a, button a:hover{
    text-decoration:none;
    color:white;
}

a{
    outline:none;
}


/*********************CLASS***********************/

.underline{
    text-decoration : underline;
}

.orange-text{
    color :#f16100;
}

.art-preview{
    height: 115px;
    overflow: hidden;
    position:relative;
}

.fader-art{
    display: block;
    position: absolute;
    height: 50px;
    background: linear-gradient(transparent, white);
    bottom: 0px;
    width: 100%;
}

/*********************FORM*******************/
/*form file*/
.custom-file-label { opacity: 0; }
.custom-file-input { opacity: 1; }


/******************************MENU NAV*************************/
.navbar{
    padding: 0px !important;
    background-image: url("/images/backPoker.jpg");
    background-position:50%;
}

.navbar-collapse a{
    background-color:#f16100;
    padding:20px 27px !important;
    text-align:center;
    margin:0px 0px;
    color:black !important;
    border-right: 2px solid #f16100;
    border-bottom: 4px solid #f16100;
    text-shadow: 1px 1px 2px #BBB;
    text-transform: uppercase;
    transition:0.3s ease-in-out;
    font-family: 'Redressed', sans-serif;
}

.navbar-collapse a:hover{
    color:white !important;
    text-shadow:none;
    border-bottom: 4px solid black;
}


/**************************PAGINATION**********************/
.pagination a{
    color:#f16100;
}

.pagination a:hover{
    color:black;
}

.page-item.active .page-link{
    background-color:#f16100;
    border-color:#f16100;
}