@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald&family=Roboto+Condensed:wght@300;400&display=swap');
body {overflow-x: hidden;}
.box-comment .form-control {
    background: #fff;
    border: 1px solid #dee2e6;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6c757d;
    font-family: NotoSerif;
    padding: 12px 16px
}

.form-text {
    font-size: 14px;
    color: #dc3545;
    margin-top: 5px
}

.multimedia-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-top: 30px
}

.multimedia-wrapper .story {
    width: 291px;
    margin-right: 30px;
    overflow: auto
}

.multimedia-wrapper .story__thumb {
    width: 291px;
    height: 194px
}

.multimedia-wrapper .story__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .5s;
    text-indent: -9999px
}

.story__thumb a {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out .1s;
    transition: .5s;
    color: #413836
}

.multimedia-wrapper .story:not(:nth-child(-n+4)) {
    margin-top: 30px
}

.multimedia-wrapper .story__heading a {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #413836;
    padding-top: 10px
}

.multimedia-wrapper .icon-video { width: 21px;  height: 18px;   background: url(../images/icon-video.png) center center/21px no-repeat}
.multimedia-wrapper .icon-camera { width: 18px;  height: 18px; background: url(../images/icon-camera.png) center center/18px no-repeat}
.multimedia-wrapper .icon {  display: inline-block;   margin: 0 auto; font-size: 0;  margin-right: 5px; position: relative; top: -5px}
.one-main-four-sub .pri-tab .story__heading a {  width: 100%;  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000 99.24%) center bottom/627px 200px no-repeat;  font-size: 24px;}
.one-main-four-sub .third-tab .story__heading a {width: 100%;  background: linear-gradient(180deg,rgba(0,0,0,0) 0,#000 99.24%) center bottom/100% 100px no-repeat;    }
.logo-wrapper{background:unset;}
.logo-wrapper .wrapper .text{ max-width: 110px;}
.article .article__body p a{color: #d03927;/*#00b7ff;*/text-decoration: none;}
.menu-wrapper .menu a {text-transform: uppercase;letter-spacing: .06rem;font-family: 'Oswald', sans-serif;font-weight:500;font-size:18px;}
.slide-wrapper .heading{color:#bd1723;}
.menu-wrapper .sub-menu a { text-transform:none;padding: 2px 12px;letter-spacing: .06rem;font-weight:500;line-height:26px;}
.menu-wrapper .sub-menu {width:170px;}
.logo{height:120px;top:15px;}
.breadcrumb-wrapper a, .breadcrumb-wrapper .active{font-family:  'Oswald', sans-serif;}
.breadcrumb-wrapper a {padding-right: 15px;font-size:19px;margin-right: 5px;}
.breadcrumb-wrapper .active{font-size:40px;}
.article-page .breadcrumb-wrapper a {font-size: 27px;font-family:  'Oswald', sans-serif;}
.article-page .breadcrumb-wrapper .active{font-size: 27px;font-family: 'Oswald', sans-serif;}
.article-page .breadcrumb-wrapper>:nth-child(n+2) a::before{ content:'/';display: inline-block;color: #000;margin:0 10px;}
.related-news .story{margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}
.related-news .story:first-child{margin-top:0;padding-top:0;border-top:none;}
.related-news .heading{font-weight:700;font-size:20px;line-height:20px;text-transform:uppercase;color:#bd1723;margin-top:12px}
.related-news .box-heading{padding-bottom: 15px;}
.article table.picture[align=right] .caption,.article table.picture[align=left] .caption {text-align: justify;} 
.article-page .breadcrumb-wrapper li:first-child a{margin-right: auto;}
.gallery .slider-nav .img-wrapper img{object-fit:contain;}
.article__body .slick-slide img{object-fit:contain;}
.article table.picture .pic img.full-screen-width { position: relative; left: 50%;right: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw;    width: 100vw;}


.slide-wrapper .slick-dots {right: 34%;width: 687px;}
.page-footer .logo-footer {background: url(../images/lecourrier-logo-footer.png) center center/270px no-repeat;}
.logo a{height:120px;}
.courrier_color{color: #d03927!important;}
.rss li { 
    padding-bottom: 5px;
    line-height: 3rem;
    font-size: 2.3rem;
    font-weight:unset;
}
.rss svg {
    color: #ee802f;/*#d03927;*/
    margin-right: 10px;
}

.rss li a {
    /*font-weight: 700;*/
    color: #0066b3 /*#d03927*/; /*#0066b3*/
}
.rss {
       /* font-family: 'Roboto Condensed', sans-serif;*/
	font-family: 'Oswald', sans-serif;
}
.top-header ul .search-wrapper.active input{text-align:left;}
.banner-top{z-index: 2;}
.banner img{max-width: 100%;}
.article table.picture .pic img.full-screen-width {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    width: 100vw;
}

.article-page-full .col-wrapper .article { width: 900px;}
.lr-pic {
    width: 1280px !important;
    margin: 0 auto;
    margin-left: -190px;
}

.lr-pic-padding { padding: 1px;}

.lr-pic .lr-image-3 .pic img {
    height: 280px;
}

.lr-pic .lr-image-2 .pic img {
    height: 420px;
}

.lr-pic .lr-image-3 table.picture .caption, .lr-pic .lr-image-2 table.picture .caption {margin: 10px;}
.lr-pic table.picture {
    margin-top: 2px;
}
.lr-pic table.picture .pic img{width:100%;object-fit:cover;}
.article-page-full .article__body > :not(table.picture,.lr-pic) {
    width: 900px;
    margin: 0 auto;
}

.slide-wrapper .slick-dots {
    right: 37%;
    width: 687px;
}

.page-footer .logo-footer {background: url(../images/lecourrier-logo-footer.png) center center/270px no-repeat;}
.author{font-style: normal;font-weight:500;color: #000;}
.five-pack .heading{font-size:50px;line-height:50px;}
.abf-homepage .rank-1 .story{overflow:unset;}
.abf-homepage .rank-1 .story__summary{font-size:17px;}
.article table.picture .caption{text-align:left;font-size:16px;}
.abf-homepage .rank-2 .story__heading a {-webkit-line-clamp: 4; line-clamp: 4;}
.modal-dialog{max-width:750px;}
.modal-vote .list_vote .rsV_left{width:50%;}
.modal-vote .scroll_color{width:30%;}
.page-header a.wrap-menu svg {fill:#fff;}
.back-to-top{background-color: #e82335;}
.box-comment a.btnSubmit{color:#fff;}
.top-header{background:#d03927;}
.top-header time{text-transform:capitalize;}
.page-footer{background:#d03927;}