#post-690 .wp-block-quote {
display: flex;
flex-direction: row-reverse;
padding: 0;
}
#post-690 .wp-block-quote p {
font-family: Cocon;
width: 75%;
border-radius: 15px;
padding: 12px 70px;
position: relative; }
#post-690 .wp-block-quote:nth-child(4n+1) p { 
background-color: #b4dabd; 
color: #333333;
}
#post-690 .wp-block-quote:nth-child(4n+2) p { 
background-color: #9da0c3; 
color: #3a4288;
}
#post-690 .wp-block-quote:nth-child(4n+3) p { 
background-color: #e3b8cc; 
color: #ffffff;
}
#post-690 .wp-block-quote:nth-child(4n+4) p { 
background-color: #fff2d7; 
color: #52a3dd;
}
#post-690 .wp-block-quote p:before {
display: block;
content: " ";
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 8px;
left: 8px;
}
#post-690 .wp-block-quote:nth-child(4n+1) p:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/quote-left-vert.svg);
}
#post-690 .wp-block-quote:nth-child(4n+2) p:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/quote-left-bleu.svg);
}
#post-690 .wp-block-quote:nth-child(4n+3) p:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/quote-left-rose.svg);
}
#post-690 .wp-block-quote:nth-child(4n+4) p:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/quote-left-jaune.svg);
}
#post-690 .wp-block-quote p:after {
display: block;
content: " ";
width: 50px;
height: 50px;
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/quote-right-vert.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
bottom: 8px;
right: 8px;
}
#post-690 .wp-block-quote:nth-child(4n+1) p:after {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/quote-right-vert.svg);
}
#post-690 .wp-block-quote:nth-child(4n+2) p:after {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/quote-right-bleu.svg);
}
#post-690 .wp-block-quote:nth-child(4n+3) p:after {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/quote-right-rose.svg);
}
#post-690 .wp-block-quote:nth-child(4n+4) p:after {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/quote-right-jaune.svg);
}
#post-690 .wp-block-quote cite {
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
font-family: Cocon;
font-weight: 400;
padding: 0 12px 0 0;
}
#post-690 .wp-block-quote:nth-child(4n+1) cite { color: #759ba1; }
#post-690 .wp-block-quote:nth-child(4n+2) cite { color: #3a4288; }
#post-690 .wp-block-quote:nth-child(4n+3) cite { color: #de4287; }
#post-690 .wp-block-quote:nth-child(4n+4) cite { color: #52a3dd; }
#post-690 .wp-block-quote cite:before {
display: block;
content: " ";
width: 80px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
}
#post-690 .wp-block-quote:nth-child(4n+1) cite:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/parole-pro-vert.svg);
}
#post-690 .wp-block-quote:nth-child(4n+2) cite:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/parole-pro-bleu.svg);
}
#post-690 .wp-block-quote:nth-child(4n+3) cite:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/parole-pro-rose.svg);
}
#post-690 .wp-block-quote:nth-child(4n+4) cite:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/parole-pro-jaune.svg);
}
#post-690 .wp-block-quote cite:after {
display: block;
position: absolute;
content: " ";
right: -4px;
top: 20px;
width: 8px;
height: 8px;
transform: rotate(45deg);
}
#post-690 .wp-block-quote:nth-child(4n+1) cite:after {
background-color: #b4dabd;
}
#post-690 .wp-block-quote:nth-child(4n+2) cite:after {
background-color: #9da0c3;
}
#post-690 .wp-block-quote:nth-child(4n+3) cite:after {
background-color: #e3b8cc;
}
#post-690 .wp-block-quote:nth-child(4n+4) cite:after {
background-color: #fff2d7;
}
#post-690 blockquote {
border-left: none;
}
@media all and (max-width: 420px) {
#post-690 .wp-block-quote p {
padding: 12px 30px;
font-size: 14px;
}
#post-690 .wp-block-quote p:before {
width: 20px;
height: 20px;
}
#post-690 .wp-block-quote p:after {
width: 20px;
height: 20px;
}
#post-690 .wp-block-quote cite:before {
width: 55px;
height: 55px;
margin-bottom: 5px;
}
#post-690 .wp-block-quote cite {
font-size: 12px;
}
}