/*
Theme Name: Adope une poule
Description: This is a custom child theme for Salient
Theme URI:   https://www.revue-ophtalmologie-francaise.fr
Author: ASTERIUM
Author URI:  https://www.asterium.fr
Template: salient
Version: 1.0
*/


:root {
  --blanc: #fff;
  --noir: #000;
  --gris: #cccccc;
  --gris-clair: #d6d6d6;
  --gris-fonce: #666;
  --gris-fond: #f5f5f5;
  --vert: #4C5F3A;
  --vertclair: #8CA06A;
  --beige: #F2E9D8;
  --beigefond: #FBF6F1;
  --orange: #E07A4E;
  --brun: #6A4A2F;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}



/* BEGIN Fonts */
@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Bold.woff2') format('woff2'),
        url('Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Italic.woff2') format('woff2'),
        url('Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Light.woff2') format('woff2'),
        url('Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Medium.woff2') format('woff2'),
        url('Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Regular.woff2') format('woff2'),
        url('Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



/* END Fonts */

body {
	font-family: 'Montserrat';
}


blockquote {
	font-weight: 300;
	line-height: 22px;
	font-size: 17px;
	padding-left: 20px;
	margin-bottom: 30px;
}
blockquote p:last-child {
	padding-bottom: 0;
}




/* WYSIWYG *********************************************** */
.chapeau {
    font-size: 24px;
    line-height: 30px;
    color: var(--noir);
    font-weight: 500;
}
.encart_gris {
    display:  block;
    padding: 25px 30px 30px 30px;
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 24px;
    color: var(--noir);
    border: 1px solid var(--gris);
    border-radius: 6px;
    background: var(--gris-fond);
}
.encart_bleu {
    display:  block;
    padding: 25px 30px 30px 30px;
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 24px;
    color: var(--noir);
    border: 1px solid var(--bleu);
    border-radius: 6px;
    background: var(--blanc);
}
.bouton {
    display: block;
    width: fit-content;
    border-radius: 18px;
    padding: 6px 22px 6px 20px;
    margin: 0 0 20px 0;
    transition: 0.4s;
    text-transform: uppercase;
    background: var(--bleu);
    font-size: 15px;
    font-weight: 500;
    position: relative;
    color: var(--noir);
}
.couleur_orange { color: var(--orange); font-weight:500 }
.couleur_rouge { color: var(--rouge); font-weight:500 }
.couleur_violet { color: var(--violet); font-weight:500 }
.couleur_vert { color: var(--vert); font-weight:500 }
.couleur_bleu { color: var(--bleu); font-weight:500 }


/* Slogan */
.slogan h1 {
	font-size: 26px;
}



/* Footer ------------------------------------- */
#footer-outer {
	background-color: #F2E0C7;
	padding-top: 100px;
	position: relative;
}
	#footer-outer:before {
		content: "";
		position: absolute;
		top: 0;
		background: transparent url('./images/paysage_footer.png') no-repeat;
		height: 100px;
		width: 100%;
	}
	#footer-outer .widget h4 {
		font-size: 20px;
		line-height: 20px;
		font-weight: 600;
		color: var(--noir);
	}
	#footer-outer .widget_text {
		font-size: 15px;
		color: var(--noir);
	}
	#footer-outer .menu li a {
		font-size: 15px;
		color: var(--noir) !important;
	}