#q-banner-big,
#q-banner-small {
width: 100%;
margin-bottom: 15px;
}
#q-banner-small {
display: none;
}
#content-area .unit a:hover .whole-headline,
#content-area .unit a:hover .whole-kicker,
a.article-headline-link:hover,
a.article-headline-bullet-link:hover,
a.article-headline-bullet-link:active,
a.article-headline-bullet-link:hover span.bullet-desc,
a.article-headline-bullet-link:active span.bullet-desc,
a.event-cat:hover,
a.event-cat:active,
.section-title a:hover {
color: #9d50ce;
text-shadow: 2px 2px 3px rgba(94, 8, 11, 0.1);
}
.writer {
color: #9d50ce;
}
.qmmunity-button {
float: left;
text-align: center;
letter-spacing: 1px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
color: #ffffff;
background-color: #000000;
padding: 6px 15px;
border-radius: 4px;
margin-right: 10px;
box-sizing: border-box;
height: 38px;
width: auto;
}
.qmmunity-button.qmmunity-social {
padding: 6px 0;
width: 40px;
// background-color: #666699;
}
.qmmunity-button.qmmunity-sign-up {
width: 400px;
// background-color: #f33396;
}
.qmmunity-button.qmmunity-events {
margin-left: 10px;
margin-right: 0;
width: 290px;
// background-color: #00a3c5;
}
.qmmunity-button.qmmunity-text {
float: left;
text-align: center;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
height: 38px;
padding: 6px 0;
color: #000000;
background-color: #ffffff;
margin-left: 10px;
margin-right: 10px;
width: 120px;
box-sizing: border-box;
letter-spacing: 0;
}
@media (max-width: 1000px) {
.article-text-section {
width: calc(100% - 105px) !important;
}
.qmmunity-button.qmmunity-sign-up {
width: 100%;
margin-bottom: 10px;
}
.qmmunity-button.qmmunity-text {
margin-left: 0;
}
.qmmunity-button.qmmunity-events {
width: calc(100% - 290px);
}
}
@media(max-width: 660px) {
#q-banner-big {
display: none;
}
#q-banner-small {
display: block;
}
#content-area .unit.two .section-title {
height: auto;
}
.qmmunity-button.qmmunity-events span {
display: none;
}
}
@media (max-width: 550px) {
.qmmunity-button.qmmunity-text {
display: none;
}
.qmmunity-button.qmmunity-events {
margin-left: 0;
width: calc(100% - 150px);
}
}
@media (max-width: 400px) {
.qmmunity-button span {
display: none;
}
}