.quotebox {
background-color: #fff;
border: 1.5px solid #326275;
box-sizing: border-box;
padding: 10px;
font-size: 90%;
border-radius: 10px;
max-width: max-content;
}
.quotebox.floatleft {
margin: .5em 1.4em .8em 0;
}
.quotebox.floatright {
margin: .5em 0 .8em 1.4em;
}
.quotebox.centered {
overflow: hidden;
position: relative;
margin: .5em auto .8em auto;
}
.quotebox.floatleft span,
.quotebox.floatright span {
font-style: inherit;
}
.quotebox > blockquote {
margin: 0;
padding: 0;
/* Styling from Minerva */
border-left: 0;
font-family: inherit;
font-size: inherit;
}
.quotebox-title {
background-color: #fff;
text-align: center;
font-size: 110%;
font-weight: bold;
border-bottom: 1px #326275 solid;
margin-bottom: 7px;
color: #1a3b48;
}
.quotebox-quote > :first-child {
margin-top: 0;
}
.quotebox-quote:last-child > :last-child {
margin-bottom: 0;
}
.quotebox-quote.quoted:before {
font-family:'Times New Roman',serif;
font-weight:bold;
font-size: large;
color: #326275;
content: ' “ ';
vertical-align: -45%;
line-height: 0;
}
.quotebox-quote.quoted:after {
font-family:'Times New Roman',serif;
font-weight:bold;
font-size: large;
color: #326275;
content: ' ” ';
line-height: 0;
}
.quotebox .left-aligned {
text-align: left;
}
.quotebox .right-aligned {
text-align: right;
}
.quotebox .center-aligned {
text-align: center;
}
.quotebox .quote-title,
.quotebox .quotebox-quote {
display: block;
}
.quotebox cite {
display:block;
font-style:normal;
font-size: 95%;
}
@media screen and (max-width:640px) {
.quotebox {
/*override inline styles */
width: 100% !important;
/*margin: 0 0 .8em !important;*/
float: none !important;
max-width: 90%;
}
}
.quotebox.header {
border: none;
background: none;
padding: 7px 22px;
margin: .5em auto 0 auto
}
.quotebox cite {
margin-top: 0.5em;
margin-bottom: 0;
}
.header blockquote:before {
font-family:'Times New Roman', serif;
font-weight:bold;
font-size: 35px;
color: #326275;
position: absolute;
line-height: 1;
top: 0;
left: 0;
content: "“";
}
.header blockquote:after {
font-family:'Times New Roman', serif;
font-weight:bold;
font-size: 35px;
color: #326275;
position: absolute;
float:right;
line-height: 1;
right: 2px;
bottom: 20px;
content: "”";
}