.SocialMediaMessageWidget { max-width: 100vw; overflow: hidden; clear: both; margin: -5px 0; }

.SocialMediaMessageWidgetContent { margin: -10px 0px 0px 0px; background: #666; padding: 10px 0; }
@media (max-width: 768px) { .SocialMediaMessageWidgetContent { padding: 0; } }
.SocialMediaMessageWidgetContent.has-quicklinks .posts { max-width: calc(50vw - 10px); }
@media (max-width: 1024px) { .SocialMediaMessageWidgetContent.has-quicklinks .posts { max-width: 100%; } }
.SocialMediaMessageWidgetContent.has-quicklinks .some-quicklinks { width: calc(50vw - 20px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: inline-flex; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; min-width: -webkit-calc(50% - 5px); min-width: -moz-calc(50% - 5px); min-width: -o-calc(50% - 5px); min-width: calc(50% - 5px); }
@media (max-width: 1024px) { .SocialMediaMessageWidgetContent.has-quicklinks .some-quicklinks { width: 100%; } }
.SocialMediaMessageWidgetContent.has-quicklinks .some-quicklinks .some-quicklink { width: 50%; height: 240px; padding: 5px; background-size: cover !important; }
html:not(.no-objectfit) .SocialMediaMessageWidgetContent.has-quicklinks .some-quicklinks .some-quicklink { margin: 5px; width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px); height: 230px; padding: 0; }
.SocialMediaMessageWidgetContent.has-quicklinks .some-quicklinks .some-quicklink a { width: 100%; }
.SocialMediaMessageWidgetContent.has-quicklinks .some-quicklinks .some-quicklink a img { width: 100%; height: 100%; object-fit: cover; }
html.no-objectfit .SocialMediaMessageWidgetContent.has-quicklinks .some-quicklinks .some-quicklink a img { display: none; }
.SocialMediaMessageWidgetContent .posts { max-width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: inline-flex; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; overflow: hidden; padding-bottom: 40px; }
@media (max-width: 1024px) { .SocialMediaMessageWidgetContent .posts { margin-top: 10px; } }
.SocialMediaMessageWidgetContent .posts .post { height: 240px; min-width: 239px; margin-bottom: 12px; padding: 5px; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-content { height: 100%; position: relative; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-header { display: none; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-header .socialmedia-post-header-image { display: inline-block; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-header .socialmedia-post-names { display: inline-block; position: absolute; margin-left: 20px; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-header .socialmedia-post-names .socialmedia-post-name { font-size: 22px; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-header .socialmedia-post-names .socialmedia-post-accountname { display: block; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-body { height: 100%; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-body .socialmedia-post-message a { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-body .socialmedia-post-message-image { height: 100%; text-align: center; background-size: cover !important; position: relative; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-body .socialmedia-post-message-image img { width: 100%; height: 100%; object-fit: cover; }
html.no-objectfit .SocialMediaMessageWidgetContent .posts .post .socialmedia-post-body .socialmedia-post-message-image img { display: none; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-body .socialmedia-post-message-image .message { opacity: 0; position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(152, 5, 13, 0.75); padding: 10px; color: white; transition: all .4s; line-height: 24px; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-body .socialmedia-post-message-image:hover .message { opacity: 1; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-body .socialmedia-post-created { margin-top: 10px; font-size: 12px; display: none; }
.SocialMediaMessageWidgetContent .posts .post .socialmedia-post-body .socialmedia-post-body-icon { display: inline-block; position: absolute; top: 10px; font-size: 30px; right: 10px; color: white; }
.SocialMediaMessageWidgetContent .posts { max-height: 290px; min-width: -webkit-calc(50% - 5px); min-width: -moz-calc(50% - 5px); min-width: -o-calc(50% - 5px); min-width: calc(50% - 5px); overflow: hidden !important; }
@media (max-width: 768px) { .SocialMediaMessageWidgetContent .posts .post { padding: 0 !important; } }
.SocialMediaMessageWidgetContent .slick-slider { margin-bottom: 0 !important; }
.SocialMediaMessageWidgetContent .slick-list { max-height: 250px; }
.SocialMediaMessageWidgetContent .slick-dots { padding: 15px; bottom: 0px !important; position: absolute; left: 0; background: transparent; }
.SocialMediaMessageWidgetContent .slick-dots li button:before { color: white !important; }
@media (max-width: 768px) { .SocialMediaMessageWidgetContent .slick-dots { background: black; } }

/*# sourceMappingURL=SocialMediaMessageWidget.css.map */