/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

body{
    font-family: 'Raleway', sans-serif !important;
    background: #fff;
}

#main{
    padding-bottom: 0;
}

#header {
    height: 79px;
    background: #fff;
    padding: 30px 0;
}

#logo {
    margin-left: -28px;
    margin-top: -27px;
}

#logo img {
    width: 185px;
    height: auto;
    padding-left: 0px;
}

#header>:first-child {
    width: auto;
}

#content {
    padding: 0;
}

.menu-on-top #main {
    margin-top: 0!important;
}

.bg-white {
    background: #fff;
}

.menu li {
    display: inline-block;
    padding-left: 30px;
}

.menu li a {
    color: #242424;
    font-weight: 900;
}

/*.menu li a.active {
    color: #ffb600;
}*/

.header {
    box-shadow: 4px 2px 2px #ddd;
}

.encadrer {
    border: none;
    border-radius: 3px;
    padding: 5px 15px;
    color: #1C224E !important;
    font-weight: 500 !important;
    background: #f8ba73;
}

.slide-caption-first{
    font-weight: 600;
}

.swiper-pagination-bullet {
    width: 60px !important;
    height: 4px !important;
    border-radius: 0 !important;
}

.swiper-pagination-bullet-active {
    background: #1c224e !important;
}

.lighter {
    font-weight: 100;
}

.regular {
    font-weight: 400;
}

.bold {
    font-weight: 700;
}

.black {
    font-weight: 900;
}

.btn-custom {
    color: #fff;
    border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb600+0,e35100+100 */
    background: #ffb600; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffb600 0%, #e35100 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffb600 0%,#e35100 100%) !important;; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffb600 0%,#e35100 100%) !important;; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb600', endColorstr='#e35100',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.btn-custom:hover, .btn-custom:active:hover, .btn-custom:focus {
    color: #fff;
}

.btn-custom:active {
    color: #fff;
    border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb600+0,e35100+100 */
    background: #ffb600; /* Old browsers */
    background: -moz-linear-gradient(45deg, #ffb600 0%, #e35100 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #ffb600 0%,#e35100 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #ffb600 0%,#e35100 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb600', endColorstr='#e35100',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.doc-title h3 {
    font-size: 2em;
    margin: 40px 0;
    font-weight: 300;
}

.page-footer {
    height: auto;
    border: none;
    background: #fff;
    position: relative;
}

.mat-card-header-text{
    margin: 0 !important;
}

.ngx-pagination {
    position: relative;
    top: 30px;
    float: right;
}

.ngx-pagination .current {
    background: #1C224E !important;
}

.menu li a.active {
    color: #f69b41;
}

@media all and (max-width: 1300px) {
    .slide-text {
        font-size: 20px !important;
    }
}

@media all and (max-width: 1000px) {
    .slide-text {
        font-size: 17px !important;
    }
}


@media all and (max-width: 900px) {
    .slide-text {
        font-size: 13px !important;
    }
}

/****
Shrink menu
****/
/*
.header {
    -webkit-transition:0.5s linear all;
    -moz-transition:0.5s linear all;
    -o-transition:0.5s linear all;
    transition:0.5s linear all;
    top: 0px;
    left: 0px;
    z-index: 99999;
    width: 100%;
    position: fixed;
}

.header_nav--small {
    height: 40px;
}

.header_nav--small #header {
    height: 40px;
    padding: 10px 0;
}
*/