/*
Theme Name: Woffice Child
Description: Child theme for Woffice
Author: SolutioNet
Template: woffice
*/

/* alignement */
.alignRight .fw-iconbox{text-align: right;}

/* icones box */
.fw-iconbox{padding: 10px 0;}

/* login */
body.layout-2 #woffice-login-right {box-shadow: 0 0 7px #666666; margin-top: 50px;}


/* navbar */
#navbar.navigation-fixed{	background: rgba(255,255,255,1);}
#navbar #nav-user a#user-thumb {text-transform: none;}


/* logo */
#nav-logo{	float: left;}
#nav-logo a:hover{	background: #fff !important;}


/* menu principal */
.main-menu li > a {border-bottom: none; padding: 31px 30px 29px;}
.main-menu li a:hover{	transition-duration: 0s;}
.main-menu li a{
	font-size: 16px!important;
	transition-duration: 0s;
	border-right: 1px solid #f68a64 !important;
	border-bottom: none; padding: 31px 30px 29px;
}

@media only screen and (max-width:1600px)
{	.main-menu li a {padding: 31px 20px 29px; font-size: 15px!important;	}	}

@media only screen and (max-width:1370px)
{	.main-menu li a {padding: 31px 12px 29px; font-size: 15px!important;	}	}

@media only screen and (max-width:1100px)
{	.main-menu li a {padding: 26px 10px 24px; font-size: 13px!important;	}	
	body.menu-is-horizontal #navigation {height: 64px!important;}}

@media only screen and (max-width:992px)
{	.main-menu li a {padding: 26px 8px 24px; font-size: 13px!important;	}
	body.menu-is-horizontal #navigation {height: 44px!important;}}

@media only screen and (max-width:768px)
{	.main-menu li a {padding: 18px 8px 18px; }
	}

@media only screen and (max-width:640px)
{	.main-menu li a {padding: 12px 8px 12px; }
	}

@media only screen and (max-width:992px)
{
	body.menu-is-horizontal #navigation {height:48px!important;}
	body.main-menu {height: 48px!important;}
	body.menu-is-horizontal #left-content {padding-top: 57px!important;}
}


body.menu-is-horizontal #navigation {top:65px!important;}
body.menu-is-horizontal #left-content {padding-top: 48px!important;}
body.menu-is-horizontal #left-content .main-menu li a#horizontal-menu-trigger {text-align: left; padding-left: 20px;}
.main-menu li a#horizontal-menu-trigger {font-size: 32px!important; height: 48px; padding: 7px 0 7px}


body.menu-is-horizontal #navigation .main-menu .mega-menu ul.sub-menu a, body.menu-is-horizontal .main-menu ul.sub-menu:not(.mega-menu-row) {
	left: 10px !important;
    padding-left: 5px;
    padding-right: 0;
    width: 300px!important;}


.main-menu ul.sub-menu.display-submenu{	transition-duration: 0.1s;}
.main-menu ul.sub-menu {box-shadow: 4px 6px 10px #444444;}
.main-menu ul.sub-menu li a {left:-4px!important;font-size: 13px!important; padding: 10px 0px 10px 10px!important; color:azure; font-weight: normal;border-left: 3px solid white;}
.main-menu ul.sub-menu li a:hover {padding: 10px 0px 10px 10px!important;}
.main-menu ul.sub-menu li.current-menu-item a {padding: 10px 0px 10px 10px!important; color: antiquewhite;}
.main-menu ul.sub-menu li.current-menu-item a:hover {padding: 10px 0px 10px 10px!important;}


.main-menu ul.sub-menu li ul li {height: 24px!important;}
.main-menu ul.sub-menu li ul li a {left:-4px!important;font-size: 12px!important; /*line-height: 24px!important;*/ color:azure; font-weight: normal;border-left: 1px solid white;padding: 6px 0px 6px 10px!important;  }
.main-menu ul.sub-menu li ul li a:hover {padding: 6px 0px 6px 10px!important;/*line-height: 24px!important; */}
.main-menu ul.sub-menu li ul li.current-menu-item a {color: antiquewhite;}


@media only screen and (max-width:992px)
{
.main-menu ul.sub-menu li a {left:-4px!important;font-size: 12px!important; padding: 6px 0px 6px 10px!important; color:azure; font-weight: normal;border-left: 3px solid white;}
.main-menu ul.sub-menu li a:hover {padding: 6px 0px 6px 10px!important;}
.main-menu ul.sub-menu li.current-menu-item a {padding: 6px 0px 6px 10px!important; color: antiquewhite;}

.main-menu ul.sub-menu li ul li {height: 24px!important;}
.main-menu ul.sub-menu li ul li a {left:-4px!important;font-size: 10px!important; /*line-height: 24px!important;*/ color:azure; font-weight: normal;border-left: 1px solid white;padding: 3px 0px 3px 10px!important;  }
.main-menu ul.sub-menu li ul li a:hover {padding: 3px 0px 3px 10px!important;line-height: 24px!important; }
.main-menu ul.sub-menu li ul li.current-menu-item a {color: antiquewhite;}
}

/*-------*/

ul{
	padding-left: 20px;
}

h1{
}

h2{
	color: #2A363B;
	margin: 30px 0 15px 0;
	font-size: 1.7em;
}

h3{
	margin: 20px 0 15px 0;
	font-size: 1.4em;
	color: #ff8d2a !important;
}
h4{
	margin: 20px 0 15px 0;
	font-size: 1.2em;
	color: #444 !important;
}
h5{
	margin: 20px 0 5px 0;
	font-size: 1em;
	color: #444 !important;
}
hr{
	margin: 5px 10px;
	border-top: 2px solid;
}

@media (max-width: 992px)
{
	#featuredbox.centered .pagetitle > h1{font-size: 30px!important;}
	
}

@media (max-width: 768px)
{
	#featuredbox.centered .pagetitle > h1{font-size: 24px!important;}
	.breadcrumbs {font-size: 14px;}
	h2{	font-size: 1.3em;}

}

@media (max-width: 480px)
{
	#featuredbox.centered .pagetitle > h1{font-size: 16px!important;}
	.breadcrumbs {font-size: 10px;}
}




/* lignes de blocs */
.fw-row{
	margin: 0 0 15px 0;
}

/* login */
#woffice-login-left{
	background-position: center center !important;
}

/* content */
#content-container .intern-padding{
	padding: 20px;
}

/* bandeau ce gsk */
#featuredbox .featured-background{
/*background-attachment: initial;*/
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#featuredbox .featured-background {}	
}


/* puces sidebar */
.widget ul li::before{
	content: "";
}
/* fontawesome */
.fw-iconbox-1 .fw-iconbox-image{
	color: #ff8d2a !important;
}

/*widget liens utiles */
.liensPratiques article{
	margin-bottom: 0;
}
.liensPratiques .upw-posts .entry-content > :last-child, .liensPratiques .upw-posts .entry-summary > :last-child{
	margin-bottom: 0;
}
/* widget permanence */
.permanenceCE .fw-iconbox{
	padding: 10px 0;
}
.permanenceCE article{
	margin-bottom: 0;
}		
.permanenceCE footer{
	display: none;
}
.permanenceCE .upw-posts .entry-content > :last-child, .permanenceCE .upw-posts .entry-summary > :last-child{
	margin-bottom: 0;
}


/* supp bouton réserver */
div.pec_event_page_book_wrapper a.pec_event_page_book {display: none;}


/* diverses pages */

#content-container .box {min-height: 500px;}
.featured-layer {opacity: 0.2!important;}
.breadcrumbs {bottom:10px!important}
.breadcrumbs a:hover {text-decoration: underline!important}

.home-page .featured-layer {opacity: 0.05!important;}


/* page elus */  /* vignette élus */

.vignette-elus{
	background: #f6f6f6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f6f6f6, #e3e3e3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f6f6f6, #e3e3e3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f6f6f6, #e3e3e3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f6f6f6, #e3e3e3); /* Standard syntax */
	padding: 15px;
	margin: 20px 20px 0px 0;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #444;
	min-height: 360px;
	width: 95%;
}
.vignette-elus h2{
	font-size: 1.4em;
	margin: 15px 0 10px 0;
	text-transform: none;
}

#content-container .vignette-elus .heading > * {background: #f6f6f6;}

.vignette-elus h3{
	color: #ff8d2a !important;
	margin: 10px 0 20px 0;
	font-size: 1.1em;
}

.vignette-elus  img {border:1px solid #c5c5c5;}
.fw-row .vignette-elus:last-child{	margin-right: 0;}


@media (max-width: 1280px)
{
	.vignette-elus{min-height: 430px; padding: 15px 18px;}
	.vignette-elus h2 {padding:0 5px;}
}

@media (max-width: 1024px)
{
	.vignette-elus{min-height: 640px;}
	.vignette-elus img {width: 100%; height: auto;}
}

@media (max-width: 991px)
{
	.vignette-elus {min-height: 550px;}
}

@media (min-width: 480px) and (max-width: 767px)
{
	.vignette-elus img {width: 50%;}
}

@media (min-width: 768px)
{
	.fw-col-sm-4.vignette-elus {width: 31%;}
	.fw-col-sm-6.vignette-elus {width: 48%;}
}



/* page associations -> gym */
#content-container .vignette-associations .heading > *{
	background: #d6d6d6;
}
.fw-row .vignette-associations:last-child{
	margin-right: 0;
}
.vignette-associations.fw-col-sm-3{
	/*width: 23%;*/
}
.vignette-associations .heading > *{
	
}
.vignette-associations{
	/*background: #ff8d2a;*/
	background: #d6d6d6;
	padding: 15px;
	margin: 20px 20px 0px 0;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #444;
}
.vignette-associations h2{
	font-size: 1.4em;
	margin: 15px 0 10px 0;
}
.vignette-associations h3{
	color: #ff8d2a !important;
	margin: 10px 0 20px 0;
	font-size: 1.2em;
}


/*  page billeterie  --  encart grisé  */
.encart-gris{
	background: #f3f3f3; 
	padding: 25px;
	margin: 20px 20px 0px 0;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #444;
	width: 95%;
}
.encart-gris h2{
	font-size: 1.4em;
	margin: 15px 0 10px 0;
	text-transform: none;
}
.encart-gris h3{
	color: #ff8d2a !important;
	margin: 10px 0 20px 0;
	font-size: 1.1em;
}

#content-container .encart-gris .heading > * {background: #f3f3f3; padding : 1px 21px;}

.encart-gris img {border:1px solid #c5c5c5;}
.fw-row .encart-gris:last-child{	margin-right: 0;}

@media (min-width: 768px)
{
	.fw-col-sm-4.encart-gris {width: 31%;}
	.fw-col-sm-6.encart-gris {width: 48%;}
}



/* formulaire de contact */
.wpcf7-form .left{
	float: left;
	width: 47%;
	margin-right: 20px;
}
.wpcf7-form .right{
	float: right;
	width: 49%;
}

form input.wpcf7-text.badge_ce {color:#f36633; font-weight: bold; width: 320px;}
form input.wpcf7-text.user_display_name, form input.wpcf7-text.wpcf7-email {color:#f36633; width: 320px;}
form select.wpcf7-select {width: 320px!important; padding: 15px; height: 48px;}
form select.wpcf7-select option {padding: 5px;}

@media (max-width: 992px) {
form input.wpcf7-text.badge_ce {width: 270px;}
form input.wpcf7-text.user_display_name, form input.wpcf7-text.wpcf7-email {width: 270px;}
form select.wpcf7-select {width: 270px!important;}
}

@media (max-width: 767px) {
.wpcf7-form .left{	float: none;	width: 100%;}
.wpcf7-form .right{	float: none;	width: 100%;}
}

@media (max-width: 480px) {
form input.wpcf7-text.badge_ce {width:240px ;}
form input.wpcf7-text.user_display_name, form input.wpcf7-text.wpcf7-email {width: 240px;}
form select.wpcf7-select {width: 240px!important; }
}

@media (max-width: 320px) {
form input.wpcf7-text.badge_ce {width:200px ;}
form input.wpcf7-text.user_display_name, form input.wpcf7-text.wpcf7-email {width: 200px;}
form select.wpcf7-select {width: 200px!important; }
}

 
 /* suppression de l'icone panier */
#nav-cart-trigger{display: none!important;}

/* suppression de nom obligatoire dans profil */
.field_1.field_nom {display: none!important;}
.field_20.field_date-de-naissance{display: none;}

/* suppresion bandeau noir dans mon profil */
#buddypress div#item-header {display: none;}

/* sous reserve mise à jour */
#buddypress div.profile .bp-widget.infos-personnelles div.info-profil{display: none;}


/* affichage mon profil sur 1 colonne */
@media (max-width: 992px) {
#buddypress div.profile .bp-widget.points-et-soldes  h4 {margin-top:40px!important;}
}

#buddypress div.profile .bp-widget.infos-personnelles table {margin-top: 3px!important;}
#buddypress div.profile .bp-widget.infos-personnelles div.infos-personnelles-name-mail table {margin-top: 20px!important;}

/* affichage plus petit smartphone */
@media (max-width: 480px) {
#buddypress div.profile .bp-widget.points-et-soldes table.profile-fields td.label {padding:0; margin: 0; display: inline-flex!important; width: 150px;  }
#buddypress div.profile .bp-widget.points-et-soldes table.profile-fields td.data {padding:20px 0 0 0!important; margin: 0;  }
#buddypress div.profile .bp-widget.points-et-soldes table.profile-fields td.data p:last-child {margin-top: 0px;}

#buddypress div.profile .bp-widget.points-et-soldes table.profile-fields tr.field_solde-activite-enfant1 td.label {padding-top: 20px;}
#buddypress div.profile .bp-widget.points-et-soldes table.profile-fields tr.field_solde-activite-enfant2 td.label {padding-top: 20px;}
#buddypress div.profile .bp-widget.points-et-soldes table.profile-fields tr.field_solde-activite-enfant3 td.label {padding-top: 20px;}
#buddypress div.profile .bp-widget.points-et-soldes table.profile-fields tr.field_solde-activite-enfant4 td.label {padding-top: 20px;}
#buddypress div.profile .bp-widget.points-et-soldes table.profile-fields tr.field_solde-activite-enfant5 td.label {padding-top: 20px;}
	
}


/* supression edit badge  */
.editfield.field_badge {display: none;}

/* supression champs mon profil car mis sur même ligne */
/*.field_ancv-livraison-prevue {display: none;}*/
.field_prenom-enfant1 {display: none;}
.field_prenom-enfant2 {display: none;}
.field_prenom-enfant3 {display: none;}
.field_prenom-enfant4 {display: none;}
.field_prenom-enfant5 {display: none;}

/* supression affichage seulement moi */
#buddypress .field-visibility-settings, #buddypress .field-visibility-settings-notoggle, #buddypress .field-visibility-settings-toggle {display: none;}
#profile-edit-form.standard-form.infos-personnelles h2, #profile-edit-form.standard-form.infos-personnelles ul {display: none;}

/* profil ajout info sous réserves*/
.info-profil{	color: #999999; font-style: italic; font-size: 12px; margin-left: 7px;}

/* champ email dans profil*/
table.profile-fields.mail{
	margin: 0;
}
#profile-personal-li{
	display: none !important;
}	 
#menu-bp #settings-personal-li #notifications-personal-li{
	display: none !important;
}

/* suppression du bandeau */
#buddypress div#subnav.item-list-tabs ul li#general-personal-li {display: none!important}

#buddypress form.standard-form label span {text-transform:none; font-size: 12px; font-style: italic;color:#999999}

#buddypress form.standard-form.infos-personnelles h4 {display: none;}

.badge-options-compte .inline{
	display: inline !important;
}
.badge-options-compte-label{
	display: inline !important;
	font-weight: bold !important;
}

#user-sidebar nav ul li.monprofil > a::before {
    content: "\f007"!important;
    font-family: FontAwesome;
    font-size: 1.2em;
    font-weight: initial;
    padding-right: 10px;
}
#user-sidebar nav ul li.maconnexion > a::before {
    content: "\f023"!important;
    font-family: FontAwesome;
    font-size: 1.2em;
    font-weight: initial;
    padding-right: 10px;
}

#content-container div#object-nav.item-list-tabs ul li#settings-personal-li > a::before {content: "\f023"!important;}

.nonemail {color:#444!important;}
.badge-options-compte {padding-bottom: 20px;}

.bp-template-notice.error a{color: white!important; }

/* page event pro calendar */
.intern-thumbnail {text-align: center; padding-top: 10px;}


/* -------------  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;
}

/* modif page accueil */

.home-page #sticky-posts-8 {display: none;}
.home-page #rev-slider-widget-2{display: none;}
.home-page #sticky-posts-7 {width: 100%!important;}


