/**************/
/*** LAYOUT ***/
/**************/
/* Feed wrapper */
.cff-wrapper:after {
content: "";
display: table;
clear: both;
}
/* Feed container */
#cff {
float: left;
width: 100%;
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cff:after {
content: "";
display: table;
clear: both;
}
.cff-wrapper-ctn {
float: left;
}
.cff-wrapper-ctn.cff-wrapper-fixed-height {
overflow: auto;
}
.cff-wrapper-ctn,
#cff .cff-posts-wrap,
#cff .cff-masonry-posts {
position: relative;
clear: both;
height: 100%;
top: 0;
bottom: 0;
width: 100%;
box-sizing: border-box;
}
/* Individual post item */
#cff .cff-item {
float: left;
width: 100%;
clear: both;
padding: 20px 0 15px 0;
margin: 0;
border-bottom: 1px solid #ddd;
}
#cff .cff-item:first-child {
padding-top: 0;
}
#cff .cff-item.cff-box,
#cff .cff-item.cff-box:first-child {
padding: 15px;
margin: 8px 0;
background: rgba(255, 255, 255, 0.5);
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cff.cff-masonry .cff-item.cff-box {
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff .cff-item.cff-shadow {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
#cff.cff-masonry {
position: relative;
margin-bottom: 50px;
/* To account for the load more button */
}
.cff-masonry .cff-load-more {
display: none;
}
.cff-load-more-mobile {
display: none;
}
/* Feed Header */
.cff-header {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
line-height: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
align-items: center;
}
.cff-header .fa {
float: left;
margin-right: 10px;
}
.cff-header span {
/*float: left;*/
display: table-cell;
vertical-align: middle;
}
.cff-header svg {
width: 1em;
height: 1em;
margin-right: 10px;
}
/***************
Custom FB Header
***************/
.cff-wrapper .cff-visual-header {
margin-bottom: 24px !important;
}
/* Cover and like counter */
.cff-wrapper .cff-visual-header .cff-header-hero {
width: 100%;
height: 300px;
position: relative;
}
.cff-wrapper .cff-visual-header .cff-header-hero img {
display: none;
}
.cff-wrapper .cff-visual-header .cff-likes-box {
position: absolute;
bottom: 10px;
right: 10px;
padding: 5px;
background: #eee;
line-height: 1;
border-radius: 2px;
color: #445790;
}
.cff-wrapper .cff-visual-header .cff-likes-box .cff-square-logo {
float: left;
display: inline-block;
line-height: 0;
}
.cff-wrapper .cff-visual-header .cff-likes-box .cff-square-logo svg {
width: 18px;
height: 18px;
vertical-align: top;
}
.cff-wrapper .cff-visual-header .cff-likes-box .cff-likes-count {
float: left;
display: inline-block;
margin-left: 8px;
vertical-align: top;
font-size: 15px;
line-height: 20px;
}
/* Avatar and text */
.cff-wrapper .cff-visual-header .cff-header-inner-wrap {
position: relative;
display: block;
text-decoration: none !important;
}
.cff-wrapper .cff-visual-header .cff-header-inner-wrap a {
color: inherit !important;
border: 0;
}
.cff-wrapper .cff-visual-header .cff-header-img img {
display: block;
width: 100px;
border-radius: 3px;
padding: 0;
margin: 0;
}
.cff-wrapper .cff-visual-header.cff-has-cover .cff-header-img img {
border: 2px solid #fff;
}
.cff-wrapper .cff-visual-header .cff-header-img {
position: absolute;
display: inline-block;
line-height: 1;
}
.cff-wrapper .cff-visual-header.cff-has-cover .cff-header-img {
top: -25px;
left: 10px;
}
.cff-wrapper .cff-visual-header .cff-header-text {
display: inline-block;
float: left;
margin: 20px 0 0 120px;
}
#cff .cff-visual-header .cff-header-text h3,
.cff-wrapper .cff-visual-header .cff-header-text h3 {
display: inline-block;
width: auto;
margin: 0 8px 0 0;
padding: 0;
font-size: 1.2em;
line-height: 1.2em;
}
.cff-wrapper .cff-visual-header .cff-header-text {
padding-top: 10px;
margin: 0;
}
.cff-wrapper .cff-visual-header.cff-has-name {
min-height: 100px;
}
.cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text {
min-height: 75px;
}
.cff-wrapper .cff-visual-header.cff-has-name .cff-header-text {
margin-left: 120px;
}
.cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text {
margin-left: 125px;
}
.cff-wrapper .cff-visual-header.cff-has-name .cff-header-text {
padding-top: 30px;
}
.cff-wrapper .cff-visual-header.cff-has-name.cff-has-about .cff-header-text,
.cff-wrapper .cff-visual-header.cff-has-name.cff-has-cover .cff-header-text {
padding-top: 10px;
}
#cff .cff-visual-header .cff-header-inner-wrap .cff-bio,
.cff-wrapper .cff-visual-header .cff-header-inner-wrap .cff-bio {
display: block;
width: 100%;
clear: both;
margin: 3px 0 0 0;
padding: 0;
line-height: 1.2em;
}
.cff-wrapper .cff-visual-header .cff-header-name {
float: left;
padding: 0 5px 2px 0;
}
.cff-wrapper .cff-visual-header .cff-bio-info {
font-size: .9em;
line-height: 1.7;
}
.cff-wrapper .cff-visual-header .cff-bio-info svg {
width: 1em;
vertical-align: middle;
position: relative;
top: -2px;
}
.cff-posts-count svg {
padding-right: 3px;
}
.cff-header-text:after,
.cff-header-inner-wrap:after {
display: table;
clear: both;
content: " ";
}
/******************/
/*** TYPOGRAPHY ***/
/******************/
/*See more/less links*/
#cff .cff-less {
display: none;
}
/* Links */
#cff a {
text-decoration: none;
}
#cff a:hover,
#cff a:focus {
text-decoration: underline;
}
#cff .cff-html5-video,
#cff .cff-photo,
#cff .cff-album-cover,
#cff .cff-event-thumb,
#cff .cff-iframe-wrap,
#cff .cff-vidLink {
text-decoration: none;
border: none;
}
/* Post titles and body text */
#cff h3,
#cff h4,
#cff h5,
#cff h6,
#cff p {
float: left;
width: 100%;
clear: both;
padding: 0;
margin: 5px 0;
line-height: 1.4;
word-wrap: break-word;
}
/* Date */
#cff .cff-date {
float: left;
width: 100%;
min-width: 50px;
font-size: 11px;
}
#cff .cff-date.cff-date-below,
#cff .cff-timeline-event .cff-date.cff-date-below {
margin: 5px 0 0 0;
}
/************/
/***AUTHOR***/
/************/
#cff .cff-author,
#cff-lightbox-wrapper .cff-author {
float: left;
clear: both;
margin: 0 0 15px 0;
padding: 0;
line-height: 1.2;
width: 100%;
}
#cff .cff-author a,
#cff-lightbox-wrapper .cff-author a {
text-decoration: none;
border: none;
}
#cff .cff-author-img,
#cff-lightbox-wrapper .cff-author-img {
float: left;
width: 40px;
height: 40px;
margin: 0 0 0 -100% !important;
font-size: 0;
background: #eee;
background: url('../img/cff-sprite.png') no-repeat -132px -50px;
border-radius: 40px;
}
#cff .cff-author-img.cff-no-consent img {
display: none;
}
.cff-no-consent .cff-header-text {
margin-left: 0 !important;
}
.cff-no-consent .cff-header-img,
.cff-no-consent .cff-header-hero {
display: none !important;
}
#cff .cff-author img,
#cff-lightbox-wrapper .cff-author img {
float: left;
margin: 0 !important;
padding: 0 !important;
border: none !important;
font-size: 0;
border-radius: 40px;
}
#cff .cff-author .cff-author-text span.cff-page-name,
#cff-lightbox-wrapper .cff-author .cff-author-text span.cff-page-name {
display: table-cell;
vertical-align: middle;
height: 40px;
margin: 0;
font-weight: bold;
/* For when there's no date immediately under author: */
padding-left: 50px;
float: none;
}
#cff .cff-author a,
#cff-lightbox-wrapper .cff-author a {
text-decoration: none;
}
#cff .cff-author .cff-story,
#cff-lightbox-wrapper .cff-author .cff-story {
font-weight: normal;
}
/* Author Date */
#cff .cff-author .cff-author-text,
#cff-lightbox-wrapper .cff-author .cff-author-text {
float: left;
width: 100%;
min-height: 40px;
}
#cff .cff-author .cff-page-name,
#cff .cff-author .cff-date,
#cff-lightbox-wrapper .cff-author .cff-page-name,
#cff-lightbox-wrapper .cff-author .cff-date {
float: left;
clear: both;
width: auto;
margin: 0 0 0 50px !important;
font-weight: bold;
line-height: 1.2;
}
#cff .cff-author .cff-date,
#cff-lightbox-wrapper .cff-author .cff-date {
color: #9197a3;
font-weight: normal;
font-size: 11px;
margin-top: 1px !important;
margin-bottom: 0px !important;
}
#cff .cff-author.cff-no-author-info .cff-date,
#cff-lightbox-wrapper .cff-author.cff-no-author-info .cff-date {
margin-top: 14px !important;
}
#cff .cff-author.cff-no-author-info .cff-author-img,
#cff-lightbox-wrapper .cff-author.cff-no-author-info .cff-author-img {
width: 40px;
height: 40px;
background: url('../img/cff-sprite.png') no-repeat -132px -50px;
}
#cff .cff-author .cff-page-name.cff-author-date,
#cff-lightbox-wrapper .cff-author .cff-page-name.cff-author-date {
float: left;
padding: 3px 0 0 0;
font-size: 14px;
}
/* Description */
#cff .cff-post-desc,
#cff-lightbox-wrapper .cff-post-desc {
line-height: 1.3;
}
#cff span.cff-post-desc,
#cff-lightbox-wrapper span.cff-post-desc {
display: block;
}
#cff .cff-post-text .cff-post-desc,
#cff-lightbox-wrapper .cff-post-desc {
margin: 5px 0;
border-left: 2px solid #ddd;
border-left: 2px solid rgba(0, 0, 0, 0.1);
padding-left: 8px;
}
/*************/
/*** MEDIA ***/
/*************/
/*Content wraper*/
#cff .cff-text-wrapper {
float: right;
width: 77%;
margin: 0;
padding: 0;
}
#cff .cff-break-word {
word-break: break-all;
}
/*** PHOTOS ***/
#cff .cff-item img {
border: none;
}
#cff .cff-byline {
font-size: 12px;
display: block;
margin: -5px 0 10px 0;
}
#cff .cff-photo {
max-width: 100%;
float: left;
display: block;
position: relative;
margin: 0;
}
#cff .cff-photo span {
display: block;
}
#cff .cff-photo:after,
#cff .cff-event-thumb:after,
#cff .cff-html5-video:after {
border: 1px solid rgba(0, 0, 0, .1);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
}
#cff .cff-media-above {
margin-bottom: 7px;
}
#cff .cff-photo img {
float: left;
max-width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important;
}
#cff .cff-photo .cff-album-icon {
position: absolute;
z-index: 5;
bottom: 5px;
right: 5px;
height: 22px;
background: #000 url('../img/cff-sprite.png') no-repeat -49px -38px;
background: rgba(0, 0, 0, 0.7) url('../img/cff-sprite.png') no-repeat -49px -38px;
color: #fff;
font-size: 12px;
margin: 0;
padding: 0 0 0 26px;
line-height: 22px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.8);
}
/* Multiple image attachments */
#cff .cff-photo.cff-multiple {
width: 100%;
}
#cff .cff-multiple .cff-crop {
overflow: hidden;
}
#cff .cff-main-image.cff-crop {
/*height: 300px;*/
/* Calculated dynamically in JS */
}
#cff .cff-img-attachments {
width: 100%;
float: left;
clear: both;
}
/* Attachment layouts */
#cff .cff-img-layout-2 .cff-img-wrap {
margin: 0;
}
#cff .cff-img-layout-2 .cff-img-wrap.cff-main-image {
margin: 0 0 0.5% 0;
}
#cff .cff-img-layout-2.cff-portrait .cff-img-wrap {
width: 49.75%;
float: left;
}
#cff .cff-img-layout-2.cff-portrait .cff-img-wrap.cff-main-image {
margin: 0 0.5% 0 0;
}
#cff .cff-img-layout-3 .cff-img-attachments .cff-img-wrap {
width: 49.75%;
margin: 0.5% 0.25% 0 0.25%;
float: left;
}
#cff .cff-img-layout-4 .cff-img-attachments .cff-img-wrap {
width: 33%;
margin: 0.5% 0.25% 0 0.25%;
float: left;
}
/* Small layouts */
#cff .cff-small-layout.cff-img-layout-2 .cff-img-wrap.cff-main-image {
margin: 0 0 1% 0;
}
#cff .cff-small-layout.cff-img-layout-2.cff-portrait .cff-img-wrap {
width: 49.5%;
}
#cff .cff-small-layout.cff-img-layout-2.cff-portrait .cff-img-wrap.cff-main-image {
margin: 0 1% 0 0;
}
#cff .cff-small-layout.cff-img-layout-3 .cff-img-attachments .cff-img-wrap {
width: 49.5%;
margin: 1% 0.5% 0 0.5%;
}
#cff .cff-small-layout.cff-img-layout-4 .cff-img-attachments .cff-img-wrap {
width: 32.5%;
margin: 1% 0.5% 0 0.5%;
}
/* Remove left and right margins so images are flush */
#cff .cff-img-layout-3 .cff-img-attachments .cff-img-wrap:first-child,
#cff .cff-img-layout-4 .cff-img-attachments .cff-img-wrap:first-child {
margin-left: 0;
}
#cff .cff-img-layout-3 .cff-img-attachments .cff-img-wrap:last-child,
#cff .cff-img-layout-4 .cff-img-attachments .cff-img-wrap:last-child {
margin-right: 0;
}
#cff .cff-img-layout-2:after,
#cff .cff-img-layout-3:after,
#cff .cff-img-layout-4:after {
border: none;
}
/* Add border to images */
#cff .cff-img-wrap {
position: relative;
}
#cff .cff-img-wrap:after {
border: 1px solid rgba(0, 0, 0, .1);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
}
/* Crop attachment images */
#cff .cff-img-attachments .cff-crop {
width: 100%;
height: 100px;
display: block;
float: left;
position: relative;
border: none;
}
#cff .cff-img-attachments .cff-crop img {
visibility: visible;
}
/* More attachments number tile */
#cff .cff-more-attachments,
.cff-gdpr-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
}
#cff .cff-more-attachments span {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 0;
height: 30px;
margin-top: -15px;
line-height: 30px;
color: #fff;
font-size: 30px;
}
#cff .cff-small-layout .cff-more-attachments span {
font-size: 20px;
}
/* 2 img layout */
#cff .cff-photo.cff-img-layout-2 .cff-crop,
#cff .cff-html5-video.cff-img-layout-2 .cff-crop {
height: 150px;
}
#cff .cff-photo.cff-multiple .cff-album-icon {
display: none;
}
/*** GRID LAYOUT ***/
/*Album*/
#cff .cff-album-item {
float: left;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
text-align: center;
}
/*2 col*/
#cff .cff-album-item.cff-col-2 {
width: 47.5%;
width: 45%\9;
margin-right: 5%;
}
#cff .cff-album-item.cff-col-2:nth-of-type(2n) {
margin-right: 0;
}
/*3 col*/
#cff .cff-album-item.cff-col-3 {
width: 30.3%;
width: 28.83%\9;
margin-right: 4.5%;
}
#cff .cff-album-item.cff-col-3:nth-of-type(3n) {
margin-right: 0;
}
/*4 col*/
#cff .cff-album-item.cff-col-4 {
width: 22%;
width: 21%\9;
margin-right: 4%;
}
#cff .cff-album-item.cff-col-4:nth-of-type(4n) {
margin-right: 0;
}
/*5 col*/
#cff .cff-album-item.cff-col-5 {
width: 17.2%;
width: 16.5%\9;
margin-right: 3.5%;
}
#cff .cff-album-item.cff-col-5:nth-of-type(5n) {
margin-right: 0;
}
/*6 col*/
#cff .cff-album-item.cff-col-6 {
width: 14.16%;
width: 13.6%\9;
margin-right: 3%;
}
#cff .cff-album-item.cff-col-6:nth-of-type(6n) {
margin-right: 0;
}
/*7 col*/
#cff .cff-album-item.cff-col-7 {
width: 12.14%;
width: 11.78%\9;
margin-right: 2.5%;
}
#cff .cff-album-item.cff-col-7:nth-of-type(7n) {
margin-right: 0;
}
/*8 col*/
#cff .cff-album-item.cff-col-8 {
width: 10.75%;
width: 10.5%\9;
margin-right: 2%;
}
#cff .cff-album-item.cff-col-8:nth-of-type(8n) {
margin-right: 0;
}
/*Narrow/mobile - force 2 col layout*/
#cff.narrow .cff-album-item.cff-col-3,
#cff.narrow .cff-album-item.cff-col-4,
#cff.narrow .cff-album-item.cff-col-5,
#cff.narrow .cff-album-item.cff-col-6,
#cff.narrow .cff-album-item.cff-col-7,
#cff.narrow .cff-album-item.cff-col-8 {
width: 47.5%;
width: 45%\9;
margin-right: 5%;
}
#cff.narrow .cff-album-item.cff-col-3:nth-of-type(2n),
#cff.narrow .cff-album-item.cff-col-4:nth-of-type(2n),
#cff.narrow .cff-album-item.cff-col-5:nth-of-type(2n),
#cff.narrow .cff-album-item.cff-col-6:nth-of-type(2n),
#cff.narrow .cff-album-item.cff-col-7:nth-of-type(2n),
#cff.narrow .cff-album-item.cff-col-8:nth-of-type(2n) {
margin-right: 0;
}
/*Album image container*/
#cff .cff-album-item .cff-album-cover,
#cff .cff-photo.cff-crop,
#cff .cff-main-image.cff-crop {
width: 100%;
/*
height: 200px;
*/
display: block;
float: left;
position: relative;
border: none;
overflow: hidden;
background-size: cover;
background-position: center center;
}
#cff.cff-masonry .cff-album-item .cff-album-cover {
height: auto;
float: none;
overflow: visible;
line-height: 0;
}
#cff .cff-album-item .cff-album-cover img,
#cff .cff-new .cff-crop img,
#cff .cff-crop img{
visibility: hidden;
opacity: 0;
display: block !important;
}
#cff.cff-masonry .cff-album-item .cff-album-cover img {
visibility: visible;
opacity: 1;
}
#cff:not(.cff-disable-liquid) .cff-album-item.cff-video .cff-album-cover img {
opacity: 0 !important;
}
#cff.cff-disable-liquid .cff-album-item .cff-album-cover {
height: auto;
}
#cff.cff-masonry .cff-album-item.cff-video .cff-album-cover img,
#cff.cff-disable-liquid .cff-album-item .cff-album-cover img {
visibility: visible;
opacity: 1;
}
#cff.cff-nojs .cff-album-item .cff-album-cover img {
height: 100%;
/* Used when the JS file doesn't run (eg, ajax theme) so the images still show at full height */
visibility: visible;
}
#cff.cff-nojs .cff-new .cff-crop img {
visibility: visible;
}
#cff .cff-main-image.cff-crop,
#cff .cff-html5-video.cff-multiple .cff-main-image {
overflow: hidden;
float: none;
}
#cff .cff-html5-video.cff-multiple .cff-main-image:not(.cff-crop) {
display: block;
height: auto !important;
}
#cff .cff-html5-video.cff-img-layout-2 .cff-img-wrap {
display: block;
}
/* Portrait video */
#cff .cff-html5-video.cff-multiple.cff-portrait .cff-main-image {
float: left;
}
/* Fade in album covers when loaded */
#cff .cffFadeIn {
opacity: 1;
transition: all 0.1s ease;
}
/*Image border*/
#cff .cff-album-item .cff-album-cover:after {
border: 1px solid rgba(0, 0, 0, .1);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
}
/*Album info*/
#cff .cff-album-item .cff-album-info {
width: 100%;
height: 70px;
float: left;
clear: both;
}
/*Album name*/
#cff .cff-album-item h4 {
font-size: 14px;
line-height: 1.2;
margin: 10px 0 0 0;
padding: 0;
}
/*Number of photos*/
#cff .cff-album-item p {
font-size: 12px;
color: gray;
margin: 5px 0 0 0;
}
#cff p.cff-empty-album {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
line-height: 0 !important;
width: 0 !important;
clear: none !important;
}
#cff .cff-empty-album {
display: none;
}
/*** VIDEO ***/
/* Embedded videos */
#cff .cff-embed-wrap {
float: left;
width: 100%;
margin-top: 5px;
}
#cff .cff-iframe-wrap {
float: left;
clear: both;
margin: 5px 0;
width: 100%;
position: relative;
padding-bottom: 62%;
}
#cff iframe {
border: 0;
}
#cff .cff-iframe-wrap iframe {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
}
#cff .cff-iframe-img {
display: none;
}
/* Soundcloud iframe */
#cff .cff-soundcloud,
#cff .cff-spotify {
margin: 10px 0 0 0;
}
#cff .cff-desc-wrap {
float: left;
width: 100%;
}
#cff .cff-embedded-video .cff-post-text {
margin: 0 0 15px 0;
}
/* Narrow embedded videos */
#cff.narrow .cff-embedded-video .cff-iframe-wrap,
#cff.narrow .cff-embedded-video .cff-text-wrapper {
width: 100%;
}
#cff.narrow .cff-embedded-video .cff-iframe-wrap {
padding-bottom: 62%;
}
/* Facebook Video Player embedded in feed */
#cff .cff-video-player iframe,
#cff .cff-video-player .fb-video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Link to an external video - Contains screenshot of video and play button */
#cff .cff-html5-video,
#cff video {
float: left;
clear: left;
position: relative;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
/* Fixes issue with HTML5 video controls now displaying when playing videos in feed (lightbox disabled) */
#cff video {
z-index: 1;
}
#cff .cff-vidLink {
float: left;
clear: both;
position: relative;
z-index: 1;
width: 100%;
max-width: 100%;
display: inline-block;
vertical-align: top;
zoom: 1;
}
/* Video screenshot/poster image */
#cff .cff-vidLink .cff-poster {
width: 100%;
height: auto;
float: left;
}
/* Video play button */
#cff .cff-playbtn {
position: absolute;
z-index: 9;
background: #141B38;
background: rgba(0, 0, 0, 0.7);
top: 50%;
left: 50%;
margin-top: -28px;
margin-left: -28px;
padding: 13px 16px;
font-size: 30px;
color: #fff;
font-style: normal !important;
width: 32px;
border-radius: 8px;
box-sizing: border-box;
}
/* Play button hover state */
#cff .cff-html5-play:hover .cff-playbtn,
#cff .cff-html5-play:focus .cff-playbtn,
#cff .cff-html5-video .cff-playbtn:hover {
background: #141B38;
cursor: pointer;
}
#cff.cff .cff-posts-wrap svg.cff-playbtn {
width: 1em;
height: 1em;
font-size: 56px;
padding: 14px 12px;
}
/* If it's a video with no poster image */
#cff .cff-desc-wrap.cff-no-image {
float: right;
width: 86%;
}
#cff .cff-playbtn-solo {
width: 10%;
float: left;
margin-top: 5px;
}
#cff .cff-playbtn.no-poster,
#cff.cff-half-layout .cff-playbtn.no-poster,
#cff.cff-thumb-layout .cff-playbtn.no-poster {
position: relative;
top: 0;
left: 0;
margin: 0;
}
/*HTML5 video play button*/
.cff-html5-play {
display: block;
position: absolute;
z-index: 8;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#cff .cff-video-player iframe,
#cff .cff-video-player .fb-video {
z-index: 1;
}
/* Videos only play button */
#cff.cff-thumb-layout .cff-video .cff-playbtn,
#cff.cff-half-layout .cff-video .cff-playbtn {
margin-top: -22px;
margin-left: -23px;
padding: 11px 13px;
font-size: 24px;
}
/* Link */
#cff .cff-expand {
display: none;
white-space: normal;
}
#cff .cff-expand a {
font-size: 11px;
font-weight: normal;
}
/*Link image*/
#cff .cff-shared-link {
float: left;
clear: both;
width: 100%;
padding: 8px;
margin: 10px 0 5px 0;
background: rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.07);
box-sizing: border-box;
}
#cff .cff-no-styles {
background: none;
border: none;
padding: 0;
}
#cff .cff-link {
float: left;
clear: both;
border: none;
max-width: 20%;
margin-right: 3%;
}
#cff .cff-link:hover,
#cff .cff-link:focus {
text-decoration: none;
}
#cff .cff-link img {
width: 100%;
max-width: 100%;
float: left;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
/*Link text*/
#cff .cff-link-title {
float: left;
clear: both;
width: 100%;
display: block;
font-weight: bold;
}
#cff p.cff-link-title {
margin: 0;
}
#cff .cff-text-link {
float: left;
clear: none;
padding: 0 0 5px 0;
width: 72%;
}
#cff .cff-link-caption {
font-size: 12px;
margin: 0;
}
#cff .cff-text-link.cff-no-image {
width: 100% !important;
}
#cff .cff-shared-link .cff-post-desc {
margin-bottom: 0;
}
/* Full-size link images - full-width layout */
#cff .cff-full-size .cff-link {
width: 100%;
max-width: 100%;
margin-right: 0%;
margin-bottom: 5px;
text-align: center;
}
#cff .cff-full-size .cff-link img {
width: auto;
float: none;
}
#cff .cff-full-size .cff-text-link {
width: 100%;
}
/* Feed events */
#cff .cff-details,
#cff-lightbox-wrapper .cff-details {
float: left;
clear: none;
width: 77%;
margin-left: 3%;
padding: 0 0 10px 0;
}
#cff .cff-timeline-event .cff-details,
#cff-lightbox-wrapper .cff-details {
width: 100%;
margin: 0;
padding: 0;
}
#cff-lightbox-wrapper .cff-details {
padding-bottom: 20px;
}
#cff .cff-timeline-event .cff-timeline-event-title,
#cff .cff-timeline-event .cff-date,
#cff .cff-timeline-event .cff-where,
#cff .cff-timeline-event .cff-info,
#cff-lightbox-wrapper .cff-timeline-event-title,
#cff-lightbox-wrapper .cff-date,
#cff-lightbox-wrapper .cff-where {
display: block;
}
#cff-lightbox-wrapper .cff-info {
display: none;
}
#cff .cff-timeline-event .cff-date,
#cff-lightbox-wrapper .cff-date {
margin: 0;
}
/* Event date. Uses bold tags so can target in JS */
#cff .cff-timeline-event b,
#cff .cff-event b,
#cff-lightbox-wrapper b {
font-weight: normal;
}
/* Hide end date and show in JS if different then start date */
#cff .cff-timeline-event .cff-end-date k,
#cff .cff-event .cff-end-date k,
#cff-lightbox-wrapper .cff-end-date k,
#cff-lightbox-wrapper .cff-end-date k {
display: none;
}
#cff .cff-timeline-event .cff-post-text {
padding-bottom: 5px;
}
#cff .cff-event-thumb {
position: relative;
width: 100%;
float: left;
clear: none;
margin: 0;
}
#cff .cff-event-thumb img {
float: left;
overflow: hidden;
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
/* Timeline event which has cover photo */
#cff .cff-event-thumb.cff-has-cover {
width: 100%;
padding: 0;
}
#cff .cff-details.cff-has-cover {
width: 100%;
margin: 5px 0 0 0;
}
#cff .cff-details h5 {
margin: 0 0 5px 0;
padding: 0;
font-size: 16px;
}
#cff .cff-details p {
font-size: 14px;
}
#cff .cff-details .cff-info {
padding: 10px 0 0 0;
line-height: 1.2;
clear: both;
}
#cff .cff-details .cff-where {
clear: both;
}
#cff .cff-details .cff-where,
#cff .cff-details .cff-when {
white-space: normal !important;
}
#cff .cff-timeline-event .cff-text-wrapper {
/*width: 100% !important;*/
}
/* Events only */
#cff .cff-event .cff-photo {
margin-top: 5px;
}
#cff .cff-event .cff-photo img {
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
}
#cff .cff-event .cff-details {
padding: 0;
}
#cff.cff-half-layout .cff-event .cff-details {
float: right;
width: 47%;
}
#cff .cff-event .cff-meta-links {
float: right;
clear: both;
margin: 5px 0 0 0;
}
#cff .cff-event .cff-meta-links a {
float: left;
padding: 0 10px;
border-left: 1px solid #ccc;
}
#cff .cff-event .cff-meta-links a:first-child {
border: none;
}
#cff .cff-no-events {
width: 100%;
text-align: center;
}
/* Multiple/recurring dates */
#cff .cff-event .cff-date {
position: relative;
}
#cff .cff-more-dates {
height: 16px;
margin: 0 0 0 10px;
padding: 2px 5px;
border: 1px solid #ddd;
font-size: 12px;
text-decoration: none;
border-radius: 3px;
}
#cff .cff-more-dates:hover {
background: rgba(0, 0, 0, 0.05);
text-decoration: none;
}
#cff .cff-multiple-dates {
display: none;
position: absolute;
z-index: 10;
top: 30px;
left: 0;
max-height: 150px;
padding: 8px 20px 8px 12px;
margin: 0 0 0 -12px;
color: #333;
overflow-y: auto;
background: rgba(255, 255, 255, 0.95);
border-radius: 3px;
border: 1px solid #ddd;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
#cff .cff-multiple-date {
display: block;
}
.cff-event-place,
.cff-event-street {
display: block;
}
.cff-event-zip {
margin-left: 6px;
}
.cff-event-map-link {
margin-left: 4px;
}
/* Note */
#cff .cff-note-title {
display: block;
font-weight: bold;
padding-bottom: 5px;
}
/*****************/
/*** POST META ***/
/*****************/
/* Meta container */
#cff .cff-meta-wrap {
float: left;
width: 100%;
margin: 5px 0 0 0;
padding: 0;
}
#cff .cff-meta,
#cff-lightbox-wrapper .cff-meta {
float: left;
clear: both;
list-style-type: none;
padding: 10px 0 !important;
margin: 0 !important;
}
/* Meta list items (likes, comments, shares) */
#cff .cff-meta li,
#cff-lightbox-wrapper .cff-meta li {
float: left;
width: auto;
display: block;
list-style-type: none !important;
margin: 0 10px 0 0 !important;
padding: 0 !important;
font-size: 11px;
line-height: 16px !important;
background: none !important;
}
#cff .cff-meta li:before,
#cff-lightbox-wrapper .cff-meta li:before {
content: none !important;
}
/* Icons */
.cff-icon,
.cff-icon svg {
width: 16px;
height: 16px;
transition: all 0.1s ease;
}
/* Make reaction faces slightly bigger for clarity */
.cff-haha,
.cff-wow,
.cff-sad,
.cff-angry,
.cff-haha svg,
.cff-wow svg,
.cff-sad svg,
.cff-angry svg {
width: 17px;
height: 17px;
}
#cff .cff-icon,
#cff .cff-reactions-count .cff-like,
#cff-lightbox-wrapper .cff-icon,
#cff-lightbox-wrapper .cff-reactions-count .cff-like {
display: block;
float: left;
position: relative;
z-index: 2;
margin: 0;
margin-left: 3px;
}
#cff .cff-icon svg,
#cff-lightbox-wrapper .cff-icon svg {
z-index: 2;
}
#cff .cff-meta .cff-count,
#cff-lightbox-wrapper .cff-meta .cff-count {
position: relative;
z-index: 2;
margin-left: 5px;
}
#cff .cff-replace,
#cff-lightbox-wrapper .cff-replace {
display: none;
}
/*Light icons*/
#cff .cff-comments-box .cff-comments .cff-icon,
#cff .cff-comments-box .cff-likes .cff-icon,
#cff-lightbox-wrapper .cff-comments-box .cff-comments .cff-icon,
#cff-lightbox-wrapper .cff-comments-box .cff-likes .cff-icon {
margin: 0 5px 0 0;
}
/* Reactions */
#cff .cff-reactions-count .cff-like,
#cff .cff-love,
#cff .cff-haha,
#cff .cff-wow,
#cff .cff-sad,
#cff .cff-angry,
#cff .cff-reactions-count svg,
#cff-lightbox-wrapper .cff-reactions-count .cff-like,
#cff-lightbox-wrapper .cff-love,
#cff-lightbox-wrapper .cff-haha,
#cff-lightbox-wrapper .cff-wow,
#cff-lightbox-wrapper .cff-sad,
#cff-lightbox-wrapper .cff-angry,
#cff-lightbox-wrapper .cff-reactions-count svg {
display: block;
float: left;
position: relative;
margin: 0 0 0 1px;
z-index: 2;
}
#cff-lightbox-wrapper .cff-comments-box .cff-reactions-count .cff-icon {
margin-right: 3px;
}
/* Icon color theme (light) */
#cff .cff-theme-default_theme .cff-icon path,
#cff-lightbox-wrapper .cff-theme-default_theme .cff-icon path {
fill: rgba(0, 0, 0, 0.4);
}
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reaction-one path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reaction-two path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reactions-count path,
#cff-lightbox-wrapper .cff-reaction-one path,
#cff-lightbox-wrapper .cff-reaction-two path,
#cff-lightbox-wrapper .cff-reactions-count path {
fill: rgba(0, 0, 0, 0.4);
}
#cff svg.cff-svg-bg,
#cff-lightbox-wrapper svg.cff-svg-bg,
#cff .cff-reactions-count .cff-svg-bg,
#cff .cff-reactions-count .cff-svg-bg-dark {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
/* Icon BG (white) */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-svg-bg path,
#cff-lightbox-wrapper .cff-svg-bg path {
fill: rgba(255, 255, 255, 0.7);
}
/* Icon BG (dark) */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-svg-bg-dark .cff-svg-bg path,
#cff-lightbox-wrapper .cff-svg-bg-dark .cff-svg-bg path {
fill: rgba(0, 0, 0, 0.05);
}
/* Like icon */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-like .cff-svg-bg path,
#cff-lightbox-wrapper .cff-like .cff-svg-bg path {
fill: url(#likeGrad);
}
/* Icon color theme (dark) */
#cff .cff-dark .cff-icon path,
#cff-lightbox-wrapper .cff-dark .cff-icon path,
#cff .cff-dark .cff-reaction-one path,
#cff .cff-dark .cff-reaction-two path,
#cff .cff-dark .cff-reactions-count path,
#cff-lightbox-wrapper .cff-dark .cff-reaction-one path,
#cff-lightbox-wrapper .cff-dark .cff-reaction-two path,
#cff-lightbox-wrapper .cff-dark .cff-reactions-count path {
fill: rgba(0, 0, 0, 1);
fill: rgba(255, 255, 255, 0.1);
}
/* Icon BG (white) */
#cff .cff-dark .cff-svg-bg path,
#cff-lightbox-wrapper .cff-dark .cff-svg-bg path {
fill: rgba(255, 255, 255, 0.9);
}
/* Icon BG (dark) */
#cff .cff-dark .cff-svg-bg-dark .cff-svg-bg path,
#cff-lightbox-wrapper .cff-dark .cff-svg-bg-dark .cff-svg-bg path {
fill: rgba(255, 255, 255, 0.7);
}
/* Like icon */
#cff .cff-dark .cff-like .cff-svg-bg path,
#cff-lightbox-wrapper .cff-dark .cff-like .cff-svg-bg path {
fill: url(#likeGradDark);
}
/* Animate reactions in */
#cff .cff-reaction-one:not(.cff-no-animate),
#cff-lightbox-wrapper .cff-reaction-one {
position: relative;
z-index: 1;
animation-name: cff_reactions_enter;
animation-duration: 0.1s;
}
#cff .cff-reaction-one.cff-no-animate {
margin-left: 0;
}
#cff .cff-reaction-two,
#cff-lightbox-wrapper .cff-reaction-two {
position: relative;
z-index: 0;
animation-name: cff_reactions_enter_two;
animation-duration: 0.2s;
}
@keyframes cff_reactions_enter {
0% {
opacity: 0;
margin-left: -10px;
}
25% {
opacity: 0;
margin-left: -7px;
}
50% {
opacity: 25%;
margin-left: -4px;
}
50% {
opacity: 50%;
margin-left: -1px;
}
100% {
opacity: 100%;
margin-left: 2px;
}
}
@keyframes cff_reactions_enter_two {
0% {
opacity: 0;
margin-left: -30px;
}
25% {
opacity: 0;
margin-left: -22px;
}
50% {
opacity: 25%;
margin-left: -14px;
}
50% {
opacity: 50%;
margin-left: -6px;
}
100% {
opacity: 100%;
margin-left: 2px;
}
}
/* Reactions count */
#cff .cff-reactions-count,
#cff-lightbox-wrapper .cff-reactions-count {
display: flex;
align-items: center;
float: left;
padding-top: 1px;
font-size: 11px;
line-height: 11px !important;
margin-right: -2px;
}
#cff .cff-reactions-count span:first-child,
#cff-lightbox-wrapper .cff-reactions-count span:first-child {
margin-left: 0;
}
#cff .cff-like-count,
#cff .cff-love-count,
#cff .cff-haha-count,
#cff .cff-wow-count,
#cff .cff-sad-count,
#cff .cff-angry-count,
#cff-lightbox-wrapper .cff-like-count,
#cff-lightbox-wrapper .cff-love-count,
#cff-lightbox-wrapper .cff-haha-count,
#cff-lightbox-wrapper .cff-wow-count,
#cff-lightbox-wrapper .cff-sad-count,
#cff-lightbox-wrapper .cff-angry-count {
float: left;
margin: 0 6px 0 0;
font-size: 11px;
line-height: 17px;
}
#cff .cff-like-count,
#cff .cff-love-count,
#cff .cff-haha-count,
#cff .cff-wow-count,
#cff .cff-sad-count,
#cff .cff-angry-count {
margin-right: 8px;
}
.cff-reaction-wrap {
display: flex;
align-items: center;
}
/* Display comments */
#cff .cff-view-comments,
#cff-lightbox-wrapper .cff-view-comments {
display: block;
overflow: hidden;
outline: none;
float: left;
clear: left;
height: 37px;
margin: 5px 12px 5px 0;
padding: 0 5px 0 0px;
border: none;
text-decoration: none;
background: rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
border-radius: 4px;
}
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments,
#cff-lightbox-wrapper:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments {
padding: 0 5px 0 10px;
}
/* This is needed otherwise icons don't show in masonry-css layout: */
#cff.cff-masonry-css .cff-view-comments {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#cff .cff-view-comments.cff-hide-comments {
display: none;
}
#cff .cff-view-comments:hover {
/*border: 1px solid rgba(0,0,0,0.05);*/
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
}
/* Comments box hover gradient transition */
#cff .cff-view-comments {
position: relative;
}
#cff .cff-view-comments:after {
content: '';
position: absolute;
top: 0;
left: -200%;
width: 200%;
height: 100%;
z-index: 0;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0) 100%);
transition: all 0.2s ease;
}
#cff .cff-view-comments:hover:after {
left: 0;
transition: all 0.5s ease;
}
/* Icons hover */
/* Light color theme */
/* Icon outline */
/*
#cff .cff-open path,
#cff .cff-view-comments .cff-animate path,
#cff-lightbox-wrapper .cff-view-comments .cff-animate path,
#cff .cff-reactions-count path{
fill: rgba(0,0,0,0.5);
}
*/
/* Dark color theme */
/* Icon outline */
#cff .cff-open .cff-dark path,
#cff .cff-view-comments .cff-dark .cff-animate path,
#cff-lightbox-wrapper .cff-view-comments .cff-dark .cff-animate path,
#cff .cff-dark .cff-reactions-count path {
fill: rgba(255, 255, 255, 0.05);
}
/* Icon background (light) */
#cff .cff-open .cff-svg-bg path,
#cff .cff-view-comments .cff-animate .cff-svg-bg path,
#cff .cff-reactions-count .cff-svg-bg path {
fill: rgba(255, 255, 255, 1);
}
/* Icon background (back) */
#cff .cff-open .cff-svg-bg-dark .cff-svg-bg path,
#cff .cff-view-comments .cff-animate .cff-svg-bg-dark .cff-svg-bg path,
#cff .cff-reactions-count .cff-svg-bg-dark .cff-svg-bg path {
fill: rgba(0, 0, 0, 0.05);
}
/* Like icon */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-open .cff-like .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-like.cff-animate .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reactions-count .cff-like .cff-svg-bg path,
#cff-lightbox-wrapper .cff-reactions-count .cff-like .cff-svg-bg path {
fill: url(#likeGradHover);
}
/* Heart icon */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-open .cff-love .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-love.cff-animate .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reactions-count .cff-love .cff-svg-bg path,
#cff-lightbox-wrapper .cff-reactions-count .cff-love .cff-svg-bg path {
fill: #ffb9b9;
}
/* Face icons */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-open .cff-haha .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-open .cff-wow .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-open .cff-sad .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-haha.cff-animate .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-wow.cff-animate .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-sad.cff-animate .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reactions-count .cff-haha .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reactions-count .cff-wow .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reactions-count .cff-sad .cff-svg-bg path,
#cff-lightbox-wrapper .cff-reactions-count .cff-haha .cff-svg-bg path,
#cff-lightbox-wrapper .cff-reactions-count .cff-wow .cff-svg-bg path,
#cff-lightbox-wrapper .cff-reactions-count .cff-sad .cff-svg-bg path {
fill: #ffe7a4;
}
/* Angry icon */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-open .cff-angry .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-angry.cff-animate .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reactions-count .cff-angry .cff-svg-bg path,
#cff-lightbox-wrapper .cff-reactions-count .cff-angry .cff-svg-bg path {
fill: url(#angryGrad);
}
/* Share icon */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-open .cff-shares .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-share.cff-animate .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reactions-count .cff-share .cff-svg-bg path,
#cff-lightbox-wrapper .cff-reactions-count .cff-share .cff-svg-bg path {
fill: #fdf3d0;
}
/* Comment icon */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-open .cff-comments .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-comment.cff-animate .cff-svg-bg path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-reactions-count .cff-comment .cff-svg-bg path,
#cff-lightbox-wrapper .cff-reactions-count .cff-comment .cff-svg-bg path {
fill: white;
}
/* Icons */
/* Fade in colors */
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-icon path,
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-icon.cff-animate path {
transition: all 0.2s ease;
}
#cff:not(.cff-theme-modern):not(.cff-theme-social_wall):not(.cff-theme-outline):not(.cff-theme-overlap) .cff-view-comments .cff-icon.cff-animate svg {
animation-duration: 0.2s;
}
/* No SVGs for icons setting */
#cff.cff-no-svgs svg,
#cff-lightbox-wrapper.cff-no-svgs svg {
display: none;
}
#cff.cff-no-svgs .cff-comments-box .cff-comments .cff-icon,
#cff.cff-no-svgs .cff-comments-box .cff-likes .cff-icon,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-comments .cff-icon,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-likes .cff-icon {
margin: 0 3px 0 0;
}
#cff.cff-no-svgs .cff-like,
#cff.cff-no-svgs .cff-love,
#cff.cff-no-svgs .cff-haha,
#cff.cff-no-svgs .cff-wow,
#cff.cff-no-svgs .cff-sad,
#cff.cff-no-svgs .cff-angry,
#cff.cff-no-svgs .cff-share,
#cff.cff-no-svgs .cff-comment,
#cff.cff-no-svgs .cff-comments .cff-icon,
#cff.cff-no-svgs .cff-reactions-count svg,
#cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count .cff-like,
#cff-lightbox-wrapper.cff-no-svgs .cff-love,
#cff-lightbox-wrapper.cff-no-svgs .cff-haha,
#cff-lightbox-wrapper.cff-no-svgs .cff-wow,
#cff-lightbox-wrapper.cff-no-svgs .cff-sad,
#cff-lightbox-wrapper.cff-no-svgs .cff-angry,
#cff-lightbox-wrapper.cff-no-svgs .cff-share,
#cff-lightbox-wrapper.cff-no-svgs .cff-comment,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments .cff-icon,
#cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count svg {
background: url('../img/cff-sprite.png') no-repeat;
}
#cff.cff-no-svgs .cff-like,
#cff.cff-no-svgs .cff-reactions-count .cff-like,
#cff-lightbox-wrapper.cff-no-svgs .cff-like,
#cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count .cff-like {
background-position: 0 -17px;
}
#cff.cff-no-svgs .cff-reactions-count .cff-like,
#cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count .cff-like {
width: 13px;
}
#cff.cff-no-svgs .cff-share {
width: 14px;
background-position: 0 -33px;
}
#cff.cff-no-svgs .cff-comments .cff-icon,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments .cff-icon {
width: 12px;
}
#cff.cff-no-svgs .cff-love,
#cff-lightbox-wrapper.cff-no-svgs .cff-love {
width: 15px;
height: 13px;
margin-top: 1px;
background-position: -34px -1px;
}
#cff.cff-no-svgs .cff-reactions-count .cff-love,
#cff-lightbox-wrapper.cff-no-svgs .cff-reactions-count .cff-love {
height: 14px;
background-position: -34px 0px;
}
#cff.cff-no-svgs .cff-haha,
#cff-lightbox-wrapper.cff-no-svgs .cff-haha {
height: 15px;
background-position: -34px -15px;
}
#cff.cff-no-svgs .cff-wow,
#cff-lightbox-wrapper.cff-no-svgs .cff-wow {
height: 15px;
background-position: -34px -47px;
}
#cff.cff-no-svgs .cff-sad,
#cff-lightbox-wrapper.cff-no-svgs .cff-sad {
height: 15px;
background-position: -34px -31px;
}
#cff.cff-no-svgs .cff-angry,
#cff-lightbox-wrapper.cff-no-svgs .cff-angry {
height: 15px;
background-position: -34px -63px;
}
#cff.cff-no-svgs .cff-comments-box .cff-comment-likes b,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-comment-likes b {
background: url('../img/cff-sprite.png') no-repeat;
background-position: 1px -48px;
width: 10px;
height: 9px;
}
#cff.cff-no-svgs .cff-comments-box .cff-show-more-comments,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-show-more-comments {
position: relative;
}
#cff.cff-no-svgs .cff-comments-box .cff-show-more-comments a,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-show-more-comments a {
position: relative;
z-index: 1;
height: 20px;
}
#cff.cff-no-svgs .cff-comments-box .cff-show-more-comments:after,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments-box .cff-show-more-comments:after {
position: absolute;
z-index: 0;
content: '...';
top: -2px;
font-size: 20px;
color: #333;
height: 20px;
line-height: 20px;
}
/*Dark icons*/
/* Comments */
#cff.cff-no-svgs .cff-meta.cff-dark li.cff-comments .cff-icon,
#cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-comments .cff-icon {
background-position: -17px 0;
}
/* Likes */
#cff.cff-no-svgs .cff-dark .cff-reactions-count .cff-like,
#cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-icon,
#cff-lightbox-wrapper.cff-no-svgs .cff-dark .cff-reactions-count .cff-like,
#cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-icon {
background-position: -17px -17px;
}
/* Shares */
#cff.cff-no-svgs .cff-meta.cff-dark li.cff-shares .cff-icon,
#cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-shares .cff-icon {
background-position: -17px -34px;
}
/* Reactions */
#cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-love,
#cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-love {
background-position: -52px -1px;
}
#cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-wow,
#cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-wow {
background-position: -34px -47px;
}
#cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-haha,
#cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-haha {
background-position: -34px -15px;
}
#cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-sad,
#cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-sad {
background-position: -34px -31px;
}
#cff.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-angry,
#cff-lightbox-wrapper.cff-no-svgs .cff-meta.cff-dark li.cff-likes .cff-angry {
background-position: -51px -63px;
}
#cff.cff-no-svgs .cff-dark .cff-comment-replies .cff-replies-icon,
#cff-lightbox-wrapper.cff-no-svgs .cff-dark .cff-comment-replies .cff-replies-icon {
background-position: -17px -65px;
}
#cff.cff-no-svgs .cff-comments-box.cff-dark .cff-show-more-comments:after,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments-box.cff-dark .cff-show-more-comments:after {
color: rgba(255, 255, 255, 0.7);
}
#cff.cff-no-svgs .cff-comments-box.cff-dark .cff-comment-likes b,
#cff-lightbox-wrapper.cff-no-svgs .cff-comments-box.cff-dark .cff-comment-likes b {
background-position: -16px -48px;
}
/*Lightbox icon sprite*/
#cff .cff-comments-box,
#cff-lightbox-wrapper .cff-comments-box {
display: none;
float: left;
clear: both;
width: 100%;
max-width: 100%;
margin: 0;
box-sizing: border-box;
}
#cff .cff-comments-box .cff-likes,
#cff-lightbox-wrapper .cff-comments-box .cff-likes {
margin-bottom: 1px;
}
#cff .cff-comments-box .cff-comments .cff-icon,
#cff-lightbox-wrapper .cff-comments-box .cff-comments .cff-icon {
margin-top: 1px;
}
#cff .cff-comments-box p,
#cff .cff-comments-box .cff-comment,
#cff .cff-comments-box .cff-comment-reply,
#cff-lightbox-wrapper .cff-comments-box p,
#cff-lightbox-wrapper .cff-comments-box .cff-comment,
#cff-lightbox-wrapper .cff-comments-box .cff-comment-reply {
width: 100%;
min-width: 100%;
float: left;
clear: both;
font-size: 12px;
padding: 5px 20px 5px 10px;
margin: 0 0 1px 0;
background: #eee;
background: rgba(0, 0, 0, 0.05);
line-height: 17px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cff .cff-comments-box.cff-no-comments,
#cff-lightbox-wrapper .cff-comments-box.cff-no-comments {
width: auto;
}
#cff .cff-comments-box .cff-comment-on-facebook,
#cff-lightbox-wrapper .cff-comments-box .cff-comment-on-facebook {
border-radius: 4px;
}
#cff-lightbox-wrapper .cff-comments-box .cff-comment-on-facebook > span{
margin-right: 10px;
}
#cff-lightbox-wrapper .cff-comments-box .cff-comment-on-facebook a {
text-decoration: none;
}
#cff .cff-comments-wrap,
#cff-lightbox-wrapper .cff-comments-wrap {
float: left;
clear: both;
overflow: hidden;
width: 100%;
padding-bottom: 0;
border-radius: 0 0 4px 4px;
background: rgba(0, 0, 0, 0.05);
z-index: 2;
position: relative;
}
#cff.cff-theme-modern .cff-comments-box .cff-comments-wrap,
#cff.cff-theme-social_wall .cff-comments-box .cff-comments-wrap,
#cff.cff-theme-outline .cff-comments-box .cff-comments-wrap,
#cff.cff-theme-overlap .cff-comments-box p.cff-comments.cff-comment-on-facebook .cff-comments-wrap {
border-top: 1px solid #E8E8EB;
}
#cff .cff-comments-wrap:empty,
#cff-lightbox-wrapper .cff-comments-wrap:empty {
display: none;
}
#cff .cff-comments-box .cff-comment,
#cff-lightbox-wrapper .cff-comments-box .cff-comment {
display: none;
margin: 0;
background: none;
}
#cff .cff-comments-box .cff-name,
#cff-lightbox-wrapper .cff-comments-box .cff-name {
padding: 0;
margin-right: 6px;
font-weight: bold;
}
#cff .cff-comments-box .cff-comment-likes,
#cff-lightbox-wrapper .cff-comments-box .cff-comment-likes {
font-style: normal;
border-radius: 4px 4px 0 0;
}
#cff .cff-comments-box .cff-comment-likes b,
#cff-lightbox-wrapper .cff-comments-box .cff-comment-likes b {
display: inline-block;
vertical-align: top;
zoom: 1;
background-position: 0 -50px;
width: 10px;
height: 9px;
margin: 0;
line-height: 1;
padding: 2px 2px 0 2px;
/* Unset border-box as icons are displayed small in some browsers due to it being applied */
box-sizing: unset;
}
/* SVG color */
.cff-comments-box .cff-comment-likes path {
fill: rgba(0, 0, 0, 0.6);
}
.cff-comments-box .cff-comment-likes .cff-comment-likes-bg {
background: rgba(255, 255, 255, 0.6);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
padding: 1px 4px 2px 3px;
border-radius: 5px;
margin: 0 0 0 2px;
font-size: 10px;
display: inline-block;
}
.cff-comments-box.cff-dark .cff-comment-likes .cff-comment-likes-bg {
background: rgba(255, 255, 255, 0.2);
}
#cff .cff-comments-box.cff-dark .cff-comment-likes b,
#cff-lightbox-wrapper .cff-comments-box.cff-dark .cff-comment-likes b {
background-position: -17px -50px;
}
#cff .cff-comments-box .cff-time,
#cff-lightbox-wrapper .cff-comments-box .cff-time {
float: left;
clear: both;
font-size: 11px;
margin: 2px 0 0 0;
display: block;
font-style: italic;
}
#cff .cff-comment .cff-comment-date,
#cff-lightbox-wrapper .cff-comment .cff-comment-date {
margin-right: 3px;
}
#cff .cff-comment-likes,
#cff-lightbox-wrapper .cff-comment-likes {
margin: 5px 0 10px 0;
width: 100%;
}
/*Avatars*/
#cff .cff-comment-text-wrapper,
#cff-lightbox-wrapper .cff-comment-text-wrapper {
width: 100%;
float: left;
}
#cff .cff-comment .cff-comment-img,
#cff-lightbox-wrapper .cff-comment .cff-comment-img {
float: left;
width: 32px;
margin: 0 0 0 -100% !important;
border-radius: 40px;
}
#cff .cff-comment .cff-comment-img img,
#cff .cff-comment .cff-comment-avatar,
#cff-lightbox-wrapper .cff-comment .cff-comment-img img,
#cff-lightbox-wrapper .cff-comment .cff-comment-avatar {
float: left;
width: 32px;
margin: 0 10px 0 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 40px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#cff .cff-comment .cff-comment-avatar,
#cff-lightbox-wrapper .cff-comment .cff-comment-avatar,
#cff .cff-avatar-fallback,
#cff-lightbox-wrapper .cff-avatar-fallback {
height: 32px;
background: url('../img/cff-sprite.png') no-repeat -77px 0;
}
/* Add fallback avatar to lightbox comments if image is broken */
#cff-lightbox-wrapper .cff-avatar-fallback img {
position: relative;
text-indent: -9999px;
}
#cff-lightbox-wrapper .cff-avatar-fallback img[alt]:after {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('../img/cff-sprite.png') no-repeat -77px 0;
font-family: 'Helvetica', serif;
font-weight: 300;
line-height: 2;
text-align: center;
content: '';
}
#cff .cff-comment .cff-comment-text,
#cff-lightbox-wrapper .cff-comment .cff-comment-text {
margin: 0 0 0 42px;
line-height: 1.3;
}
#cff .cff-comment .cff-comment-text p,
#cff-lightbox-wrapper .cff-comment .cff-comment-text p {
padding: 0 !important;
margin: 0 !important;
line-height: 1.4;
background: none !important;
}
#cff .cff-comment-text.cff-no-image,
#cff-lightbox-wrapper .cff-comment-text.cff-no-image {
margin: 0;
}
#cff .cff-comments-box .cff-show-more-comments,
#cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments {
text-align: center;
padding: 2px 0 1px 0;
background: rgba(0, 0, 0, 0.02);
border-top: 1px solid rgba(0, 0, 0, 0.05);
margin-top: 8px;
transition: all 0.5s ease;
}
#cff .cff-comments-box .cff-show-more-comments-a,
#cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments-a {
width: 100%;
display: block;
padding: 2px 0;
text-decoration: none;
}
/* More comments elipsis */
#cff .cff-comments-box .cff-show-more-comments svg,
#cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments svg {
width: 17px;
height: 10px;
}
#cff .cff-comments-box .cff-show-more-comments path,
#cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments path {
fill: rgba(0, 0, 0, 0.5);
transition: all 0.5s ease;
}
#cff .cff-dark .cff-show-more-comments path,
#cff-lightbox-wrapper .cff-dark .cff-show-more-comments path {
fill: rgba(255, 255, 255, 0.8);
}
#cff .cff-dark .cff-show-more-comments,
#cff-lightbox-wrapper .cff-dark .cff-show-more-comments {
background: rgba(255, 255, 255, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#cff .cff-comments-box .cff-show-more-comments:hover,
#cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments:hover {
background: rgba(0, 0, 0, 0.05);
text-decoration: none;
transition: all 0.1s ease;
}
#cff .cff-comments-box .cff-show-more-comments:hover path,
#cff-lightbox-wrapper .cff-comments-box .cff-show-more-comments:hover path {
fill: rgba(0, 0, 0, 0.7);
transition: all 0.1s ease;
}
/* Stops emojis from floating to the left of sentences */
#cff .cff-comment .cff-comment-text img,
#cff img.emoji,
#cff-lightbox-wrapper .cff-comment .cff-comment-text img,
#cff-lightbox-wrapper img.emoji {
float: none;
max-width: 100%;
}
#cff .cff-comment-attachment,
#cff-lightbox-wrapper .cff-comment-attachment {
float: left;
clear: both;
width: 120px;
height: auto;
margin: 5px 0 0 0;
}
#cff .cff-comment-attachment img,
#cff-lightbox-wrapper .cff-comment-attachment img {
float: left;
}
/* Comment replies */
#cff .cff-comment-replies a,
#cff-lightbox-wrapper .cff-comment-replies a {
display: block;
float: left;
position: relative;
padding: 3px 0;
font-size: 11px;
}
#cff .cff-comment-replies-box,
#cff-lightbox-wrapper .cff-comment-replies-box {
float: left;
clear: both;
border-left: 2px solid #dcdee3;
border-left: 2px solid rgba(0, 0, 0, 0.1);
}
#cff .cff-comments-box .cff-comment-replies-box .cff-comment-reply,
#cff-lightbox-wrapper .cff-comments-box .cff-comment-replies-box .cff-comment-reply {
background: none;
}
#cff .cff-comment-replies-box a,
#cff-lightbox-wrapper .cff-comment-replies-box a {
color: inherit !important;
}
#cff .cff-comment-replies-box .cff-comment-reply .cff-comment-img img,
#cff-lightbox-wrapper .cff-comment-replies-box .cff-comment-reply .cff-comment-img img {
width: 20px;
height: 20px;
}
#cff .cff-comment-replies-box .cff-comment-reply .cff-comment-text,
#cff-lightbox-wrapper .cff-comment-replies-box .cff-comment-reply .cff-comment-text {
margin: 0 0 0 28px;
}
/* If there's no author name then remove margin */
#cff .cff-comment-replies-box .cff-comment-reply .cff-comment-text.cff-no-name,
#cff-lightbox-wrapper .cff-comment-replies-box .cff-comment-reply .cff-comment-text.cff-no-name {
margin: 0;
}
#cff .cff-comment-replies .cff-replies-icon,
#cff-lightbox-wrapper .cff-comment-replies .cff-replies-icon {
background: url('../img/cff-sprite.png') no-repeat 0 -65px;
width: 11px;
height: 8px;
display: block;
float: left;
margin: 5px 5px 0 0;
}
#cff .cff-dark .cff-comment-replies .cff-replies-icon,
#cff-lightbox-wrapper .cff-dark .cff-comment-replies .cff-replies-icon {
background-position: -17px -65px;
}
/* View on Facebook / View Link text */
#cff .cff-post-links,
#cff .cff-event-meta {
float: right;
clear: none;
margin-top: 12px;
font-size: 11px;
}
#cff .cff-event-meta {
float: left;
}
#cff .cff-post-links.cff-left {
float: left;
margin: 8px 0;
}
#cff .cff-post-links a {
font-size: 11px;
/*padding-left: 7px;
margin-left: 7px;
border-left: 1px solid #ccc;*/
}
#cff .cff-post-links a:first-child {
padding-left: 0;
margin: 0;
}
#cff .cff-dot {
padding: 0 5px;
}
/* Share tooltip */
#cff .cff-share-container {
position: relative;
display: inline;
}
#cff .cff-share-tooltip {
display: none;
position: absolute;
z-index: 1000;
bottom: 22px;
right: 0;
width: 110px;
padding: 4px 5px;
margin: 0;
background: #333;
color: #fff;
font-size: 12px;
line-height: 1.4;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cff .cff-share-tooltip .fa-play {
position: absolute;
font-size: 8px;
bottom: -8px;
right: 8px;
color: #333;
transform: rotate(90deg);
height: 14px;
width: 14px;
}
#cff .cff-share-tooltip a .fa,
#cff .cff-share-tooltip a svg {
font-size: 16px;
margin: 0;
padding: 5px;
box-sizing: unset;
overflow: visible;
height: 1em;
width: 0.9em;
display: block;
}
#cff .cff-share-tooltip a {
display: block;
float: left;
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
opacity: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#cff .cff-share-tooltip a:hover {
color: #fff !important;
}
#cff .cff-share-tooltip .cff-facebook-icon:hover {
background: #3b5998;
}
#cff .cff-share-tooltip .cff-twitter-icon:hover {
background: #00aced;
}
#cff .cff-share-tooltip .cff-google-icon:hover {
background: #dd4b39;
}
#cff .cff-share-tooltip .cff-linkedin-icon:hover {
background: #007bb6;
}
#cff .cff-share-tooltip .cff-pinterest-icon:hover {
background: #cb2027;
}
#cff .cff-share-tooltip .cff-email-icon:hover {
background: #666;
}
/* Fade in icons */
#cff .cff-share-tooltip a.cff-show {
opacity: 1;
transition: opacity 0.2s ease;
}
/* Like box */
.cff-likebox {
float: left;
width: 100%;
position: relative;
margin: 0;
padding: 0;
}
.cff-likebox.cff-top {
margin-bottom: 10px;
}
.cff-likebox.cff-bottom {
margin-top: 10px;
}
.cff-likebox iframe {
margin: 0 !important;
border: 0 !important;
padding: 0;
position: relative;
top: 0;
left: 0;
width: 100% !important;
/*height: 100%;*/
}
/*********************/
/*** STYLE OPTIONS ***/
/*********************/
#cff.cff-fixed-height {
padding: 5px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Thumb layout */
/*Media size*/
#cff.cff-thumb-layout .cff-photo,
#cff.cff-thumb-layout .cff-iframe-wrap,
#cff.cff-thumb-layout .cff-html5-video,
#cff.cff-thumb-layout .cff-vidLink {
width: 20%;
clear: none;
}
#cff[data-media-side="right"].cff-thumb-layout .cff-photo,
#cff[data-media-side="right"].cff-thumb-layout .cff-iframe-wrap,
#cff[data-media-side="right"].cff-thumb-layout .cff-html5-video,
#cff[data-media-side="right"].cff-thumb-layout .cff-vidLink {
float: right;
}
#cff.cff-thumb-layout .cff-html5-video .cff-vidLink {
width: 100%;
}
#cff.cff-thumb-layout .cff-iframe-wrap {
margin-top: 0;
padding-bottom: 16%;
}
#cff.cff-thumb-layout .cff-likebox .fb_iframe_widget iframe {
margin: 0;
}
#cff.cff-thumb-layout .cff-photo img {
width: 100%;
height: auto;
}
/* Video play button */
#cff.cff-thumb-layout .cff-posts-wrap svg.cff-playbtn {
margin-top: -15px;
margin-left: -15px;
width: 1em;
height: 1em;
font-size: 32px;
padding: 8px 10px;
}
/*Content wraper*/
#cff.cff-thumb-layout .cff-text-wrapper {
float: right;
width: 77%;
}
#cff.cff-thumb-layout[data-media-side="right"] .cff-text-wrapper {
float: left;
}
#cff.cff-thumb-layout .cff-iframe-wrap iframe {
/*height: auto;*/
}
#cff.cff-thumb-layout .cff-link-item .cff-text-wrapper {
width: 100%;
}
#cff.cff-thumb-layout .cff-audio-post .cff-text-wrapper {
width: 100%;
}
#cff.cff-thumb-layout .cff-post-text {
margin-top: 0;
}
/*Date*/
#cff.cff-thumb-layout .cff-date {
margin-bottom: 10px;
}
/* Lightbox link */
#cff.cff-thumb-layout .cff-photo-hover .fa,
#cff.cff-thumb-layout .cff-photo-hover svg {
margin-top: -11px;
margin-left: -10px;
font-size: 24px;
}
#cff.cff-thumb-layout .cff-full-size .cff-link,
#cff.cff-thumb-layout .cff-link-slider {
width: auto;
max-width: 20%;
margin-right: 3%;
margin-bottom: 0;
text-align: left;
}
#cff.cff-thumb-layout .cff-full-size .cff-link img {
float: left;
}
#cff.cff-thumb-layout .cff-full-size .cff-text-link {
width: 72%;
}
/* Timeline event */
#cff.cff-thumb-layout .cff-event-thumb {
width: 20%;
}
#cff.cff-thumb-layout .cff-details.cff-has-cover {
width: 100%;
margin: 0;
}
.cff-vidLink.cff-video-player.cff-only-vids {
width: 100% !important;
}
/*Half image size */
#cff.cff-half-layout .cff-photo,
#cff.cff-half-layout .cff-iframe-wrap,
#cff.cff-half-layout .cff-html5-video,
#cff.cff-half-layout .cff-vidLink {
width: 50%;
clear: none;
}
#cff.cff-half-layout .cff-html5-video .cff-vidLink {
width: 100%;
}
#cff.cff-half-layout .cff-photo img {
width: 100%;
height: auto;
}
#cff.cff-half-layout .cff-iframe-wrap {
margin-top: 0;
padding-bottom: 28%;
}
#cff.cff-half-layout .cff-likebox .fb_iframe_widget iframe {
margin: 0;
}
#cff.cff-half-layout .cff-text-wrapper {
float: right;
width: 47%;
}
#cff.cff-half-layout[data-media-side="right"] .cff-text-wrapper {
float: left;
width: 47%;
margin-right: 3%;
}
#cff.cff-half-layout .cff-link-item .cff-text-wrapper {
width: 100%;
}
#cff.cff-half-layout .cff-audio-post .cff-text-wrapper {
width: 100%;
}
#cff.cff-half-layout .cff-post-text {
margin-top: 0;
}
/* Lightbox link */
#cff.cff-half-layout .cff-photo-hover .fa,
#cff.cff-half-layout .cff-photo-hover svg {
margin-top: -16px;
margin-left: -14px;
font-size: 32px;
}
#cff.cff-half-layout .cff-full-size .cff-link,
#cff.cff-thumb-layout .cff-full-size .cff-link,
#cff.cff-half-layout .cff-link-slider {
width: auto;
max-width: 50%;
margin-right: 3%;
margin-bottom: 0;
text-align: left;
}
#cff.narrow.cff-thumb-layout .cff-full-size .cff-link,
#cff.narrow.cff-half-layout .cff-full-size .cff-link,
#cff.narrow.cff-thumb-layout .cff-link-slider,
#cff.narrow.cff-half-layout .cff-link-slider {
max-width: 100%;
}
#cff.cff-half-layout .cff-full-size .cff-link img {
float: left;
}
#cff.cff-half-layout .cff-full-size .cff-text-link,
#cff.cff-thumb-layout .cff-full-size .cff-text-link {
width: 47%;
margin-top: 20px;
}
/* Timeline event */
#cff.cff-half-layout .cff-event-thumb {
width: 50%;
}
#cff.cff-half-layout .cff-details.cff-has-cover {
width: 100%;
margin: 0;
}
/* Narrow width */
#cff.narrow.cff-half-layout .cff-photo,
#cff.narrow.cff-half-layout .cff-iframe-wrap,
#cff.narrow.cff-half-layout .cff-vidLink,
#cff.narrow.cff-half-layout .cff-html5-video,
#cff.narrow.cff-half-layout .cff-link-slider,
#cff.narrow.cff-thumb-layout .cff-photo,
#cff.narrow.cff-thumb-layout .cff-iframe-wrap,
#cff.narrow.cff-thumb-layout .cff-vidLink,
#cff.narrow.cff-thumb-layout .cff-html5-video,
#cff.narrow.cff-thumb-layout .cff-link-slider {
width: 100%;
clear: both;
}
#cff.narrow.cff-half-layout .cff-text-wrapper,
#cff.narrow.cff-thumb-layout .cff-text-wrapper {
float: left;
width: 100%;
}
#cff.narrow .cff-shared-link .cff-link {
max-width: 100%;
width: 100%;
margin: 0 0 5px 0;
text-align: center;
}
#cff.narrow .cff-shared-link .cff-link img {
float: none;
width: auto;
}
#cff.narrow .cff-shared-link .cff-text-link {
width: 100%;
}
/* Events only mobile layout */
#cff.narrow .cff-event .cff-details {
width: 100%;
}
/* Timeline event which has cover photo */
#cff.narrow .cff-event-thumb {
width: 100%;
}
#cff.narrow .cff-details.cff-has-cover {
width: 100%;
margin: 5px 0 0 0;
}
/* Super narrow */
#cff.cff-super-narrow .cff-meta {
padding: 8px 0 !important;
}
#cff.cff-super-narrow .cff-view-comments {
margin-right: 0;
height: 32px;
}
#cff.cff-super-narrow.cff-theme-modern .cff-view-comments,
#cff.cff-super-narrow.cff-theme-social_wall .cff-view-comments,
#cff.cff-super-narrow.cff-theme-outline .cff-view-comments,
#cff.cff-super-narrow.cff-theme-overlap .cff-view-comments {
height: auto;
}
#cff.cff-super-narrow .cff-meta li {
margin: 0 5px 0 0 !important;
}
#cff.cff-super-narrow .cff-meta .cff-count {
margin-left: 2px;
font-size: 11px;
}
#cff.cff-super-narrow .cff-shares .cff-count {
margin-left: 1px;
}
#cff.cff-super-narrow .cff-view-comments-wrap,
#cff.cff-super-narrow .cff-comments-box {
float: left;
width: 100%;
max-width: 100%;
}
.cff-theme-social_wall .cff-view-comments-wrap,
.cff-theme-modern .cff-view-comments-wrap {
width: 100%;
max-width: 280px;
}
.cff-theme-social_wall .cff-view-comments-wrap {
max-width: 205px;
}
.cff-theme-social_wall .cff-meta-wrap,
.cff-theme-modern .cff-meta-wrap {
display: flex;
align-items: center;
}
.cff-theme-social_wall .cff-meta-wrap,
.cff-theme-modern .cff-meta-wrap {
justify-content: space-between;
}
.cff-theme-social_wall .cff-view-comments,
.cff-theme-modern .cff-view-comments {
display: flex;
}
.cff-theme-social_wall .cff-meta,
.cff-theme-modern .cff-meta {
display: flex;
align-items: center;
width: 100%;
}
#cff.cff-theme-social_wall .cff-meta li,
#cff.cff-theme-social_wall #cff-lightbox-wrapper .cff-meta li,
#cff.cff-theme-modern .cff-meta li,
#cff.cff-theme-modern #cff-lightbox-wrapper .cff-meta li {
margin: 0px !important;
margin-right: auto !important;
}
#cff.cff-theme-social_wall .cff-meta li {
gap: 3px;
}
/* Error messages */
#cff .cff-error-msg {
display: none;
position: relative;
font-size: 12px;
font-family: sans-serif;
padding: 8px 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.5);
margin-bottom: 15px;
clear: both;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#cff .cff-error-msg p {
float: none;
}
#cff .cff-error-msg .cff_notice_dismiss {
position: absolute;
top: 4px;
right: 8px;
}
#cff #cff-error-reason {
padding: 5px 0 0 0;
clear: both;
}
#cff #cff-error-reason a {
text-decoration: underline;
font-weight: bold;
}
#cff .cff-error-msg:not(.cff_notice_dismiss) svg {
width: 8px;
margin-right: 5px;
}
#cff .cff-error-msg .cff_notice_dismiss svg {
width: 11px;
cursor: pointer;
text-align: center;
vertical-align: middle;
}
.cff_error_msg_header svg {
width: 24px;
color: #3b5998;
padding-right: 5px;
vertical-align: middle;
margin-top: -5px;
}
/* Credit link */
#cff .cff-credit {
font-size: 11px;
padding-top: 10px;
}
#cff .cff-credit a {
text-decoration: none;
}
#cff .cff-credit .cff-credit-logo {
float: left;
display: block;
width: 18px;
height: 21px;
margin: -2px 5px 0 0;
background: url('../img/cff-sprite.png') no-repeat -54px -16px;
}
#cff .cff-credit .fa {
padding-right: 5px;
font-size: 13px;
}
/**************/
/***LIGHTBOX***/
/**************/
/* Hover tile */
#cff .cff-lightbox-link {
position: absolute;
z-index: 10;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
padding: 0;
text-align: center;
color: #fff;
font-size: 12px;
line-height: 1.1;
border: none;
}
#cff.cff-doing-gdpr .cff-iframe-wrap .cff-lightbox-link:after {
box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .7);
bottom: 0;
content: '';
left: 0;
position: absolute;
z-index: 1;
right: 0;
top: 0;
width: 100%
}
#cff .cff-photo-hover {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
color: #fff;
background: #333;
background: rgba(0, 0, 0, 0.4);
}
#cff .cff-photo-hover .fa,
#cff .cff-photo-hover svg {
display: none;
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
margin-top: -19px;
margin-left: -16px;
padding: 0;
font-size: 39px;
font-style: normal !important;
}
/* Lightbox thumbs */
.cff-lightbox-thumbs {
display: none;
float: left;
position: relative;
/* Set width to 111% so thumbs are wider than the 85% default lightbox details width */
width: 111%;
margin: 0 0 0 -5px;
}
.cff-lightbox-thumbs-holder {
float: left;
overflow: hidden;
max-height: 0;
transition: max-height 2s ease;
}
.cff-lightbox-thumbs-holder.cff-animate {
max-height: 2000px;
transition: max-height 1.5s ease;
}
.cff-lightbox-thumbs-wrap {
margin-top: 10px;
padding: 2px 0 6px 0;
overflow: hidden;
}
.cff-lightbox-thumbs a,
.cff-gdpr-more-link {
width: 60px;
height: 60px;
display: block;
float: left;
margin: 5px 0 0 5px;
border-radius: 3px;
/* Adds a border when comments disabled */
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
/* Removes the transition that Genesis theme adds to links which causes a bumping hover effect in lightbox thumbs */
-webkit-transition: box-shadow 0.1s ease;
-moz-transition: box-shadow 0.1s ease;
-ms-transition: box-shadow 0.1s ease;
-o-transition: box-shadow 0.1s ease;
transition: box-shadow 0.1s ease;
}
.cff-lightbox-thumbs a:hover,
.cff-lightbox-thumbs a:focus,
.cff-gdpr-more-link:hover,
.cff-gdpr-more-link:focus {
box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.3);
outline: none;
-webkit-transition: box-shadow 0.1s ease;
-moz-transition: box-shadow 0.1s ease;
-ms-transition: box-shadow 0.1s ease;
-o-transition: box-shadow 0.1s ease;
transition: box-shadow 0.1s ease;
}
/* Thumb style when comments enabled */
.cff-enable-lb-comments .cff-lightbox-thumbs a {
border: 1px solid #333;
}
.cff-enable-lb-comments .cff-lightbox-thumbs a:hover,
.cff-enable-lb-comments .cff-lightbox-thumbs a:focus {
box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.7);
border: 1px solid #bbb;
}
.cff-lightbox-thumbs .cff-selected,
.cff-lightbox-thumbs .cff-selected:hover,
.cff-lightbox-thumbs .cff-selected:focus {
box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.7);
border: 1px solid #eee;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cff-lightbox-thumbs .cff-selected:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.2);
}
.cff-lightbox-thumbs img {
width: 60px;
height: auto;
}
.cff-lightbox-thumbs .cff-loader {
width: 20px;
height: 20px;
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
background-color: none;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 100%;
-webkit-animation: ctf-sk-scaleout 1.0s infinite ease-in-out;
animation: ctf-sk-scaleout 1.0s infinite ease-in-out;
}
/* Lightbox */
.cff-lightbox-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 999999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.9;
display: none;
}
.cff-lightbox-wrapper {
position: absolute;
left: 0;
width: 100%;
z-index: 1000000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.cff-lightbox-wrapper .cff-lightbox-image {
display: block;
/*height: auto !important;*/
height: auto;
max-width: inherit;
border-radius: 3px 3px 0 0;
}
.cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-image {
border-radius: 3px 0 0 3px;
}
.cff-lightbox-wrapper.cff-enable-lb-comments.cff-has-thumbs .cff-lightbox-image {
border-radius: 3px 0 0 0;
}
.cff-lightbox-wrapper a img {
border: none;
}
.cff-lightbox-outerContainer {
position: relative;
background-color: #141B38;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 3px 3px 0 0;
}
.cff-lightbox-outerContainer:after {
content: "";
display: table;
clear: both;
}
.cff-lightbox-container {
position: relative;
padding: 0;
height: 100%;
}
.cff-lightbox-cancel {
display: block;
width: 16px;
height: 16px;
margin: 0 auto;
background: url(../img/cff-sprite.png) no-repeat -71px -62px;
}
#cff-lightbox-wrapper .cff-lightbox-caption,
#cff-lightbox-wrapper .cff-lightbox-caption-text {
float: left;
clear: both;
width: 100%;
}
#cff-lightbox-wrapper .cff-lightbox-caption-text {
margin: 0 0 15px 0;
word-break: break-all;
}
#cff-lightbox-wrapper .cff-gdpr-more-link {
position: relative;
display: inline-block;
clear: both;
margin-top: 10px;
margin-left: 0;
}
#cff-lightbox-wrapper .cff-gdpr-more-link:hover {
background: #eee;
}
#cff-lightbox-wrapper .cff-gdpr-more-link span {
position: absolute;
display: none;
top: 50%;
right: 50%;
margin-top: -8px;
margin-right: -10px;
color: #fff;
font-weight: bold;
font-size: 18px;
}
#cff-lightbox-wrapper .cff-lightbox-facebook {
margin: 0;
padding: 0;
border-left: none;
border-bottom: none;
color: #3b579d;
width: 100%;
display: block;
float: left;
clear: both;
}
#cff-lightbox-wrapper .cff-lightbox-facebook svg {
vertical-align: middle;
width: 12px;
height: 14px;
margin-right: 6px;
margin-top: -5px;
}
#cff-lightbox-wrapper .cff-lightbox-caption .cff-dot {
margin: 0 7px;
}
/* No lightbox caption */
#cff-lightbox-wrapper .cff-lightbox-caption.cff-no-caption .cff-lightbox-caption-text {
margin: 0;
}
#cff-lightbox-wrapper .cff-lightbox-caption.cff-no-caption .cff-lightbox-facebook {
padding: 0;
border: none;
}
#cff-lightbox-wrapper .cff-lightbox-caption .cff-event-title,
#cff-lightbox-wrapper .cff-lightbox-caption .cff-date,
#cff-lightbox-wrapper .cff-lightbox-caption .cff-location {
display: block;
padding-bottom: 10px;
}
#cff-lightbox-wrapper .cff-lightbox-caption .cff-desc {
display: block;
padding-top: 10px;
}
#cff-lightbox-wrapper .cff_gdpr_notice {
z-index: 1;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -44px;
margin-top: -44px;
padding: 20px;
}
#cff-lightbox-wrapper .cff_gdpr_notice svg:not(:root).svg-inline--fa {
position: relative;
display: block !important;
height: 48px;
width: 48px;
opacity: .8;
}
#cff-lightbox-wrapper .cff_gdpr_notice:hover svg:not(:root).svg-inline--fa {
opacity: 1;
}
/* Custom lightbox scrollbar */
.cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-sidebar::-webkit-scrollbar {
width: 14px;
}
.cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-sidebar::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color: #ccc;
border: 3px solid #fff;
border-left: none;
}
.cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-sidebar::-webkit-scrollbar-track {
border-radius: 0;
background-color: #fff;
}
#cff-lightbox-wrapper .cff-lightbox-caption-text a:link,
#cff-lightbox-wrapper .cff-lightbox-caption-text a:hover,
#cff-lightbox-wrapper .cff-lightbox-caption-text a:active,
#cff-lightbox-wrapper .cff-lightbox-caption-text a:visited,
#cff-lightbox-wrapper .cff-lightbox-facebook:link,
#cff-lightbox-wrapper .cff-lightbox-facebook:hover,
#cff-lightbox-wrapper .cff-lightbox-facebook:active,
#cff-lightbox-wrapper .cff-lightbox-facebook:visited {
color: #3b579d;
text-decoration: none;
}
#cff-lightbox-wrapper .cff-lightbox-caption-text a:hover,
#cff-lightbox-wrapper .cff-lightbox-caption-text a:focus,
#cff-lightbox-wrapper .cff-lightbox-facebook:hover,
#cff-lightbox-wrapper .cff-lightbox-facebook:focus {
text-decoration: underline;
border-bottom: none;
}
.cff-lightbox-nav {
/*position: absolute;*/
top: 0;
left: 0;
/* height: 100%; */
width: 100%;
z-index: 1000;
}
.cff-lightbox-container>.nav {
left: 0;
}
.cff-lightbox-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
position: absolute;
z-index: 1000;
top: 0;
bottom: 0;
height: auto;
}
/* When lightbox contains a iframe video then make controls shorter */
.cff-has-iframe .cff-lightbox-nav a {
top: 50px;
bottom: 50px;
}
.cff-has-video .cff-lightbox-nav a {
top: 35px;
bottom: 35px;
}
/* If it's the Facebook Player then leave more room for video controls */
.cff-fb-player .cff-lightbox-nav a.cff-lightbox-next,
.cff-fb-player .cff-lightbox-nav a.cff-lightbox-prev {
top: 75px;
bottom: 75px;
width: 7%;
}
.cff-lightbox-prev,
.cff-lightbox-next {
height: 100%;
cursor: pointer;
display: block;
}
.cff-lightbox-prev:active,
.cff-lightbox-next:active,
.cff-lightbox-prev:focus,
.cff-lightbox-next:focus {
outline: none;
}
.cff-lightbox-nav a.cff-lightbox-prev {
width: 50px;
left: -50px;
float: left;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0.3;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cff-lightbox-nav a.cff-lightbox-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.cff-lightbox-nav a.cff-lightbox-next {
width: 50px;
right: -50px;
float: right;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0.3;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cff-enable-lb-comments .cff-lightbox-nav a.cff-lightbox-next {
margin-right: -300px;
}
.cff-lightbox-nav a.cff-lightbox-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.cff-lightbox-dataContainer {
position: relative;
margin: 0 auto;
padding: 0;
width: 100%;
background: #fff;
border-radius: 0 0 3px 3px;
}
.cff-enable-lb-comments .cff-lightbox-dataContainer {
background: #222;
}
/* Arrows */
.cff-lightbox-nav span {
display: block;
top: 50%;
position: absolute;
left: 0;
width: 34px;
height: 45px;
margin: -25px 0 0 0;
background: url(../img/cff-sprite.png) no-repeat;
text-indent: -9999px;
}
.cff-lightbox-nav a.cff-lightbox-prev span {
background-position: -160px 0;
}
.cff-lightbox-nav a.cff-lightbox-next span {
left: auto;
right: 0;
background-position: -125px 0;
}
.cff-fb-player .cff-lightbox-nav a.cff-lightbox-prev span {
left: 10px;
}
.cff-fb-player .cff-lightbox-nav a.cff-lightbox-next span {
right: 10px;
}
.cff-lightbox-dataContainer:after {
content: "";
display: table;
clear: both;
}
/* Lightbox extension */
.cff-lb-dataContainer a {
color: #ccc;
text-decoration: underline;
}
.cff-lb-dataContainer a:hover,
.cff-lb-dataContainer a:focus {
color: #fff;
text-decoration: underline;
}
.cff-lightbox-data {
padding: 0 4px;
color: #444;
}
.cff-lightbox-data .cff-lightbox-details {
position: relative;
width: 90%;
padding: 0 0 0 2px;
float: left;
text-align: left;
line-height: 1.1em;
}
.cff-lightbox-data .cff-lightbox-caption {
padding: 15px 10px 10px 10px;
margin: 0;
font-size: 14px;
/*font-weight: bold;*/
line-height: 1.3;
}
.cff-lightbox-data .cff-lightbox-number {
/*display: block;*/
clear: left;
padding-right: 10px;
font-size: 12px;
color: #999999;
}
.cff-lightbox-data .cff-lightbox-close {
display: block;
float: right;
width: 30px;
height: 30px;
margin: 0 -5px 0 0;
color: #333;
text-align: center;
margin-top: 7px;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cff-lightbox-data .cff-lightbox-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.cff-lightbox-sidebar .cff-lightbox-closeContainer {
position: absolute;
top: 0;
right: 0;
}
.cff-lightbox-sidebar .cff-lightbox-closeContainer .cff-lightbox-close {
display: block;
padding: 8px;
cursor: pointer;
line-height: 1;
}
.cff-lightbox-sidebar .cff-lightbox-closeContainer .cff-lightbox-close:hover {
color: black;
}
.cff-lightbox-closeContainer svg {
width: 10px;
height: 14px;
}
/* LIGHTBOX VIDEO */
.cff-lightbox-video {
display: none;
position: absolute;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-ms-border-radius: 3px 3px 0 0;
-o-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.cff-has-video .cff-lightbox-video {
display: block;
}
#cff-lightbox-wrapper.cff-has-video .cff-lightbox-image {
display: none !important;
}
/* Set minimum size for shared videos which have small thumbnails */
.cff-has-video .cff-lightbox-outerContainer {
min-width: 640px;
min-height: 360px;
}
.cff-has-video .cff-lightbox-dataContainer {
min-width: 640px;
}
/*Don't set a minimum size when the lightbox comments are enabled*/
.cff-has-video.cff-enable-lb-comments .cff-lightbox-outerContainer,
.cff-has-video.cff-enable-lb-comments .cff-lightbox-dataContainer {
min-width: 0;
min-height: 0;
}
/* On mobile make the min-width 100% */
@media all and (max-width: 640px) {
.cff-has-video .cff-lightbox-outerContainer {
min-width: 100%;
min-height: auto;
}
.cff-has-video .cff-lightbox-dataContainer {
min-width: 100%;
}
#cff.cff-width-resp {
width: 100% !important;
}
/* Lightbox arrows */
.cff-lightbox-nav a.cff-lightbox-prev {
width: 25px;
left: -25px;
}
.cff-lightbox-nav a.cff-lightbox-next {
width: 25px;
right: -25px;
}
.cff-lightbox-nav span {
left: 0;
}
.cff-lightbox-nav a.cff-lightbox-prev span {
background-position: -108px 0;
background-size: 650%;
width: 20px;
height: 30px;
}
.cff-lightbox-nav a.cff-lightbox-next span {
background-position: -84px 0;
background-size: 650%;
width: 20px;
height: 30px;
}
/* Lightbox thumbs */
.cff-lightbox-thumbs a {
border: none;
}
.cff-lightbox-thumbs a:hover,
.cff-lightbox-thumbs a:focus,
.cff-lightbox-thumbs .cff-selected,
.cff-lightbox-thumbs .cff-selected:hover,
.cff-lightbox-thumbs .cff-selected:focus {
box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.5);
border: none;
}
}
/* Iframe */
#cff-lightbox-wrapper iframe {
display: none;
position: absolute;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100% !important;
height: 100%;
max-width: 100%;
}
#cff-lightbox-wrapper.cff-has-iframe iframe {
display: block;
}
#cff-lightbox-wrapper.cff-has-iframe .cff-lightbox-image {
min-width: 500px;
display: none !important;
}
/* Overlay used over the top of the video iframes for linking to the Facebook post */
#cff .cff-media-overlay {
position: absolute;
z-index: 5;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100;
}
/*REVIEWS*/
#cff.cff-all-reviews .cff-review,
#cff.cff-all-reviews.cff-masonry .cff-review {
display: none;
}
#cff .cff-review .cff-reviewer-name {
padding-right: 8px;
margin-left: 0 !important;
}
#cff .cff-review .cff-author .cff-author-text .cff-rating {
float: none;
display: inline-block;
margin: 0 0 5px 0 !important;
padding: 3px 6px;
height: auto;
background: #5890FF;
color: #fff;
line-height: 0.9;
white-space: nowrap;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
#cff .cff-review .cff-rating span.cff-rating-num,
#cff .cff-review .cff-rating span.cff-star {
margin: 0 2px 0 4px !important;
padding: 0;
height: auto;
display: inline-block;
vertical-align: top;
line-height: 1;
color: #fff;
font-weight: normal;
font-size: 12px !important;
}
#cff .cff-review .cff-rating span.cff-star {
margin: 0 2px 0 0 !important;
}
#cff .cff-review .cff-post-links {
float: left;
}
/* PAGINATION */
/* Load more */
#cff .cff-load-more {
display: block;
float: left;
clear: both;
border: none;
background: #eee;
background: rgba(0, 0, 0, 0.05);
width: 100%;
min-height: 30px;
padding: 5px 0;
margin: 10px 0 0 0;
position: relative;
text-align: center;
box-sizing: border-box;
outline: none;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-transition: background 0.1s ease-in-out;
-webkit-transition: background 0.1s ease-in-out;
-o-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
#cff .cff-load-more:hover {
background: #ddd;
background: rgba(0, 0, 0, 0.1);
text-decoration: none;
-moz-transition: background 0.1s ease-in-out;
-webkit-transition: background 0.1s ease-in-out;
-o-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
#cff .cff-load-more.cff-loading span {
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
#cff .cff-load-more.cff-loading span {
filter: alpha(opacity=0);
opacity: 0;
}
#cff .cff-no-more-posts {
width: 100%;
float: left;
clear: both;
display: block;
min-height: 30px;
padding: 7px 0;
margin: 10px 0 -1px 0;
position: relative;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.1);
border: 1px solid #ddd;
text-align: center;
outline: none;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
/*Loaders */
#cff .cff-loader,
.cff-lightbox-loader {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
background-color: none;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 100%;
-webkit-animation: ctf-sk-scaleout 1.0s infinite ease-in-out;
animation: ctf-sk-scaleout 1.0s infinite ease-in-out;
}
.cff-lightbox-loader {
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
background-color: rgba(255, 255, 255, 0.8);
}
#cff .cff-comment-replies .cff-loader {
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: auto;
right: -16px;
margin: -6px 0 0 0;
}
@-webkit-keyframes ctf-sk-scaleout {
0% {
-webkit-transform: scale(0)
}
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes ctf-sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
#cff .cff-load-more.cff-disabled {
cursor: default;
}
#cff.cff-theme-modern .cff-load-more,
#cff.cff-theme-social_wall .cff-load-more,
#cff.cff-theme-overlap .cff-load-more,
#cff.cff-theme-outline .cff-load-more {
display: flex;
justify-content: center;
align-items: center;
}
#cff.cff-theme-modern .cff-load-more .cff-load-icon,
#cff.cff-theme-social_wall .cff-load-more .cff-load-icon,
#cff.cff-theme-overlap .cff-load-more .cff-load-icon,
#cff.cff-theme-outline .cff-load-more .cff-load-icon {
display: flex;
margin-right: 4px;
}
/* Hide events initially when pagination is enabled then they're shown using JS*/
#cff.cff-pag:not(.cff-carousel) .cff-upcoming-event,
/* Don't hide them in carousel as sets height to 0 */
#cff.cff-pag.cff-masonry.cff-masonry-css .cff-item.cff-upcoming-event,
#cff.cff-pag.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-item.cff-upcoming-event,
#cff.cff-pag.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item.cff-upcoming-event,
#cff.cff-pag.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item.cff-upcoming-event,
#cff.cff-pag.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item.cff-upcoming-event {
display: none;
}
/* Include poster over video so that it doesn't flash when loading more posts */
#cff .cff-poster {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
}
/* Adding sidebar to lightbox */
.cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-outerContainer {
position: relative;
padding-right: 300px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-sidebar {
width: 300px;
position: absolute;
top: 0;
right: -300px;
height: 100%;
bottom: 0;
background: #fff;
line-height: 1.4;
overflow: hidden;
overflow-y: auto;
text-align: left;
border-radius: 0 3px 3px 0;
}
.cff-lightbox-wrapper.cff-enable-lb-comments.cff-has-thumbs .cff-lightbox-sidebar {
border-radius: 0 3px 0 0;
}
/* If the caption is in the sidebar then hide the caption beneath the photo */
#cff-lightbox-wrapper.cff-enable-lb-comments .cff-lightbox-dataContainer .cff-lightbox-caption {
display: none !important;
}
#cff-lightbox-wrapper .cff-comments-box,
#cff-lightbox-wrapper .cff-comments-box.cff-no-comments {
display: block !important;
width: 90%;
margin: 0 5% 15px 5%;
}
#cff-lightbox-wrapper .cff-comment {
display: block !important;
}
#cff-lightbox-wrapper .cff-comments-box p {
text-align: left;
}
#cff-lightbox-wrapper .cff-lightbox-sidebar-content {
padding: 15px 20px;
}
#cff-lightbox-wrapper p.cff-comment-likes {
padding-right: 10px;
line-height: 16px;
}
#cff .cff-likes-this-text,
#cff-lightbox-wrapper .cff-likes-this-text {
display: inline;
min-height: 20px;
line-height: 20px;
}
#cff-lightbox-wrapper .cff-likes-this-text.cff-long {
display: inline-block;
float: left;
clear: both;
margin-top: 4px;
line-height: 16px;
}
#cff .cff-liker-one-name,
#cff-lightbox-wrapper .cff-liker-one-name {
margin-left: 8px;
}
.cff-screenreader {
text-indent: -9999px !important;
display: block !important;
width: 0 !important;
height: 0 !important;
line-height: 0 !important;
}
.cff-screenreader.cff-inline-sr {
display: inline-block !important;
}
#cff .cff-linebreak {
display: inline-block;
height: 5px;
float: left;
width: 100%;
}
/* Call to action button */
#cff .cff-cta-link a {
display: inline-block;
padding: 5px 15px;
border: 1px solid #eee;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
background: rgba(0, 0, 0, 0.02);
}
#cff .cff-cta-link a:hover {
background: #f9f9f9;
background: rgba(0, 0, 0, 0.03);
text-decoration: none;
}
/* Shared link slider */
#cff .cff-link-slider {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto 10px auto;
}
#cff.cff-thumb-layout .cff-link-slider,
#cff.cff-half-layout .cff-link-slider {
float: left;
}
#cff .cff-link-slider .cff-link-slider-slides {
position: relative;
left: 0;
float: left;
margin: 0;
padding: 0;
list-style: none;
-webkit-transition: all 0.2s ease;
}
#cff .cff-link-slider .cff-link-slider-item {
position: relative;
display: none;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
/* Show the first item in the slider */
#cff .cff-link-slider .cff-link-slider-item:first-child {
display: block;
}
#cff .cff-link-slider .cff-link-slider-item img {
display: block;
margin: 0 auto;
}
#cff .cff-link-slider .cff-slider-next,
#cff .cff-link-slider .cff-slider-prev {
position: absolute;
top: 50%;
z-index: 999;
display: block;
width: 12px;
height: 20px;
margin-top: -17px;
background: #f9f9f9;
color: #333;
text-decoration: none;
font-weight: 600;
font-size: 16px;
cursor: pointer;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.1s ease;
-webkit-box-sizing: unset;
-moz-box-sizing: unset;
box-sizing: unset;
}
#cff .cff-link-slider .cff-slider-prev {
left: -1px;
display: none;
border-radius: 0 2px 2px 0;
padding: 6px 7px 6px 5px;
}
#cff .cff-link-slider .cff-slider-next {
right: -1px;
border-radius: 2px 0 0 2px;
padding: 6px 5px 6px 7px;
}
#cff .cff-link-slider .cff-slider-next:hover,
#cff .cff-link-slider .cff-slider-prev:hover {
margin-top: -19px;
color: #141B38;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.1s ease;
}
#cff .cff-link-slider .cff-slider-prev:hover {
padding: 8px 9px 8px 5px;
}
#cff .cff-link-slider .cff-slider-next:hover {
padding: 8px 5px 8px 9px;
}
#cff .cff-link-slider .cff-slider-next:active,
#cff .cff-link-slider .cff-slider-next:focus,
#cff .cff-link-slider .cff-slider-prev:active,
#cff .cff-link-slider .cff-slider-prev:focus {
outline: none;
}
#cff .cff-link-slider .cff-slider-next .fa,
#cff .cff-link-slider .cff-slider-prev .fa {
position: absolute;
top: 50%;
margin-top: -8px;
height: 16px;
padding: 0;
line-height: 1;
}
/* Masonry layout */
#cff.cff-masonry {
box-sizing: border-box;
}
#cff.cff-masonry .cff-item:first-child,
#cff.cff-masonry .cff-item {
padding-top: 20px;
margin-top: 0;
}
#cff.cff-masonry .cff-item,
#cff.cff-masonry .cff-album-item,
#cff.cff-masonry .cff-likebox {
float: none;
display: inline-block;
width: 30.3%;
margin: 0 1.5%;
margin-bottom: 20px;
}
#cff.cff-masonry.masonry-1-desktop .cff-album-item {
width: 100%;
margin: 0;
}
#cff.cff-masonry.cff-opaque-comments .cff-item {
z-index: 1;
}
#cff.cff-masonry.masonry-2-desktop .cff-item,
#cff.cff-masonry.masonry-2-desktop .cff-album-item,
#cff.cff-masonry.masonry-2-desktop .cff-likebox {
width: 47%;
margin: 0 1.5%;
}
#cff.cff-masonry.masonry-4-desktop .cff-item,
#cff.cff-masonry.masonry-4-desktop .cff-album-item,
#cff.cff-masonry.masonry-4-desktop .cff-likebox {
width: 22%;
margin: 0 1.5%;
}
#cff.cff-masonry.masonry-5-desktop .cff-item,
#cff.cff-masonry.masonry-5-desktop .cff-album-item,
#cff.cff-masonry.masonry-5-desktop .cff-likebox {
width: 17%;
margin: 0 1.5%;
}
#cff.cff-masonry.masonry-6-desktop .cff-item,
#cff.cff-masonry.masonry-6-desktop .cff-album-item,
#cff.cff-masonry.masonry-6-desktop .cff-likebox {
width: 13.516%;
margin: 0 1.5%;
}
#cff.cff-masonry .cff-comments-box {
position: relative;
z-index: 999;
}
#cff.cff-masonry .cff-comment-attachment,
#cff.cff-masonry .cff-comment-replies-box {
max-width: 100%;
}
/* Load more button */
#cff.cff-masonry .cff-load-more {
display: flex;
float: left;
clear: both;
justify-content: center;
align-items: center;
}
@media (max-width: 800px) {
#cff.cff-masonry .cff-item,
#cff.cff-masonry.masonry-2-desktop .cff-item,
#cff.cff-masonry.masonry-3-desktop .cff-item,
#cff.cff-masonry.masonry-4-desktop .cff-item,
#cff.cff-masonry.masonry-5-desktop .cff-item,
#cff.cff-masonry.masonry-6-desktop .cff-item,
#cff.cff-masonry .cff-album-item,
#cff.cff-masonry.masonry-2-desktop .cff-album-item,
#cff.cff-masonry.masonry-3-desktop .cff-album-item,
#cff.cff-masonry.masonry-4-desktop .cff-album-item,
#cff.cff-masonry.masonry-5-desktop .cff-album-item,
#cff.cff-masonry.masonry-6-desktop .cff-album-item,
#cff.cff-masonry .cff-likebox {
width: 100%;
margin: 0;
}
#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-item,
#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-album-item,
#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-likebox {
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-item,
#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-album-item,
#cff.cff-masonry.masonry-3-tablet .cff-posts-wrap .cff-likebox {
width: 30.3%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff.cff-masonry.masonry-4-tablet .cff-item,
#cff.cff-masonry.masonry-4-tablet .cff-album-item,
#cff.cff-masonry.masonry-4-tablet .cff-likebox {
width: 22%;
}
#cff.cff-masonry.masonry-1-tablet .cff-album-item {
width: 100%;
margin: 0;
}
.cff-view-comments {
width: 100% !important;
}
#cff .cff-post-links.cff-left {
margin: 0px !important;
margin-top: 12px !important;
}
}
@media (max-width: 480px) {
#cff.cff-masonry .cff-item,
/* 3 cols */
#cff.cff-masonry.masonry-2-desktop .cff-item,
#cff.cff-masonry.masonry-3-desktop .cff-item,
#cff.cff-masonry.masonry-4-desktop .cff-item,
#cff.cff-masonry.masonry-5-desktop .cff-item,
#cff.cff-masonry.masonry-6-desktop .cff-item,
#cff.cff-masonry .cff-album-item,
/* 3 cols */
#cff.cff-masonry.masonry-2-desktop .cff-album-item,
#cff.cff-masonry.masonry-3-desktop .cff-album-item,
#cff.cff-masonry.masonry-4-desktop .cff-album-item,
#cff.cff-masonry.masonry-5-desktop .cff-album-item,
#cff.cff-masonry.masonry-6-desktop .cff-album-item,
#cff.cff-masonry .cff-likebox {
width: 100%;
margin: 0;
}
#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-item,
#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-album-item,
#cff.cff-masonry.masonry-2-mobile .cff-posts-wrap .cff-likebox {
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-item,
#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-album-item,
#cff.cff-masonry.masonry-3-mobile .cff-posts-wrap .cff-likebox {
width: 30.3%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#cff.cff-masonry.masonry-1-mobile .cff-album-item {
width: 100%;
margin: 0;
}
}
#cff.cff-masonry .cff-posts-wrap .cff-album-item {
margin-bottom: 3%;
}
/* --- Begin Pure CSS Masonry Columns Layout --- */
#cff.cff-masonry.cff-masonry-css {
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
#cff.cff-masonry.cff-masonry-css .cff-posts-wrap {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-column-fill: auto;
column-fill: unset;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
margin: 0;
}
/* --- Widths & Media --- */
#cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-posts-wrap {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-posts-wrap {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-posts-wrap {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-posts-wrap {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css .cff-likebox {
float: none;
display: inline-block;
width: 100%;
margin: 0 0 12px 0;
}
#cff.cff-masonry.cff-masonry-css .cff-likebox {
width: 99.5%;
}
/* Load more button */
#cff.cff-masonry.cff-masonry-css .cff-load-more {
margin: 0 0 10px 0;
position: relative;
bottom: 0;
}
@media only screen and (max-width: 780px) {
#cff.cff-masonry.cff-masonry-css .cff-posts-wrap,
#cff.cff-masonry.cff-masonry-css.masonry-2-desktop .cff-posts-wrap,
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-posts-wrap,
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-posts-wrap,
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-posts-wrap {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-posts-wrap {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-posts-wrap .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-posts-wrap {
width: 100%;
}
}
/* --- End Pure CSS Masonry Columns Layout --- */
/* Disable masonry layout in 1 col mobile */
#cff.cff-disable-masonry {
height: auto !important;
}
#cff.cff-disable-masonry .cff-item,
#cff.cff-disable-masonry .cff-likebox {
position: relative !important;
top: auto !important;
}
/* An additional element is added when the reactions/likes are added and padding removed from previous element */
#cff .cff-comments-box .cff-comment-likes.cff-likes {
padding: 0;
}
#cff .cff-comments-box .cff-likes-info-wrap {
padding: 5px 20px 5px 10px;
display: block;
float: left;
box-sizing: border-box;
}
.cff-theme-default_theme .cff-comments.cff-comment-on-facebook>a {
margin-left: 10px;
}
/* Styling for album extension header */
#cff .cff-album-details {
text-align: center;
font-family: inherit;
margin: 0 auto;
padding: 0 20px;
}
#cff .cff-album-details * {
float: none;
}
#cff .cff-album-details p {
margin: 0 !important;
}
#cff .cff-album-details span {
display: inline-block;
}
#cff .cff-album-details .cff-album-desc-meta {
font-size: 0.85em;
opacity: 0.7;
margin-top: 5px !important;
}
#cff .cff-album-details .cff-album-photo-count {
margin-right: 5px;
}
#cff .cff-album-details .cff-album-desc {
margin: 10px 0 40px 0 !important;
}
/* Mobile Cols */
@media all and (min-width: 480px) {
#cff.masonry-1-desktop .cff-posts-wrap .cff-item {
width: 100%;
float: left;
margin: 0;
margin-bottom: 20px;
}
}
/* Num Mobile Hiding */
.cff-num-diff-hide {
display: none !important;
}
/* Mobile Cols */
@media all and (max-width: 800px) {
#cff.cff-tab-cols-1 .cff-posts-wrap .cff-album-item {
width: 100%;
}
#cff .cff-posts-wrap .cff-album-item {
width: 47.5%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff.cff-tab-cols-3 .cff-posts-wrap .cff-album-item {
width: 30%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff.cff-tab-cols-4 .cff-posts-wrap .cff-album-item {
width: 22%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff.cff-tab-cols-5 .cff-posts-wrap .cff-album-item {
width: 17%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff.cff-tab-cols-6 .cff-posts-wrap .cff-album-item {
width: 15%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff .cff-posts-wrap .cff-album-item:nth-of-type(2n),
#cff.cff-tab-cols-3 .cff-posts-wrap .cff-album-item:nth-of-type(3n),
#cff.cff-tab-cols-4 .cff-posts-wrap .cff-album-item:nth-of-type(4n),
#cff.cff-tab-cols-5 .cff-posts-wrap .cff-album-item:nth-of-type(5n),
#cff.cff-tab-cols-6 .cff-posts-wrap .cff-album-item:nth-of-type(6n) {
margin-right: 0 !important;
}
}
@media all and (max-width: 480px) {
#cff .cff-album-item .cff-album-info {
height: auto;
}
.cff-wrapper .cff-visual-header .cff-header-img img {
width: 80px;
}
.cff-wrapper .cff-visual-header.cff-has-cover.cff-has-name .cff-header-text {
margin-left: 105px;
}
}
@media all and (max-width: 480px) {
#cff.cff-mob-cols-1 .cff-posts-wrap .cff-album-item,
#cff.cff-masonry.cff-mob-cols-1 .cff-posts-wrap .cff-item {
width: 100%;
}
#cff.cff-mob-cols-2 .cff-posts-wrap .cff-album-item {
width: 47.5%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff.cff-mob-cols-3 .cff-posts-wrap .cff-album-item {
width: 30%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff.cff-mob-cols-4 .cff-posts-wrap .cff-album-item {
width: 22%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff.cff-mob-cols-5 .cff-posts-wrap .cff-album-item {
width: 17%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff.cff-mob-cols-6 .cff-posts-wrap .cff-album-item {
width: 15%;
margin-left: 1.5%;
margin-right: 1.5% !important;
}
#cff.cff-mob-cols-2 .cff-posts-wrap .cff-album-item:nth-of-type(2n),
#cff.cff-mob-cols-3 .cff-posts-wrap .cff-album-item:nth-of-type(3n),
#cff.cff-mob-cols-4 .cff-posts-wrap .cff-album-item:nth-of-type(4n),
#cff.cff-mob-cols-5 .cff-posts-wrap .cff-album-item:nth-of-type(5n),
#cff.cff-mob-cols-6 .cff-posts-wrap .cff-album-item:nth-of-type(6n) {
margin-right: 0 !important;
}
}
/* Palettes */
#cff.cff-dark {
background-color: rgba(0, 0, 0, .85) !important;
color: rgba(255, 255, 255, .75) !important;
}
#cff.cff-dark .cff-header-text,
#cff.cff-dark .cff-header-text h3 {
color: rgba(255, 255, 255, 1);
}
#cff.cff-dark .cff-bio {
color: rgba(255, 255, 255, .75) !important;
}
#cff.cff-dark .cff-header-img img {
border-color: rgba(255, 255, 255, .1);
}
#cff.cff-dark.cff-theme-outline .cff-visual-header .cff-header-wrap .cff-header-likes-count path,
#cff.cff-dark.cff-theme-outline .cff-visual-header .cff-header-wrap .cff-header-likes-count rect {
stroke: #fff;
}
#cff.cff-dark .cff-posts-wrap {
float: left;
color: rgba(255, 255, 255, .75) !important;
}
#cff.cff-dark:not(.cff-masonry) .cff-posts-wrap {
padding: 10px 15px;
}
#cff.cff-dark .cff-item,
#cff.cff-dark .cff-album-item,
#cff.cff-dark .cff-item.cff-box,
#cff.cff-dark .cff-item.cff-box:first-child {
color: rgba(255, 255, 255, .75) !important;
}
#cff.cff-dark .cff-item a {
color: #fff;
text-decoration: underline;
}
#cff.cff-dark .cff-date {
color: rgba(255, 255, 255, .5);
}
#cff.cff-dark .cff-post-links a,
#cff.cff-dark .cff-author-date,
#cff.cff-dark .cff-album-info a {
color: #fff;
}
#cff.cff-dark .cff-album-info p {
color: rgba(255, 255, 255, .75);
}
#cff.cff-dark .cff-meta-wrap span:not(.cff-like) svg,
#cff.cff-dark:not([data-cff-theme="overlap"]) .cff-meta-wrap :not(.cff-like) svg path,
#cff.cff-dark.cff-overlap .cff-meta-wrap span:not(.cff-comment) svg path {
fill: #fff;
}
#cff.cff-theme-overlap .cff-comment.cff-icon path {
fill: #1B95E0;
}
#cff.cff-dark[data-cff-theme="outline"] .cff-post-links a {
color: #fff !important;
border-color: rgba(255, 255, 255, 0.5) !important;
}
#cff.cff-dark .cff-meta-wrap span.cff-like svg rect {
stroke: #000000;
}
#cff.cff-dark[data-cff-theme="outline"] .cff-meta-wrap span:not(.cff-like) svg,
#cff.cff-dark[data-cff-theme="outline"] .cff-meta-wrap span:not(.cff-like) svg path {
fill: transparent;
stroke: #fff;
}
#cff.cff-dark .cff-meta-wrap:hover {
background: transparent;
}
#cff.cff-dark .cff-meta-wrap:hover .cff-share path {
fill: #fff;
}
#cff.cff-dark a.cff-post-item-action-txt svg path {
fill: #fff;
}
#cff.cff-dark .cff-post-item-share-link svg {
fill: #fff;
}
#cff.cff-dark .cff-comments-box {
background: rgba(196, 213, 255, 0.1);
}
#cff.cff-light .cff-item,
#cff.cff-light .cff-album-item,
#cff.cff-light .cff-item.cff-box,
#cff.cff-light .cff-item.cff-box:first-child {
background-color: rgba(255, 255, 255, .95) !important;
color: rgba(0, 0, 0, .8) !important;
}
#cff.cff-light .cff-item a {
color: #000;
text-decoration: underline;
}
#cff.cff-light .cff-date {
color: rgba(0, 0, 0, 0.5);
}
#cff.cff-light .cff-post-links a,
#cff.cff-light .cff-author-date,
#cff.cff-light .cff-album-info a {
color: #000;
}
#cff.cff-light .cff-album-info p {
color: rgba(0, 0, 0, 0.7);
}
/* GDPR NOTICE */
.cff-gdpr-notice {
max-width: 100%;
box-sizing: border-box;
padding: 8px 15px;
margin: 0;
font-size: 12px;
background: #fdf7f7;
border-radius: 5px;
border: 1px solid #e4b1b1;
line-height: 1.3;
display: none;
}
.cff-gdpr-notice .fa-lock {
width: 8px;
}
/* SW UPDATE Notice */
.cff-sw-update-ntc {
border: 1px solid #e4b1b1;
background: #fdf7f7;
color: #333;
margin: 0 0 10px 0;
padding: 10px 15px;
font-size: 13px;
text-align: center;
clear: both;
border-radius: 4px;
}
.cff-sw-update-ntc p {
padding: 5px 0 !important;
margin: 0 !important;
line-height: 1.3 !important;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 13px;
}
.cff-sw-update-ntc p:first-child b {
font-size: 14px;
}
.sb-elementor-cta {
width: 100%;
border: 1px solid #E8E8EB;
border-radius: 2px;
position: relative;
text-align: center;
}
.sb-elementor-cta-img-ctn {
width: 100%;
position: relative;
float: left;
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
margin-bottom: 35px;
}
.sb-elementor-cta-img {
width: 65px;
height: 65px;
position: relative;
border: 2px solid #DCDDE1;
border-radius: 16px;
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
display: flex;
justify-content: center;
align-items: center;
}
.sb-elementor-cta-img span svg {
float: left;
}
.sb-elementor-cta-img>* {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
.sb-elementor-cta-logo {
position: absolute;
right: -15px;
bottom: -19px;
z-index: 1;
}
.sb-elementor-cta-heading {
font-size: 19px;
padding: 0px;
margin: 0px;
display: inline-block;
width: 100%;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 30px;
}
.sb-elementor-cta-btn {
background: #0068A0;
border-radius: 2px;
padding: 8px 20px 8px 38px;
cursor: pointer;
color: #fff;
position: relative;
margin-bottom: 30px;
}
.sb-elementor-cta-btn:before,
.sb-elementor-cta-btn:after {
content: '';
position: absolute;
width: 2px;
height: 12px;
background: #fff;
left: 20px;
top: 14px;
}
.sb-elementor-cta-btn:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sb-elementor-cta-desc {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
background: #F9F9FA;
border-top: 1px solid #E8E8EB;
margin-top: 35px;
flex-direction: column;
}
.sb-elementor-cta-desc strong {
color: #141B38;
font-size: 16px;
font-weight: 600;
margin-bottom: 8px;
}
.sb-elementor-cta-desc span {
color: #434960;
font-size: 14px;
line-height: 1.5em;
padding: 0 20%;
}
.sb-elementor-cta-selector {
width: 100%;
padding: 0 20%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 45px;
}
.sb-elementor-cta-feedselector {
border: 1px solid #D0D1D7;
padding: 8px 16px 8px 16px;
margin-bottom: 15px;
max-width: 100%;
min-width: 400px;
}
.sb-elementor-cta-selector span {
color: #2C324C;
}
.sb-elementor-cta-selector span a {
text-transform: capitalize;
text-decoration: underline;
font-weight: 600;
}
.sb-elementor-cta-selector span a:after {
color: #2C324C;
margin-left: 2px;
font-weight: 400;
text-decoration-color: #fff;
}
.sb-elementor-cta-selector span a:first-of-type:after {
content: ',';
}
.sb-elementor-cta-selector span a:nth-of-type(2):after {
content: 'or';
}
.sb-elementor-cta-selector span a:nth-of-type(2):after {
margin-left: 5px;
margin-right: 2px;
}
.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before,
.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before,
.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before,
.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before {
content: '';
height: 16px;
font-variant: normal;
background-position: center center;
background-repeat: no-repeat;
}
.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9056 18.109H13.4056V17.609H12.9056V18.109ZM9.79722 18.109H9.29722V18.609H9.79722V18.109ZM9.79722 14.5601V14.0601H9.29722V14.5601H9.79722ZM12.9056 14.5601V15.0601H13.4056V14.5601H12.9056ZM20.2604 7.32764H20.7604V6.90407L20.3426 6.83444L20.2604 7.32764ZM20.2604 10.3503V10.8503H20.7604V10.3503H20.2604ZM16.7237 14.5601H16.2237V15.0601H16.7237V14.5601ZM20.1258 14.5601L20.6199 14.6367L20.7094 14.0601H20.1258V14.5601ZM19.5751 18.109V18.609H20.0035L20.0692 18.1857L19.5751 18.109ZM16.7237 18.109V17.609H16.2237V18.109H16.7237ZM27.0523 14.5601H26.5523L26.5523 14.5612L27.0523 14.5601ZM17.0803 26.6136L16.9877 26.1222L17.0803 26.6136ZM12.5489 26.6139L12.6411 26.1225L12.5489 26.6139ZM14.8147 1.79797C7.80749 1.79797 2.07703 7.51685 2.07703 14.5601H3.07703C3.07703 8.06849 8.36042 2.79797 14.8147 2.79797V1.79797ZM2.07703 14.5601C2.07703 20.7981 6.54984 25.9974 12.4567 27.1053L12.6411 26.1225C7.19999 25.1019 3.07703 20.3097 3.07703 14.5601H2.07703ZM13.4056 26.3139V18.109H12.4056V26.3139H13.4056ZM12.9056 17.609H9.79722V18.609H12.9056V17.609ZM10.2972 18.109V14.5601H9.29722V18.109H10.2972ZM9.79722 15.0601H12.9056V14.0601H9.79722V15.0601ZM13.4056 14.5601V11.8556H12.4056V14.5601H13.4056ZM13.4056 11.8556C13.4056 10.4191 13.8299 9.36825 14.5211 8.67703C15.2129 7.98525 16.2305 7.59512 17.5314 7.59512V6.59512C16.0299 6.59512 14.7346 7.04939 13.814 7.96992C12.893 8.891 12.4056 10.2204 12.4056 11.8556H13.4056ZM17.5314 7.59512C18.1724 7.59512 18.8342 7.65119 19.3401 7.70823C19.592 7.73664 19.8029 7.76502 19.9504 7.78622C20.0241 7.79681 20.0818 7.8056 20.1208 7.81167C20.1402 7.81471 20.155 7.81706 20.1647 7.81863C20.1695 7.81941 20.1731 7.82 20.1754 7.82037C20.1765 7.82056 20.1773 7.82069 20.1778 7.82077C20.178 7.82081 20.1782 7.82083 20.1782 7.82084C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1782 7.82084 20.1782 7.82084 20.2604 7.32764C20.3426 6.83444 20.3426 6.83443 20.3425 6.83443C20.3425 6.83442 20.3424 6.83441 20.3424 6.83441C20.3423 6.83439 20.3422 6.83437 20.342 6.83435C20.3418 6.8343 20.3414 6.83425 20.341 6.83417C20.3401 6.83403 20.3389 6.83383 20.3373 6.83357C20.3342 6.83307 20.3298 6.83234 20.3241 6.83142C20.3127 6.82958 20.2962 6.82695 20.2749 6.82362C20.2323 6.81698 20.1707 6.8076 20.0927 6.7964C19.9369 6.774 19.7157 6.74425 19.4521 6.71453C18.927 6.65532 18.2243 6.59512 17.5314 6.59512V7.59512ZM19.7604 7.32764V10.3503H20.7604V7.32764H19.7604ZM20.2604 9.85033H18.7185V10.8503H20.2604V9.85033ZM18.7185 9.85033C17.851 9.85033 17.1997 10.1241 16.7742 10.6148C16.3604 11.0922 16.2237 11.7025 16.2237 12.2594H17.2237C17.2237 11.8495 17.3257 11.5053 17.5298 11.2699C17.7224 11.0477 18.0684 10.8503 18.7185 10.8503V9.85033ZM16.2237 12.2594V14.5601H17.2237V12.2594H16.2237ZM16.7237 15.0601H20.1258V14.0601H16.7237V15.0601ZM19.6317 14.4834L19.081 18.0323L20.0692 18.1857L20.6199 14.6367L19.6317 14.4834ZM19.5751 17.609H16.7237V18.609H19.5751V17.609ZM16.2237 18.109V26.3135H17.2237V18.109H16.2237ZM17.1728 27.105C20.0281 26.5671 22.618 25.068 24.5079 22.8512L23.7469 22.2025C22.0054 24.2452 19.6188 25.6266 16.9877 26.1222L17.1728 27.105ZM24.5079 22.8512C26.4793 20.5388 27.5591 17.5977 27.5523 14.559L26.5523 14.5612C26.5586 17.3614 25.5636 20.0715 23.7469 22.2025L24.5079 22.8512ZM27.5523 14.5601C27.5523 7.51685 21.8218 1.79797 14.8147 1.79797V2.79797C21.2689 2.79797 26.5523 8.06849 26.5523 14.5601H27.5523ZM16.2237 26.3135C16.2237 26.8064 16.6682 27.2 17.1728 27.105L16.9877 26.1222C17.119 26.0975 17.2237 26.2006 17.2237 26.3135H16.2237ZM12.4567 27.1053C12.9603 27.1998 13.4056 26.8073 13.4056 26.3139H12.4056C12.4056 26.2001 12.5107 26.098 12.6411 26.1225L12.4567 27.1053Z' fill='%232b87da' /%3E%3Cpath d='M12.9056 18.1088H13.4056V17.6088H12.9056V18.1088ZM9.79724 18.1088H9.29724V18.6088H9.79724V18.1088ZM9.79724 14.5599V14.0599H9.29724V14.5599H9.79724ZM12.9056 14.5599V15.0599H13.4056V14.5599H12.9056ZM20.2604 7.32749H20.7604V6.90392L20.3426 6.83429L20.2604 7.32749ZM20.2604 10.3502V10.8502H20.7604V10.3502H20.2604ZM16.7237 14.5599H16.2237V15.0599H16.7237V14.5599ZM20.1258 14.5599L20.6199 14.6366L20.7094 14.0599H20.1258V14.5599ZM19.5751 18.1088V18.6088H20.0035L20.0692 18.1855L19.5751 18.1088ZM16.7237 18.1088V17.6088H16.2237V18.1088H16.7237ZM13.4056 26.366V18.1088H12.4056V26.366H13.4056ZM12.9056 17.6088H9.79724V18.6088H12.9056V17.6088ZM10.2972 18.1088V14.5599H9.29724V18.1088H10.2972ZM9.79724 15.0599H12.9056V14.0599H9.79724V15.0599ZM13.4056 14.5599V11.8554H12.4056V14.5599H13.4056ZM13.4056 11.8554C13.4056 10.4189 13.8299 9.3681 14.5212 8.67688C15.2129 7.9851 16.2305 7.59497 17.5314 7.59497V6.59497C16.0299 6.59497 14.7346 7.04924 13.814 7.96977C12.893 8.89085 12.4056 10.2202 12.4056 11.8554H13.4056ZM17.5314 7.59497C18.1724 7.59497 18.8342 7.65103 19.3401 7.70808C19.592 7.73648 19.803 7.76487 19.9504 7.78607C20.0241 7.79666 20.0819 7.80545 20.1208 7.81152C20.1402 7.81455 20.155 7.81691 20.1647 7.81848C20.1695 7.81926 20.1731 7.81984 20.1754 7.82022C20.1765 7.8204 20.1773 7.82054 20.1778 7.82061C20.178 7.82065 20.1782 7.82068 20.1783 7.82069C20.1783 7.8207 20.1783 7.8207 20.1783 7.8207C20.1783 7.8207 20.1783 7.82069 20.1783 7.82069C20.1782 7.82069 20.1782 7.82068 20.2604 7.32749C20.3426 6.83429 20.3426 6.83428 20.3425 6.83427C20.3425 6.83427 20.3424 6.83426 20.3424 6.83425C20.3423 6.83424 20.3422 6.83422 20.3421 6.8342C20.3418 6.83415 20.3414 6.83409 20.341 6.83402C20.3401 6.83387 20.3389 6.83367 20.3374 6.83342C20.3343 6.83291 20.3298 6.83219 20.3241 6.83127C20.3127 6.82943 20.2962 6.82679 20.2749 6.82347C20.2324 6.81683 20.1707 6.80745 20.0927 6.79624C19.9369 6.77385 19.7158 6.7441 19.4522 6.71438C18.927 6.65516 18.2244 6.59497 17.5314 6.59497V7.59497ZM19.7604 7.32749V10.3502H20.7604V7.32749H19.7604ZM20.2604 9.85018H18.7185V10.8502H20.2604V9.85018ZM18.7185 9.85018C17.8511 9.85018 17.1997 10.1239 16.7743 10.6146C16.3604 11.092 16.2237 11.7024 16.2237 12.2592H17.2237C17.2237 11.8493 17.3257 11.5052 17.5298 11.2697C17.7224 11.0476 18.0684 10.8502 18.7185 10.8502V9.85018ZM16.2237 12.2592V14.5599H17.2237V12.2592H16.2237ZM16.7237 15.0599H20.1258V14.0599H16.7237V15.0599ZM19.6317 14.4833L19.081 18.0322L20.0692 18.1855L20.6199 14.6366L19.6317 14.4833ZM19.5751 17.6088H16.7237V18.6088H19.5751V17.6088ZM16.2237 18.1088V26.366H17.2237V18.1088H16.2237ZM16.4146 26.1752H13.2148V27.1752H16.4146V26.1752ZM16.2237 26.366C16.2237 26.2606 16.3092 26.1752 16.4146 26.1752V27.1752C16.8615 27.1752 17.2237 26.8129 17.2237 26.366H16.2237ZM12.4056 26.366C12.4056 26.8129 12.7679 27.1752 13.2148 27.1752V26.1752C13.3202 26.1752 13.4056 26.2606 13.4056 26.366H12.4056Z' fill='%232b87da'/%3E%3C/svg%3E%0A");
}
.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E%0A");
}
.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8762 6.78846C27.9345 6.7065 27.8465 6.60094 27.7536 6.63936C27.0263 6.93989 26.26 7.15757 25.4698 7.29241C25.3632 7.31061 25.3082 7.16347 25.3956 7.09969C26.2337 6.48801 26.8918 5.63649 27.2636 4.63802C27.2958 4.55162 27.2014 4.47574 27.1212 4.52123C26.1605 5.06618 25.1092 5.45524 24.0054 5.68842C23.971 5.69568 23.9354 5.68407 23.9113 5.65844C22.9264 4.60891 21.5545 4 19.9999 4C17.0624 4 14.6624 6.4 14.6624 9.3625C14.6624 9.74071 14.702 10.109 14.7724 10.4586C14.7855 10.5235 14.7342 10.5842 14.6681 10.5803C10.3227 10.3231 6.45216 8.2421 3.84135 5.09864C3.79681 5.04501 3.71241 5.0515 3.67879 5.11257C3.26061 5.8722 3.02493 6.75115 3.02493 7.675C3.02493 9.41548 3.84362 10.9704 5.13417 11.9317C5.2141 11.9913 5.17327 12.12 5.07385 12.1129C4.32811 12.0597 3.63173 11.835 3.00827 11.5171C2.99303 11.5094 2.97493 11.5204 2.97493 11.5375V11.5375C2.97493 13.9896 4.6205 16.0638 6.86301 16.7007C6.96452 16.7295 6.96588 16.8757 6.86218 16.8953C6.25772 17.0096 5.63724 17.0173 5.0289 16.9176C4.95384 16.9052 4.89095 16.9762 4.91633 17.0479C5.26967 18.0466 5.91213 18.9192 6.7637 19.5537C7.58576 20.1661 8.56481 20.5283 9.58351 20.6001C9.67715 20.6067 9.71634 20.7266 9.64124 20.7829C7.78574 22.1744 5.52424 22.9237 3.19993 22.9125C2.91864 22.9125 2.63736 22.9015 2.35608 22.8796C2.25034 22.8714 2.20189 23.0116 2.29272 23.0664C4.58933 24.4509 7.27959 25.25 10.1499 25.25C19.9999 25.25 25.4124 17.075 25.4124 9.9875C25.4124 9.76833 25.4124 9.5598 25.4026 9.34228C25.4011 9.30815 25.4168 9.27551 25.4445 9.2555C26.3819 8.57814 27.1984 7.74079 27.8762 6.78846Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before {
background-image: url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3267C11 13.4037 11.0834 13.4518 11.15 13.4133L17.3377 9.83658C17.4043 9.79808 17.4043 9.70192 17.3377 9.66342L11.15 6.08673C11.0834 6.0482 11 6.0963 11 6.17331V13.3267ZM25.45 3.7125C25.6125 4.3 25.725 5.0875 25.8 6.0875C25.8875 7.0875 25.925 7.95 25.925 8.7L26 9.75C26 12.4875 25.8 14.5 25.45 15.7875C25.1375 16.9125 24.4125 17.6375 23.2875 17.95C22.7 18.1125 21.625 18.225 19.975 18.3C18.35 18.3875 16.8625 18.425 15.4875 18.425L13.5 18.5C8.2625 18.5 5 18.3 3.7125 17.95C2.5875 17.6375 1.8625 16.9125 1.55 15.7875C1.3875 15.2 1.275 14.4125 1.2 13.4125C1.1125 12.4125 1.075 11.55 1.075 10.8L1 9.75C1 7.0125 1.2 5 1.55 3.7125C1.8625 2.5875 2.5875 1.8625 3.7125 1.55C4.3 1.3875 5.375 1.275 7.025 1.2C8.65 1.1125 10.1375 1.075 11.5125 1.075L13.5 1C18.7375 1 22 1.2 23.2875 1.55C24.4125 1.8625 25.1375 2.5875 25.45 3.7125Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/* Frontend license error notice */
.cff-frontend-license-notice {
position: fixed;
right: 20px;
bottom: 30px;
width: 298px;
background: #FFFFFF;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 13.3px 19.32px rgba(0, 0, 0, 0.1), 0px 0px 37.29px rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.cff-frontend-license-notice .cff-fln-header {
height: 26px;
padding: 5px 8px 0px 12px;
background: #FCEDED;
display: flex;
justify-content: space-between;
box-sizing: border-box;
}
.cff-frontend-license-notice .cff-fln-header span.sb-text {
font-weight: 600;
font-size: 11px;
line-height: 160%;
color: #841919;
}
.cff-frontend-license-notice .cff-fln-header span.sb-left {
display: flex;
}
.cff-frontend-license-notice .cff-fln-header .sb-close {
cursor: pointer;
}
.cff-frontend-license-notice .cff-fln-header .sb-close svg {
transform: translate(1px, -8px);
}
.cff-frontend-license-notice .cff-fln-header svg {
margin-right: 6px;
}
.cff-frontend-license-notice .cff-fln-header svg path {
fill: #841919;
}
.cff-frontend-license-notice .cff-fln-body {
padding: 9px 12px 15px;
display: flex;
height: 58px;
box-sizing: border-box;
}
.cff-frontend-license-notice .cff-fln-body>svg {
height: 36px;
width: 44px;
margin-right: 11px;
}
.cff-frontend-license-notice .cff-fln-body>svg path {
fill: #006afa;
}
.cff-frontend-license-notice .cff-fln-body .cff-fln-expired-text p {
font-weight: 600;
font-size: 12px;
line-height: 160%;
color: #141B38;
margin: 0;
}
.cff-frontend-license-notice .cff-fln-body .cff-fln-expired-text p a {
margin-left: 5px;
text-decoration: none;
text-underline-offset: 1px;
color: #AF2121;
}
.cff-frontend-license-notice.cff-ce-license-inactive .cff-fln-body .cff-fln-expired-text p a {
color: #0068A0;
}
.cff-frontend-license-notice.cff-ce-license-inactive .cff-fln-body .cff-fln-expired-text p svg path {
fill: #0068A0;
}
.cff-frontend-license-notice .cff-fln-body .cff-fln-expired-text svg {
display: inline-block;
transform: translate(3px, 1px);
width: 6px;
transition: all .2s ease;
}
.cff-frontend-license-notice .cff-fln-body .cff-fln-expired-text svg path {
fill: #AF2121;
}
/* Resolve link hover animation */
.cff-frontend-license-notice .cff-fln-body .cff-fln-expired-text a:hover {
text-decoration: underline;
}
.cff-frontend-license-notice .cff-fln-body .cff-fln-expired-text a:hover svg {
transform: translate(1px, 1px);
}
/* License state inactive color */
.cff-frontend-license-notice[data-license-state=inactive] .cff-fln-body .cff-fln-expired-text p a {
color: #0068A0;
}
.cff-frontend-license-notice[data-license-state=inactive] .cff-fln-body .cff-fln-expired-text svg path {
fill: #0068A0;
}
/* theme */
.cff-wrapper .cff-theme-modern .cff-visual-header .cff-header-img img {
border-radius: 50% !important;
}
#cff.cff-theme-modern .cff-visual-header .cff-header-inner-wrap .cff-bio {
font-size: 14px;
color: #696D80;
}
.cff-wrapper .cff-theme-overlap .cff-visual-header .cff-header-img img {
width: 80px;
border-radius: 20px;
border: none;
}
#cff.cff-theme-modern .cff-item.cff-video-post .cff-text-wrapper,
#cff.cff-theme-modern .cff-item.cff-photo-post .cff-text-wrapper,
#cff.cff-theme-social_wall .cff-item.cff-video-post .cff-text-wrapper,
#cff.cff-theme-social_wall .cff-item.cff-photo-post .cff-text-wrapper,
#cff.cff-theme-outline .cff-item.cff-video-post .cff-text-wrapper,
#cff.cff-theme-outline .cff-item.cff-photo-post .cff-text-wrapper {
width: 100%;
padding-bottom: 32px;
}
#cff.cff-theme-outline.narrow .cff-item.cff-video-post .cff-text-wrapper,
#cff.cff-theme-outline.narrow .cff-item.cff-photo-post .cff-text-wrapper,
#cff.cff-theme-overlap.narrow .cff-item.cff-video-post .cff-text-wrapper,
#cff.cff-theme-overlap.narrow .cff-item.cff-photo-post .cff-text-wrapper {
padding-bottom: 64px;
}
#cff.cff-thumb-layout.cff-theme-modern .cff-iframe-wrap iframe {
height: 100%;
}
.cff-theme-modern .cff-text-wrapper .cff-author .cff-page-name a,
.cff-theme-social_wall .cff-author .cff-page-name a {
color: #141B38;
}
#cff.cff-theme-modern .cff-item.cff-link-item .cff-text-link {
margin-top: 45px;
}
#cff.cff-theme-modern.cff-thumb-layout .cff-item.cff-link-item .cff-text-link {
margin-top: 25px;
}
#cff.cff-theme-modern .cff-item.cff-link-item .cff-text,
#cff.cff-theme-social_wall .cff-item.cff-video-post .cff-text {
font-size: 14px;
}
#cff.cff-theme-modern .cff-item.cff-link-item .cff-link-title a,
#cff.cff-theme-social_wall .cff-item.cff-link-item .cff-link-title a {
color: #0068A0;
}
#cff.cff-theme-modern .cff-item.cff-link-item .cff-link-caption,
#cff.cff-theme-social_wall .cff-item.cff-link-item .cff-link-caption {
color: #8C8F9A;
}
#cff.cff-theme-modern .cff-item.cff-link-item .cff-post-desc,
#cff.cff-theme-social_wall .cff-item.cff-link-item .cff-post-desc {
font-size: 14px;
color: #141B38;
}
#cff.cff-theme-modern .cff-meta,
#cff.cff-theme-social_wall .cff-meta {
display: flex;
align-items: center;
gap: 23px;
}
#cff.cff-theme-modern .cff-meta li {
display: flex;
align-items: center;
line-height: 1 !important;
}
#cff.cff-theme-modern .cff-meta-wrap .cff-view-comments-wrap .cff-view-comments {
background: transparent;
box-shadow: none;
}
#cff.cff-theme-outline .cff-meta-wrap,
#cff.cff-theme-overlap .cff-meta-wrap {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 0;
}
#cff.cff-theme-outline.cff-thumb-layout .cff-meta-wrap,
#cff.cff-theme-overlap.cff-thumb-layout .cff-meta-wrap {
flex-direction: column;
}
#cff.cff-theme-overlap.cff-half-layout .cff-item.cff-video-post .cff-meta-wrap,
#cff.cff-theme-overlap.cff-half-layout .cff-item.cff-photo-post .cff-meta-wrap,
#cff.cff-theme-outline.cff-half-layout .cff-item.cff-video-post .cff-meta-wrap,
#cff.cff-theme-outline.cff-half-layout .cff-item.cff-photo-post .cff-meta-wrap,
#cff.cff-theme-outline .cff-item.cff-video-post .cff-meta-wrap,
#cff.cff-theme-outline .cff-item.cff-photo-post .cff-meta-wrap,
#cff.cff-theme-outline.narrow.cff-thumb-layout .cff-item .cff-meta-wrap,
#cff.cff-theme-outline.narrow .cff-item .cff-meta-wrap,
#cff.cff-theme-outline.narrow .cff-item .cff-meta-wrap,
#cff.cff-theme-overlap .cff-item.cff-video-post .cff-meta-wrap,
#cff.cff-theme-overlap .cff-item.cff-photo-post .cff-meta-wrap,
#cff.cff-theme-overlap.narrow.cff-thumb-layout .cff-item .cff-meta-wrap,
#cff.cff-theme-overlap.narrow .cff-item .cff-meta-wrap,
#cff.cff-theme-outline.narrow .cff-item.cff-video-post .cff-meta-wrap,
#cff.cff-theme-overlap.narrow .cff-item.cff-photo-post .cff-meta-wrap,
#cff.cff-theme-overlap.narrow .cff-item.cff-video-post .cff-meta-wrap,
#cff.cff-theme-outline.narrow .cff-item.cff-photo-post .cff-meta-wrap{
flex-direction: column;
}
#cff.cff-theme-outline.cff-thumb-layout .cff-item .cff-meta-wrap,
#cff.cff-theme-overlap.cff-thumb-layout .cff-item .cff-meta-wrap,
#cff.cff-theme-outline .cff-item.cff-video-post .cff-meta-wrap,
#cff.cff-theme-overlap .cff-item.cff-photo-post .cff-meta-wrap,
#cff.cff-theme-overlap .cff-item.cff-video-post .cff-meta-wrap,
#cff.cff-theme-outline .cff-item.cff-photo-post .cff-meta-wrap{
flex-direction: row;
}
#cff.cff-theme-outline.narrow .cff-item .cff-post-links,
#cff.cff-theme-outline.cff-half-layout .cff-item .cff-post-links,
#cff.cff-theme-outline.cff-thumb-layout .cff-item .cff-post-links,
#cff.cff-theme-overlap.narrow .cff-item .cff-post-links,
#cff.cff-theme-overlap.cff-half-layout .cff-item .cff-post-links,
#cff.cff-theme-overlap.cff-thumb-layout .cff-item .cff-post-links,
#cff.cff-theme-outline .cff-item .cff-post-links,
#cff.cff-theme-overlap .cff-item .cff-post-links,
#cff.cff-theme-overlap .cff-item .cff-post-links,
#cff.cff-theme-outline .cff-item .cff-post-links{
margin-top: 0 !important;
}
#cff.cff-theme-modern.narrow .cff-meta,
#cff.cff-theme-social_wall.narrow .cff-meta,
.cff-theme-modern.narrow .cff-post-links {
gap: 7px;
}
#cff.cff-theme-modern.narrow.cff.cff-half-layout .cff-photo-post .cff-post-links,
#cff.cff-theme-modern.narrow.cff.cff-thumb-layout .cff-photo-post .cff-post-links {
margin-right: 3px;
}
#cff.cff-theme-modern .cff-post-links {
margin: 0;
}
#cff.cff-theme-modern.cff-half-layout .cff-photo-post .cff-post-links,
#cff.cff-theme-modern.cff-thumb-layout .cff-photo-post .cff-post-links,
#cff.cff-theme-modern.cff-half-layout .cff-video-post .cff-post-links,
#cff.cff-theme-modern.cff-thumb-layout .cff-video-post .cff-post-links,
#cff.cff-theme-outline.cff-thumb-layout .cff-photo-post .cff-post-links,
#cff.cff-theme-outline.cff-thumb-layout .cff-video-post .cff-post-links,
#cff.cff-theme-overlap.cff-thumb-layout .cff-photo-post .cff-post-links,
#cff.cff-theme-overlap.cff-thumb-layout .cff-video-post .cff-post-links{
margin-right: 20px;
}
#cff.cff-theme-modern .cff-meta .cff-icon {
display: flex;
}
.cff-theme-modern .cff-likes,
.cff-theme-social_wall .cff-likes,
.cff-theme-modern .cff-comments,
.cff-theme-social_wall .cff-comments {
display: flex !important;
align-items: center;
}
.cff-theme-modern .cff-likes .cff-count,
.cff-theme-social_wall .cff-likes .cff-count,
.cff-theme-modern .cff-comments .cff-count,
.cff-theme-social_wall .cff-comments .cff-count,
.cff-theme-modern .cff-shares .cff-count,
.cff-theme-social_wall .cff-shares .cff-count {
font-weight: 500;
}
.cff-theme-outline .cff-likes .cff-count,
.cff-theme-overlap .cff-likes .cff-count,
.cff-theme-outline .cff-comments .cff-count,
.cff-theme-overlap .cff-comments .cff-count,
.cff-theme-outline .cff-shares .cff-count,
.cff-theme-overlap .cff-shares .cff-count {
font-weight: 500;
}
.cff-theme-modern .cff-likes .cff-icon,
.cff-theme-social_wall .cff-likes .cff-icon,
.cff-theme-outline .cff-likes .cff-icon,
.cff-theme-overlap .cff-likes .cff-icon {
display: flex !important;
width: auto;
height: auto;
}
.cff-theme-modern .cff-comments .cff-icon,
.cff-theme-social_wall .cff-comments .cff-icon,
.cff-theme-outline .cff-comments .cff-icon,
.cff-theme-overlap .cff-comments .cff-icon {
display: flex !important;
width: auto;
height: auto;
}
.cff-theme-social_wall .cff-shares .cff-icon,
.cff-theme-outline .cff-shares .cff-icon,
.cff-theme-overlap .cff-shares .cff-icon {
display: flex !important;
width: auto;
height: auto;
}
.cff-theme-modern .cff-shares,
.cff-theme-social_wall .cff-shares,
.cff-theme-outline .cff-shares,
.cff-theme-overlap .cff-shares {
display: flex !important;
align-items: center;
}
.cff-theme-modern .cff-comment-likes.cff-likes .cff-icon svg,
.cff-theme-social_wall .cff-comment-likes.cff-likes .cff-icon svg,
.cff-theme-outline .cff-comment-likes.cff-likes .cff-icon svg,
.cff-theme-overlap .cff-comment-likes.cff-likes .cff-icon svg {
height: 12px;
}
#cff.cff-theme-modern .cff-likes .cff-icon svg g:not(.cff-smile) path,
#cff.cff-theme-social_wall .cff-likes .cff-icon svg g:not(.cff-smile) path,
#cff.cff-theme-outline .cff-likes .cff-icon svg g:not(.cff-smile) path,
#cff.cff-theme-overlap .cff-likes .cff-icon svg g:not(.cff-smile) path {
fill: #fff;
}
#cff.cff-theme-modern.narrow .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-social_wall.narrow .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-outline.narrow .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-overlap.narrow .cff-comments-box p.cff-comments.cff-comment-on-facebook {
flex-direction: column;
align-items: start;
gap: 5px;
}
#cff.cff-theme-outline.narrow.cff-half-layout .cff-post-links .cff-viewpost-facebook,
#cff.cff-theme-overlap.narrow.cff-half-layout .cff-post-links .cff-viewpost-facebook {
line-height: 1;
}
#cff.cff-theme-outline.cff-half-layout.narrow .cff-photo-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-modern.narrow .cff-meta-wrap {
width: 100%;
justify-content: space-between;
}
#cff.cff-theme-modern.narrow .cff-view-comments-wrap {
width: 70%;
overflow: hidden;
}
@media only screen and (max-width: 480px) {
#cff.cff-theme-social_wall .cff-header-text {
display: flex;
flex-direction: column;
}
#cff.cff-theme-modern .cff-header-text {
display: flex;
margin: 60px 0 0;
flex-direction: column;
}
#cff.cff.cff-theme-overlap .cff-visual-header .cff-header-text .cff-bio {
margin-left: 0;
}
}
/*
#cff.cff-theme-modern .cff-view-comments:hover .cff-likes .cff-icon svg g:not(.cff-smile) path,
#cff.cff-theme-social_wall .cff-view-comments:hover .cff-likes .cff-icon svg g:not(.cff-smile) path,
#cff.cff-theme-outline .cff-view-comments:hover .cff-likes .cff-icon svg g:not(.cff-smile) path,
#cff.cff-theme-overlap .cff-view-comments:hover .cff-likes .cff-icon svg g:not(.cff-smile) path {
fill: rgba(0,0,0,0.4);
}
.cff-theme-modern .cff-likes .cff-icon svg g.cff-smile path,
.cff-theme-social_wall .cff-likes .cff-icon svg g.cff-smile path,
.cff-theme-outline .cff-likes .cff-icon svg g.cff-smile path,
.cff-theme-overlap .cff-likes .cff-icon svg g.cff-smile path {
fill: rgba(0,0,0,0.4) !important;
}
*/
#cff.cff-theme-modern .cff-icon.cff-share svg path {
fill: transparent;
}
#cff.cff-theme-social_wall .cff-icon.cff-share svg path,
#cff.cff-theme-social_wall .cff-icon.cff-comment svg path {
fill: #fff;
}
.cff-theme-modern .cff-post-links {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 10px;
}
#cff.cff-theme-modern .cff-post-links {
margin: 0;
}
.cff:not(.cff-theme-default_theme) .cff-reaction-one.cff-icon{
margin-left: -5px!important;
border: 1px solid #fff!important;
border-radius: 50%!important;
}
.cff:not(.cff-theme-default_theme) .cff-reaction-one.cff-icon:nth-of-type(1) {
margin-left: 0!important;
z-index: 9!important;
}
.cff:not(.cff-theme-default_theme) .cff-reaction-one.cff-icon:nth-of-type(2) {
z-index: 8!important;
}
.cff:not(.cff-theme-default_theme) .cff-reaction-one.cff-icon:nth-of-type(3) {
z-index: 7!important;
}
.cff:not(.cff-theme-default_theme) .cff-reaction-one.cff-icon:nth-of-type(4) {
z-index: 6!important;
}
.cff:not(.cff-theme-default_theme) .cff-reaction-one.cff-icon:nth-of-type(5) {
z-index: 5!important;
}
.cff:not(.cff-theme-default_theme) .cff-reaction-one.cff-icon:nth-of-type(6) {
z-index: 4!important;
}
#cff.cff-theme-default_theme .cff-icon path{
fill: rgba(0, 0, 0, 0.4);
}
#cff.cff-theme-modern.cff-half-layout .cff-photo-post .cff-post-links,
#cff.cff-theme-modern.cff-thumb-layout .cff-photo-post .cff-post-links,
#cff.cff-theme-modern.cff-half-layout .cff-video-post .cff-post-links,
#cff.cff-theme-modern.cff-thumb-layout .cff-video-post .cff-post-links,
#cff.cff-theme-outline.cff-thumb-layout .cff-photo-post .cff-post-links,
#cff.cff-theme-outline.cff-thumb-layout .cff-video-post .cff-post-links {
margin-right: 20px;
}
#cff.cff-theme-modern .cff-post-links .cff-share-tooltip,
#cff.cff-theme-social_wall .cff-post-links .cff-share-tooltip,
#cff.cff-theme-outline .cff-post-links .cff-share-tooltip,
#cff.cff-theme-overlap .cff-post-links .cff-share-tooltip {
width: 180px;
background: #fff;
color: #141B38;
border-radius: 8px;
padding: 10px;
box-shadow: 0px 14px 41px rgba(0, 0, 0, 0.09), 0px 8px 23px rgba(0, 0, 0, 0.08);
bottom: 32px;
}
#cff.cff-theme-modern .cff-post-links .cff-share-tooltip .cff-share-title,
#cff.cff-theme-social_wall .cff-post-links .cff-share-tooltip .cff-share-title,
#cff.cff-theme-outline .cff-post-links .cff-share-tooltip .cff-share-title,
#cff.cff-theme-overlap .cff-post-links .cff-share-tooltip .cff-share-title {
font-weight: 600;
margin-bottom: 3px;
}
#cff.cff-theme-modern .cff-share-tooltip a,
#cff.cff-theme-social_wall .cff-share-tooltip a,
#cff.cff-theme-outline .cff-share-tooltip a,
#cff.cff-theme-overlap .cff-share-tooltip a {
color: #141B38 !important;
padding: 5px 7px !important;
}
#cff.cff-theme-modern .cff-share-tooltip a:hover,
#cff.cff-theme-social_wall .cff-share-tooltip a:hover,
#cff.cff-theme-outline .cff-share-tooltip a:hover,
#cff.cff-theme-overlap .cff-share-tooltip a:hover {
background-color: rgba(0, 107, 250, 0.1) !important;
}
#cff.cff-theme-modern .cff-post-links .cff-share-tooltip>svg path,
#cff.cff-theme-social_wall .cff-post-links .cff-share-tooltip>svg path,
#cff.cff-theme-outline .cff-post-links .cff-share-tooltip>svg path,
#cff.cff-theme-overlap .cff-post-links .cff-share-tooltip>svg path {
fill: #fff;
}
#cff.cff-theme-modern .cff-comments-box,
#cff.cff-theme-social_wall .cff-comments-box,
#cff.cff-theme-outline .cff-comments-box,
#cff.cff-theme-overlap .cff-comments-box {
width: 100%;
margin-top: 8px;
border-radius: 4px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 8.01379px 23.1649px rgba(0, 0, 0, 0.08);
}
#cff.cff-theme-modern .cff-comments-box .cff-comments-wrap,
#cff.cff-theme-social_wall .cff-comments-box .cff-comments-wrap,
#cff.cff-theme-outline .cff-comments-box .cff-comments-wrap,
#cff.cff-theme-overlap .cff-comments-box .cff-comments-wrap {
padding: 10px 0 0;
}
#cff.cff-theme-modern .cff-comments-box .cff-comments-wrap .cff-comment-replies-box,
#cff.cff-theme-social_wall .cff-comments-box .cff-comments-wrap .cff-comment-replies-box,
#cff.cff-theme-outline .cff-comments-box .cff-comments-wrap .cff-comment-replies-box,
#cff.cff-theme-overlap .cff-comments-box .cff-comments-wrap .cff-comment-replies-box {
border-left: none;
}
#cff.cff-theme-modern .cff-comments-box .cff-comments-wrap .cff-comment-replies-box .cff-comment-reply,
#cff.cff-theme-social_wall .cff-comments-box .cff-comments-wrap .cff-comment-replies-box .cff-comment-reply,
#cff.cff-theme-outline .cff-comments-box .cff-comments-wrap .cff-comment-replies-box .cff-comment-reply,
#cff.cff-theme-overlap .cff-comments-box .cff-comments-wrap .cff-comment-replies-box .cff-comment-reply {
background-color: #F9F9FA;
padding: 12px;
border-radius: 12px;
}
#cff.cff-theme-modern .cff-comments-box p.cff-comments,
#cff.cff-theme-social_wall .cff-comments-box p.cff-comments,
#cff.cff-theme-outline .cff-comments-box p.cff-comments,
#cff.cff-theme-overlap .cff-comments-box p.cff-comments {
display: flex;
justify-content: space-between;
width: 100%;
padding: 5px 10px 5px 10px;
}
#cff.cff-theme-modern .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-social_wall .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-outline .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-overlap .cff-comments-box p.cff-comments.cff-comment-on-facebook {
display: flex;
justify-content: space-between;
padding: 10px;
align-items: center;
}
#cff.cff-theme-modern:not(.cff-dark) .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-social_wall:not(.cff-dark) .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-outline:not(.cff-dark) .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-overlap:not(.cff-dark) .cff-comments-box p.cff-comments.cff-comment-on-facebook,
#cff.cff-theme-modern:not(.cff-dark) .cff-comments-box .cff-comments-wrap,
#cff.cff-theme-social_wall:not(.cff-dark) .cff-comments-box .cff-comments-wrap,
#cff.cff-theme-outline:not(.cff-dark) .cff-comments-box .cff-comments-wrap,
#cff.cff-theme-overlap:not(.cff-dark) .cff-comments-box .cff-comments-wrap {
background-color: #fff;
}
#cff.cff-theme-modern .cff-comments-box p.cff-comments.cff-comment-on-facebook span,
#cff.cff-theme-social_wall .cff-comments-box p.cff-comments.cff-comment-on-facebook span,
#cff.cff-theme-outline .cff-comments-box p.cff-comments.cff-comment-on-facebook span,
#cff.cff-theme-overlap .cff-comments-box p.cff-comments.cff-comment-on-facebook span {
font-weight: 600;
}
#cff.cff-theme-modern .cff-comments-box p.cff-comments.cff-comment-on-facebook a,
#cff.cff-theme-social_wall .cff-comments-box p.cff-comments.cff-comment-on-facebook a,
#cff.cff-theme-outline .cff-comments-box p.cff-comments.cff-comment-on-facebook a,
#cff.cff-theme-overlap .cff-comments-box p.cff-comments.cff-comment-on-facebook a {
font-size: 12px;
font-weight: 600;
background: #E2F5FF;
padding: 5px;
border-radius: 4px;
color: #0068A0;
text-decoration: none;
}
#cff.cff-dark.cff-theme-modern .cff-comments-box p.cff-comments.cff-comment-on-facebook a,
#cff.cff-dark.cff-theme-social_wall .cff-comments-box p.cff-comments.cff-comment-on-facebook a,
#cff.cff-dark.cff-theme-outline .cff-comments-box p.cff-comments.cff-comment-on-facebook a,
#cff.cff-dark.cff-theme-overlap .cff-comments-box p.cff-comments.cff-comment-on-facebook a {
background: rgba(196, 213, 255, 0.1);
color: #fff;
}
#cff.cff-theme-modern .cff-comments-box p.cff-comments.cff-comment-on-facebook a .cff-icon,
#cff.cff-theme-social_wall .cff-comments-box p.cff-comments.cff-comment-on-facebook a .cff-icon,
#cff.cff-theme-outline .cff-comments-box p.cff-comments.cff-comment-on-facebook a .cff-icon,
#cff.cff-theme-overlap .cff-comments-box p.cff-comments.cff-comment-on-facebook a .cff-icon {
display: none !important;
}
#cff.cff-theme-modern .cff-comment .cff-comment-date,
#cff.cff-theme-social_wall .cff-comment .cff-comment-date,
#cff.cff-theme-outline .cff-comment .cff-comment-date,
#cff.cff-theme-overlap .cff-comment .cff-comment-date {
font-style: normal;
color: #8C8F9A;
}
#cff.cff-theme-modern .cff-comments.cff-show-more-comments,
#cff.cff-theme-social_wall .cff-comments.cff-show-more-comments,
#cff.cff-theme-outline .cff-comments.cff-show-more-comments,
#cff.cff-theme-overlap .cff-comments.cff-show-more-comments {
border: none;
margin-bottom: 0;
}
#cff.cff-theme-modern .cff-comments.cff-show-more-comments .cff-show-more-comments-a,
#cff.cff-theme-social_wall .cff-comments.cff-show-more-comments .cff-show-more-comments-a,
#cff.cff-theme-outline .cff-comments.cff-show-more-comments .cff-show-more-comments-a,
#cff.cff-theme-overlap .cff-comments.cff-show-more-comments .cff-show-more-comments-a {
padding: 5px 0;
color: #0068A0;
font-weight: 600;
}
#cff.cff-theme-modern .cff-comments.cff-show-more-comments .cff-show-more-comments-a svg path,
#cff.cff-theme-social_wall .cff-comments.cff-show-more-comments .cff-show-more-comments-a svg path,
#cff.cff-theme-outline .cff-comments.cff-show-more-comments .cff-show-more-comments-a svg path,
#cff.cff-theme-overlap .cff-comments.cff-show-more-comments .cff-show-more-comments-a svg path {
fill: #0068A0;
}
#cff.cff-theme-modern .cff-header-inner-wrap .cff-header-text .cff-posts-count.cff-without-cover-img,
#cff.cff-theme-modern .cff-header-inner-wrap .cff-header-text .cff-posts-count {
font-size: 12px;
}
#cff.cff-theme-modern .cff-text-wrapper .cff-post-text,
#cff.cff-theme-social_wall .cff-text-wrapper .cff-post-text,
#cff.cff-theme-outline .cff-text-wrapper .cff-post-text,
#cff.cff-theme-overlap .cff-text-wrapper .cff-post-text {
font-size: 14px;
}
#cff.cff-theme-modern.cff-half-layout .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-social_wall.cff-half-layout .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-outline.cff-half-layout .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-overlap.cff-half-layout .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-modern.cff-half-layout .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-social_wall.cff-half-layout .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-outline.cff-half-layout .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-overlap.cff-half-layout .cff-posts-wrap .cff-video-post.cff-item {
display: grid;
grid-template-columns: 50% 50%;
column-gap: 10px;
}
#cff.cff-theme-modern.cff-thumb-layout .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-outline.cff-thumb-layout .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-overlap.cff-thumb-layout .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-modern.cff-thumb-layout .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-outline.cff-thumb-layout .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-overlap.cff-thumb-layout .cff-posts-wrap .cff-video-post.cff-item {
display: flex;
}
#cff.cff-theme-modern.cff-half-layout[data-media-side="left"] .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-social_wall.cff-half-layout[data-media-side="left"] .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-outline.cff-half-layout[data-media-side="left"] .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-overlap.cff-half-layout[data-media-side="left"] .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-modern.cff-half-layout[data-media-side="left"] .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-social_wall.cff-half-layout[data-media-side="left"] .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-outline.cff-half-layout[data-media-side="left"] .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-overlap.cff-half-layout[data-media-side="left"] .cff-posts-wrap .cff-video-post.cff-item {
display: flex;
flex-direction: row-reverse;
}
#cff.cff-theme-modern.cff-thumb-layout[data-media-side="left"] .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-social_wall.cff-thumb-layout[data-media-side="left"] .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-outline.cff-thumb-layout[data-media-side="left"] .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-overlap.cff-thumb-layout[data-media-side="left"] .cff-posts-wrap .cff-photo-post.cff-item,
#cff.cff-theme-modern.cff-thumb-layout[data-media-side="left"] .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-social_wall.cff-thumb-layout[data-media-side="left"] .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-outline.cff-thumb-layout[data-media-side="left"] .cff-posts-wrap .cff-video-post.cff-item,
#cff.cff-theme-overlap.cff-thumb-layout[data-media-side="left"] .cff-posts-wrap .cff-video-post.cff-item {
display: flex;
flex-direction: row-reverse;
}
#cff.cff-theme-modern.cff-half-layout .cff-text-wrapper,
#cff.cff-theme-social_wall.cff-half-layout .cff-text-wrapper,
#cff.cff-theme-outline.cff-half-layout .cff-text-wrapper,
#cff.cff-theme-overlap.cff-half-layout .cff-text-wrapper {
position: relative;
}
#cff.cff-theme-modern.cff-thumb-layout .cff-text-wrapper,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-text-wrapper,
#cff.cff-theme-outline.cff-thumb-layout .cff-text-wrapper,
#cff.cff-theme-overlap.cff-thumb-layout .cff-text-wrapper {
position: relative;
padding-right: 5px;
}
#cff.cff-theme-modern.cff-thumb-layout .cff-photo-post .cff-media-wrap,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-photo-post .cff-media-wrap,
#cff.cff-theme-outline.cff-thumb-layout .cff-photo-post .cff-media-wrap,
#cff.cff-theme-overlap.cff-thumb-layout .cff-photo-post .cff-media-wrap,
#cff.cff-theme-modern.cff-thumb-layout .cff-video-post .cff-iframe-wrap,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-video-post .cff-iframe-wrap,
#cff.cff-theme-outline.cff-thumb-layout .cff-video-post .cff-iframe-wrap,
#cff.cff-theme-overlap.cff-thumb-layout .cff-video-post .cff-iframe-wrap {
width: 23%;
}
#cff.cff-theme-modern.cff-half-layout[data-media-side="left"] .cff-photo-post .cff-media-wrap,
#cff.cff-theme-social_wall.cff-half-layout[data-media-side="left"] .cff-photo-post .cff-media-wrap,
#cff.cff-theme-outline.cff-half-layout[data-media-side="left"] .cff-photo-post .cff-media-wrap,
#cff.cff-theme-overlap.cff-half-layout[data-media-side="left"] .cff-photo-post .cff-media-wrap {
padding-right: 10px;
}
#cff.cff-theme-modern.cff-half-layout[data-media-side="left"] .cff-video-post .cff-iframe-wrap,
#cff.cff-theme-social_wall.cff-half-layout[data-media-side="left"] .cff-video-post .cff-iframe-wrap,
#cff.cff-theme-outline.cff-half-layout[data-media-side="left"] .cff-video-post .cff-iframe-wrap,
#cff.cff-theme-overlap.cff-half-layout[data-media-side="left"] .cff-video-post .cff-iframe-wrap {
margin-right: 10px;
}
#cff.cff-theme-modern.cff-thumb-layout[data-media-side="left"] .cff-photo-post .cff-media-wrap,
#cff.cff-theme-social_wall.cff-thumb-layout[data-media-side="left"] .cff-photo-post .cff-media-wrap,
#cff.cff-theme-outline.cff-thumb-layout[data-media-side="left"] .cff-photo-post .cff-media-wrap,
#cff.cff-theme-overlap.cff-thumb-layout[data-media-side="left"] .cff-photo-post .cff-media-wrap {
padding-right: 10px;
}
#cff.cff-theme-modern.cff-thumb-layout[data-media-side="left"] .cff-video-post .cff-iframe-wrap,
#cff.cff-theme-social_wall.cff-thumb-layout[data-media-side="left"] .cff-video-post .cff-iframe-wrap,
#cff.cff-theme-outline.cff-thumb-layout[data-media-side="left"] .cff-video-post .cff-iframe-wrap,
#cff.cff-theme-overlap.cff-thumb-layout[data-media-side="left"] .cff-video-post .cff-iframe-wrap {
margin-right: 10px;
}
#cff.cff-theme-modern.cff-half-layout .cff-media-wrap>*,
#cff.cff-theme-social_wall.cff-half-layout .cff-media-wrap>*,
#cff.cff-theme-outline.cff-half-layout .cff-media-wrap>*,
#cff.cff-theme-overlap.cff-half-layout .cff-media-wrap>* {
width: 100%;
}
#cff.cff-theme-modern.cff-thumb-layout .cff-media-wrap>*,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-media-wrap>*,
#cff.cff-theme-outline.cff-thumb-layout .cff-media-wrap>*,
#cff.cff-theme-overlap.cff-thumb-layout .cff-media-wrap>* {
width: auto;
}
#cff.cff-theme-modern.cff-half-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-social_wall.cff-half-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-outline.cff-half-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-overlap.cff-half-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-modern.cff-half-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-social_wall.cff-half-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-outline.cff-half-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-overlap.cff-half-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap {
position: absolute;
bottom: 0;
}
#cff.cff-theme-modern.cff-thumb-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-outline.cff-thumb-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-overlap.cff-thumb-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-modern.cff-thumb-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-outline.cff-thumb-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap,
#cff.cff-theme-overlap.cff-thumb-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap {
position: absolute;
bottom: 0;
}
#cff.cff-theme-social_wall.cff-thumb-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap .cff-post-links,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap .cff-post-links{
margin-right: 5px;
}
#cff.cff-theme-social_wall .cff-author .cff-page-name.cff-author-date {
padding-right: 18px;
}
#cff.cff-theme-modern.cff-half-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-social_wall.cff-half-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-outline.cff-half-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-overlap.cff-half-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-modern.cff-half-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-social_wall.cff-half-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-outline.cff-half-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-overlap.cff-half-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments {
margin: 0;
padding-left: 0;
}
#cff.cff-theme-modern.cff-thumb-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-outline.cff-thumb-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-overlap.cff-thumb-layout .cff-photo-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-modern.cff-thumb-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-outline.cff-thumb-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments,
#cff.cff-theme-overlap.cff-thumb-layout .cff-video-post .cff-text-wrapper .cff-meta-wrap .cff-view-comments {
margin: 0;
padding-left: 0;
}
#cff.cff-theme-modern.cff-half-layout .cff-text-wrapper .cff-post-text,
#cff.cff-theme-social_wall.cff-half-layout .cff-text-wrapper .cff-post-text,
#cff.cff-theme-outline.cff-half-layout .cff-text-wrapper .cff-post-text,
#cff.cff-theme-overlap.cff-half-layout .cff-text-wrapper .cff-post-text {
margin-bottom: 35px;
}
#cff.cff-theme-modern.cff-thumb-layout .cff-text-wrapper .cff-post-text,
#cff.cff-theme-social_wall.cff-thumb-layout .cff-text-wrapper .cff-post-text,
#cff.cff-theme-outline.cff-thumb-layout .cff-text-wrapper .cff-post-text,
#cff.cff-theme-overlap.cff-thumb-layout .cff-text-wrapper .cff-post-text {
margin-bottom: 5px;
}
/* social wall */
#cff.cff-theme-social_wall .cff-visual-header .cff-likes-box {
display: flex;
bottom: 42px;
background: transparent;
}
#cff.cff-theme-social_wall .cff-visual-header .cff-likes-box .cff-likes-count {
color: #fff;
}
.cff-theme-social_wall .cff-header-wrap {
position: relative;
}
.cff-wrapper .cff-theme-social_wall .cff-visual-header .cff-header-inner-wrap {
position: absolute;
bottom: 20px;
left: 15px;
}
.cff-wrapper .cff-theme-social_wall .cff-visual-header.cff-has-cover .cff-header-img {
top: 0;
}
.cff-wrapper .cff-theme-social_wall .cff-visual-header.cff-has-cover .cff-header-img img {
width: 64px;
height: 64px;
border-radius: 50%;
border: none;
}
.cff-wrapper .cff-theme-social_wall .cff-visual-header.cff-has-cover .cff-header-text {
margin-left: 90px;
padding-top: 0;
}
.cff-theme-social_wall .cff-header-name h3,
.cff-theme-social_wall .cff-header-inner-wrap .cff-header-text {
color: #fff;
}
.cff-theme-social_wall .cff-header-inner-wrap .cff-header-text .cff-bio {
font-size: 14px;
max-width: 365px;
}
.cff-theme-social_wall .cff-posts-wrap {
margin-top: 50px;
}
#cff.cff-theme-social_wall .cff-view-comments,
#cff.cff-theme-social_wall .cff-view-comments:after,
#cff.cff-theme-outline .cff-view-comments,
#cff.cff-theme-outline .cff-view-comments:after,
#cff.cff-theme-modern .cff-view-comments,
#cff.cff-theme-modern .cff-view-comments:after,
#cff.cff-theme-overlap .cff-view-comments,
#cff.cff-theme-overlap .cff-view-comments:after {
background: transparent;
box-shadow: none;
}
#cff.cff-theme-social_wall .cff-author {
position: relative;
}
#cff.cff-theme-social_wall .cff-top-share {
position: absolute;
right: 0;
}
@media only screen and (max-width: 600px) {
#cff.cff-theme-social_wall .cff-visual-header .cff-likes-box {
right: auto;
left: 10px;
bottom: 10px;
}
}
/* outline */
#cff.cff-theme-outline .cff-visual-header .cff-header-hero {
border-radius: 8px;
box-shadow: 5px 4px 0px rgb(0 0 0 / 15%);
border: 1px solid #000000;
}
#cff.cff-theme-outline .cff-visual-header .cff-header-wrap {
margin-bottom: 50px;
padding-bottom: 20px;
}
#cff.cff-theme-outline .cff-visual-header .cff-header-img {
top: 15px;
left: 0;
}
#cff.cff-theme-outline .cff-visual-header .cff-header-img img {
width: 48px;
height: 48px;
border-radius: 50%;
}
#cff.cff-theme-outline .cff-visual-header .cff-header-text {
margin-left: 65px;
padding-top: 16px;
padding-right: 32px;
}
#cff.cff-theme-outline .cff-visual-header .cff-header-text p {
font-size: 12px;
}
#cff.cff-theme-outline .cff-visual-header .cff-header-wrap .cff-header-likes-count {
position: absolute;
right: 0;
top: 18px;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1;
font-size: 12px;
}
@media only screen and (max-width: 600px) {
#cff.cff-theme-outline .cff-visual-header .cff-header-inner-wrap {
display: flex;
gap: 5px;
}
#cff.cff-theme-outline .cff-visual-header .cff-header-inner-wrap .cff-header-img,
#cff.cff-theme-outline .cff-visual-header .cff-header-inner-wrap .cff-header-text,
#cff.cff-theme-outline .cff-visual-header .cff-header-wrap .cff-header-inner-wrap .cff-header-likes-count {
position: relative;
margin-left: 0;
}
}
#cff.cff-theme-outline .cff-view-comments,
#cff.cff-theme-overlap .cff-view-comments {
width: 100%;
background: transparent;
box-shadow: none;
}
#cff.cff-theme-modern .cff-view-comments,
#cff.cff-theme-social_wall .cff-view-comments,
#cff.cff-theme-overlap .cff-view-comments {
max-width: 350px;
}
#cff.cff-theme-outline .cff-view-comments ul,
#cff.cff-theme-overlap .cff-view-comments ul {
width: 100%;
display: flex;
justify-content: space-between;
}
#cff.cff-theme-outline .cff-post-links,
#cff.cff-theme-overlap .cff-post-links {
display: flex;
justify-content: start;
align-items: center;
}
#cff.cff-theme-overlap .cff-post-links {
max-width: 350px;
}
#cff.cff-theme-outline .cff-post-links .cff-viewpost-facebook,
#cff.cff-theme-outline .cff-post-links .cff-share-container .cff-share-link {
display: flex;
border: 1px solid #141B38;
padding: 8px 20px;
border-radius: 25px;
color: #141B38;
line-height: 1;
align-items: center;
text-decoration: none;
}
#cff.cff-theme-overlap .cff-post-links .cff-viewpost-facebook,
#cff.cff-theme-overlap .cff-post-links .cff-share-container .cff-share-link {
display: flex;
padding: 8px 20px;
border-radius: 4px; background: #E2F5FF;
color: #0068A0;
line-height: 1;
align-items: center;
text-decoration: none;
}
#cff.cff-theme-modern .cff-post-links .cff-viewpost-facebook,
#cff.cff-theme-modern .cff-post-links .cff-share-container .cff-share-link,
#cff.cff-theme-social_wall .cff-post-links .cff-share-container .cff-share-link{
display: block;
height: 16px;
}
#cff.cff-theme-social_wall .cff-post-links {
margin: 0;
height: 37px;
display: flex;
align-items: center;
}
#cff.cff-theme-social_wall .cff-share-container {
height: 21px;
}
#cff.cff-theme-overlap .cff-post-links .cff-share-container .cff-share-link,
#cff.cff-theme-outline .cff-post-links .cff-share-container .cff-share-link {
/*width: 25%;*/
}
#cff.cff-theme-overlap .cff-post-links .cff-viewpost-facebook,
#cff.cff-theme-outline .cff-post-links .cff-viewpost-facebook {
width: 75%;
display: flex;
justify-content: center;
}
#cff.cff-theme-outline .cff-post-links .cff-viewpost-facebook:hover,
#cff.cff-theme-outline .cff-post-links .cff-share-container .cff-share-link:hover,
#cff.cff-theme-outline .cff-post-links .cff-viewpost-facebook:active,
#cff.cff-theme-outline .cff-post-links .cff-share-container .cff-share-link:active {
background: #f9f9f9;
}
#cff.cff-theme-overlap .cff-post-links .cff-viewpost-facebook svg,
#cff.cff-theme-overlap .cff-post-links .cff-viewpost-facebook svg path,
#cff.cff-theme-overlap .cff-post-links .cff-share-link svg,
#cff.cff-theme-overlap .cff-post-links .cff-share-link svg path {
fill: currentColor !important;
stroke: none;
}
#cff.cff-theme-outline .cff-post-links .cff-viewpost-facebook svg,
#cff.cff-theme-overlap .cff-post-links .cff-viewpost-facebook svg {
margin-right: 10px;
}
#cff.cff-theme-outline .cff-post-links .cff-share-container,
#cff.cff-theme-overlap .cff-post-links .cff-share-container {
margin-left: 10px;
}
/* overlap */
#cff.cff-theme-overlap .cff-visual-header .cff-header-hero {
border-radius: 12px;
}
#cff.cff-theme-overlap .cff-visual-header .cff-header-text {
margin-left: 105px;
}
#cff.cff-theme-overlap .cff-visual-header .cff-header-text .cff-bio-info {
float: left;
}
#cff.cff-theme-overlap .cff-visual-header .cff-header-text .cff-bio {
display: inline-block;
font-size: 12px;
float: left;
width: auto;
clear: none;
margin-left: 25px;
max-width: 250px;
}
/* feed theme light box */
.cff-lightbox-wrapper.cff-theme .cff-comments {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 10px !important;
background: transparent !important;
border-bottom: 1px solid #E6E6EB;
margin-bottom: 12px !important;
}
.cff-lightbox-wrapper.cff-theme .cff-comments a {
font-size: 12px;
font-weight: 600;
background: #E2F5FF;
padding: 5px;
border-radius: 4px;
color: #0068A0;
}
.cff-lightbox-wrapper.cff-theme .cff-comments a .cff-icon {
display: none !important;
}
.cff-lightbox-wrapper.cff-theme.cff-outline .cff-comments a {
display: none;
}
.cff-lightbox-wrapper.cff-theme .cff-comment-text-wrapper .cff-name {
text-decoration: none;
}
.cff-lightbox-wrapper.cff-theme .cff-comment-text-wrapper .cff-comment-date {
font-style: normal;
color: #696D80;
}
.cff-lightbox-wrapper.cff-theme .cff-comment-text-wrapper .cff-comment-replies-a {
text-decoration: none;
}
.cff-lightbox-wrapper.cff-theme .cff-comment-text-wrapper .cff-comment-replies-box {
border-left: none !important;
}
.cff-lightbox-wrapper.cff-theme .cff-comment-text-wrapper .cff-comment-replies-box .cff-comment-reply {
padding: 10px !important;
border-radius: 12px;
margin-bottom: 5px;
}