/* */
.quotebox {
background-color: #F9F9F9;
border: 1px solid #aaa;
box-sizing: border-box;
padding: 10px;
font-size: 88%;
max-width: 100%;
}
.quotebox.floatleft {
margin: 0.5em 1.4em 0.8em 0;
}
.quotebox.floatright {
margin: 0.5em 0 0.8em 1.4em;
}
.quotebox.centered {
margin: 0.5em auto 0.8em auto;
}
.quotebox.floatleft p,
.quotebox.floatright p {
font-style: inherit;
}
.quotebox-title {
background-color: #F9F9F9;
text-align: center;
font-size: larger;
font-weight: bold;
}
.quotebox-quote.quoted:before {
font-family:'Times New Roman',serif;
font-weight:bold;
font-size: large;
color: gray;
content: ' “ ';
vertical-align: -45%;
line-height: 0;
}
.quotebox-quote.quoted:after {
font-family:'Times New Roman',serif;
font-weight:bold;
font-size: large;
color: gray;
content: ' ” ';
line-height: 0;
}
.quotebox .left-aligned {
text-align: right;
}
.quotebox .right-aligned {
text-align: right;
}
.quotebox .center-aligned {
text-align: center;
}
.quotebox cite {
display:block;
font-style:normal;
}
@media screen and (max-width:360px) {
.quotebox {
/*override inline styles */
min-width: 100%;
margin: 0 0 0.8em !important;
float: none !important;
}
}