.post-listing-container {
    display: flex;
    align-items: flex-start;
}

.filter-sidebar {
    width: 25%; /* Adjust as needed */
    padding-right: 20px;
}

.post-listing-content {
    width: 75%; /* Adjust as needed */
}

.post-item {
    display: flex;
    margin-bottom: 20px;
}

.post-image {
    width: 100%; /* Adjust as needed */
    margin-right: 20px;
}

.post-content {
    width: 70%;
}

.post-title {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.post-meta {
    color: #777;
    font-size: 0.9em;
    margin-bottom: 10px;
}

.body {
    margin-top: 10px;
}

.action .btn-inline {
    color: #007bff;
    text-decoration: none;
}


/********** by souad *********************************************/
/*********** Rubrique mediatheque page actualite ***********/

/**** for vue media **********/

#edit-field-categorie-de-mediatheque-target-id .js-form-item{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
       
}
.js-form-item .form-checkbox {
    margin-right: 10px; /* Ajouter de l'espace entre la case à cocher et le texte */
}

.js-form-item .option {
    font-size: 16px; /* Taille de texte personnalisée pour les labels */
}
/*****/
#views-exposed-form-vue-media-block-1 > div.js-form-item.form-item.js-form-type-textfield.form-item-keys.js-form-item-keys.form-no-label > h3{
    display:none;
    
}

.js-form-item.form-item.js-form-type-textfield.form-item-created.js-form-item-created {
    font-size: 16px;
   
}

fieldset#edit-field-categorie-de-mediatheque-target-id--wrapper {
    margin-top: 20px;
}


input#edit-submit-vue-media {
    float: right;
    background-color: transparent;
    border: 3px solid #891618;
    color: gray;
    font-size: 15px;
    font-weight: 600;
    padding: 11px 20px;
}

form#views-exposed-form-vue-media-block-1 {
    background-color: #EFEFEF;
    padding: 22px 20px;
    width: 30%;
    height: 100%;
}
 .js-form-item.form-item.js-form-type-textfield.form-item-keys.js-form-item-keys input#edit-keys{
    left: 27%;
    top: 0%;
}



.media-card p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    overflow: hidden;
    line-height: 1.5rem;
}

.js-form-item.form-item.js-form-type-textfield.form-item-keys.js-form-item-keys.form-no-label {
    padding-bottom: 0px !important;
} 



/****************************************************************/

/*** for vue posts **********/

form#views-exposed-form-copie-de-vue-media-block-1 {
    background-color: #EFEFEF;
    padding: 22px 20px;
    width: 25%;
    /*width: 30%;*/
    height: 100%;
}
#views-exposed-form-copie-de-vue-media-block-1 > div.js-form-item.form-item.js-form-type-textfield.form-item-keys.js-form-item-keys.form-no-label > h3{
    display:none;
    
}
input#edit-submit-copie-de-vue-media {
    float: right;
    background-color: transparent;
    border: 1px solid #891618;
    color: gray;
    font-size: 15px;
    font-weight: 600;
    padding: 11px 20px;
    margin-top: 30px;
}

form#views-exposed-form-copie-de-vue-media-block-1 {
    background-color: #EFEFEF;
    padding: 22px 20px;
    width: 25%;
    height: 100%;
}

div#edit-field-post-category-target-id .js-form-item{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
       
}


.pg-act-med form .form-item label{
    font-weight: 400;
}

.pg-act-med fieldset#edit-field-post-category-target-id--wrapper {
    margin-top: 20px;
    width: 100%;
}

.pg-act-med .publications-solr footer{
    bottom: -2%;
    right: 60%;
}

/****** page communiquer de presse ********/ 

.title-solr-com {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 10px;
    text-align:justify;
}

form#views-exposed-form-communiquer-de-presse-block-1 {
    background-color: #EFEFEF;
    padding: 22px 20px;
    width: 25%;
    height: 100%;
}

fieldset#edit-field-categorie-de-communique-de-target-id--wrapper {
    margin-top: 20px;
}

.pg-compress h3.title-forme {
    display:none;
}

.pg-compress div#edit-actions {
    margin-top: 30px;
}

input#edit-submit-communiquer-de-presse {
    float: right;
    background-color: transparent;
    border: 1px solid #891618;
    color: gray;
    font-size: 15px;
    font-weight: 600;
    padding: 11px 20px;
}

input#edit-reset-communiquer-de-presse {
    padding: 11px 15px;
    color: #f0f0f0;
    background-color: #891618;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

.compress-content {
    background-color: white;
    padding: 20px;
    margin-bottom: 15px;
}
.pg-compress div#content-ftxt{
    padding-right: 20px;
    align-items: center;
}
.pg-compress .compress-content img{
    max-width: 60%;
} 

.pg-compress .js-form-item.form-item.js-form-type-textfield.form-item-keys.js-form-item-keys input#edit-keys{
    width: 72% !important;
    left: 27%;
  }

.pg-compress button.subm-search{
    top:15px;
    right:1%;
  }
  
.pg-compress .asc-desc {
    right: 1%;
    top: 3px;
  }

div#edit-field-categorie-de-communique-de-target-id-1 .js-form-item.form-item{
    display:flex;
} 

.pg-compress footer{
    bottom: -7%;
    right: 59% !important;
}

.pg-compress .js-form-item.form-item.js-form-type-select.form-item-items-per-page.js-form-item-items-per-page {
    top: 65px;
    left: 38%;
    position: absolute;
    display: flex;
    width: 10rem;
}

.pg-act-med .js-form-item.form-item.js-form-type-textfield.form-item-keys.js-form-item-keys input#edit-keys{
    left: 27% !important;
    width: 73.5%;
}
.pg-act-med button.subm-search{
    top: 15px;
    right: 0%;
}

.pg-act-med .asc-desc {
    right: 0%;
    top: 0.2%;
}

.pg-compress select#edit-sort-order {
    padding: 5px 11px 5px 0px;
}

/*
.pg-act-med .js-form-item.form-item.js-form-type-select.form-item-items-per-page.js-form-item-items-per-page {
    top: 65px;
    left: 38%;
}

.pg-act-med .js-form-item.form-item.js-form-type-select.form-item-sort-order.js-form-item-sort-order {
    position: absolute;
    top: 65px;
    left: 26%;
}
*/
/*** rubrique media button de filtre ****/
input#edit-reset {
    background-color: #891618;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 13px 20px;
}

/*** page mediatheque ***/
.el-29558753 {
    margin-left: 27%;
}
nav.portfolio-filter.portfolio-filter2 {
    background-color: #EFEFEF;
    padding: 22px 15px;
    left: -41% !important;
    top:auto !important;
}
.portfolio-filter.portfolio-filter2 ul.nav-tabs > li > a{
    width: 100%;
}
/*** content mediatheque ***/ 
.portfolio-one__content-inner {
    left: 0px !important;
    right: 0px !important;
    /*padding: 15px !important;
    height: 40%;*/
    padding: 5px 15px !important;
    height: 42%;
}
 

.pg-mediatheque fieldset#edit-created-wrapper--2 legend {
    display: none;
}

.js-form-item.form-item.js-form-type-textfield.form-item-created-min.js-form-item-created-min, .js-form-item.form-item.js-form-type-textfield.form-item-created-max.js-form-item-created-max {
    background: #f7f7f7 !important;
    width: 225px;
}

.pg-mediatheque .js-form-item.form-item.js-form-type-textfield.form-item-created-min.js-form-item-created-min label:after{
    visibility: visible;
    content: 'Début';
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 0;
    margin-top: 6px;
}
.pg-mediatheque .js-form-item.form-item.js-form-type-textfield.form-item-created-max.js-form-item-created-max label:after{
    visibility: visible;
    content: 'Fin';
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 0;
    margin-top: 6px;
}
.pg-mediatheque input#edit-reset {
    border-radius: 5px;
    margin-left: 10px;
}

/**** menu les pages contient sous menu ********/
.pg-act-med #block-notech-subtheme-medias > div.block-content > ul{
    margin-left: -3%;
}
/*
.pg-compress #block-notech-subtheme-medias > div.block-content > ul{
    margin-left: -3%;
}*/

input#edit-created-max, input#edit-created-min{
    width: 100%;
}

.gsc-column.el-99787819.col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    padding-right: 0px;
    padding-left: 0px;
}


/***** page d'accueill view  les capsules *********/
.block_capsul {
    
    background-color: #E4E5E5; /*#f1f1f1 Light grey background */
    padding: 20px;
    /*border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    max-width: 400px; /* Optional width */
    cursor: pointer;
    border-radius: 5px;
   
}
@media only screen and (min-width: 1024px) {
    .block_capsul {
        height: 170px;
    }
    
}

.block_capsul .row.mb-2 .col-md-6,
.block_capsul .row.mb-2 .col-12 {
    font-size: 14px;
    color: #333;
}
.block_capsul h5.title {
   /* height: 90px;*/
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*padding-left: 10px;
    margin-top: 20px;*/
}

.block_capsul .col-md-10 {
    padding-right: 0;
}
.block_capsul .col-md-10 p{
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block_capsul h5.title a{
    font-weight: 600;
    font-size: 18px;
    color: #313131;
    margin: 10px 0;
}

.block_capsul p {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

.block_capsul .btn-cap {
    border-color: #ccc;
    background-color: white;
    color: #891618; 
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1.62px solid #63686966;
    /*border-color: #ccc;
    background-color: #c9b198;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1.62px solid #c9b198;*/
}

.block_capsul .btn-cap:hover {
    /*background-color: #fff; /* Red background on hover */
   /* color: #891618 ;*/
    background-color: #891618;
    color: #fff;
}

.block_capsul:hover a.btn-cap{
    background-color: #891618;
    color: #fff;
}

.block_capsul .plus-cap a {
    display:flex;
    color: #891618;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    justify-content: flex-end;
    text-decoration: underline;
}

.block_capsul .plus-cap a:hover {
    text-decoration: underline;
}

.car-cap .init-carousel-owl .owl-item > .item{
    padding-left:10px;
    padding-right:10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 95%;
}

.car-cap .init-carousel-owl .owl-item > .item::before{
    content: "";
    position: absolute;
    top: 29px; /* Adjust to control vertical offset */
    right: 53px; /* Adjust to control horizontal offset */
    width: 86%;
    height: 84%;
    background-color: #F6F5F1; /*#891618 Lighter shade for the "shadow" layer */
    z-index: -1; /* Ensures it stays behind the main block */
    border-radius: 5px;
 }

.block_capsul:hover {
    /*background-color:#891618;*/
     transition: background-color 0.5s ease, color 0.5s ease;
   
}
.block_capsul:hover h5.title a{
   /*color:#fff;*/
     transition: background-color 0.5s ease, color 0.5s ease;
     
}
.owl-carousel .owl-stage-outer{
    margin-left: 10px;
}


.play-ic {
    margin-top: -55px !important;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

span.icon.fas.fa-play {
    /*border-color: #ccc;
    background-color: #c9b198;
    color: #ffff;
    background-color: #fff;
    color: #891618;
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 50%;
    border: 1.62px solid #c9b198;*/
    border-color: #ccc;
    background-color: white;
    color: #891618; 
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1.62px solid #63686966;
    font-size: 20px;
    
    
}


/*** actualites internationales ***/ 
/**** for delete display none to filtre ***/ 
.pg-act-int .js-form-item.form-item.js-form-type-select.form-item-sort-by.js-form-item-sort-by{
    display: none;
}

.pg-act-int select#edit-sort-by {
    border: none;
    box-shadow: none;
    padding: 5px 35px 5px 5px;
}


.pg-act-int #views-exposed-form-copie-de-vue-posts-block-1 > div.js-form-item.form-item.js-form-type-select.form-item-sort-by.js-form-item-sort-by > label {
    display: none;
}


/*.pg-act-int .js-form-item.form-item.js-form-type-select.form-item-sort-by.js-form-item-sort-by {
    position: absolute;
    top: 0%;
    left: 26%;
}*/

form#views-exposed-form-copie-de-vue-posts-block-1 {
    background-color: #EFEFEF;
    padding: 20px 20px;
    width: 25%;
    height: 100%;
}

.pg-act-int span.select2-selection.select2-selection--single {
    height:40px;
    padding-top: 5px;
}

.pg-act-int .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    border: 1px solid;
    border-bottom-right-radius: 5px;
}

.pg-act-int .select2-container .select2-selection--single .select2-selection__rendered{
    padding-right: 40px;
}
/*.pg-act-int .publications-solr .view-content-wrap{
    margin-top: 5%;
}*/

.pg-act-int .publications-solr footer{
    right: 60%;
}



input#edit-reset-copie-de-vue-media {
    padding: 11px 15px;
    color: #f0f0f0;
    background-color: #891618;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
    margin-top: 30px;
}
input#edit-reset-copie-de-vue-posts {
    padding: 11px 15px;
    color: #f0f0f0;
    background-color: #891618;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
    margin-top: 30px;
}

input#edit-reset-publication-solr {
    padding: 11px 15px;
    color: #f0f0f0;
    background-color: #891618;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}


/*** filltre ordre ****/ 

.js-form-item.form-item.js-form-type-select.form-item-sort-order.js-form-item-sort-order {
    position: absolute;
     top: 65px;
     left: 26%;
 }
 
 .js-form-item.form-item.js-form-type-select.form-item-sort-order.js-form-item-sort-order label{
     display:none;
 }
 
 select#edit-sort-order {
    padding: 5px 35px 5px 15px;
    box-shadow: none;
    border: none;
 }


 .form-select{
    background-color: #f7f7f7 !important;
    /*background-image: none;
    appearance: auto;*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23891618' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

 }

 .js-form-item.form-item.js-form-type-select.form-item-items-per-page.js-form-item-items-per-page {
    top: 65px;
    left: 38%;
    position: absolute;
    display: flex;

}

select#edit-items-per-page {
    margin-right: -60px;
    width: 55px;
    border: none;
    box-shadow: none;
}

.js-form-item.form-item.js-form-type-select.form-item-items-per-page.js-form-item-items-per-page label {
    font-weight: 400;
}

/*** page Actualites ****/ 
/*- filtre select- */
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    font-size: 12px;
}

.pg-act-int button.subm-search {
    top: 15px;
    right: 1%;
}

.pg-act-int .js-form-item.form-item.js-form-type-textfield.form-item-keys.js-form-item-keys input#edit-keys{
    width: 71%;
    left: 28%;
}
.pg-act-int .asc-desc {
    right: 1%;
    top: 0.2%;
}
.pg-act-int select#edit-sort-order{
    padding: 5px 11px 5px 15px
}
.pg-act-int .js-form-item.form-item.js-form-type-select.form-item-items-per-page.js-form-item-items-per-page {
    width: 9rem;
}

.pg-act-med select#edit-sort-order{
    padding: 5px 11px 5px 0px;
}

.pg-act-med .js-form-item.form-item.js-form-type-select.form-item-items-per-page.js-form-item-items-per-page{
    width: 10rem;
}
.pg-act-med select#edit-items-per-page {
    margin-right: -60px;
    width: 55px;
}

/*
.pg-mediatheque .body-page select{
    width: 270px;
}*/

.no-sorting .asc-desc{
    display: none;
}


@media (min-width: 481px) and (max-width: 1024px) {
    :lang(fr) .counter-section::before {
        content: '' !important;
        position: absolute !important;
        left: 5% !important;
        top: 50% !important;
        width: 90% !important;
        height: 1px !important;
        background-color: rgba(255, 255, 255, 0.8) !important;
    }
    :lang(fr) .counter-section::after {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        top: 5% !important;
        height: 90% !important;
        width: 1px !important;
        background-color: rgba(255, 255, 255, 0.8) !important;
    }
}

@media (min-width: 600px) and (max-width: 1024px) {
    :lang(en) .counter-section::before{
        content: '' !important;
        position: absolute !important;
        left: 5% !important;
        top: 50% !important;
        width: 90% !important;
        height: 1px !important;
        background-color: rgba(255, 255, 255, 0.8) !important;
    }
    :lang(en) .counter-section::after{
        content: '' !important;
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        top: 5% !important;
        height: 90% !important;
        width: 1px !important;
        background-color: rgba(255, 255, 255, 0.8) !important;
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    :lang(tfi) .counter-section::before{
        content: '' !important;
        position: absolute !important;
        left: 5% !important;
        top: 50% !important;
        width: 90% !important;
        height: 1px !important;
        background-color: rgba(255, 255, 255, 0.8) !important;
    }
    :lang(tfi) .counter-section::after {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        top: 5% !important;
        height: 90% !important;
        width: 1px !important;
        background-color: rgba(255, 255, 255, 0.8) !important;
    }
}

@media (max-width: 599px) {
    :lang(en) .counter-item {
        flex: 0 0 100% !important;
        margin-bottom: 10px !important;
        padding: 15px 10px 20px 10px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    }
}

@media(max-width: 1349px) and (min-width: 1024px) {
    :lang(en) .el-60029078 {
        width: 100% !important;
    }
    :lang(en) .el-60029078 {
        width: 100% !important;
    }
}

@media (min-width: 600px) {
    :lang(en) .pub-acc .owl-item {
        width: 19.8% !important;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    :lang(en) .el-73558147 .owl-item, :lang(tfi) .el-68136794 .owl-item  {
        width: 17% !important;
    }
}

:lang(en) .sib-form {
    width: 90% !important;
}

:lang(en) #footer .el-23181196 .bb-inner{
    margin:20px !important;
}

.el-22716340{
    padding: 0 !important;
    margin: 0 !important;
}

#sib-container{
    max-width: inherit !important;
}

@media (max-width: 599px) {
    .el-41906287 > .bb-inner {
        margin-right: 0px !important;
        margin-left: 20px !important;
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .el-41906287 > .bb-inner{
        margin-left: 0px !important;
    }
}

.el-48368545 .row-wrapper {
    width: 100%;
}

@media (max-width: 400px) {
    .ic-right > div > div > div > div.iconbox-two__icon-inner {
        background: transparent;
        top: -22px !important;
    }
}

.el-40598447 {
    display: inline !important;
}

.el-52042873 * {
    height: 100%;
}

:lang(en) .divider {
    width: 1.5px !important;
    background-color: rgb(255 255 255) !important;
    margin: inherit !important;
}

@media (min-width: 1200px) {
    #header .navigation .gva_menu > li > a {
        font-weight: 600;
        padding: 9px !important;
        margin: 0;
    }
}