.container-rep {
    width: 98%;
    margin-left: 10px;
}

.image-wrapper {
    position: relative;
}

.container-wide {
    width: 100%;
!important;
}


.diamond-tags {
    background: white;
    position: relative;
    padding: 0 10px;
    /* optionnel */
    display: inline-block;
    margin-left: 30px;
    z-index: 1;
    font-weight: 600;
    line-height: 21px;
    font-size: 12px;
}

.diamond-tags:before {
    content: " ";
    background: white;
    position: absolute;
    top:0;
    left:-10px;
    right:-10px;
    bottom:0;
    z-index: -1;
    transform: skewX(-20deg);
    border: solid 2px;
    margin: -2px;
    box-shadow: 5px 5px grey;
}

.description{
    font-weight: normal;
    font-size: 1rem;
    font-family: 'Merriweather', 'Georgia', serif;
    text-transform: uppercase;
}

.content {
    display: block; /* IE fix */
    flex: 1; /* occupe la largeur restante */
    margin-left: 15px;
    /*padding-left: 19px;*/
}

.wrapper {
    display: block; /* IE fix */
    flex: 1 1 auto; /* occupe la hauteur restante */
    display: flex; /* crée un contexte flex pour ses enfants */
    flex-direction: row; /* affichage horizontal */
    margin-left: 15px;
    font-size: 12px;
    letter-spacing: 1px;
}

@media (max-width: 640px) {
    .wrapper {
        flex-direction: column;
    }

    .content {
        flex-basis: auto;
    }

}


.bt-modal-body {
    padding: 0;
    /*background-color: #423a3a;*/
}

.divflex {
    display: flex; /* crée un contexte flex pour ses enfants */
    flex-direction: column; /* affichage vertical */
    min-height: 100vh; /* toute la hauteur du viewport (compatible IE9+) */
    color: #272727;
    margin-left: 17px;
}

/*.list-theme{*/
/*position: fixed;*/
/*top: 10px;*/
/*width: 50px;*/
/*}*/

/*.image-wrapper >a >img{*/
/*width: 100%;*/
/*}*/

.block-inner {
    margin: 10px 15px 50px;
}

.bg-photo {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #e0e0e0;
}

.cover-photo {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.stem-grid-block {
    margin: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
    width: 100%;
    /*padding: 0 0 10px 0;*/

    border-left: 1px solid #e0e0e0;
}

@media only screen and (min-width: 500px) {

    .stem-grid-block .details {
        padding: 0;
    }

    .stem-grid-block .details {
        /*padding: 0 5%;*/
        max-width: 80%;
    }
}

.story-tags {
    margin-top: 20px;
    margin-bottom: 25px;
}

.title {
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 30px;
    color: #272727;
    margin-bottom: 0;
    font-weight: 400;
}

a.no-style {
    color: #707070;
}

a.no-style:hover {
    color: #707070;
}

a.no-style:visited {
    color: #707070;
}

.author-link {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    /*font-family: 'Merriweather', 'Georgia', serif;*/
}

.vertical-img-lft {
    /*float: right;*/
}

.vertical-img img {
    max-height: 800px;
}

.reportage-footer {
    text-align: center;
    border-top-style: solid;
    border-top-width: 10px;
}

.rf-text {
    color: #ffffff;
    font-weight: normal;
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 30px;

    margin-top: 25px;
    margin-bottom: 25px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 20;
    top: 80px;
    left: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 15px 8px 8px 12px;
    text-decoration: none;
    font-size: 1.6rem;
    font-family: 'Merriweather', 'Georgia', serif;
    font-weight: normal;
    color: #707070;
    display: block;
    transition: 0.3s;
    /*border-bottom-style: solid;*/
    /*border-bottom-width: 1px;*/
}

.sidenav a:first-child {
    border-bottom-style: none;

}

.sidenav a:hover {
    font-weight: bold;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

.sidenav-menu {
    font-size: 2rem;
    cursor: pointer;
    position: fixed;
    text-orientation: mixed;
    writing-mode: vertical-lr;
    left: 12px;
    top: 18%;
    z-index: 10;

    text-transform: uppercase;
    white-space: nowrap;
}

.vc-row {
    margin-bottom: 50px;
}

.email-signup-block .email-signup-form .input-button-wrapper {
    text-align: center;
}

.col-grid:before, .floating-blocks-grid .grid-inner:before, .header-nav-bar .left-side:before, .header-nav-bar .right-side:before, .journeys-page .icon-grid .grid-inner:before, .places-page .place-type-options:before, .product-block[data-img-orientation] .product-image-section .image-content:before, .product-options .checkout-button-row:before, .split-story-header .secondary-details .actions:before, .story-header .top-center-buttons:before, .story-meta-row .bookmark-section:before, .story-meta-row:before, .vc-row:before, nav.main-menu .drop-down .center:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.vc-row > * {
    vertical-align: middle;
    display: inline-block;
}

@media only screen and (min-width: 1000px) {
    .email-signup-block.large .names-input-wrapper {
        width: 320px;
    }
}

.email-signup-block .email-signup-form .names-input-wrapper {
    margin-right: 20px;
    width: 260px;
}

.email-signup-block .email-signup-form .input-wrapper.half-width {
    box-sizing: border-box;
}

.input-wrapper.half-width {
    width: 50%;
    float: left;
}

.input-wrapper {
    position: relative;
}

@media only screen and (min-width: 1000px) {
    .email-signup-block.large .email-signup-form input {
        font-size: 20px;
        padding: 0 23px;
        height: 60px;
    }
}

.email-signup-block.light-ui .email-signup-form input {
    background: #f3f4f5;
    border: 1px solid #e0e0e0;
}

.input-wrapper.half-width .iw-inner input {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.email-signup-block .email-signup-form input {
    width: 100%;
}

.input-wrapper.half-width input {
    width: 94%;
}

.input-wrapper.half-width:last-child .iw-inner input:not(.invalid) {
    border-left: none;
}

@media only screen and (min-width: 1000px) {
    .email-signup-block.large .email-signup-form input {
        font-size: 20px;
        padding: 0 23px;
        height: 60px;
    }
}

.email-signup-block.light-ui .email-signup-form input {
    background: #f3f4f5;
    border: 1px solid #e0e0e0;
}

.input-wrapper.half-width .iw-inner input {
    width: 100%;
}

.email-signup-block .email-signup-form .email-input-wrapper {
    margin-right: 18px;
}

.input-wrapper:not(.half-width):not(.third-width) {
    clear: both;
}

@media only screen and (min-width: 1000px) {

    .email-signup-block.large .email-signup-form input[name=email] {
        width: 320px;
    }
}

@media only screen and (min-width: 1000px) {
    .email-signup-block.large .email-signup-form input {
        font-size: 20px;
        padding: 0 23px;
        height: 60px;
    }
}

@media only screen and (min-width: 1000px) {
    .email-signup-block.large .email-signup-form .subscribe-button {
        height: 60px;
        line-height: 60px;
        padding: 0 30px;
        font-size: 15px;
    }
}

.button.orange, .on-off-toggle button.orange {
    color: #fff;
    display: inline-block;
    margin: 20px;
    padding: 5px 20px;
}

.notpublished{
    max-width: 1024px;

    -webkit-transition: background-color 400ms  400ms;
    -moz-transition: background-color 400ms  400ms;
    -ms-transition: background-color 400ms  400ms;
    -o-transition: background-color 400ms  400ms;
    transition: background-color 400ms  400ms;
}
.notpublished > img{
    margin: 0;

    -webkit-transition: opacity 400ms  400ms;
    -moz-transition: opacity 400ms  400ms;
    -ms-transition: opacity 400ms  400ms;
    -o-transition: opacity 400ms  400ms;
    transition: opacity 400ms  400ms;
}
.notpublished > span{
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    color: #ffffff;
    font-weight: bold;
    font-size: 2rem;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);


    -webkit-transition: opacity 400ms 400ms;
    -moz-transition: opacity 400ms 400ms;
    -ms-transition: opacity 400ms 400ms;
    -o-transition: opacity 400ms 400ms;
    transition: opacity 400ms 400ms;
    opacity: 0;
}

.notpublished:hover{
    background-color: #303030;
}

.notpublished:hover > span{
    opacity: 1;
}

.notpublished:hover > img{

    opacity: 0.5;
}

/*------------------------------*/

/*.home-page .featured-stories-section .stem-grid {*/
/*min-height: 300px;*/
/*}*/

/*.grid {*/
/*background: #fff;*/
/*position: relative;*/
/*clear: both;*/
/*}*/

/*@media only screen and (min-width: 750px) {*/
/*.stem-grid[data-edge_spacing=true] .column-section {*/
/*margin: 0 18px;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 1000px) {*/
/*.stem-grid[data-first_column_wide=true] .three-columns .column-1, .stem-grid[data-first_column_wide=true] .two-columns .column-1 {*/
/*width: 58%;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 750px) {*/

/*.stem-grid:not([data-partial_page_width=true]) .three-columns .column-1, .stem-grid:not([data-partial_page_width=true]) .three-columns .column-2, .stem-grid:not([data-partial_page_width=true]) .two-columns .column-1, .stem-grid:not([data-partial_page_width=true]) .two-columns .column-2 {*/
/*width: 50%;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 750px) {*/

/*.stem-grid .two-columns .column-1 {*/
/*text-align: right;*/
/*}*/

/*.stem-grid .two-columns .column-2 {*/
/*text-align: left;*/
/*}*/

/*.stem-grid .column {*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 1000px) {*/
/*.stem-grid:not([data-partial_page_width=true]) .two-columns .column-1 .stem-grid-block[data-cover-orientation=portrait] {*/
/*max-width: 71.14%;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 1000px) {*/
/*.stem-grid-block:not(:last-child) {*/
/*margin-bottom: 110px;*/
/*}*/

/*.stem-grid-block:not(:last-child) {*/
/*margin-bottom: 30px;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 750px) {*/

/*.stem-grid:not([data-partial_page_width=true]) .three-columns .column-1 .stem-grid-block, .stem-grid:not([data-partial_page_width=true]) .two-columns .column-1 .stem-grid-block {*/
/*border-left: 1px solid #e0e0e0;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 500px) {*/

/*.stem-grid-block {*/
/*padding: 16px 18px 10px 18px;*/
/*}*/

/*.stem-grid-block {*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*display: inline-block;*/
/*text-align: left;*/
/*width: 100%;*/
/*padding: 0 0 10px 0;*/
/*}*/
/*}*/

/*.stem-grid-block .image-wrapper {*/
/*position: relative;*/
/*}*/

/*a.no-style, a.no-style:active, a.no-style:hover, a.no-style:visited {*/
/*color: #15181b;*/
/*}*/

/*.stem-grid-block .cover-photo.bg-photo, .stem-grid-block .cover-photo.photo-header {*/
/*background-color: #e0e0e0;*/
/*}*/

/*.stem-grid-block .cover-photo {*/
/*position: absolute;*/
/*top: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/

/*.bg-photo, .photo-header {*/
/*background-color: #15181b;*/
/*}*/

/*.bg-photo, .fill-bg-photo, .manifesto-header .details .title-img, .manifesto-story-section .image, .photo-header, .photo-header .cover-photo, .place-header .cover-photo, .product-gallery .gallery-thumbs .thumb-image .inner, .product-gallery .main-image, .product-image-section .image, .profile-photo, .quote-channel-section img.image, .store-featured-grid .grid-block .image, .store-image-zoom-popup .content-wrapper .main-image {*/
/*background-size: cover;*/
/*background-position: center center;*/
/*background-repeat: no-repeat;*/
/*}*/

/*@media only screen and (min-width: 500px) {*/
/*.stem-grid-block .details {*/
/*padding: 0;*/
/*}*/

/*.stem-grid-block .details {*/
/*padding: 0 5%;*/
/*max-width: 540px;*/
/*}*/
/*}*/

/*.stem-grid-block .title {*/
/*margin: 5px 0 0;*/
/*padding: .14em 0;*/
/*font-weight: 400;*/
/*}*/

/*.beta {*/
/*font-size: 3.6rem;*/
/*line-height: 4.8rem;*/
/*}*/

/*.eta-19 {*/
/*font-size: 1.9rem;*/
/*line-height: 3rem;*/
/*}*/

/*.stem-grid-block .description {*/
/*margin: 5px 0;*/
/*}*/

/*.theta-17 {*/
/*font-size: 1.7rem;*/
/*line-height: 2.6rem;*/
/*}*/

/*@media only screen and (min-width: 1000px) {*/
/*.stem-grid[data-first_column_wide=true] .three-columns .column-2, .stem-grid[data-first_column_wide=true] .two-columns .column-2 {*/
/*width: 42%;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 750px) {*/
/*.stem-grid:not([data-partial_page_width=true]) .three-columns .column-2, .stem-grid:not([data-partial_page_width=true]) .two-columns .column-2 {*/
/*border-left: 1px solid #e0e0e0;*/
/*}*/
/*}*/

/*@media only screen and (min-width: 750px) {*/
/*.stem-grid:not([data-partial_page_width=true]) .three-columns .column-1, .stem-grid:not([data-partial_page_width=true]) .three-columns .column-2, .stem-grid:not([data-partial_page_width=true]) .two-columns .column-1, .stem-grid:not([data-partial_page_width=true]) .two-columns .column-2 {*/
/*width: 50%;*/
/*}*/
/*}*/