/*
Theme Name: Woffice Child
Description: Child theme for Woffice
Author: SolutioNet
Template: woffice
*/


/*=============*/
/*    login    */
/*=============*/

#woffice-login-left {width: 40%;}
#woffice-login-right { width: 60%; padding: 50px 15% 0 15%; }

#login-logo img {  width: 500px; text-align: center;  margin: 0 auto;}
#woffice-login header p { text-align: center;}

#woffice-login header p strong {color: #151515;}

#woffice-login form label {color: #222;}
#woffice-login form .login-submit input {text-transform: none!important;border: none!important;}
#woffice-login form .login-submit input:hover { opacity: 1!important; background: #f25218!important; color: white!important;}
#woffice-login a.password-lost {font-style: italic; color: #333; font-size: 12px;}
#woffice-login a.password-lost:hover{text-decoration: none!important; color: #333!important;}

#content-container .infobox p {color: #111111; font-size: 14px;}

#content-container .login-tabs-wrapper .lostpassword-button {background: #fff; color: #151515; text-transform: none; border: 1px solid #151515!important;}
#content-container .login-tabs-wrapper .lostpassword-button:hover {background: #151515; color: white; text-transform: none;border: 1px solid #151515!important;}



/*===========================*/
/*    paramètres généraux    */
/*===========================*/

p, span, a, div, h1, h2, h3, h4, h5, h6 {  word-break: normal!important; overflow-wrap: break-word!important;}

#buddypress .standard-form label, #buddypress .standard-form span.label, form label {text-transform: none;}
#buddypress .tabbed-links ol li:not(.current), #buddypress .tabbed-links ul li:not(.current), #woffice-login form label, .text-light {color: #333!important;}

#content-container .infobox {
  background: #fdecea;
  border-left: 4px solid #dc3545;
  color: #DC3545;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;}

#content-container .infobox::before {display: none;}

body.has-title-box #content-container #content {
    margin-top: 80px;
    margin-bottom: 100px;
}

#content-container #content .blog-single-col {
    padding: 30px;
    background: #fff;
    filter: drop-shadow(0px 15px 30px rgba(0, 0, 0, .03));
    border-radius: 15px;
    margin-bottom: 100px;
}

#content-container #content .blog-single-col .blog-card-wrapper .blog_card {padding: 25px 40px;}
#content-container #content .blog-col .blog-card-wrapper .card {background-color:#fafbfc!important;}
#content-container #content .blog-col .blog-card-wrapper .card {filter: drop-shadow(0px 15px 30px rgba(0, 0, 0, .03))!important;}


/*==========================*/
/*       pages CMS          */
/*==========================*/

#content-container h2 {margin-bottom: 60px!important;} 
#content-container .wpb-content-wrapper a.vc_general {background: #f36633!important; border-color: #f36633!important; color: white!important;} 

#content-container h6 {margin-top: 40px!important;} 

.vc_separator h4 {text-align: center;}
.card-loisir > .vc_column-inner {
text-align: center;    
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: all 0.2s ease;
margin: 20px; 
width: auto;    
}

.card-loisir > .vc_column-inner:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

.vc_tta-panel.vc_active .vc_tta-panel-heading {background-color: whitesmoke!important;} 
.vc_tta.vc_general .vc_tta-panel.vc_active, .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {margin-bottom: 10px;}
.vc_tta.vc_general ul {margin-bottom: 20px;}
.vc_tta.vc_general ul li {font-size: 1rem!important; margin-bottom: 10px;}

.wpbs-container h2 {display: none;}
.wpbs-main-wrapper .wpbs-form-container {text-align: center;}

.wpb-content-wrapper ul li {font-size: 1rem!important; line-height: 26px!important;}

.vc_separator.vc_sep_color_sandy_brown .vc_sep_line {border-color:#f36633;}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-sandy_brown .vc_icon_element-icon {color:#f36633;}


/*=========================*/
/*        homepage         */
/*=========================*/

.home-page #content-container .blog-card-wrapper {width: 95%;}
@media (max-width: 1024px){.home-page #content-container .blog-card-wrapper {width: 100%;} }

#content-container #content .blog-single-col .blog-card-wrapper .blog_card .card-body .blog-content p, #content-container #content .blog-single-col .blog-card-wrapper .blog_card .card-body .blog-content {text-transform: none; color: #222222;}
#content-container .blog-card-wrapper .blog-title h2 {margin-bottom: 30px!important;}

/* Article single pleine largeur sans double cadre */
.single-post .blog-card-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

.single-post .card.blog_card {
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}

.single-post .blog-single-col {
    padding: 0 !important;
}

/* Supprimer le double encadrement sur les articles single */
.single-post .blog-card-wrapper .card.blog_card { box-shadow: none !important; border: none !important;  background: transparent !important;}
#content-container .blog-card-wrapper .card .card-body, #content-container .blog-card-wrapper .card .card-footer {padding: 0 10px!important;}

.single-post #content-container #content .blog-single-col {padding: 0;}
#content-container #content .blog-single-col .blog-card-wrapper .blog_card .card-body .blog-title {padding: 0;}



/*=========================*/
/*          header         */
/*=========================*/

.featured-layer {z-index: 1;}

#featuredbox .featured-background {height: 220px!important;} 
#featuredbox .pagetitle {top:50%;}
#featuredbox .pagetitle h1 {font-size: 36px!important; text-shadow: 0 3px 10px rgba(0,0,0,0.7); padding: 0 20px; }


/*=========================*/
/*      menu déroulant     */
/*=========================*/


body.menu-is-horizontal .main-modern-menu li.menu-item a {padding : 13px 25px;}

@media (max-width: 1800px)
{
body.menu-is-horizontal .main-modern-menu li.menu-item a {padding : 13px 18px;}
    }

@media (max-width: 1600px)
{
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .main-modern-menu {width: 60%;}    
body.menu-is-horizontal .main-modern-menu li.menu-item a {padding : 13px 12px;}
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons {column-gap:40px!important;}    
}

@media (max-width: 1536px)
{
body.menu-is-horizontal .main-modern-menu li.menu-item a {padding : 13px 12px;}
#navigation .stellar-nav-logo #nav-logo img {width: 240px!important;}    
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons {column-gap:25px!important;}
}

@media (max-width: 1360px)
{
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .main-modern-menu {width: 65%!important}    
}

@media (max-width: 1280px)
{
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation {padding: 0 20px!important;}
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .main-modern-menu {width: 66%!important}    
body.menu-is-horizontal .main-modern-menu li.menu-item a {padding : 11px 8px;}
#navigation .stellar-nav-logo #nav-logo img {width: 200px!important;}
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons {column-gap:15px!important;}
}

@media (max-width: 1100px)
{
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .main-modern-menu {width: 66%!important}    
body.menu-is-horizontal .main-modern-menu li.menu-item a {padding : 8px 3px!important;}
#navigation .stellar-nav-logo #nav-logo img {width: 170px!important;}
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons {column-gap:10px!important;}
}




/* Accélère les menus */
.sub-menu,
.menu-item,
.menu-item a {
  transition: all 0.2s ease !important;
}

/* Sidebar menu left content */
#left-content {
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    transition: width .2s;
    position: relative;
}

body.vertical-modern-menu .is-left-sidebar {
  transition: all 0.2s ease !important;
}

body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation {padding: 0 40px;}

body.menu-is-horizontal #page-wrapper .is-left-sidebar{
position:fixed;
top:0;
left:0;
width:100%;
z-index:9999;
background:#fff;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

body.menu-is-horizontal .main-modern-menu li.menu-item a {margin-bottom: 2px;}

body.menu-is-horizontal .main-modern-menu li.menu-item ul li a {margin-bottom: 0px;}

body.admin-bar.menu-is-horizontal #page-wrapper .is-left-sidebar{
top:32px;
}

body.menu-is-horizontal #main-content{
margin-top:110px;
}

body.menu-is-horizontal #page-wrapper .is-left-sidebar{
transition:all .25s ease;
}

body.menu-is-horizontal .main-modern-menu ul.sub-menu:not(.mega-menu-row) {width: 250px!important;}
body.menu-is-horizontal .main-modern-menu ul.sub-menu li.menu-item a{text-transform: none;}

li.menu-item-has-children>a.mobile-menu-displayed:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d8"; margin-left: 7px;}

body.menu-is-horizontal .main-modern-menu ul.sub-menu li.menu-item:last-child a {border-bottom: none;}



/*========================*/
/*      right sidedar     */
/*========================*/

body.menu-is-horizontal #page-wrapper .is-right-sidebar #user-sidebar {z-index: 20;}
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons {column-gap: 50px;}
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons a {cursor: pointer;}

.nav-arrow-right{ color:#f36633;font-size:24px;width: 20px;cursor: pointer;}
#right-sidebar {margin-top: 20px;}
#nav-user {display: none;}

#right-sidebar .widget .intern-box.box-title {margin: 20px 0px;}

#right-sidebar #block-7.widget {border-bottom: none;}

/*
#nav-sidebar-trigger i { transition: transform 0.3s ease;  transform: rotate(0deg);}
#nav-sidebar-trigger:not(.sidebar-hidden) i {  transform: rotate(180deg);}
*/

/* Par défaut : on cache la flèche "ouverte" */
#nav-sidebar-trigger .arrow-open {
  display: inline-block;
}

/* Menu fermé */
#nav-sidebar-trigger.sidebar-hidden .arrow-closed {
  display: inline-block;
}

#nav-sidebar-trigger.sidebar-hidden .arrow-open {
  display: none;
}

/* Menu ouvert */
#nav-sidebar-trigger:not(.sidebar-hidden) .arrow-closed {
  display: none;
}

#nav-sidebar-trigger:not(.sidebar-hidden) .arrow-open {
  display: inline-block;
}

#nav-sidebar-trigger i {
  width: 20px;
  text-align: center;
}


body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons #main-search .horizontal_menu_search_icon::before {cursor: pointer;}


#right-sidebar .widget {margin-bottom: 50px; border-bottom: none;}
#right-sidebar h6 {text-align: center; margin-bottom: 20px;}

#right-sidebar h6 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  margin: 20px 0;
}

#right-sidebar h6::before,
#right-sidebar h6::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #beb8ae;
}

#right-sidebar h6::before {
  margin-right: 6px;
}

#right-sidebar h6::after {
  margin-left: 6px;
}

#right-sidebar .cse-links li {
  margin-bottom: 10px;
  line-height: 1.4;
  transition: transform 0.2s ease;
}

#right-sidebar .cse-links li:hover {
  transform: translateX(4px);
    margin-bottom: 10px;
  line-height: 1.4;
}

#right-sidebar .cse-links i {
  width: 12px;
  min-width: 12px;
  margin-right: 10px;
 
  font-size: 14px;
  margin-top: 3px;
  
height: 18px;  
    color: #777;
  transition: color 0.2s ease;
}

#right-sidebar .cse-links li:hover i {
     color: #f36633;
 transform: translateX(2px);
    height: 18px;    
}


/*==================*/
/*      content     */
/*==================*/

#content-container a.btn.btn-default, #content-container .box .blog-button .btn{
    background:#151515;
    border-radius:10px;
    padding:13px 18px;
    color:#fff;
    font-weight:400;
    text-transform: none;
    border: none;
} 

#content-container a.btn.btn-default:hover, #content-container .box .blog-button .btn:hover{
    background:#f25218!important;
    color:#fff;
    opacity: 1;
    text-transform: none; 
}

#content-container a.btn.btn-default i {margin-right: 5px;}


/*==============================*/
/*      surcharge BudyPress (à faire)    */
/*==============================*/

/*
#content-container #buddypress input[type=submit],
#content-container #buddypress button,
#content-container #buddypress .btn{
    background:#f36633;
    border-radius:10px;
    padding:13px 18px;
    color:#151515;
    font-weight:600;
}

#content-container #buddypress input[type=submit]:hover,
#content-container #buddypress .btn:hover{
    background:#f25218;
    color:#151515;
}
*/

/*================*/
/*      home      */
/*================*/

#content-container #content .blog-col .blog-card-wrapper .card .blog-thumb .intern-thumbnail.fixed-height img, #content-container #content .blog-col .blog-card-wrapper .card .blog-thumb img {display: none;}
#main-footer .woffice-footer .container {padding: 0;}


.home.sidebar-hidden #secondary {display:block;}

.home.sidebar-hidden .content-wrapper {width:70%;float:left;}

.post-meta .intern-box {display: none;}

#content-container .blog-card-wrapper .card {border-radius:12px;box-shadow:0 5px 10px rgba(0,0,0,0.05);}
#content-container .blog-card-wrapper .card:hover {transform:translateY(-4px);}


/*====================*/
/*  404 / no result   */
/*====================*/

body.error404 #content-container .box, body.search-no-results #content-container .box {min-height: 400px;}
body.error404 p.blog-sum-up, body.search-no-results p.blog-sum-up  {margin-bottom: 60px;}
body.error404 .special-404, body.search-no-results .special-404 {padding: 40px 0;} 
body.error404 .intern-padding, body.search-no-results .intern-padding {padding: 20px 40px;}

body.search-no-results #content-container .row { justify-content: center;}

body.error404 #content-container article.box, body.search-no-results #content-container article.box{
    max-width:800px;
    margin:auto;
    text-align:center;
}


/*================*/
/*  recherche     */
/*================*/

body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons #main-search form.form_active {top: 120px;}
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons #main-search form {min-height: 100px; padding: 25px 35px;}
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons #main-search form button::before {top: 31px; right: 29px;}
body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons #main-search form input[type=text] {color: #151515;}

body.search-results #featuredbox button[name=searchsubmit], body.search-results #featuredbox svg {display: inline-block;}
#featuredbox.has-search form button, #featuredbox.has-search form input[type=submit] {font-size: 20px; top: 0;}
#featuredbox.has-search form input {max-width: 500px;}

#featuredbox.has-search form button:hover, #featuredbox.has-search form input[type=submit]:hover {opacity: 1; background: #f25218; color: white;}
#featuredbox.has-search.is-404 .pagetitle>h1, #featuredbox.has-search.search-buddypress .pagetitle>h1 {bottom: 20px;}



/*===================*/
/*    mon compte     */
/*===================*/

body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons .sidebar-userinfo .sidebar-userinfo_row .user-infodetail #user-thumb img {width: 45px; height: 45px;}

body.menu-is-horizontal #page-wrapper .is-left-sidebar #navigation .horizontal_menu_icons_wrapper #nav-buttons .sidebar-userinfo .sidebar-userinfo_row .user-infodetail .horizontal_menu_user_toggle {display: none;}

.bp-single-vert-nav .item-body:not(#group-create-body){width: 100%;}

#buddypress #woffice-bp-sidebar #item-header {padding: 26px 13px 26px 13px;}
.single-headers img.avatar {margin: 0;}
#buddypress #woffice-bp-sidebar #item-header #item-header-avatar img {width: 150px; height: auto;}

.screen-heading.view-profile-screen {display: none;}
#buddypress .bp-tables-user td {padding: 10px; word-break: normal;}
#buddypress .profile .screen-heading {margin: 20px 0 20px 0!important;}

#buddypress .bp-subnavs ul li a::before {  font-family: "Font Awesome 5 Free"!important;  font-weight: 900;  display: inline-block; text-align: left; width: 30px; padding-right: 0;}
#content-container ul li#general-personal-li>a::before{content:"\f023"!important;}
#content-container ul li#change-avatar-personal-li>a::before{content:"\f030"!important;}
#content-container ul li#edit-personal-li>a::before{content:"\f4ff"!important;}
#content-container ul li#public-personal-li>a::before{content:"\f007"!important;}
#content-container ul li#logout-li>a::before{content:"\f2f5"!important;}



#main-content #buddypress #item-body ul.button-nav {display: none;}

#buddypress input[type=text] {color: #666;}

body.bp-user #main-content #buddypress .editfield .field-visibility-settings-header, body.groups #main-content #buddypress .editfield .field-visibility-settings-header {display: none;}

body.bp-user #main-content #buddypress .editfield, body.groups #main-content #buddypress .editfield {padding: 0;}

#content-container #buddypress #item-body .profile.edit .standard-form .submit input[type=submit] {background:#151515;text-transform: none;font-weight: 400;}
#content-container #buddypress #item-body .profile.edit .standard-form .submit input[type=submit]:hover {opacity: 1; background:#f25218;  color:white!important; border:1px solid #f25218!important;}

#content-container #buddypress input[type=submit] {background:#151515!important;text-transform: none;border:1px solid #151515!important;font-weight: 400!important;}
#content-container #buddypress input[type=submit]:hover {opacity: 1; background:#f25218!important;  color:white!important; text-transform: none; border:1px solid #f25218!important}

.editfield.field_matricule, .editfield.field_badge {display: none!important;}


#content-container #bp-browse-button, #content-container #buddypress button {background:#151515!important;text-transform: none;border:1px solid #151515!important; font-weight: 400!important;}
#content-container #bp-browse-button:hover, #content-container #buddypress button:hover {opacity: 1; background:#f25218!important;  color:white!important; text-transform: none;border:1px solid #f25218!important; cursor: pointer;}

body.bp-user #main-content #buddypress .bp-subnavs ul li a, body.groups #main-content #buddypress .bp-subnavs ul li a {color: #444;}
body.bp-user #main-content #buddypress .bp-subnavs ul li a:hover, body.groups #main-content #buddypress .bp-subnavs ul li a:hover {color: #f36633;}

.info-profil {text-align: right; font-style: italic; color: #666;}

body.bp-user #main-content #buddypress .profile td.label, body.groups #main-content #buddypress .profile td.label {font-size: 1rem;}
.buddypress-wrap .public .profile-fields td.label {width: 80%}

#buddypress #woffice-bp-sidebar #item-header #item-header-content .item-meta {display: none;}


div.wp-pwd {margin-top: 40px;}
input #email {margin-bottom: 40px;}
.button.wp-hide-pw {margin-right: 10px;}
.dashicons.dashicons-hidden, .dashicons.dashicons-visibility {height: 16px; line-height: 16px;}

#buddypress input[type=checkbox]:checked:before {
    border: 2px solid black !important;
    line-height: 15px;
}


/* conteneur des groupes BuddyPress */
#item-body .profile.public{
display:grid;
gap:30px;
}


/* champs profil */
#item-body .profile.public .bp-profile-fields p{
display:flex;
justify-content:space-between;
padding:8px 0;
}

/* responsive mobile */
@media (max-width:900px){
#item-body .profile.public{
}
}

/* ligne champ profil */
#item-body .profile.public p{
display:grid;
align-items:center;
padding:8px 0;
}


#buddypress .bp-feedback p {text-transform: none; font-size: 14px; font-style: italic; line-height: 20px;}
#buddypress .bp-feedback .bp-help-text {padding: 0 20px 0 0; line-height: 20px;}

.buddypress-wrap .bp-feedback{background: #fefae6!important; color: #78350f!important; }

.buddypress-wrap .bp-feedback.success  {background: #ecfdf5!important;color: #065f46!important;margin-top: 10px;}
.buddypress-wrap .bp-feedback.success .bp-icon, .buddypress-wrap .bp-feedback.updated .bp-icon { background: #22c55e;}

.buddypress-wrap .bp-feedback.info .bp-icon { background: #fea804!important;}
#buddypress div.bp-avatar-status p.warning {display: none;}

.avatar-history-table td .avatar.selected { border: solid 4px #f25218;}
body.bp-user #main-content #buddypress .profile td, body.groups #main-content #buddypress .profile td {font-size: 1rem;}

.buddypress-wrap .bp-feedback.error{background: #fcc0c6!important;  color: #b91c1c!important;margin-top: 10px; }
.buddypress-wrap .bp-feedback.error p{color: #b91c1c!important; }

.buddypress-wrap #pass-strength-result {border: 1px solid white; background: white;}
body.buddypress.settings #pass1 {margin-bottom: 10px!important;margin-right: 15px;}

body.buddypress.settings #your-profile #submit:disabled {background: #767676; color: white;border: 1px solid white;}
body.buddypress.settings #your-profile #submit:disabled:hover {background: #767676; color: white;}


#item-body .profile.public {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 30px;
}

@media (max-width: 1024px) {
  #item-body .profile.public {
    grid-template-columns: 100%;
  }
}

.bp-widget.infos-personnelles {margin: 0 60px 0 40px;}
.bp-widget.points-et-soldes {margin: 0 40px;}


/* Table plus moderne */
.profile-fields {
  border-collapse: separate;
  border-spacing: 0 12px;
  width: 100%;
}

/* Chaque ligne = carte */
.profile-fields tr {
  background: #f9fafb;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Cellules */
.profile-fields td {
  padding: 20px 26px;
  vertical-align: middle;
}

/* Label (gauche) */
.profile-fields .label {
  font-weight: 600;
  color: #374151;
  width: 60%;
}

/* Data (droite) */
.profile-fields .data {
  text-align: right;
  font-weight: 500;
  color: #111827;
    
}

/* si message alerte */
#woffice-alerts-wrapper {  margin-top: 0px; }
#woffice-alerts-wrapper .woffice-main-alert {display: none;}

#buddypress .avatar-history-actions p.warning {
    background-color: #fefae6;
    border: 1px solid #feca66;
    color: #78350f;
    display: block;
      line-height: 16px;
    margin: 5px;
    padding: 7px 10px;
    font-style: italic;
    margin-bottom: 20px;
}

.avatar-history-table tr th {font-weight: normal; }
.avatar-history-table .historic-avatar tr th {font-size:14px; line-height: 14px;}
.avatar-history-table .historic-avatar td .time {font-size:14px; line-height: 14px;}    

    
button.avatar-history-action {margin-bottom: 10px; margin-right: 10px;}    



/*================*/
/*     footer     */
/*================*/

#main-footer .woffice-footer {  border-color: rgb(243, 102, 51) !important;  border-top: 6px solid;}

#page-wrapper .woffice-hero-section {height: 250px;}
#page-wrapper .woffice-hero-section .woffice-hero-overlay {background: rgba(0,0,0,0.3);}
#page-wrapper .woffice-hero-section .footer-hero-content p {color: #fff; font-weight: 600; font-size: 24px!important; line-height: 30px;  padding: 0 50px; margin-bottom: 0; letter-spacing: 1px;}


/*==================*/
/*   form contact   */
/*==================*/

.wpcf7-form {
  display: flex;
  flex-wrap: wrap;
}

.wpcf7-form .left,
.wpcf7-form .right {
  width: 50%;
    padding: 0 50px;
}

.wpcf7-response-output {
  width: 100%;
  margin-top: 20px;
}

.wpcf7-form input[readonly] {
  background-color: #fafafa;
  cursor: not-allowed;
    color: #f36633;
}

.wpcf7-form select.wpcf7-select {background: white; color: #444;}
.wpcf7-form textarea {height: 180px; color: #444;}


#content-container .wpcf7-form input[type="submit"]  {
 background-color:#151515!important;
    color:#fff;
    font-weight:600;
    border: none;
    padding: 14px 40px;
    text-align: center;
}

#content-container .wpcf7-form input[type="submit"]:hover{  
    opacity: 1!important;
    background:#f25218 !important;  
    color:white!important; 
    border:0!important;
    padding: 14px 40px;
}

#content-container .wpcf7 form.invalid .wpcf7-response-output, #content-container .wpcf7 form.unaccepted .wpcf7-response-output, #content-container .wpcf7 form.payment-required .wpcf7-response-output{
background: #fcc0c6 !important;  color: #b91c1c !important;   border: 2px solid #b91c1c !important; text-align: center;  max-width: 800px; margin: 50px auto!important;font-weight: bold; }

#content-container .wpcf7 form.sent .wpcf7-response-output  {background: #ecfdf5!important;color: #065f46!important; border: 2px solid #065f46!important; font-weight: bold; text-align: center; max-width: 800px; margin: 50px auto!important;}



/*===================*/
/*   back-to-top     */
/*===================*/

#back-to-top{
position:fixed;
bottom:30px;
right:30px;
width:40px;
height:40px;
background:#f36633;
color:#fff;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
z-index:9999;
cursor:pointer;
opacity:0;
transition:all .3s;
}

#back-to-top.show{
opacity:1;
}

#back-to-top:hover{
background:#f25218;
}



/*===========================*/
/*      affichage mobile     */
/*===========================*/

/* Mobile small */
@media (max-width: 360px){}

/* Mobile standard */
@media (max-width: 480px){ }

/* Tablette */
@media (max-width: 768px){}

/* Desktop */
@media (min-width: 1024px){}
    



/*====================================================*/
/*                      Tablette                      */
/*====================================================*/

@media (max-width: 1024px)   {
    
/*======  header  =======*/    

#main-header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:9999;
background:#fff;
}

#page-wrapper{padding-top:65px;}
    

#main-header{box-shadow:0 2px 10px rgba(0,0,0,0.08);}    
    
#featuredbox .featured-background {height: 100px!important;}     
#featuredbox .pagetitle { top: 35%; z-index: 2;}
#featuredbox .pagetitle h1 {  font-size: 24px !important;   hyphens: none;  word-break: keep-all;  overflow-wrap: break-word; line-height: 24px;}

    
    
a#nav-trigger .fa-arrow-left, a#nav-trigger .fa-bars, #user-sidebar .uside-child-active > a {color: #f36633;}
a#nav-trigger:hover .fa-bars {color: #f36633;} 
.fa-bars.d-none{display: block!important;}    

#main-header .navbar .navbar-collapse .sidebar-userinfo .sidebar-userinfo_row .user-infodetail {gap:0px;}
#main-header .navbar .navbar-collapse .sidebar-userinfo {margin-right: 8px;}

    
    
/*=====  navigation / logo  ====*/
    
#navigation .stellar-nav-logo {display: none;}  
#navigation .stellar-nav-logo #nav-logo img {display: none;}
    
#navigation #mobile-menu-canvas-close .mobile-canvas-header .close-navmenu {display: none!important;}
#page-wrapper #rsidebar_mobile_close_btn  {display: none!important;}

#main-header { padding: 10px 15px;}
    
.mobile-logo{left:55px;top:20px;}
.mobile-logo img{height:44px;width:auto;}
  
#page-wrapper .is-left-sidebar.has-navigation-show {left: 0 !important; top: -25px!important;} 
#navigation #main-modern-menu.is-touchable ul.sub-menu {padding-top: 6px;}

body.vertical-modern-menu #main-modern-menu li.menu-item a {padding: 12px 22px;}    
body.vertical-modern-menu #main-modern-menu li.menu-item .sub-menu li.menu-item a {color: #151515;}
body.vertical-modern-menu .main-modern-menu li.menu-item {margin-top: 4px;}
    
body.vertical-modern-menu .main-modern-menu li.menu-item a.current-menu-highlight {background: #f36633; color: white;}

body.vertical-modern-menu .main-modern-menu li.current-menu-item a {font-weight: bold!important;} 
    
body.vertical-modern-menu .main-modern-menu li.current-menu-parent {background: #f36633; color: white; border-radius: 15px;}    
body.vertical-modern-menu .main-modern-menu li.current-menu-parent a.binded {color: white!important;}        
        
    
#right-sidebar {margin-top: 0;}
#right-sidebar .widget .intern-box.box-title {margin-top: 0px;}    
  
    
/*======== login ============*/
    
.page-template-login #page-wrapper { padding-top: 0px;}
#login-logo {margin-bottom: 30px;}
#woffice-login-right {  width: 60%; padding: 50px 7% 0 7%;}
    
        
/*=====  mon compte  ====*/
    
.bp-widget.infos-personnelles,.bp-widget.points-et-soldes {margin: 0;}
#buddypress .bp-tables-user td {padding: 5px 0;}
.profile-fields tr { box-shadow:none;}

#content-container #buddypress .woffice-profile--vertical {padding-top: 10px;}
    
/*===== form contact =====*/

  .wpcf7-form {    flex-direction: column;  }
  .wpcf7-form .left,
  .wpcf7-form .right {    width: 100%;      padding: 0 20px;  }

    
/*=======   footer  ===========*/
#page-wrapper .woffice-hero-section {height: 120px;}
#page-wrapper .woffice-hero-section .footer-hero-content p {  font-size: 18px !important;  line-height: 28px; padding: 0 20px; letter-spacing: 0; }


/*======= paramètres généraux =========*/
h5 {font-size: 1rem;}
body.has-title-box #content-container #content {margin-top: 25px; margin-bottom: 50px;}
.vc_sep_width_40 {width: 80%!important;}
.vc_sep_width_70 {width: 95%!important;} 
    
    
}




/*========    recherche   ============*/

@media (max-width:1024px){

/* supp affichage loupe */
#main-search {display: none;}
    
#main-search .active_search::after{left: -88px;}
    
#main-search form{
position:absolute;
top:60px;
left:0;
width:100%;
z-index:1001;
border-radius:30px;
/*visibility: visible;*/
}
 
#main-search{
position:relative;
}

#main-search.active_search form{
visibility:visible!important;
height:auto!important;
    line-height: 30px!important;
    
}

#main-search.active_search_close form{
visibility:hidden!important;
height:0!important;
    line-height: 0!important;
}
    

}



/* Mobile standard */

@media (max-width: 480px)
{
    
/*======== login ============*/
    
    #woffice-login-right {width: 100%; padding: 30px;}
    #login-logo {max-width: 300px!important; margin-bottom: 30px;}
    #woffice-login header p {margin-bottom: 0;}
   
    
/*======== header ============*/    
    #page-wrapper .is-center-content #main-header .navbar {padding: 10px 12px 10px 20px!important;}   
    
    
/*======== footer ============*/    
    #page-wrapper .woffice-hero-section .footer-hero-content p {font-size: 18px !important; line-height: 26px;}  
    

    
}




/*
#main-search .active_search::after {z-index: 100000;}

.active_search{
display:block !important;
opacity:1 !important;
visibility:visible !important;
}

.active_search_close{
display:block !important;
}
*/


/* -------------  bandeau Cookie  ---------------*/
.cc_banner-wrapper {
 padding:14px 50px 14px 50px;
 z-index:9999;
 position:fixed;
 bottom:30px;
 left:50%;
 -webkit-transform:translate(-50%,0);
 transform:translate(-50%,0);
 background-color:rgba(0,0,0,.7);
 color:#fff;
 border-radius:4px;
 font-family:Arial;
 font-size:14px;
 line-height:26px;
 white-space:nowrap;
	text-align: center;
	text-transform: none;
}
@media screen and (max-width:960px) {
 .cc_banner-wrapper {
  width:90%;
	 padding:14px 20px 14px 20px;
  white-space:normal
 }
}

.cc_message {margin-bottom: 0px; letter-spacing: 0px; color: white;}
.cc_message a {font-weight: normal; color: white; text-decoration: underline!important;}
.cc_message a:hover {color: white;}

.cc_message a.cc_btn_accept_all {
    margin-left: 40px;
	background: #f2da19;
	padding:0px 15px;
	color:black;
	text-decoration: none!important;
	display: inline-block;
	width: 110px;
	text-align: center;
}
.cc_message a.cc_btn_accept_all:hover {
  text-decoration: none;
}


.hasJS div.hide {
	display:none;
}

/********************/
.wpbs-container .wpbs-calendar-header-navigation {line-height: 50px!important;}
.wpbs-legend {padding: 8px;}
.wpbs-form-confirmation-message  {background: #ecfdf5!important;color: #08825d!important; font-weight: bold; margin-top: 10px; padding: 10px 20px; border: 1px solid #119b5d;}