/*
Theme Name: Ecole de la mediation
Description: Theme enfant pour Canvas
Author: Olivier Gobet
Author URI: https://www.gd6d.fr
Template: canvas
Version:  2.1.1
*/

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

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */




h6 {
text-transform: uppercase;
}

.entry p.wpb_call_text {
margin-bottom: 0em; 
}
  
small {
font-size: 0.8em;
}

/* nav principale */

#navigation {
font: 300 14px/1.2 "Helvetica Neue",sans-serif;
margin-bottom: 0em;
}

#navigation ul.nav li a {
padding: .5em 1.2em;
}

#navigation ul.nav > li.niv1 a {
color: black;
}

#navigation .nav li.parent > a::after {
color: #878685;
}

  
/* couleur */

span.black {
color: #000000;
}

div#top {
background: none repeat scroll 0 0 #008A04;
}

/* lien */


a.souligne {
	text-decoration: underline;
}


/* Page ressources */

.page-id-8 .all-detail-cnt div.pl-itemcnt {
	display: none;
}

.page-id-8 .pl-detailcnt .pl-permalink-t2 { margin-top:0px;
	padding: 0.2em 0.6em 0;
	background: none 0 0 repeat scroll #363636;
-moz-appearance: none;
border-color: rgba(255, 255, 255, 0);
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: 0 0 0 0 #888;
box-sizing: border-box;
color: white !important;
cursor: pointer;
display: inline-block;
	font-size: 0.8em !important;
	font-weight: 200;
line-height: 1.618em;
overflow: visible;
	text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
white-space: normal;
width: auto
}

.page-id-8 .pl-detailcnt .pl-permalink-t2 .fa.fa-angle-right {
	font-size: 1.4em !important
}

.page-id-8 .all-detail-cnt p.pl-text.left-txt, .page-id-8 .pl-detailcnt p.pl-text.left-txt {
	font-size: 1em;
	color: #505050;
}

.page-id-8 .pl-detailcnt .pl-title { font-size:16px; margin:0px 0;
}

.page-id-8 .pl-gridlayout .pl-detailcnt{  padding:0px 0px; }

.page-id-8 .pl-gridlayout .pl-col{ margin-bottom:30px;  }


/* Page ressources
.\36 2 .pl-detailcnt h2 {
	background: url(www.estim-mediation.fr/v2/wp-content/themes/universciences/images/logo-24.png) left 7px no-repeat;
	padding-left: 35px;
}

.\36 2 .pl-detailcnt h2 a {
	color: #008A04;
}
 */

.page-id-8.vert .pl-detailcnt h2 a {
	color: #008A04;
}

.page-id-8.vert .entry h2 {
    border-bottom: none;
}

.page-id-8 .pl-detailcnt .pl-title a:hover {
    color: #d82700;
}

.single-ressource a.woo-sc-button {
	text-align: left !important;
	text-transform: none !important;
}

.single-ressource a.woo-sc-button span.woo-download {
	text-transform: uppercase;
text-indent: -20px;
	padding-left: 30px !important;
}

.single-ressource a.woo-sc-button em {
		padding-left: 30px !important;
}

.single-ressource .woo-sc-box.note p {
	margin-left: 30px;
	margin-top: -20px;
}

.single-ressource .woo-sc-box.note p a {
	text-decoration: underline;
}

div.pl-detailcnt, .mb-2 {
	margin-bottom: 10px !important;
}

.mt-2 {
	margin-top: 10px !important;
}

.line p {
  display: inline-block;
  padding: 0 15px;
  position: relative;
	color: #000000;
	font-weight: bold;
}

.line p:before,
.line p:after {
  background: #868785;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 400%;
}
.line p:before {
  right: 100%;
}
.line p:after {
  left: 100%;
}
.line {
  overflow: hidden;
  text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.entry ul.cpw.template-block {
    padding: 0px;
}

.entry ul.cpw.template-block li {
    list-style-type: none !important;
    	margin-bottom: 10px;
}

.btn {
	border: none;
	font-family: inherit;
	font-size: 85%;
	background: none;
	cursor: pointer;
	display: inline-block;
	margin: 15px 30px 15px 0;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-transform: uppercase;
}

a.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.shortcode-tabs ul.tab_titles li.nav-tab.ui-state-active a, .shortcode-tabs ul.tab_titles li.nav-tab a:hover {
	color: black;
}

.shortcode-tabs ul.tab_titles li.nav-tab.ui-state-active a {
	font-weight: bold;
}



/* Pseudo elements for icons */
.btn:before {
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}

.icon-cart:before {
	content: "\f019";
}


/* Button 3 */
.btn-3 {
	background: #008A04;
	color: #fff;
}

.btn-3:hover {
	background: #008A04;
}

.btn-3:active {
	background: #d82700;
	top: 2px;
}

.btn-3:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 200%;
	width: 60px;
}

/* Button 3a */
.btn-3a {
	padding: 25px 30px 25px 80px;
	    line-height: 1.5;
}

.btn-3a:before {
	background: rgba(0,0,0,0.05);
}

a.btn.btn-3.btn-3a.icon-cart {
	text-decoration: none;
	color: #ffffff;
}

a.btn.btn-3.btn-3a.icon-cart em {
	text-transform: none;
	display: block;
}

#wrapper .woo-sc-button.small {
    font-size: 0.7em;
}

.entry a.button:link {
    text-decoration: none;
}
.entry a.button:hover {
    text-decoration: underline;
}

/* page contact */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 90%;
    font-size: 1.2em;
}

 
@media only screen and (min-width: 768px) {

/* top nav */

ul#top-nav.nav li {
    float: right;
    list-style: outside none none;
    position: relative;
}

ul#top-nav.nav li.fl {
    float: left;
}

#top ul.nav li.current_page_item a, #top ul.nav li.current_page_parent a, #top ul.nav li.current-menu-ancestor a, #top ul.nav li.current-cat a, #top ul.nav li.current-menu-item a {
    color: white;
}

#top ul.nav li#menu-item-13082 a:hover {
	text-decoration: none;
}

#top ul.nav li a:hover {
    color: white;
	text-decoration: underline;
}

ul#top-nav.nav li input[type="text"], ul#top-nav.nav li input:not([type]), ul#top-nav.nav li textarea {
    font: 16px "Archivo Narrow",arial,sans-serif;
	color: white;
}

ul#top-nav.nav li .searchform, ul#top-nav.nav li #searchform {
    border-color: #efefef;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    margin-top: 3px;
    position: relative;
    width: 98%;
	background-color: rgba(0, 0, 0, 0.14);
}

ul#top-nav.nav li .searchform .fa-search::before {
    color: white;
    line-height: 1.4;
}

/* nav principale */

#navigation ul li.niv1 a {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

#navigation ul li.niv1 li a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

#navigation section.menus.nav-icons.nav-icons-1 div.side-nav ul.nav-search {
	margin-top: 15px;
}

#navigation {
    background: none;
}

ul.nav ul li a {
  font-size: 1.1em; }

/* nav principale rouge */

#navigation ul li.rouge a, #navigation ul li.rouge a:hover {
	background: linear-gradient(to bottom, white 85%, #D82700 85%) !important;
}

#navigation ul.nav li.rouge ul {
  background: #D82700; }

#navigation ul.nav li.rouge ul li a, #navigation ul.nav li.rouge ul li a:hover {
	background: linear-gradient(to bottom, white 0%, #D82700 0%) !important;
}

ul.nav li.rouge ul li a {
  background: none !important;
  color: #fff !important; 
}


/* nav principale vert */

#navigation ul li.vert a, #navigation ul li.vert a:hover {
	background: linear-gradient(to bottom, white 85%, #3FA436 85%) !important;
}

#navigation ul.nav li.vert ul {
  background: #3FA436; }

#navigation ul.nav li.vert ul li a, #navigation ul.nav li.vert ul li a:hover {
	background: linear-gradient(to bottom, white 0%, #008A04 0%) !important;
}

ul.nav li.vert ul li a {
  background: none !important;
  color: #fff !important; 
}

/* nav principale jaune */

#navigation ul li.jaune a, #navigation ul li.jaune a:hover {
	background: linear-gradient(to bottom, white 85%, #FFB700 85%) !important;
}

#navigation ul.nav li.jaune ul {
  background: #FFB700; 
}

#navigation ul.nav li.jaune ul li a {
	color: black !important;
}

#navigation ul.nav li.jaune ul li a, #navigation ul.nav li.jaune ul li a:hover {
	background: linear-gradient(to bottom, white 0%, #FFB700 0%) !important;
}

ul.nav li.jaune ul li a {
  background: none !important;
  color: #fff !important; 
}


#navigation .recherche {
	float: right;
	margin-top: 12px;
}

#navigation .menus.nav-icons-1 #main-nav {
    margin-right: 1em;
}


  ul.nav {
    margin-right: 0em;
    margin-left: 4em;
  }
  
  ul#top-nav.nav {
    width: 100%;
    margin-left: 0em;
  }
}

/* Fil ariane */

#main div.breadcrumb.breadcrumbs.woo-breadcrumbs div.breadcrumb-trail {
    color: #868785;
}

.entry .breadcrumb a:link {
    text-decoration: none;
}

.entry .breadcrumb a:hover {
    text-decoration: underline;
}

/* widget */

#custom_html-4 ul li {
	display: inline-block;
	   position: relative;
}

/* footer */

.footer-inner-wrapper {
	background: url(images/bg-footer1.png) center top no-repeat #ededed !important;
	padding-top: 50px;
	padding-bottom: 20px;
}

#footer-widgets {
  border-top: 0px;
}

#footer-widgets {
	padding: 0;
}

#footer-widgets ul li, #copyright ul li {
display: inline-block;
   position: relative;
}

#footer-widgets .widget {
    padding: 0px;
}

.subfooter-inner-wrapper {
    background-color: #4f4f4f !important;

}

.subfooter-inner-wrapper .inner-wrapper {
/*width: 1200px;*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

footer#footer.col-full {
	padding: 0px;
}

div#credit.col-right {
	margin-bottom: 10px;

}

div#copyright.col-left {
	margin-bottom: 10px;
	width: 500px;
	margin-top: 5px;
}	


div#copyright.col-left a {
	color: white;
}

div#copyright.col-left .dot {
    margin: 0 10px 0 5px;
	color: white;
}

/* titres */

h1.entry-title {
margin-bottom: 30px;
}

body.rouge h1.entry-title, body.single-post h1.entry-title {
border-bottom: 4px solid #d82700;
}

body.vert h1.entry-title {
border-bottom: 4px solid #008A04;
}

body.jaune h1.entry-title {
border-bottom: 4px solid #ffb700;
}

body.single-formation.jaune h1.entry-title {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}

.entry h2 {
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.rouge .entry h2 {
border-bottom: 2px solid #d82700;
}

.vert .entry h2 {
border-bottom: 2px solid #008A04;
}

.jaune .entry .threecol-two h2, .jaune #main .entry h2 {
border-bottom: 2px solid #ffb700;
}

.jaune .entry .threecol-two .sd-sharing h2, .jaune #main .entry .sd-sharing h2 {
    border-bottom: none;
}



hr.title.vert, hr.title.jaune {
  background-color: #3ea435;
  height: 4px;
  margin-bottom: 40px; }
  
hr.title.jaune {
  background-color: #ffb700;
   }

hr.title.jaune.dix {
	margin-bottom: 10px;
	}


/* contenu */

#main div.breadcrumb.breadcrumbs.woo-breadcrumbs div.breadcrumb-trail span.trail-end, div.breadcrumb-trail span.trail-end {
	color: #868785;
}

.widget_nav_menu, #custom-posts-2 {
		background: url(images/bg-widget-menu.png) right top no-repeat #f1f1f1;
}

#nav_menu-2.widget {
	padding-top: 20px;
	padding-bottom: 0;
}

#custom-posts-2 .cpw-title {
    font-weight: normal;
	font-style: normal;
}

.widget_nav_menu .current_page_item a {
	color: #c61519;
}

.entry img.noborder {
	border-style: none;
}

.entry a:link {
  text-decoration: underline; }
  
section.entry p {
    margin-bottom: 1em;
	line-height: 1.3em;
	font: 300 14px/1.5em Arial, sans-serif;
}

img.vertical-align-middle {
vertical-align:middle;
	border-style: none;
}

/* page actu */

.page-id-12 #main article h2 {
	border-bottom-style: none;
}

.page-id-12 #main article h3 a {
	text-decoration: none;
}

.pasdespace h3, .pasdespace h3 a, #main .rouge a, h1.rouge {
    margin-bottom: 0rem;
    	color: #c61519 !important;
}

.pasdespace .post-date, .pasdespace .entry-date {
	font-style: italic;
}

.pasdespace .vc-posts-list-item {
	margin-bottom: 20px;
}

div.entry-content .pasdespace p, 
.pasdespace .vc_row.wpb_row.vc_inner {
	margin-bottom: 0 !important;
	margin: 0 !important;
}

.entry-content .pasdespace img.attachment-thumbnail.wp-post-image {
	display: block;
	float: left;
}

.margegauche {
	margin-left: 15px;
}

.fluxrss p {
	margin: 0;
}

.post-meta .small {
    text-transform: none;
}

.page-template-template-blog h2.title.entry-title {
    margin-bottom: 0rem;
	font-size: 24px;
}


.page-template-template-blog h2.title.entry-title a, .single-post h2.title.entry-title {
    color: #c61519 !important;
}

/* page actus edm */

.page-id-13085 .sd-sharing {
	display: none;
}


/* page formation */

.qtxt, .qtxtnb {
    background-clip: padding-box;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    margin-bottom: 0;
    margin-left: 3px;
    margin-right: 3px !important;
    margin-top: 0;
    min-width: 30px;
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
	background-color: #8C8C8C;
}

.qtxtnb {
	background-color: #282828;
	color: white;
}

.qtxt.fondvert {
	background-color: #008A04;
	color: white;
}

.qtxtnb2 {
	background-color: #e1e1e1;
	color: black;
}

.parent-pageid-13376 section#main {
height:90%;
min-height:600px;
}

form#ss-form input[type="submit"] {
    font-size: 0.7em;
}

.entry form#ss-form ol {
    margin: 0px;
    padding: 0px;
}

.entry form#ss-form table {
    background: transparent;
}

.widget.bgyellow {
    background: #ffb700;
    padding: 20px 25px 5px 15px;
	color: #000;
}
.widget.bgyellow p {
	color: #000;
}
.entry .widget.bgyellow table {
    box-shadow: none;
    margin-bottom: 1em;
}

.entry .widget.bgyellow .ss-item {
    margin: 0;
}

.entry .widget.bgyellow .ss-form-entry {
    margin-bottom: 0em;
}

.entry .widget.bgyellow .ss-q-title, .entry .widget.bgyellow .label-above .nf-field-label {
    color: #000000;
	font-weight: 700;
    font-size: 12px;
    font-style: normal;
    margin-bottom: 0.3em;
}

.entry .widget.bgyellow .ss-resp-message {
    background: #008A04 none repeat scroll 0 0;
    color: #ffffff;
    padding: 20px;
}

.entry .widget.bgyellow h1.ss-confirmation {
    color: #000000;
    font-size: 20px;
}

.page-template-template-page-formations .entry .sharedaddy {
	display: none;
}

.ss-form-container .ss-item-required.ss-paragraph-text textarea
 {
    height: 80px;
}

.unedate .deuxdates {
	display: none;
}

.twodates .ss-form-container input[type="text"], 
.twodates .ss-form-container input[type="password"], 
.twodates .ss-form-container input[type="email"], 
.twodates .ss-form-container input[type="number"], 
.twodates .ss-form-container input[type="search"], 
.twodates .ss-form-container input[type="tel"], 
.twodates .ss-form-container input[type="url"], 
.twodates .ss-form-container textarea {
    width: 90%;
}

.twodates .shortcode-toggle .toggle-content {
    background: none;
}

.twodates .shortcode-toggle h4 a { display: block; padding: 3px 0 3px 10px; background: url(www.estim-mediation.fr/v2/wp-content/themes/canvas/functions/images/shortcode-toggle-close.png) 99% center no-repeat white;
	text-decoration: none;
}

a.button em {
    padding: 0;
    text-align: left;
    text-transform: none;
	font-size: 0.9em;
	display: inline-block;
}

body #wrapper #content .button.yellow {
	background-color: #ffb700 !important;
	color: black !important;
}

.ss-form-container input[type="text"], .ss-form-container input[type="password"], .ss-form-container input[type="date"], .ss-form-container input[type="datetime"], .ss-form-container input[type="email"], .ss-form-container input[type="number"], .ss-form-container input[type="search"], .ss-form-container input[type="tel"], .ss-form-container input[type="time"], .ss-form-container input[type="url"], .ss-form-container textarea {
    height: inherit;
}

.ss-form-container .errorbox-bad input[type="text"], .ss-form-container .errorbox-bad input[type="password"], .ss-form-container .errorbox-bad input[type="email"], .ss-form-container .errorbox-bad input[type="number"], .ss-form-container .errorbox-bad input[type="search"], .ss-form-container .errorbox-bad input[type="tel"], .ss-form-container .errorbox-bad input[type="url"], .ss-form-container .errorbox-bad textarea {
    width: 90%;
} 

.ss-q-help {
    margin-top: 0rem;
}

@media only screen and (max-width: 767px) {

#menu-item-13082 a, #menu-item-12789 a {
	display: none;
}

form.searchform {
	float: right;
}

#navigation {
	background-color: white;
}

li.rouge a, ul.nav li.rouge.current_page_item a, ul.nav li.rouge.current_page_ancestor > a {
	background-color: #c61519;
	color: white !important;
}

li.vert a, ul.nav li.vert.current_page_item a, ul.nav li.vert.current_page_ancestor > a {
	background-color: #008A04;
	color: white !important;
}

li.jaune a, ul.nav li.jaune.current_page_item a, ul.nav li.jaune.current_page_ancestor > a {
	background-color: #ffb700;
}

ul.nav li.rouge.current_page_item ul.sub-menu li a, ul.nav li.vert.current_page_item ul.sub-menu li a, ul.nav li.jaune.current_page_item ul.sub-menu li a,
ul.nav li.rouge ul.sub-menu li.current_page_item a, ul.nav li.vert ul.sub-menu li.current_page_item a, ul.nav li.jaune ul.sub-menu li.current_page_item a {
	color: #656665 !important;
}

#header.col-full {
    padding-bottom: 0px !important;
	padding-top: 20px !important;
}

#navigation h3 {
    display: none;
    padding: .5em 1em;
}

.subfooter-inner-wrapper .inner-wrapper, .pad20 {
    padding: 20px;
}

}

@media only screen and (min-width: 768px) and (max-width: 1144px) {
ul.nav {
  margin-left: 1em !important;
}

.col-full, #wrapper {
    max-width: 600px !important;
}

div.inner-wrapper.col-full {
	width: 95%;
}
}

#copyright>* {
  display: inline;
}

@media only screen and (min-width: 1024px) {
    #logo { float: left !important; max-width: 20% !important; }
    #navigation { 
        max-width: 78% !important;
        float:right !important;
        clear: none;
    }
 
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	ul.nav li.menu-item-12789 {
	display: none;
 	}
	
	
	#logo {
	    float: none !important;
	}
	
	#navigation {
	    max-width: 100% !important;
	}
	
	
 }
 
 @media only screen and (max-width: 1144px) {

 .pl-itemcnt .pl-thumbcnt img {
     width: 100px;
 }

 
 }
 
 
 div#copyright.col-left {
     width: 60%;
 }

/* Légende */

.entry .wp-caption-text {
    font: 300 11px/1.5em "Helvetica Neue",Helvetica,sans-serif;
}

.entry .wp-caption.alignleft {
    margin: 5px 15px 0 0;
}

.entry .wp-caption.alignright {
    margin: 5px 0 0 15px;
}