/* Specifications page */
.specifications-tabs {
    margin: 3.5rem 0 4rem 0;
    color: var(--dark-gray);
    position: relative;
}
.specifications-tabs .carousel-inner {
    top: 52px;
}
#carouselSpecificationsTabsControls .carousel-control-prev .fas,
#carouselSpecificationsTabsControls .carousel-control-next .fas {
    font-size: 1.5rem;
    color: var(--dark-gray);
}
.specifications-tabs .carousel-indicators {
    top: 0;
    bottom: unset;
    border-top: 1px solid var(--blue-color);
    margin: 0;
    height: 48px;
}
.specifications-tabs .carousel-indicators li {
    font-size: 1rem;
    text-transform: uppercase;
    text-indent: unset;
    height: auto;
    width: 33.33%;
    text-align: center;
    opacity: 1;
}
.specifications-tabs .carousel-indicators li.active {
    font-weight: bold;
    font-family: 'EBGaramond';
}
.specifications-tabs .carousel-indicators-group .carouselSpecificationsTabsSlider {
    width: 0%;
    transition: left .25s;
    position: absolute;
    background: var(--blue-color);
    left: 0;
    top: 0px;
    height: 4px;
    z-index: 10;
}
.tab.carousel-item-content {
    min-height: 400px;
    margin-top: 5.5rem;
    margin-bottom: 4rem;
}
.specifications-tabs .column-box {
    background: var(--light-gray);
    padding: 1rem 2rem;
    height: 7rem;
}
.specifications-tabs .column-name {
    color: var(--blue-color);
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'EBGaramond';
}
.specifications-tabs .column-description {
    margin-top: 1rem;
    color: var(--dark-gray);
    font-size: 0.8rem;
}
.specifications-tabs .column-info {
    padding-top: 1.7rem;
    margin-bottom: 0;
    color: var(--dark-gray);
    font-size: 0.8rem;
    height: 4rem;
    overflow: hidden;
}
.specifications-tabs .label-colorimetry {
    color: var(--blue-color);
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'EBGaramond';
    padding-top: 1.5rem;
    /* margin-bottom: 1.7rem; */
    text-align: right;
    height: 4rem;
}
.specifications-tabs .line-name {
    color: var(--dark-gray);
    font-size: 0.8rem;
    text-align: right;
    padding-top: 0.7rem;
    /* padding-bottom: 0.5rem; */
    height: 2.5rem;
}
.specifications-tabs .parent-line {
    color: var(--blue-color);
    font-size: 0.9rem;
    text-align: right;
    padding-top: 1.4rem;
    /* padding-top: 0; */
    /* padding-bottom: 0.5rem; */
    height: 3.5rem;
    font-weight: bold;
    font-family: 'EBGaramond';
}
.specifications-tabs .empty-line{
    background: var(--dark-gray);
    height: 0.3rem;
    width: 100%;
    margin-top: 6.7rem;
}
.specifications-tabs .no-file {
    /* margin-top: 1.5rem; */
    /* margin-bottom: 0.5rem; */
    background: var(--blue-color);
    height: 0.3rem;
    width: 100%;
}
.specifications-tabs .column-file{
    /* display: flex; */
    /* justify-content: left; */
    /* align-items: center; */
    /* padding-top: 2rem; */
    /* padding-bottom: 0.5rem; */
    height: 2.5rem;
    /* align-items: center; */
    /* background: green; */
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}
.specifications-tabs .column-parent{
    /* display: flex; */
    /* justify-content: left; */
    /* align-items: center; */
    padding-top: 2rem;
    /* padding-bottom: 0.5rem; */
    height: 3.5rem;
    /* align-items: center; */
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}
.specifications-tabs .file-container {
    display: flex;
    align-items: center;
    height: 2rem;
    padding-top: 0.7rem;
}
.specifications-tabs .file-format {
    font-size: 0.8rem;
    text-transform: uppercase;
    /* position: relative; */
    /* padding-left: 3rem; */
    /* height: 4rem; */
}
.specifications-tabs .file-line {
    height: 1px;
    background: #331f59;
    width: 1rem;
    margin: 0 0.5rem 0 1rem;
}
#carouselColumnControls .carousel-control-prev .fas,
#carouselColumnControls .carousel-control-next .fas {
    font-size: 1.5rem;
    color: #f9b112;
    border: red 1px solid;
}
.specifications-tab1-yellow-bg {
    background: var(--cream-color);
}
.specifications-tab1 .view1 {
    margin-bottom: 1rem;
}
.specifications-tab1 .view-documents-page {
    margin-bottom: 2rem;
}

/* Tarifs */
#vbp-96.paragraph--type--title {
    padding-top: 5rem;
}
#vbp-98.paragraph--type--bp-view {
    padding-top: 2rem;
}
#vbp-100 > .row > .col-12,
#vbp-92 > .row > .col-12 {
    background: #f9b112;
    padding: 0 6rem;
}
#vbp-99 {
    margin-bottom: none;
    padding-bottom: 2rem;
}
#vbp-92 .text {
    font-size: 1rem;
    font-weight: bold;
    font-family: 'EBGaramond';
    width: 17rem;
    margin: auto;
}
#vbp-92 .file-link {
    color: #fff;
    background: transparent;
    border: 4px solid #fff;
    height: 1.5rem;
    width: 1.5rem;

}
#vbp-92 .file-link-container {
    position: relative;
}
#vbp-92 .file-link.downloaded {
    animation-name: downloaded-white;
}
#vbp-92.paragraph--type--bp-columns .image {

}
#vbp-92.paragraph--type--bp-columns .text{

}
@media (min-width:992px) {
	.view-documents-tarifs-cgv .field-content,
	.view-documents-tarifs-cgv .views-field,
	.view-documents-tarifs-cgv .views-row.document-item {
		display: flex;
	}
	.view-documents-tarifs-cgv .views-field,
	.view-documents-tarifs-cgv .field-content,
	.view-documents-tarifs-cgv .document-teaser-small-container {
		width: 100%;
	}
}
.view-documents-tarifs-cgv {
    margin-bottom: 4rem;
}
.red .view-documents-tarifs-cgv .logo-brand {
    border-right-color: var(--red-color);
}
.light-red .view-documents-tarifs-cgv .logo-brand {
    border-right-color: var(--light-red);
}
.blue .view-documents-tarifs-cgv .logo-brand {
    border-right-color: var(--blue-color);
}
.yellow .view-documents-tarifs-cgv .logo-brand {
    border-right-color: var(--yellow-color);
}
.light-blue .view-documents-tarifs-cgv .logo-brand {
    border-right-color: var(--light-blue);
}
.light-gray .view-documents-tarifs-cgv .logo-brand {
    border-right-color: var(--light-gray);
}
.dark-gray .view-documents-tarifs-cgv .logo-brand {
    border-right-color: var(--dark-gray);
}
.view-documents-tarifs-cgv .logo-brand {
    border-right: 2px solid #f9b112;
    margin-right: 2rem;
    height: 100%;
    padding: 0;
}
.view-documents-tarifs-cgv .logo-brand .text-teaser-view-mode {
    margin: 0;
}
.view-documents-tarifs-cgv .logo-brand img{
    width: 80%;
    height: 2.5rem;
    object-fit: contain;
    object-position: left;
}
.view-documents-tarifs-cgv .document-teaser-small-container {
    margin-top: 0;
    margin-bottom: 2rem;
    min-height: 4rem;
    padding-right: 2.5rem;
}
.view-documents-tarifs-cgv .col-8 > .row > .document-item:last-child .document-teaser-small-container{
    margin-bottom: 0;
}
.view-documents-tarifs-cgv .node--type-brand.node--view-mode-teaser-small img {
    width: 70%;
    height: 5rem;
    margin: 0 auto;
}
.document-item-grey .document-teaser-small-container {
    background: #f0f0f0;
}
#vbp-93 > .container {
    margin-bottom: 1rem;
    padding-left: 0;
}
#vbp-96 > .container {
    padding-left: 0;
}
.view-documents-tarifs-cgv {

}
.view-documents-tarifs-cgv .file-link:hover{
    color: #fff;
}
@keyframes downloaded-white {
    0% {
        opacity: 0;
        background: #fff;
        color: #331f59;
    }
    20% {
        opacity: 1;
        background: #fff;
        color: #331f59;
    }
    40% {
        opacity: 1;
        background: #fff;
        color: #331f59;
    }
    100% {
        opacity: 1;
        background: transparent;
        color: #331f59;
    }
}
#vbp-92 .file-link-line {
    height: 4px;
    width: 1rem;
    background: #fff;
    margin-right: 0.5rem;
    position: absolute;
    left: -1rem;
}
#vbp-92 .file-link-container {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}
#vbp-92 .file-link:hover {
    color: #331f59;
    background: #fff;
}
.view-display-id-block_2 .views-exposed-form {
    margin-bottom: 3rem;
}
.view-display-id-block_2 .js-form-item {
    width: 33.333%;
}
.view-display-id-block_2 .form-row > .js-form-item:first-child {
    padding-right: 1rem;
}
.view-display-id-block_2 .form-row > .js-form-item:nth-child(2) {
    padding-right: 1rem;
    padding-left: 1rem;
}
.view-display-id-block_2 .form-row > .js-form-item:nth-child(3) {
    padding-left: 1rem;
}
.document-dark .document-teaser-small-container {
    background: var(--light-gray);
    color: var(--dark-gray);
}
.document-dark .file-link {
    background: transparent;
    height: 1.7rem;
    width: 1.7rem;
}
.document-dark .file-link:hover {
    color: #fff;
}


@media (max-width: 992px) { 
    .view-display-id-block_2 .js-form-item {
        width: 100%;
        padding-right: 0!important;
        padding-left: 0!important;
        margin-bottom: 2rem;
    }
    #vbp-92 > .row > .col-12 {
        padding: 1rem;
    }
    .view-documents-tarifs-cgv .logo-brand {
        margin-right: 0;
        height: 100%;
        padding: 0.3rem;
    }
    .view-documents-tarifs-cgv .document-item {
        padding: 0;
    }
    #vbp-100 > .row > .col-12 {
        padding: 1rem;
    }
    #vbp-99 {
        padding-bottom: 0;
        padding-top: 1rem;
    }
    #vbp-92 .paragraph--type--element-text-image-home .image picture {
        padding-left: 0;
    }
    #vbp-92 .paragraph--type--element-text-image-home .image {
        padding: 0 0;
        text-align: center;
    }
    .tab.carousel-item-content {
        margin-bottom: 0rem;
        margin-top: 0;
    }
    .specifications-tabs .carousel-indicators li {
        font-size: 0.7rem;
        text-transform: uppercase;
        text-indent: unset;
        height: auto;
        width: auto;
        text-align: center;
        opacity: 1;
        padding: 0 0.7rem;
    }
    .specifications-tabs .carousel-indicators {
        overflow-x: scroll;
        overflow-y: hidden;
        /* white-space: nowrap; */
        justify-content: flex-start;
        width: 100%;
        height: auto;
        top: -2rem;
    }
    .specifications-tabs {
        margin: 3.5rem 0 7rem 0;
    }
    #carouselSpecificationsTabsControls .carouselSpecificationsTabsSlider {
        display:none;
    }
    .specifications-tabs .column-box {
        padding: 0.8rem;
    }
    .specifications-tabs .column-name {
        font-size: 0.9rem;
        line-height: 0.9rem;
    }
    .specifications-tabs .column-description {
        font-size: 0.6rem;
        line-height: 0.9rem;
    }
    .specifications-tabs .label-colorimetry {
        font-size: 0.8rem;
    }
    .specifications-tabs .column-info {
        font-size: 0.8rem;
        line-height: 1rem
    }
    .specifications-tabs .line-name {
        font-size: 0.7rem;
    }
    .specifications-tabs .parent-line.line-name {

    }
    .specifications-tabs .column-file {
        /* align-items: center; */
        /* padding-top: 0.7rem; */
        /* padding-bottom: 0.5rem; */
        /* height: 4em; */
    }
    .specifications-tabs .no-file {

    }
    .specifications-tabs .file-container {
        /* height: 2rem;
        padding-top: 0rem; */
    }
}