.feed-content {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color: #152131;
display: flex;
justify-content: center;
}
.box {
padding: 20px;
background-color: var(--white);
-webkit-box-shadow: var(--shadow);
-moz-box-shadow: var(--shadow);
box-shadow: var(--shadow);
text-align: left;
color: var(--black);
position: relative
}
.box__heading {
color: var(--black);
display: block;
font-weight: 500;
font-size: 16px;
line-height: 100%;
margin: 0 0 24px
}
.box__headline {
font-size: 22px !important;
margin-bottom: 16px
}
.box .btn {
width: 100%
}
.box.--bg {
color: var(--white);
z-index: 1;
background-color: var(--prime-dark)
}
.box.--bg .bg {
opacity: .15
}
.box.--bg .btn {
margin-top: 48px
}
.feed-overlook {
background-color: #f2f2f2;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.overlook-slider {
width: 590px;
}
.review-slider {
width: 590px;
}
.feed-reviews {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.feed-title {
margin: 60px 0 30px 0;
font-weight: 600;
font-size: 24px;
line-height: 29px;
text-align: center;
color: #152131;
}
.feed-arrows-wrapper {
display: flex;
justify-content: center;
}
.feed-arrows {
display: flex;
flex-direction: column;
margin: 9.25px 27px 0 0;
}
.feed-arrows-review {
margin: 9.25px 0 0 27px;
}
.feed-arrow-up-review {
background-image: url(//truthbrokers.org/wp-content/themes/brokers1/images/arrow-up.svg);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
width: 30px;
height: 30px;
}
.feed-arrow-down-review {
background-image: url(//truthbrokers.org/wp-content/themes/brokers1/images/arrow-down.svg);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
width: 30px;
height: 30px;
}
.feed-arrow-up-overlook {
background-image: url(//truthbrokers.org/wp-content/themes/brokers1/images/arrow-up.svg);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
width: 30px;
height: 30px;
}
.feed-arrow-down-overlook {
background-image: url(//truthbrokers.org/wp-content/themes/brokers1/images/arrow-down.svg);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
width: 30px;
height: 30px;
}
.feed-block {
width: 560px;
background-color: white; padding: 20px 15px;
margin-bottom: 30px;
}
.feed-block:last-child { }
section.feed .feed-arrows.feed-arrows-review {
margin: 9.25px 0 0 27px;
}
.feed-title-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.feed-block-title {
font-weight: 600;
font-size: 17px;
line-height: 21px;
margin: 0;
}
.feed-date {
font-weight: 500;
font-size: 12px;
line-height: 15px;
opacity: 0.7;
margin: 0;
}
.like_comment {
display: flex;
}
.feed-button-wrapper {
height: 30px;
}
.feed-block-text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
opacity: 0.8;
overflow: hidden;
margin: 10px 0 20px 0;
min-height: 102px;
max-height: 102px;
}
.feed-button-wrapper {
display: flex;
justify-content: space-between;
}
.feed-button {
text-decoration: none;
color: #152131;
font-weight: 600;
font-size: 14px;
line-height: 17px;
}
.feed-reactions {
display: flex;
align-items: center;
}
.feed-like-number {
font-weight: 500;
font-size: 12px;
line-height: 15px;
opacity: 0.7;
margin-right: 10px;
white-space: nowrap;
margin-left: 5px;
}
.feed-views-number {
font-weight: 500;
font-size: 12px;
line-height: 15px;
opacity: 0.7;
white-space: nowrap;
margin-left: 5px;
}
.feed-show-all-link {
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #152131;
margin: 30px 0 60px 0;
transition: .2s ease;
}
.feed-show-all-link:hover {
opacity: .7;
}
@media (max-width: 900px) {
.feed-content {
flex-direction: column;
}
.feed-overlook {
background-color: #fbfbfb;
}
.feed-block-wrapper {
margin: 0 auto;
}
.feed-block {
margin: 0 10px;
width: auto;
}
.feed-title {
font-size: 20px;
margin-bottom: 20px;
}
.feed-title-wrapper {
flex-direction: column;
align-items: start;
}
.feed-arrows-wrapper {
flex-direction: column-reverse;
}
.feed-arrows {
display: none;
}
.feed-date {
margin-top: 2px;
}
.overlook-slider {
width: 360px;
}
.review-slider {
width: 360px;
}
.feed-show-all-link {
display: none;
}
}