/* Callout Box */
/* Note: Already exists in P2CH. Removed border in this instance. Need to confirm that css isn't used somewhere elseoin P2CH that needs border */
.calloutBox--image {
  border: none;
  margin: 2em auto 2em auto !important;
}
.calloutBox--image figure {
  margin: 0;
  padding: 0;
 /* margin:0 0 0 -12%;*/
}
.calloutBox--image img {
	display: block;
	width: 100%;
}
.calloutBox--image figure figcaption {
	background-color: #ffe331;
	color: #25283d;
	text-align: left;
	padding: 1em;
	font-size: 14px;
	border-bottom-right-radius:120px;
}
/*@media(min-width:1221px) and (max-width:1270px){
    .calloutBox--image figure {
      margin:0 0  0 -12%;
      
    }
}*/


/*@media(max-width:1220px){
    .calloutBox--image figure {
      margin:0 0  0 -10%;
      
    }
}*/
@media(max-width:768px){
    /*.calloutBox--image figure {
      margin:0 -10%  0 -16%;
      padding: 0;
      
    }*/
    .calloutBox--image figure figcaption {
        border-bottom-right-radius:25px;
    }
}
/* END - Callout Box */
/* Quotes */
/* Tweaked to work in P2CH */

/* blockquote.quote-person-1 {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
	text-align: center;
	margin: 2em 2em 1em 2em;
} */

blockquote.quote-person-1 {
	border-left: 8px solid #25283d;
	padding-left: 2.5em;
	margin-left: 0;
	text-align: left;
	margin: 2em 2em 1em 2em;
}
blockquote.quote-person-1 img {
        display: block;
        margin: 10px auto;
        width: 96px;
        border-radius: 50%;
        border: 10px solid #DBDBDB;
    }
blockquote.quote-person-1 q {
        font-weight: 300;
        font-size: 1.35rem;
        line-height: 1.3em;
        color: #4a4a4a;
    }







blockquote.quote-person-1 q::before {
	content: open-quote;
	margin-right: 5px;
	font-size: 2rem;
	margin-left: -.5em;
}

html[lang="fr"] blockquote.quote-person-1 q::before {
	content: open-quote;
	margin-right: 5px;
	font-size: 2rem;
	margin-left: -.75em;
}






    
    

blockquote.quote-person-1 q::after {
    content: close-quote;
    margin-left: 5px;
    font-size: 2rem;
}    
blockquote.quote-person-1 footer {
        font-weight: bold;
        padding: 10px 0;
        line-height: 1.3em;
        font-size: 1rem;
        color: #4a4a4a;
    	width: 100%;
    }
@media only screen and (max-width: 960px) {
    .quote-person-1 img,
    .quote-person-2 img {
        width: 80px;
        border-width: 9px;
    }
}
@media only screen and (max-width: 640px) {
        .quote-person-1 q {
            font-size: 1.3em;
        }
}
    /* END - Quotes */