@media all and (max-width: 800px) {
.column_frames {
width: auto !important;
float: none !important;
}
}
.mp-frame-header a {
color: white !important;
}
.mp-frame-header a:visited {
color: white !important;
}
.mp-frame {
/* box-shadow: 0 0 .3em #999; */
box-shadow: 2px 2px 6px 2px #ddd;
border-radius: .2em;
/* margin: 1em 0 2em 0; */
margin: 24px 6px;
padding: 1px;
}
.mp-frame:after {
display: block;
content: "";
clear: both;
}
.mp-frame-header {
background-color: #888;
border-radius: .2em;
color: #fff;
padding: .4em .8em .5em;
font-weight: bold;
}
.mp-frame-header_:before {
display: inline-block;
/* Add some content in order to get normal line height, then make it transparent */
content: "x";
color: transparent;
width: 40px;
opacity: .7;
background-size: 27px;
background-repeat: no-repeat;
background-position: left center;
}
.mp-frame-body {
padding: 1em;
}
