/*  Theme Name:Coach 
Theme URI:    https://coach.webdev76west.com
Description:  Description pour site de coaching 
Author:       Nathalie
Author URI:   https://web76west.com
Template:     customizr  
Version:      0.1.0 */


/*******menu principal ******/


/*agrandir modifier la font du menu seulement*/
.nav__menu .menu-item .nav__link .nav__title {

  text-transform:none;
   font-size:1.2em;
  font-weight:600;
}
/*couleur par defaut du texte bleu*/
p, h6, h5, h4, h3, h2, h1, li, ul {
	
	color: #002f5e;
}
.entry-title 
{
	
	color: #002f5e;
}






/*travailler sur la font du titre et du sous titre (slogan) du site*/


/*titre*/

.branding .navbar-brand-sitename span {
    font-family: "raleway";
    display: block;
    white-space: normal;
	 font-weight:600;
	 font-size: 1em;
}

/*slogan*/
.branding .branding-aside .header-tagline {
    font-family:"raleway";
    width: auto;
    padding-bottom: 0;
    font-size: 1.7em;
    font-style: italic;
	font-weight: 500;
}
/*slogan mobile*/

.mobile-navbar__wrapper .branding .header-tagline {
    font-style: italic;
	font-size: small;
    line-height: normal;
    padding: 0;
    margin-left: 3.4em;
    width: 100%;
    font-weight: 200;
    margin-top:  -.8em;

}
/****** Mobile*****/



/* pour ajuster le logo l'agrandir quand on passe en mobile*/

@media only screen and (max-width: 768px) {
    .navbar-brand-sitelogo img {
        width: 50px;
    }

.mobile-navbar__wrapper .navbar-brand-sitelogo img {
    
    max-height: 50px !important;
}
.mobile-navbar__wrapper .branding .navbar-brand-sitename span {
   
    font-size: 0.8em;
    margin-top: -1em;
}
.mobile-navbar__wrapper .branding .header-tagline {
    font-style: italic;
    font-size: small;
    line-height: normal;
    padding: 0;
    margin-left: 4.4em;
    width: 100%;
    font-weight: 200;
    margin-top: -2em;
}
h2 {
	font-size : 1.5em;
}

  h1.entry-title {
	font-size : 2em;
 }
}
/*Au survol et au clic changement de couleur au  niveau du menu*/

.nav__menu .menu-item .nav__link .nav__title:link{
  color: #;}
.nav__menu .menu-item .nav__link .nav__title:hover{
  color: #F94144;}
.nav__menu .menu-item .nav__link .nav__title:active{
  color: #F94144;}
   
/*une fois selectionné au  niveau du menu */
.header-tagline, [class*="nav__menu"] .nav__link:hover, [class*="nav__menu"] .nav__link-wrapper .caret__dropdown-toggler:hover, [class*="nav__menu"] .show:not(.dropdown-item) > .nav__link, [class*="nav__menu"] .show:not(.dropdown-item) > .nav__link-wrapper .nav__link, .czr-highlight-contextual-menu-items [class*="nav__menu"] li:not(.dropdown-item).current-active > .nav__link, .czr-highlight-contextual-menu-items [class*="nav__menu"] li:not(.dropdown-item).current-active > .nav__link-wrapper .nav__link, .czr-highlight-contextual-menu-items [class*="nav__menu"] .current-menu-item > .nav__link, .czr-highlight-contextual-menu-items [class*="nav__menu"] .current-menu-item > .nav__link-wrapper .nav__link, [class*="nav__menu"] .dropdown-item .nav__link, .czr-overlay a, .tc-header .socials a:hover, .nav__utils a:hover, .czr-highlight-contextual-menu-items .nav__utils a.current-active, .header-contact__info a:hover, .tc-header .czr-form .form-group.in-focus label, .czr-overlay .czr-form .form-group.in-focus label {
  color: #277da1;
}

/* Liens non visités */
a:link {
  color: #;
}
/* Liens actifs-clic 
a:active{
color: #277DA1;
}*/

/* Liens au survol rouge */
a:hover{
  color:#F94144;
}
/* Liens visités */
a:visited{
  color:;
}


/******citation*********/
/*pour effacer le trait devant la signature*/

cite::before {
    content:"";
    width: ;
    height: 0px;
    bottom: 0px;
    left: 0;
    border-bottom: 0px solid;
    color: #0a02b9;

    
}

/*pour centrer la signature et la mettre en italic*/
.wp-block-pullquote blockquote cite, .wp-block-quote cite{
		font-style:italic;
		padding-left: 0;
	
}
/*pour effacer le guillemet en haut à gauche*/
.wp-block-pullquote blockquote::before, .wp-block-quote::before {
    display:none;
	left:0;
    top:0;
}
  /******footer*******/
 
.footer-skin-dark .footer__wrapper #colophon {
    background: #277DA1;
}

.footer-skin-light .footer__wrapper #colophon {
  background: #277DA1;
}


.czr-copyright{
  color:#fff;
}
.footer-skin-dark .footer__wrapper a {
    color: #fff;
}
	/*couleur hover sur les liens des crédits */
.footer-skin-dark .footer__wrapper a:active, .footer-skin-dark .footer__wrapper a:focus, .footer-skin-dark .footer__wrapper a:hover {
    color: #002f5e;
}



/******pour appliquer les nouvelles couleurs de la palette qui sont dans function.php*****/
.has-bluefonce-color { 

	color: #002f5e;

}
.has-bluefonce-background-color {
	
	background-color:#002f5e;
}
.has-bluemc-color { 

	color: #277DA1;

}
.has-bluemc-background-color {
	
	background-color:#277DA1;
}
.has-violet-color { 

	color: #577590;

}
.has-violet-background-color {
	
	background-color:#577590;
}


.has-greenpom-color { 

	color: #90be6d;

}
.has-greenpom-background-color {
	background-color:#90be6d;
}

.has-green-color { 

	color: #43AA8b;

}
.has-green-background-color {
	
	background-color:#43AA8b;
}


.has-yellow-color { 

	color: #f9c74f;

}
.has-yellow-background-color {
	
	background-color:#f9c74f;
}


.has-yelloworange-color { 

	color: #f9844a;

}
.has-yelloworange-background-color {
	
	background-color:#f9844a;
}
.has-orange-color { 

	color: #f8961e;

}
.has-orange-background-color {
	
	background-color:#f8961e;
}
	
	.has-orangefonce-color { 

	color: #f3722c;

}
.has-orangefonce-background-color {
	
	background-color:#f3722c;
}
	

.has-redmc-color  { 
color: #F94144;
}
.has-redmc-background-color {
	background-color:#F94144;
}


/**** blocs citations ****/
.wp-block-pullquote p {
	
	font-family:raleway;
	font-weight: normal !important;
	
}
.wp-block-pullquote cite {
		font-family:raleway;
}

/*********ajout d'une font ************
@font-face {
	font-family: "raleway";
	font-style:"normal";
	font-weight: "semi-bold";
	src: url(‘assets/shared/fonts/Raleway-SemiBold.ttf’) format(‘truetype’),
		
}
@font-face {
	font-family: "raleway";
	font-style: "italic";
	src: url(‘assets/shared/fonts/Raleway-italic.ttf’) format(‘truetype’),
		
}
@font-face {
	font-family: "raleway";
	font-style:"normal";
	font-weight:"100";
	src: url("assets/shared/fonts/Raleway-Thin.ttf") format(‘truetype’),
		
}
@font-face {
	font-family: "raleway";
	font-style: "ThinItalic";
	font-weight: "100";
	src: url(‘assets/shared/fonts/Raleway-ThinItalic.ttf’) format(‘truetype’),
		
}*/