/*
 Theme Name: CREPE EFC
 Description: A Child Theme built for CREPE EFC
 Template: Divi
*/

 @import url("../Divi/style.css");

/*------------------------------------------------*/

/*********************************** underline hover OFF ****************

#top-menu li a {
  position: relative;
  color: #333;
  text-decoration: none;
}

#top-menu li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 20px;
  left: 0;
  background-color: #6eb52c;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#top-menu li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



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

#top-menu li a:hover {
  color: #6eb52c;
}

h2 > a:hover {
  color: #000;
}



.linkieefc a {
	color: #fff !important;
	border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 10px 5px 10px !important;
	float: right;
	margin-top: -5px;
	margin-bottom: 5px;
	transition: all 0.3s ease 0s;
}

.linkieefc a:hover {
	background-color:#fff;
	color: #3A297C !important;
}

@media (max-width: 980px) {
.linkieefc a {
	margin-top: 4px;
}
}

#top-header #et-info {
	display: none;
}

h2, h3, h4 {
    line-height: 1.3em;
}

ol { counter-reset: item;
}

ol li {
display: block;
}

ol li:before {
content: counter(item) ". ";
counter-increment: item;
color: #54B93D;
font-weight: 600;
}

#top-menu li a {
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
}

#top-menu li.mega-menu > ul > li > a {
    border-bottom: none !important;
}


.menu-connexion {
font-style: italic;
}
.menu-deco {
font-style: italic;
}


.herohome h1 {
padding-bottom: 30px;
line-height: 1.2em;
}

.herohome span {
line-height: 1.2em;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
    padding-bottom: 40px;
}


.page #custom-ress-header {
display: none;
}

/******** COMPTEURS ****************/

.compteur1, .compteur2, .compteur3 {
float: left;
margin-right: 60px;
}

@media (max-width: 620px) {
.compteur1, .compteur2, .compteur3 {
float: none;
}
}

@media (max-width: 700px) {
.compteur1, .compteur2 {
margin-right: 60px;
}
}

@media (min-width: 981px) and (max-width: 1200px) {
.compteur1, .compteur2 {
margin-right: 36px;
}
}

@media (min-width: 1200px) and (max-width: 1400px) {
.compteur1 {
margin-left: 50px;
}
}

@media (min-width: 1401px) {
.compteur1 {
margin-left: 100px;
}
}




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

#h2home {
font-size: 30px;
}

.ligneressource {
margin-top: -224px;
}

.blurbressource {
    height: 350px;
    padding: 26px;
box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.16), 2px 3px 6px rgba(0, 0, 0, 0.23);
}
.blurbressource .et-pb-icon {
    font-size: 60px;
    padding: 17px 17px 10px;
}


.blurbressource h4 {
    padding-bottom: 20px;
}


.blurbressource h4 a {
    border-bottom: 1px solid;
    padding-bottom: 4px;
}

.blurbressource a:hover {
color: #6F077A !important;
}

.more-link {
    border: 1px solid;
    font-size: 14px;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 3Px;
    text-align: center;
    margin-top: 10px;
    transition: all 0.3s ease 0s;
}

.more-link:hover {
background-color: #6f077a;
border: 1px solid #6f077a;
color: #fff;
}


.blurbressource:hover {
border: 4px solid #54B93D;
transition: all 0.2s ease 0s;
}



/************** CF7 **************/

.wpcf7-text, .wpcf7-textarea {
    background-color: #fff !important;
    border: 1px solid #6F077A !important;
    border-radius: 3px !important;
    color: #333 !important;
    font-size: 14px;
    margin: 15px auto 0 !important;
    padding: 16px !important;
    width: 100% !important;
}
.wpcf7-recaptcha div div {
    float: left;
}
input.wpcf7-form-control.wpcf7-submit {
    background-color: #6F077A;
    border: 3px solid #6F077A;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    float: right;
    padding: 18px 40px;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    font-size: 15px;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #53ba2d;
    border: 3px solid #53ba2d;
}
*::-moz-placeholder {
    color: #666666;
    opacity: 1;
}
:focus::-moz-placeholder {
    opacity: 0.25;
}
div.wpcf7-response-output {
    margin: 4em 0.5em 1em;
}
div.wpcf7-validation-errors {
    background-color: #fff;
    border: medium none;
    color: red;
    font-size: 15px;
    font-style: italic;
}
div.wpcf7-mail-sent-ok {
    background-color: #40df60;
    border: 2px solid #40df60;
    color: #ffffff;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="select"]:focus, .wpcf7 textarea:focus, .wpcf7-select:focus {
    border: 1px solid #53BA2D !important;
    outline: 0 none;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    display: block;
    font-size: 15px;
    font-style: italic;
}

.wpcf7-recaptcha {
float: left;
}



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

.post-meta {
color: #3A297C;
text-transform: uppercase;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


h4.widgettitle {
    background-color: #666;
    border: 1px solid #666;
    border-radius: 2px;
    color: #fff;
    padding: 14px 10px;
    text-transform: uppercase;
}

.textwidget {
padding-bottom: 12px;
padding-left: 16px;
padding-top: 16px;
}

.et_pb_widget ul li {
padding-top: 16px;
padding-left: 16px;
margin-bottom: 0.5em;
}

#sengager-btn:before {
    background: #6E0C76 none repeat scroll 0 0;
    border-radius: 2px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}


#sengager-btn {
    background-color: #54B93D;
    border-radius: 2px;
    color: #fff;
    padding: 16px 10px;
    text-transform: uppercase;
font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif;
font-size: 18px;
    font-weight: 500;
    line-height: 1em;
display: block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    backface-visibility: hidden;
}


#sengager-btn:hover:before, #sengager-btn:active:before, #sengager-btn:focus:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#ressources-btn:before {
    background: #54B93D none repeat scroll 0 0;
    border-radius: 2px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}


#ressources-btn {
    background-color: #6E0C76;
    border-radius: 2px;
    color: #fff;
    padding: 16px 10px;
    text-transform: uppercase;
font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif;
font-size: 18px;
    font-weight: 500;
    line-height: 1em;
display: block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    backface-visibility: hidden;
}


#ressources-btn:hover:before, #sengager-btn:active:before, #sengager-btn:focus:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


#text-7.et_pb_widget.widget_text div.textwidget {
padding-left: 0px !important;
}

#text-8.et_pb_widget.widget_text div.textwidget {
padding-left: 0px !important;
}

#text-10.et_pb_widget.widget_text div.textwidget {
padding-left: 0px !important;
}

#text-11.et_pb_widget.widget_text div.textwidget {
padding-left: 0px !important;
}

#text-12.et_pb_widget.widget_text div.textwidget {
padding-left: 0px !important;
}
#text-17.et_pb_widget.widget_text div.textwidget {
padding-left: 0px !important;
}

#text-17 .textwidget {
    padding-top: 0;
}


.et_pb_widget_area .et_pb_widget a:hover {
color: #6E0C76;
}


.et_pb_video {
box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.16), 2px 3px 6px rgba(0, 0, 0, 0.23);
}

/********* BLURB NOTE DE SYNTHESE *******/

.blurb-note-dl {
height: 238px;
}

.blurb-note-dl .et_pb_main_blurb_image {
    display: table-cell;
    width: 140px;
}

.blurb-note-dl .et_pb_main_blurb_image a img {
    border: 1px solid #cccccc;
}



.blurb-note-dl h4 {
   padding-top: 10px;
}

.blurb-note-dl p a {
   color: #666 !important;
   border-bottom: 1px dotted;
   -webkit-border-bottom: 1px dotted;
}






.curseurvideoefc {
border: 4px solid #39267F;
box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.16), 2px 3px 6px rgba(0, 0, 0, 0.23);
}


.curseurvideoefc .et_pb_carousel {
background: #39267F none repeat scroll 0 0;
padding: 1.5% 1% 1%;
margin-top: 0px;
}

.curseurvideoefc .et_pb_video_play:before {
    display: none;
}

.curseurvideoefc .et-pb-arrow-next:before {
color: #52BB2B;
}
.curseurvideoefc .et-pb-arrow-prev:before {
color: #52BB2B;
}

ol:before {
color: #53BA2D;
}

.blurb_click:hover {cursor: pointer;}







/*** CUSTOM CENTRE RESSOURCES - ALL RESSOURCES - avec hide-show div *******/

#ress-video, #ress-pdf, #ress-infographie, #ress-decouverte, #ress-pedagogique, #ress-professionnel, #ress-decouvrir, #ress-approfondir, #ress-entreprises, #ress-territoires, #ress-definitions, #ress-dirigeants, #ress-cooperation, #ress-travail, #ress-performance, #ress-villes, #ress-collectivites, #ress-commandepublique, #ress-cycledevie, #ress-productivite, #ress-immat, #ress-evaluation, #ress-externalites, #ress-clubefdd {
display: none;
}

.page-id-623 .post-content {
display: none;
}

#lastressources .post-content {
display: none;
}


.page-id-623 .et_pb_blog_grid[data-columns] .et_pb_post {
	animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s normal none 1 running gridFadeIn;
    opacity: 1;
}





#btn-all-ress {
border: 1px solid #444;
border-radius: 2px;
color: #444;
display: inline-block;
margin-right: 6px;
margin-top: 8px;
padding: 4px 12px;
transition: all 0.3s ease 0s;
}

#btn-all-ress:hover { 
background-color: #444;
color: #fff;
text-decoration: none;
}

#btn-all-ress:focus { 
background-color: #444;
color: #fff;
text-decoration: none;
}

#ress-formats a {
border: 1px solid #6E0C75;
border-radius: 2px;
color: #6E0C75;
display: inline-block;
margin-right: 6px;
margin-top: 8px;
padding: 4px 12px;
transition: all 0.3s ease 0s;
}

#ress-formats a:hover { 
background-color: #6E0C75;
color: #fff;
text-decoration: none;
}

#ress-formats a:focus { 
background-color: #6E0C75;
color: #fff;
text-decoration: none;
}

#ress-parcours a {
border: 1px solid #39267F;
border-radius: 2px;
color: #39267F;
display: inline-block;
margin-right: 6px;
margin-top: 8px;
padding: 4px 12px;
transition: all 0.3s ease 0s;
}

#ress-parcours a:hover { 
background-color: #39267F;
color: #fff;
text-decoration: none;
}

#ress-parcours a:focus { 
background-color: #39267F;
color: #fff;
text-decoration: none;
}

#ress-thematiques a {
    border: 1px solid #52bb2b;
    border-radius: 2px;
    color: #52bb2b;
    display: inline-block;
    font-size: 13px;
    margin-right: 6px;
    margin-top: 8px;
    padding: 0 6px;
    transition: all 0.3s ease 0s;
}

#ress-thematiques a:hover { 
background-color: #52bb2b;
color: #fff;
text-decoration: none;
}

#ress-thematiques a:focus { 
background-color: #52bb2b;
color: #fff;
text-decoration: none;
}

.page-id-623 .et_pb_blog_grid_dropshadow .et_pb_post {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}


.page-id-623 .et_pb_blog_grid h2 {
    font-size: 18px;
    line-height: 1.2em;
    text-transform: uppercase;
}

.et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_pb_post .et_pb_slider, .et_pb_image_container {
	margin-bottom: 10px;
}

/*** header pour article ressources back to the centre ***/

#header-ress {
background-color: #39267f;
}

#header-ress .et_pb_button::before {
    display: none;
}

#header-ress .et_pb_button::after {
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    left: auto;
    line-height: 1.7em;
    margin-left: 0.3em;
    opacity: 1;
}

#header-ress .et_pb_fullwidth_header {
padding: 5px 0 25px;
}


#header-ress .et_pb_button {
    border-radius: 2px;
    border-width: 1px;
    font-size: 16px;
    letter-spacing: 0;
    padding-left: 0.7em;
    padding-right: 2em;
}

@media all and (max-width: 980px) {
#btn-ress-home {
margin-left: 0px !important;
}
}



/*********************** Filter Posts  ***********************/


/*** MENU filter buttons ***/

#filter-buttons #ress-all button {
font-family: "Open Sans",Arial,sans-serif;
font-size: 16px;
border: 1px solid #444;
border-radius: 2px;
color: #444;
background-color: #fff;
display: inline-block;
margin-right: 6px;
margin-top: 8px;
padding: 7px 14px;
transition: all 0.2s ease 0s;
}

#filter-buttons #ress-all button:hover { 
background-color: #444;
color: #fff;
cursor: pointer;
text-decoration: none;
}

#filter-buttons #ress-all button:focus { 
background-color: #444;
color: #fff;
text-decoration: none;
}


#filter-buttons #ress-format button {
font-family: "Open Sans",Arial,sans-serif;
font-size: 16px;
border: 1px solid #6E0C75;
background-color: #fff;
border-radius: 2px;
color: #6E0C75;
display: inline-block;
margin-right: 6px;
margin-top: 8px;
padding: 7px 14px;
transition: all 0.2s ease 0s;
}

#filter-buttons #ress-format button:hover { 
background-color: #6E0C75;
color: #fff;
cursor: pointer;
text-decoration: none;
}

#filter-buttons #ress-format button.active { 
background-color: #6E0C75;
color: #fff;
text-decoration: none;
}

#filter-buttons #ress-parcours button {
font-family: "Open Sans",Arial,sans-serif;
border: 1px solid #39267F;
font-size: 16px;
border-radius: 2px;
color: #39267F;
background-color: #fff;
display: inline-block;
margin-right: 6px;
margin-top: 8px;
padding: 7px 14px;
transition: all 0.2s ease 0s;
}

#filter-buttons #ress-parcours button:hover { 
background-color: #39267F;
color: #fff;
cursor: pointer;
text-decoration: none;
}

#filter-buttons #ress-parcours button.active { 
background-color: #39267F;
color: #fff;
text-decoration: none;
}


/***/


#filterposts {
  position: relative;
  margin-top: 50px;
}


#filterposts .et_pb_post {
display: none;
width: 29.3%;
margin-right: 3%;
margin-bottom: 2.6%;
background-color: #fff;
border: 1px solid #d8d8d8;
overflow-wrap: break-word;
padding: 19px;
height: 350px;
position: relative;
overflow: hidden;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

#filterposts .et_pb_post .entry-featured-image-url {
    margin: -20px -20px 10px;
}

#filterposts .et_pb_post a img {
max-width: 100%;
min-width: 100%;
height: 211px;
}

#filterposts .et_pb_post h2 {
    font-size: 18px;
    line-height: 1.2em;
    text-transform: uppercase;
	margin-top: 20px;
}


#filterposts .et_pb_post .post-content {
display: none;
}

@media screen and (max-width: 980px) {
#filterposts .et_pb_post {
width: 100%;
height: auto;
float: none;
}
}
@media screen and (max-width: 980px) {
#filterposts .et_pb_post a img {
height: auto;
}
}