/******* TAGBOX CSS OVERRIDES - Social Cards Widget *******/

.social-sidebar .taggbox{
	overflow: hidden;
}

.social-sidebar .tb_mc_post_wrap_in{
	border: 0 !important;
	background-color: transparent !important;
}

.social-sidebar .tb_share_wrapper{
	top: unset !important;
	bottom: 10px;
}

.social-sidebar .tb_ico_default{
	color: #fff !important
}

.social-sidebar .tb_mc_contant_wrapper::after{
	display: block;
	font-family: "IntelOne Text";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	color: var(--main-nav-blue);
}

/* Target the <a> inside an element with tb-network="linkedin" */
.social-sidebar [tb-network="linkedin"] .tb_mc_contant_wrapper::after {
    content: "Read on LinkedIn";
}

.social-sidebar [tb-network="vimeo-square"] .tb_mc_contant_wrapper::after {
    content: "Watch on Vimeo";
}

.social-sidebar [tb-network="youtube"] .tb_mc_contant_wrapper::after {
    content: "Watch on YouTube";
}

.social-sidebar [tb-network="twitter"] .tb_mc_contant_wrapper::after {
    content: "Read on X";
}

.social-sidebar .tb_mc_content{
	text-align: left !important;
}

.social-sidebar .tb_bold_txt__{
	font-weight: 400 !important;
	/* font-weight: 500 !important; */
	margin-bottom: 0px !important;
}

.social-sidebar .tb_mc_author_wrapper{
	margin-bottom: 0px !important;
}

.social-sidebar .tb_see_more_btn_wrap, .social-sidebar .tb_filter_container{
	display: none !important;
}

.social-sidebar .tb_mc_post_container > :nth-child(n+5) {
    display: none;
}

/* Social News Ovverides */
/* Image Zoom Effect to match post-card.php img effects */
.social-sidebar .tb_mc_post_wrapper .tb_mc_post_media_wrapp {
  position: relative; 
  overflow: hidden; 
}

@media (min-width: 1280px) {
	/* this is to force image height so that the zoom scale doesn't increase the image outside of it's container.  */
	.social-sidebar .tb_mc_post_wrapper .tb_mc_post_media_wrapp {
		height: 100px; 
	}
}

.social-sidebar .tb_mc_post_wrapper .tb_mc_post_media_wrapp .tb_mc_image {
  transition: transform 0.5s ease; 
  /* display: block; do we need this? */
  width: 100%; 
  height: auto; 
  object-fit: cover;
}

.social-sidebar .tb_mc_post_wrapper:hover .tb_mc_post_media_wrapp .tb_mc_image {
  transform: scale(1.04); /* Zooms the image by 4% It should match all othe transformations with scale!!!!! */
}

/* Hover effect for changing text color */
.social-sidebar .tb_mc_contant_wrapper:hover .tb_bold_txt__,
.social-sidebar .tb_mc_contant_wrapper:hover .tb_mc_content {
  color: var(--dark-blue);
}

.social-sidebar .tb_mc_contant_wrapper:hover::after {
	color: var(--dark-blue);
}

.social-sidebar .tb_theme_container{
	margin-right: 0 !important;
}



/*********   WALL PAGE CSS *********/

.entry-content .tb_mc_post_wrap_in {
	overflow: visible;
}



/* .entry-content .tb_mc_post_in:focus-visible .tb_share_wrapper,
.entry-content .tb_mc_post_in:focus-visible .tb_share_icon_list
{
    opacity: 1;
    visibility: visible;
}

.entry-content .tb_mc_post_in:focus-visible .tb_share_button_,
.entry-content .tb_mc_post_in .tb_share_button_:focus-visible {
    opacity: 1;
    visibility: hidden;
}

.entry-content .tb_mc_post_in:focus-visible .tb_share_icon_list:first-child {
    left: 30px;
}

.entry-content .tb_mc_post_in:focus-visible .tb_share_icon_list:nth-child(2) {
    left: 64px;
}

.entry-content .tb_mc_post_in:focus-visible .tb_share_icon_list:nth-child(3) {
    left: 98px;
}


.entry-content .tb_mc_post_in:focus-visible .tb_share_wrapper .tb_share_icon_list {
	opacity: 1;
    transform: rotate(1turn);
	transition: all .4s ease-in-out;
} */


/* Overwite for Social sidebar - extra gray space at bottom. Make it a nicely behaved Flexbox :) */
/* Ensure individual posts have space-between them */
.tb_mc_post_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between; 
  margin: 10px 0; 
}

.tb_ico_default {
    color: #fff !important;
}

[data-widget-id="201582"] .tb_mc_social_{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: #000;
    padding: 3px;
}