/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

.place_formation {
    background: #8f9396;
}

.days_formation {
    background-color: var(--e-global-color-primary);
}

.place_days_formation {
    color: #fff;
    padding-left: 0;
}

.read_more {
    display: flex;
    align-items: center;
    justify-content: end;
}

.link-sidebar_pods span{
    float: right;
}
.description_formation {
    max-height: 200px;
    overflow: hidden;
    /* width: 68px; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.listing_membres {
    display: flex;
    flex-wrap: wrap;
}

/**
**add 
*/
.training-card {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}

.training-card:hover {
    transform: translateY(-5px);
}

.training-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.training-content {
    padding: 0 15px;
}

.training-content h3 {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
}

.training-description {
    font-size: 0.95em;
    color: #555;
    min-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.training-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #f8f9fa;
    border-top: 1px solid #ddd;
}

.training-meta span {
    font-size: 0.9em;
    color: #666;
    display: block;
}

.btn-read-more {
    background: #007bff;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 0.9em;
    text-decoration: none;
    transition: 0.3s;
}

.btn-read-more:hover {
    background: #0056b3;
}

.members-list-template-category .members-address-template a {
    color: var(--e-global-color-3790059) !important;
}

.members-list-template-category {
    margin-top: 50px;
    margin-bottom: 50px;
}
 
.single .titlebar {
    margin-bottom: 50px;
}

.formation-single .container{
    display: flex;
    flex-wrap: wrap;
}

.formation-single .training-detail-container {
    order: 2;
} 


.formation-single .elementor{ 
    width: 100%;
}

.single-formation form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {
    display: none;
}

.single-formation aside.lqd-main-sidebar {
    background: var(--e-global-color-3790059);
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.single-formation  .widget.widget_block{
    border: none;
    background: var(--e-global-color-3790059);
}
.single-formation .lqd-sidebar-container a.elementor-button.btn.btn-solid.btn-icon-shaped.btn-has-label {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-3790059);
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
    font-size: 15px;
}

.comments-area {
    margin-top: 50px;
}

.single-formation main#lqd-site-content, .single-formation div#wrap {
    background-color: #F7F7F7 !important;
}

.single-formation main#lqd-site-content{
    padding-bottom: 75px;
}
.content-single-membre p span{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: var(--e-global-color-primary);
}
.content-single-membre p span i{
    font-size: 14px;
    margin-right: 5px;    
   
}
.description-membre{
    padding-top: 15px;
    padding-bottom: 15px;
   

}
.interne_description{
     border-top: solid 1px #ccc;
     padding: 15px 0;
}
.content-single-membre .sociale_link i {
    font-size: 28px;
}

.lqd-breadcrumb-wrapper {
    text-align: center;
}
.lqd-breadcrumb-wrapper .breadcrumb-item a,.lqd-breadcrumb-wrapper .breadcrumb-item a:hover, .lqd-breadcrumb-wrapper .breadcrumb-item span,.breadcrumb>li:not(:last-child):after{
    color: var(--e-global-color-3790059);
} 

.liste-offre-demploie .offre-item {
    display: flex;
    background: var(--e-global-color-3790059);
    border-radius: 10px; 
}

.liste-offre-demploie .date {
    border-right: 1px solid var(--e-global-color-primary);
    display: flex;
    align-items: center;
    justify-content: center;  
}

.liste-offre-demploie span.date_annonce {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-3790059);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    padding-top: 10px;
}
.liste-offre-demploie .offre-item {
    padding: 30px;
}

.date_annonce span {
    display: block;
    width: 100%;
    text-align: center;
}

.liste-offre-demploie .title-offre a {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--e-global-color-primary);
    margin-bottom: 10px;
    display: block;
    transition: all 0.35s ease-in-out;
}

.liste-offre-demploie .title-offre a:hover {
    color: #000;
}

._societe-name {
    font-size: 18px !important;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: 700;
}

._info-offre-demploie a {
    font-size: 12px;
}

._info-offre-demploie ._societe-cat {
    margin: 5px 0;
}

._info-offre-demploie ._societe-adresse {
    font-weight: 700;
}

._description-offre-demploie p {
    font-size: 16px;
}

.liste-offre-demploie {
    padding: 20px;
    margin: 20px 0;
    background: #fff;
    border: 1px solid transparent;
}

.members-image-template:hover ._default{
   opacity: 0;
}
._footer-offre-demploie {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

._footer-offre-demploie  div.list-apropos-contrat {
    margin-right: 10px;
    background: rgb(247, 250, 252);
    padding: 5px 10px;
    border-radius: 10px;
}

._footer-offre-demploie div.list-apropos-contrat i {
    font-size: 10px;
    margin-right: 5px;
}

.single .lqd-contents {
    background: #fff;
    padding: 20px 35px;
    border-radius: 12px;
    margin-bottom: 30px;
}

.offres_demploi-template-default.single .lqd-contents ._footer-offre-demploie {
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(247, 250, 252);
    padding-top: 20px;
    margin-top: 0;
}

.apropos_contrat {
    display: flex;
    align-items: center;
}


._footer-offre-demploie a.elementor-button.btn.btn-solid.btn-icon-right {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-3790059);
    height: 42px;
}


.single .lqd-contents h4 {
    margin-bottom: 0 !important;
    font-size: 22px;

}

.formation-template-default .ld-fancy-heading h2 {
    margin: 0;
}


.single_post .lqd-contents {
    padding: 0;
}

.single_post .titlebar {
    margin: 0;
}

.thumb_single_extrait .fond_thumb {
    min-height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
}

.single_post .thumb_single_extrait {
    padding: 0;
}

.single_post .content_single {
    display: flex;
}

.content_single .lqd-sidebar-container {
    width: 100%;
}

.offres_demploi-template-default.single .lqd-contents .info-offre ._societe-cat,
.offres_demploi-template-default.single .lqd-contents .info-offre ._societe-adresse,
.single .lqd-contents li,
.single .lqd-contents  p {
    font-size: 16px;
    font-weight: 400;
}
  
  ._top-offre-demploie {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  
  ._head-offre-demploie {
    display: flex;
    margin-bottom: 20px;
  }
  
  ._head-offre-demploie ._logo-offre-demploie {
    flex: 0 0 15%;
  }
  
  ._head-offre-demploie ._info-offre-demploie {
    flex: 0 0 85%;
    padding: 0 20px;
  }
  
  ._top-offre-demploie {
      margin-bottom: 20px;
      border-bottom: 1px solid rgb(247, 250, 252);
  }
  
  ._info-offre-demploie a {
    display: block;
    width: 100%;
  }

.liste-offre-demploie:hover {
    border: 1px solid #0056a6;
}

.liste-offre-demploie .societe-name {
    font-size: 20px;
    font-weight: 700;
    color: var(--e-global-color-primary);
    margin-bottom: 10px;
    display: block;
}

.liste-offre-demploie .type-de-contrat {
    font-weight: 600;
    font-size: 15px;
}

.liste-offre-demploie .info-offre {
    padding-left: 25px;
}

.liste-offre-demploie .title-offre {
    margin-top: 0;
}

.liste-offre-demploie .offre-description {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lqd-mobile-sec .submenu-expander {
    top: calc(50% - 16px) !important;
}

.portfolio-style-one .thumb-zoom {
    overflow: hidden;
    border-radius: 10px 10px 0 10px;
    position: relative;
}

.portfolio-style-one .thumb-zoom img {
    transform: scale(1);
    transition: all 0.35s ease-in-out;
}

.portfolio-style-one:hover .thumb-zoom img {
    transform: scale(1.2);    
}

.portfolio-style-one .pf-item-info .content {
    border-radius: 10px;
}

.portfolio-style-one .pf-item-info h2 {
    display: block;
    padding: 30px;
    margin: 0;
    border: 1px solid #dddddd;
    border-radius: 0 0 10px 10px;
    border-top: none;
    min-height: 102px;
    transition: all 0.35s ease-in-out;
}

.portfolio-style-one .pf-tags {
    background: var(--color-primary);
    display: inline-block;
    padding: 9px 20px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 10px 10px 0 0;
    margin-left: 10%;
    position: absolute;
    bottom: 0;
    display: block;
}

.pf-item-info {
    padding-left: 10%;
}

.item-center {
    margin-bottom: 40px;
}

.portfolio-style-one .pf-item-info h2:hover {
    color: var(--color-primary);
}

.members-list-template-category{
    display: flex;
    flex-wrap: wrap;
}

.sidebar-widgets-outline .widget {
    background: #fff;
}

.file-offre{
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
}
/*
.single-offres_demploi .offre_demploie input{
    display: flex ;
    width: 100%;
    padding-inline-start: 2em;
    padding-inline-end: 2em;
    position: relative;
    border: 2px solid #d5d6de;
    background: 0 0;
    align-items: center;
    color: #b7b9c4;
    transition: all .3s;
    border-top: none;
    border-right: none;
    border-left: none;
    min-height: 50px;
}*/

.post-template-default.single .thumb_single_extrait {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.post-template-default.single ._subtitle {
    background-color: #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 1px;
    margin: 0em 0em 0em 0em;
    padding: 3px 10px;
}

.post-template-default.single .extrait > p{
    margin: 50px 0;
    font-size: 16px;
    line-height: 1.56em;
}

.post-template-default.single .extrait_content {
    padding: 0 50px;
}

.post-template-default.single .content_single {
    margin: 50px 0;
    flex-wrap: wrap;
}

.single-evenement .widget_mon_widget_personnalise_category {
    display: none;
}

.single.post-template-default .titlebar {
    margin: 0 !important;
}

._inscription-evenement input {
    height: 50px;
}

._inscription-evenement,
._inscription-formation,
.offre_demploie {
    margin-top: 50px;
}

._inscription-evenement input,
._inscription-evenement textarea,
._inscription-formation input,
._inscription-formation textarea,
.offre_demploie input,
.offre_demploie textarea,
.single-membre input,
.single-membre textarea {
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    border-width: 2px;
    border-color: #d5d6de;
    background: transparent !important;
}

/*._inscription-evenement input:focus,
._inscription-evenement textarea:focus,
._inscription-formation input:focus,
._inscription-formation textarea:focus,
.offre_demploie input:focus,
.offre_demploie textarea:focus,
.single-membre input:focus:focus,
.single-membre textarea:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    border-bottom: 2px solid #d5d6de !important;
}*/

._inscription-evenement input.btn.btn-primary,
._inscription-formation input.btn.btn-primary,
.offre_demploie input.wpcf7-submit,
.single-membre input.btn.btn-primary {
    font-family: "Outfit", Sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var( --e-global-color-f497d34 ) !important;
  fill: var( --e-global-color-f497d34 );
  background-color: #0056A6 !important;
  padding: 14px 34px 14px 34px !important;
}

.elementor-178 .elementor-element.elementor-element-54c5d48 .ld-sf input[type="email"], .elementor-178 .elementor-element.elementor-element-54c5d48 .ld-sf input[type="text"] {
  background: var( --e-global-color-f497d34 ) !important;
}

.elementor-178 .elementor-element.elementor-element-54c5d48 .ld-sf input[type="email"], .ld-sf input[type="text"] {
  color: #6C757D !important;
}  

.offre_demploie input[type="file"] {
  padding-bottom: 5px;
}

.pagination_membre ul {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    justify-content: center;
}  
.pagination_membre li {
    margin: 0 5px;
    list-style: none;
}
.pagination_membre li a,
.pagination_membre li span {
       width: 35px;
    height: 35px;
    justify-content: center;
    border-radius: 6%;
    color: #000;
    display: inline-flex;
    align-items: center;
}

.pagination_membre li .current,.pagination_membre li a:hover {
   color: #fff;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.pagination_membre ul .next::before,.pagination_membre ul .prev::before{
    content: "";
}

.pagination_membre ul .prev::before {
    transform: rotate(180deg);  
}
.pagination_membre ul .next,.pagination_membre ul .prev{
    background-color: #f4f4f8;
    font-family: "lqd-essentials";
    font-size: 1em;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
}

ul.pagination {
    justify-content: center;
}

.filtermember .ui-selectmenu-button {
    display: none !important;
}

.filtermember select{
    display: block !important;
}

.filtermember .form-group {
    display: flex;
    justify-content: space-between;
}

.single-evenement .wpcf7-form .btn.btn-primary:hover{
    color: var(--e-global-color-f497d34);
}

.offre_demploie .wpcf7-form-control{
    width: 100%;
}

.offre_demploie .wpcf7-submit{
    width: auto;
} 

.members-image-template.no_thumb_membre {
    display: flex;
    background: #fff;
    min-height: 412px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
}

._custom-excelia .lqd-iconbox-heading {
    min-height: 50px;
}

.members-image-template {
    border: 1px solid rgba(54, 95, 139, 0.7);
    border-radius: 5px;
}

._mentions-speciales .iconbox > .ld-slideelement-visible {
    display: none !important;

}

._mentions-speciales .contents p {
    min-height: 140px;
}

._conseil-d-administration .iconbox-icon-wrap {
    display: none;
}

._commissions img {
    width: 100%;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    display: flex;
}

@media only screen and (max-width: 767px) {
    .portfolio-style-one .pf-item-info h2 {
        font-size: 24px;
    }
    .single .lqd-contents {
        padding-left: 0;
        padding-right: 0;
    }
    ._inscription-evenement .mb-4 {
        font-size: 30px;
    }
    .training-content {
        padding: 0;
    }
    ._training-cardrow {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 992px) {
    .post-template-default.single .thumb_single_extrait > div,
    .post-template-default.single .content_single > div {
        width: 100%;
    }
    .post-template-default.single .thumb_single_extrait .extrait_content {
        padding: 35px 10px 0;
    }
    .post-template-default.single nav.post-nav .nav-next,
    .post-template-default.single nav.post-nav .nav-previous {
        flex-basis: 100%;
    }
    .post-template-default.single .titlebar {
        margin: 0;
    }
    .post-template-default.single .extrait > p {
        margin-bottom: 0;
    }
    ._partenaires-ls .iconbox-label {
        font-size: 7px;
    }
    ._footer-offre-demploie a.elementor-button.btn.btn-solid.btn-icon-right {
        margin-top: 20px;
        width: 98px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .lqd-mobile-sec .navbar-header > * {
        width: 20% !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1320px;
        padding-left: 0;
        padding-right: 0;
    }
}

.no_result {
    text-align: center;
    min-height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no_result p {
    font-size: 30px;
    line-height: 1;
}

.no_result-txt svg {
    width: 50px;
    display: block;
    text-align: center;
    margin: 0 auto 20px;
}

.no_result-txt svg path {
    fill: var( --e-global-color-primary );
}

.listing_eventes {
    padding: 50px 0 10px;
}