#header-row {
    background: #FFFCF8;
}

#header-menu ul.nav .smoo-nav-icon {
    /* background: url(image-de-secours.png); */
    background-image: url(/images/logo-05.svg);
}

#header-menu ul.nav > li > a {
    color: #0F0505;
}


#wrapper > .inner {
    padding: 8rem 4rem 4rem !important;
}

#wrapper {
    background-color: #FFFCF8;
}

#wrapper .page-header {
    display: none;
}

#wrapper .page-header h1 {
    letter-spacing: 0.25px;
    font-size: 4.25rem;
    padding-bottom: 4rem;
    margin-top: -0.5rem;
    color: #0F0505;
}

#wrapper .blog-items {
    padding-top: 4rem;
    columns: 2 auto;
    column-gap: 4rem;
}

#wrapper .smoo-grid-col {
    /*width: calc( ( 100% - 8rem ) / 3 );*/
    width: calc( ( 100% - 4rem ) / 2 );
}

#wrapper .smoo-grid-col:last-child {
    padding-top: 4rem;
}

#wrapper .blog-item {
    margin-bottom: 4rem;
    /*border: 1px solid red;*/
}

#wrapper .smoo-grid-col:first-child .blog-item:nth-of-type(1) {
    margin-bottom: 8rem;
    margin-top: -4rem;
}

#wrapper .item-image {
    margin: 0;
    width: 100%;
    padding-bottom: 4rem;
}

#wrapper .item-image:first-child {
    margin-top: -6rem;
}

#wrapper .item-image p {
    line-height: 3.9375rem;
    font-size: 2.625rem;
    letter-spacing: 0.5px;
    margin: 0;
    display: block;
    width: auto;
    break-inside: auto;
    color: #0F0505;
}

#wrapper .item-image > div {
    display: block;
    line-height: 0;
}

#wrapper .item-image > div img {
    cursor: pointer;
}

#wrapper .item-image a {
    text-decoration: none;
    display: block;
    line-height: 0;
}

#wrapper .blog-item .tck-article-body {
    
}

#wrapper .com-content-category-blog .page-header {
    display: none;
}

#wrapper .blog-item .tck-article-body p {
    line-height: 3.9375rem;
    font-size: 2.625rem;
    letter-spacing: 0.5px;
    margin: 0;
    display: block;
    width: auto;
    break-inside: auto;
    color: #0F0505;
}
/*
#wrapper .blog-item .tck-article-body p:last-of-type {
    padding-top: 1rem;
}
*/
#content-modules-wrapper > .inner,
#content-modules-row {
    padding: 0;
}

#wrapper .smoo-grid-col .blog-item .item-image .tck-article-body {
    display: none;
}

#first-content > .inner {
    /*padding: 6rem 6rem 7rem !important;*/
    padding: 8rem 6rem 4rem !important;
    height: 100%;
    display: flex;
    align-items: center;
}

#first-content {
    /*height: 100%;*/
    position: relative;
}

section#first-content-row {
    padding-top: 0;
    display: block;
    width: 100%;
}

#first-content-rowcolumn1 {
    width: 100%;
}

#first-content > .inner {
    height: 100%;
}

#first-content .tck-module.tck-module-text {
    height: 100%;
}

#first-content .mod-custom {
    display: flex;
    justify-content: space-between;
    height: calc( 100vh - 12rem - 100px );
    flex-wrap: wrap;
    flex-direction: column;
    /*padding-bottom: 4rem;*/
}

#first-content .smoo-page-title-hero {
    display: flex;
    align-items: center;
}

#first-content .mod-custom h1 {
    font-size: 10.5rem;
    line-height: 10.5rem;
    letter-spacing: -2px;
    overflow: hidden;
    /*width: 60%;*/
    padding-top: 2rem;
}

#first-content .mod-custom h1 span {
    display: block;
}

#first-content .mod-custom .smoo-page-title-desc {
    border: 1px solid #FFFCF8;
    padding: 2rem 3rem;
    border-radius: 0.375rem;
    /* box-shadow: rgba(11, 37, 54, 1) 0.5rem 0.5rem 0; */
    box-shadow: rgba(153, 48, 21, 1) 0.5rem 0.5rem 0;
    opacity: 0;
    visibility: hidden;
    width: 40%;
    height: fit-content;
}

#first-content .mod-custom p {
    line-height: 3rem;
    font-size: 1.3125rem;
    letter-spacing: 0.5px;
}

#first-content .mod-custom p:nth-of-type(1) {
    padding-top: 0;
}

#first-content .mod-custom .smoo-down-btn {
    width: 100%;
}

#content-modules .smoo-band-1 {
    min-height: 2.5rem;
    background: #993015;
    /*background: #0B2536;*/
    /*background: #F4991D;*/
}

#content-modules .smoo-band-2 {
    min-height: 4rem;
    background: #0B2536;
    /*background: #993015;*/
    /*background: #F4991D;*/
}

#content-modules .smoo-band-text {
    display: flex;
    letter-spacing: 0.5px;
    margin: 0;
    color: #FFFCF8;
    padding: 0 2rem 1rem 0;
    text-decoration: none;
    font-weight: normal;
    line-height: 1.5rem;
    font-size: 2rem;
    font-family: Fjalla One;
    overflow: hidden;
    justify-content: flex-end;
    text-transform: uppercase;
    min-height: 5.5rem;
    align-items: flex-end;
    background: #993015;
    /*background: #0B2536;*/
    /*background: #F4991D;*/
}

#content-modules .smoo-band-2 > div {
    /* background: url(image-de-secours.png); */
    background-image: url(/images/logo-04.svg);
    width: 4rem;
    height: 4rem;
    display: block;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center left;
    margin-left: 2rem;
}

#content-modules .smoo-band-text-inner {
    /*width: 100%;*/
    width: max-content;
}

#insta ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    /* align-items: center; */
    /*width: calc( 80 / 100 * ( 100% - 0px - ( 2 * 0px ) ) );*/
    width: 100%;
    overflow: hidden;
}

#insta ul a {
    text-decoration: none;
    position: relative;
    width: 100%;
    display: inline-block;
    cursor: initial;
}

#insta ul a:hover .smoo-articles-category-hover-container {
    opacity: 1;
    color: #FFFCF8;
}

#insta ul a:hover .mod-articles-category-introtext {
    color: #FFFCF8;
}

#insta ul a:hover .smoo-articles-category-text-container {
    color: #FFFCF8;
    opacity: 0;
}

#insta ul li {
    display: flex;
    list-style-type: none;
    /* width: calc(80 / 100*(100% - 0px -(2* 0px))); */
    /*width: calc(100% + 2px);*/
    width: 25%;
    flex-shrink: 0;
    margin-right: 4rem;
}

#insta-row h1 {
    color: #0F0505;
    padding-bottom: 6rem;
    width: max-content;
}

#insta .smoo-articles-category-img-container {
    position: relative;
}

#insta .smoo-articles-category-img-container::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

#insta .smoo-articles-category-img-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: grab;
}

#insta .smoo-articles-category-text-container {
    display: flex;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.25s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#insta .smoo-articles-category-hover-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    background: rgba(15, 5, 5, 0.75);
    text-align: center;
    padding: 2rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#insta .smoo-articles-category-hover-container h2 {
    display: none;
}

#insta-row {
    background: #FFFCF8;
    padding-top: 0;
}

#insta-row > .inner {
    padding: 8rem 4rem !important;
}
/*
#insta-row::before {
    content: "";
    margin-left: -4rem;
    position: absolute;
    z-index: -1;
    width: calc(100% + 8rem);
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFCF8;
    padding-top: 8rem;
}
*/


#insta .smoo-insta-cta {
    margin-top: auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;
    padding-top: 6rem;
}

#insta .smoo-insta-cta a {
    text-decoration: none;
    border: 1px solid #FFFCF8;
    box-shadow: rgba(153, 48, 21, 1) 0.5rem 0.5rem 0;
    padding: 1.3125rem 2rem;
    border-radius: 0.375rem;
    text-align: center;
    background: #0B2536;
    margin: 0;
    color: #FFFCF8;
    font-weight: normal;
    line-height: 1rem;
    font-size: 1.3125rem;
    font-family: Fjalla One;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    transition: box-shadow 0.25s ease-in-out, background 0.25s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#insta .smoo-cta-right-arrow {
    line-height: 0;
    height: 1rem;
    padding-left: 1rem;
}

#insta .smoo-cta-right-arrow svg {
    width: 2.1875rem;
    height: 100%;
}

#insta .smoo-cta-right-arrow svg polygon {
    fill: #FFFCF8;
}

#insta .smoo-insta-cta a:hover {
    box-shadow: rgba(153, 48, 21, 1) 0 0 0;
    background: #233A4A;
}

.smoo-title-underline {
    border-bottom: 0.625rem solid #F4991D;
    display: block;
    width: 100%;
    padding-top: 1.25rem;
}



.smoo-modal-body .smoo-modal-body-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    background: #0B2536;
    overflow: auto;
    align-items: center;
    justify-content: center;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    padding: 4rem;
}




@media only screen and (max-width: 900px) {
    #wrapper .page-header {
        display: block;
    }
    #wrapper > .inner {
        padding: 4rem 4rem 4rem !important;
    }
    #wrapper .com-content-category-blog .page-header {
        display: block;
    }
    #wrapper .smoo-grid-col:first-child .blog-item:nth-of-type(1) {
        margin-bottom: 4rem;
    }
    #wrapper .blog-items {
        padding-top: 6rem;
    }
    #wrapper .item-image p {
        line-height: 2.625rem;
        font-size: 1.875rem;
        letter-spacing: 0;
    }
    #wrapper .blog-item .tck-article-body p {
        line-height: 2.625rem;
        font-size: 1.875rem;
        letter-spacing: 0;
    }
    #content-modules .smoo-band-text-inner {
        line-height: 2.25rem;
        text-align: center;
        padding: 0 2rem;
    }
    #content-modules .smoo-band-text {
        padding: 0;
        justify-content: center;
        align-items: center;
    }
    #insta .insta.tck-module {
        display: flex;
        flex-direction: column;
    }
    #insta-row h1 {
        align-self: center;
        width: auto;
        line-height: 6rem;
        text-align: center;
    }
    #insta-row h1 span {
        display: none;
    }
}





@media only screen and (max-width: 800px) {
    #wrapper .smoo-grid-col {
        width: calc((100% - 2rem) / 2);
    }
    #wrapper .blog-items {
        column-gap: 2rem;
    }
    #wrapper .item-image {
        padding-bottom: 2rem;
    }
    #wrapper .item-image:first-child {
        /*margin-bottom: 2rem;*/
    }
}





@media only screen and (max-width: 758px) {
    #insta ul li {
        margin-right: 2rem;
        width: 75%;
    }
    #insta .smoo-insta-cta {
        justify-content: center;
    }
    #insta .smoo-insta-cta {
        justify-content: center;
    }
}






@media only screen and (max-width: 600px) {
    #wrapper > .inner {
        padding: 2rem 2rem 4rem !important;
    }
    #wrapper .page-header h1 {
        font-size: 3rem !important;
        line-height: 4rem !important;
        padding-bottom: 2rem;
    }
    #wrapper .item-image p {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    #wrapper .blog-items {
        /*padding-top: 0;
        gap: 0;*/
        columns: 1 auto;
        padding-top: 0;
    }
    #wrapper .blog-item {
        margin-bottom: 0;
    }
    #wrapper .item-image:first-child {
        margin-top: 0;
        margin-bottom: 2rem;
    }
    #wrapper .item-image {
        /*width: calc((100% - 4rem) / 0);*/
    }
    #wrapper .item-image:last-child {
        padding-bottom: 2rem;
    }
    #wrapper .smoo-grid-col:last-child {
        padding-top: 0;
    }
    #insta-row {
        margin-top: 0;
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-right: 0;
        padding-left: 0;
        max-width: 100vw;
        margin-left: 0rem;
        margin-right: -2rem;
        justify-content: center;
    }
    #insta-row > .inner {
        padding: 0 !important;
    }
    #insta .smoo-insta-cta {
        padding-top: 4rem;
    }
    .smoo-cta-right-arrow {
        display: none;
    }
    #insta-row h1 {
        padding-bottom: 4rem;
        line-height: 2.625rem;
        font-size: 2.625rem;
        letter-spacing: 0.25px;
    }
}



@media only screen and (max-width: 524px) {
    #insta .smoo-insta-cta a {
        line-height: 2rem;
        padding: 0.875rem 1.5rem;
    }
    #content-modules .smoo-band-text {
        font-size: 1.75rem;
    }
    #content-modules .smoo-band-text-inner {
        line-height: 2rem;
    }
    #insta-row .flexiblecolumn {
        width: 100% !important;
        float: none;
    }
    #insta {
        height: auto !important;
    }
    #insta .smoo-insta-cta a {
        line-height: 2rem;
        padding: 0.875rem 1.5rem;
    }
    .smoo-insta-cta a span {
        font-size: 1.125rem !important;
        line-height: 2rem !important;
    }
    #wrapper > .inner {
        padding: 2rem 2rem 2rem !important;
    }
}




@media only screen and (max-width: 400px) {
    #content-modules .smoo-band-text {
        font-size: 1.5rem;
    }
    #content-modules .smoo-band-text-inner {
        padding: 1rem;
    }
}