@font-face {
    font-family: 'industriaroman';
    src: url('../fonts/industria_roman-webfont.woff2') format('woff2'),
         url('../fonts/industria_roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.tm-header .uk-navbar-container:not(.uk-navbar-sticky){
    padding-top: 30px !important;
    padding-bottom: 30px !important;    
}

.uk-navbar-container.uk-navbar-sticky a{
    color: white !important;
}

.tm-header-mobile .uk-navbar-container{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dbc-offer-container:hover {
    cursor: pointer;
}

.dbc-offer-modal-container {
    max-width: 400px;
}

.uk-modal .dbc-offer-image-container {
    height: 120px;
}

.dbc-offer-image-container {
    height: 80px;
}

.dbc-offer-image-container img {
    display: block;
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 100%;
}

.dbc-offer-content-container {
    width: 100%;
    min-height: 200px;
}

.dbc-offer-content-flip {
    padding: 5px;
}

#tarteaucitronAlertBig .uk-button {
    margin: 10px 0!important;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 20px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.dbc-icon-text i {
    vertical-align: text-top!important;
}

@media screen and (max-width: 960px){
    .uk-h3 {
        font-size: 54px;   
    }
    
    .uk-h4 {
        font-size: 24px;   
    }

    .dbc-offer-content-container .uk-h4 {
        font-size: 38px!important;
    }
    
    .uk-modal .uk-h3{
        font-size: 100px;   
    }
    
    .uk-modal .uk-h4{
        font-size: 51px;   
        color: #FF86E7;
    }
    
    .imageTitre .el-image{
        width: 40%;   
    }
    
    .uk-button{
        font-size: 28px;   
    }

    #tarteaucitronAlertBig .uk-button {
        font-size: inherit;
        margin: 10px 0!important;
    }
}

@media screen and (max-width: 420px){
    .uk-h3{
        font-size: 35px;   
    }
}

@media screen and (min-width: 960px){
    .imageTitre .el-image{
        width: 25%;   
    }
}

@media screen and (max-width: 640px){
    .imageTitre .el-image{
        width: 60%;   
    }

    .uk-h5 {
        font-size: 45px;
    }
}