.node-details-social-wall ul.stream { min-height: 500px; }
.node-details-social-wall ul.stream li { width: 100%; height: 0; padding: 0 0 67.1875%; overflow: hidden; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.node-details-social-wall ul.stream li a { text-transform: initial; }
.node-details-social-wall ul.stream li .inner-wrapper { position: absolute; opacity: 0; left: -1px; top: 0px; width: 86%; height: 100%; padding: 0 8%; min-height: 100%; margin: 0; display: block; background-color: rgba(186, 163, 112, 0.9); color: #FFF; text-align: center; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.node-details-social-wall ul.stream li .inner-wrapper .inner { padding: 0; width: 100%; height: 100%; display: table; }
.node-details-social-wall ul.stream li .inner-wrapper .inner .text { display: table-cell; vertical-align: middle; }
.node-details-social-wall ul.stream li .inner-wrapper .inner .text a { color: #FFFFFF; font-weight: bold; }
.node-details-social-wall ul.stream li .inner-wrapper .inner .text .hashtag { display: none; }
.node-details-social-wall ul.stream li .inner-wrapper .date { position: absolute; bottom: 0px; width: 86%; padding: 6px 8%; left: 0px; }
.node-details-social-wall ul.stream li.no-background .inner-wrapper { opacity: 1; background-color: #FFFFFF; color: #8C8C8C; }
.node-details-social-wall ul.stream li.no-background .inner-wrapper .text a { color: #BAA370; }
.node-details-social-wall ul.stream li img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.node-details-social-wall ul.stream li:hover .inner-wrapper { opacity: 1; }
.node-details-social-wall ul.stream li:hover img { -webkit-transition: all 3.5s ease-out; -moz-transition: all 3.5s ease-out; -o-transition: all 3.5s ease-out; transition: all 3.5s ease-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.node-details-social-wall ul.stream li a.icon-link { position: absolute; top: 0px; right: -1px; /* prevent gaps due to percentages */ width: 18.75%; max-width: 59px; }
.node-details-social-wall ul.stream li a.icon-link .icon { position: relative; right: auto; bottom: auto; }

.page-social-wall .node-details-social-wall ul.stream li { width: 20%; height: auto; min-height: 185px; padding: 0; }
.page-social-wall .node-details-social-wall ul.stream li.no-background { padding: 0 0 13.4375%; min-height: 0px; }
@media screen and (max-width: 1280px) { .page-social-wall .node-details-social-wall ul.stream li { width: 33.33333%; }
  .page-social-wall .node-details-social-wall ul.stream li.no-background { padding-bottom: 22.39583%; } }
@media screen and (max-width: 1024px) { .page-social-wall .node-details-social-wall ul.stream li { width: 50%; }
  .page-social-wall .node-details-social-wall ul.stream li.no-background { padding-bottom: 33.59375%; } }
@media screen and (max-width: 768px) { .page-social-wall .node-details-social-wall ul.stream li { width: 100%; }
  .page-social-wall .node-details-social-wall ul.stream li.no-background { padding-bottom: 67.1875%; } }

.block-social-active ul.stream:not(.new-stream) { display: none; }
.block-social-active ul.new-stream { font-size: 0px; }
.block-social-active ul.new-stream li { width: 33.33333%; padding-bottom: 22.39583%; }

.page-social-wall .panel-display .panel-pane.pane-custom { max-width: 1280px; margin: auto; }
.page-social-wall .panel-display .panel-pane h2 { padding-top: 20px; color: #BAA370; font-family: "Eurostile LT W01 Demi O1391158", Verdana, sans-serif; font-size: 38px; line-height: 38px; margin: 0; }
.page-social-wall .panel-display .panel-pane .node-details-social-wall { max-width: 1280px; margin: auto; }
.page-social-wall .panel-display .panel-pane ul.stream { height: 260px !important; min-height: auto !important; }
.page-social-wall .panel-display .panel-pane ul.stream li.dcsns-twitter { position: relative !important; left: auto !important; top: auto !important; width: 25%; display: inline-block; max-height: 185px; }
.page-social-wall .panel-display .panel-pane ul.stream li.dcsns-twitter:nth-of-type(1n+5) { display: none; }
.page-social-wall .panel-display .panel-pane ul.stream li.dcsns-twitter.no-background { padding: 0; height: 190px; }
@media screen and (max-width: 768px) { .page-social-wall .panel-display .panel-pane ul.stream li.dcsns-twitter.no-background { width: 100%; max-height: 245px; height: 245px; top: auto; } }
@media screen and (max-width: 420px) { .page-social-wall .panel-display .panel-pane ul.stream li.dcsns-twitter.no-background { max-height: 245px; height: 245px; } }
@media screen and (max-width: 768px) { .page-social-wall .panel-display .panel-pane ul.stream li.dcsns-twitter { width: 50%; max-height: 245px; height: 245px; top: auto; } }
@media screen and (max-width: 420px) { .page-social-wall .panel-display .panel-pane ul.stream li.dcsns-twitter { width: 100%; max-height: 245px; height: 245px; top: auto; } }
@media screen and (max-width: 768px) { .page-social-wall .panel-display .panel-pane ul.stream { height: 390px; } }
@media screen and (max-width: 420px) { .page-social-wall .panel-display .panel-pane ul.stream { width: 100%; height: 960px !important; } }
.page-social-wall .panel-display .panel-pane.pane-socialfeed-instagram-latest-feed { max-width: 1280px; margin: auto; margin-bottom: 50px; }
.page-social-wall .panel-display .panel-pane.pane-socialfeed-instagram-latest-feed ul { padding: 0; }
.page-social-wall .panel-display .panel-pane.pane-socialfeed-instagram-latest-feed ul li { position: relative; width: 24.5%; display: inline-block; max-height: 185px; overflow: hidden; }
.page-social-wall .panel-display .panel-pane.pane-socialfeed-instagram-latest-feed ul li img { -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); height: 100%; width: 100%; }
@media screen and (max-width: 1024px) { .page-social-wall .panel-display .panel-pane.pane-socialfeed-instagram-latest-feed ul li img { object-fit: cover; object-position: center; } }
.page-social-wall .panel-display .panel-pane.pane-socialfeed-instagram-latest-feed ul li:after { content: url("../../../modules/details_social_wall/images/instagram.png"); position: absolute; height: 61px; width: 61px; top: 0; right: -2px; z-index: 1; }
@media screen and (max-width: 1024px) { .page-social-wall .panel-display .panel-pane.pane-socialfeed-instagram-latest-feed ul li { height: 185px; } }
@media screen and (max-width: 768px) { .page-social-wall .panel-display .panel-pane.pane-socialfeed-instagram-latest-feed ul li { width: 49%; max-height: 245px; height: 245px; } }
@media screen and (max-width: 420px) { .page-social-wall .panel-display .panel-pane.pane-socialfeed-instagram-latest-feed ul li { width: 100%; max-height: 245px; height: 245px; } }

.page-homepage .block-social-inactive .dcsns-content { height: auto !important; }
.page-homepage .block-social-inactive .dcsns-content ul { min-height: 415px !important; height: 415px !important; }
.page-homepage .panel-pane.pane-socialfeed-instagram-latest-feed { margin-left: 10px; }
.page-homepage .panel-pane.pane-socialfeed-instagram-latest-feed ul { padding: 0 !important; margin: 0 !important; }
.page-homepage .panel-pane.pane-socialfeed-instagram-latest-feed ul li { max-height: 208px; height: 208px; position: relative; overflow: hidden; }
.page-homepage .panel-pane.pane-socialfeed-instagram-latest-feed ul li img { height: 100%; max-width: fit-content; width: auto; }
.page-homepage .panel-pane.pane-socialfeed-instagram-latest-feed ul li:nth-of-type(1n+2) { display: none; }
.page-homepage .panel-pane.pane-socialfeed-instagram-latest-feed ul li:after { content: url("../../../modules/details_social_wall/images/instagram.png"); position: absolute; height: 61px; width: 61px; top: 0; right: -2px; z-index: 1; }