.floating-frame .frame-title{
line-height: 1.125rem;
margin: 0px !important;
font-size: 1rem;
font-weight: bold;
color: #181919;
}
.homepage-socia-feed .uagb-column__inner-wrap{
padding: 0px !important;
}
.homepage-socia-feed #sb_instagram #sbi_load {
position: absolute;
bottom: 0px;
opacity: 1;
transition: all .5s ease-in;
}
.homepage-socia-feed .sbi_follow_btn {
float: right;
margin: 10px;
}
.homepage-socia-feed .cff-item {
border-bottom: 0px !important;
}
.homepage-socia-feed .cff-wrapper-ctn .cff-post-text {
font-size: 0.9rem !important;
line-height: 1.5rem !important;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.homepage-socia-feed .cff-wrapper-ctn .cff-date {
font-size: 0.9rem !important;
padding-top: 20px !important;
}
.facebook-header .wp-block-image {
display: flex !important;
justify-content: center !important;
margin-bottom: 16px !important;
}
.facebook-header img {
width: auto !important;
height: auto !important;
}
.col4-columns-frame > .uagb-column__inner-wrap >.wp-block-columns{
height: 100%;
}
.uagb-columns__inner-wrap{
height: 100%;
}
.list-item-frame {
width: 100%;
height: 100%;
overflow: hidden;
}
.list-item-frame .list-item-frame-bg {
background-color: #ffffff;
}
.list-item-frame .uagb-column__inner-wrap{
padding: 0px !important;
}
.list-item-frame .list-item-title{
line-height: 1.4;
margin: 0px 0px 0.5rem 0px;
color: #181919;
}
.list-item-frame .list-item-more-button .wp-block-button__link{
padding-left: 0px;
padding-right: 5px;
}
.list-item-frame .wp-block-button .wp-block-button__link{
font-size: .9rem;
}
.list-item-frame .list-item-more-button::after {
display: inline-block;
color:#ff7d26;
width: 8px;
height: 8px;
margin-bottom: 1px;
margin-left: 3px;
content: '';
transition: all .3s ease 0s;
transform: rotate(45deg);
border-top: 2px solid;
border-right: 2px solid;
}
.list-item-frame .list-item-more-button:hover {
color: #ff7d26 !important;
}
.list-item-frame .list-item-more-button a {
color: #ff7d26 !important;
}
.list-item-frame .list-item-more-button:hover:after {
margin-left: 0.5rem;
color: #ff7d26 !important;
}
.list-item-frame:hover .img_be_larger img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.frame-content-card{
padding-left: 1rem;
padding-right: 1rem;
}
@media(min-width:768px){
.floating-frame .frame-short-description{
margin: 1rem 1.25rem 1.25rem 0;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
font-size: 0.9rem;
color: #545859;
line-height: 1.5rem;
}
.floating-frame {
background-color: #FFFFFF;
height: 350px;
position: relative;
padding-top: .5rem;
}
.col4-columns-frame{
/* margin-left:1rem;
margin-right:1rem; */
margin-top: 4.375rem;
/* background-color: #FFFFFF; */
padding-left: .5rem;
padding-right:.5rem;
}
.floating-frame:hover .frame-content-card{
position: absolute;
display: block;
padding: 1.25rem;
/* top: -.625rem;
left: -2.1875rem;
right: -1.6rem;
bottom: -2.1875rem;*/
top: 0;
bottom:0;
background-color: #000000C4;
color: #FFFFFF;
overflow-x: hidden;
overflow-y: auto;
right: 0px;
left: 0px;
}
.floating-frame:hover .frame-content-card .frame-short-description{
overflow:auto;
text-overflow:initial;
display:block;
-webkit-box-orient:vertical;
-webkit-line-clamp:unset;
font-size: 0.9rem;
color: #FFFFFF;
line-height: 1.5rem;
}
.floating-frame:hover .frame-content-card .frame-title{
color: #FFFFFF;
}
.homepage-socia-feed .cff-wrapper-ctn {
padding: 30px !important;
}
.homepage-socia-feed .wp-block-columns {
margin-top: 30px !important;
}
.homepage-socia-feed .cff-wrapper-ctn .cff-post-text {
-webkit-line-clamp: 6;
}
.homepage-socia-feed {
padding-bottom: 32px !important;
}
}
@media(max-width:767px){
.floating-frame .frame-short-description{
margin: 1rem 1.25rem 1.25rem 0;
font-size: 0.9rem;
color: #545859;
line-height: 1.5rem;
}
.col4-columns-frame{
margin-top: 2rem;
background-color: #FFFFFF;
min-height: auto!important;
}
.floating-frame {
background-color: #FFFFFF;
position: relative;
margin-bottom: 0!important;
}
.frame-content-card >.wp-block-column>.wp-block-columns{
margin-bottom: 0!important;
}
.homepage-socia-feed .cff-wrapper-ctn {
padding: 30px !important;
}
.homepage-socia-feed .wp-block-columns {
margin-top: 30px !important;
}
.homepage-socia-feed .cff-wrapper-ctn .cff-post-text {
-webkit-line-clamp: 6;
}
.homepage-socia-feed {
padding-bottom: 16px !important;
}
}