html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%;
	font: inherit; */
	vertical-align: baseline;
}
/* / HTML5 display-role reset for older browsers / */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* body {
	line-height: 1;
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	color:#000d1f;
} */
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}



table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*Module CSS*/

.main_container{max-width:1280px; margin:auto; padding:0px 15px; box-sizing: border-box;}

.social_module_container {width:100%; padding:60px 0px; box-sizing: border-box; text-align: center;}
.social_module_container .title{font-size: 2.7rem; line-height: 3rem; color: #000; font-family: Open Sans Bold; text-transform: capitalize; margin-bottom:10px;}
.social_module_container > span{font-size: 16px; color:#000; line-height: 26px; display: block;}

/*Tabs Styling*/
.social_module_container .social_inner_block .social_tabs{display: flex; margin:30px 0px 40px; box-sizing: border-box;}
.social_module_container .social_inner_block .social_tabs .tabs_btn{flex:1; outline: unset; border:0px; padding:0px; cursor: pointer; display: flex; justify-content: center; align-items: center; position: relative;}
.social_module_container .social_inner_block .social_tabs .tabs_btn img{max-width: 100%; width: 20px;}
.social_module_container .social_inner_block .social_tabs .tabs_btn .color_img{display:none;}
.social_module_container .social_inner_block .social_tabs .tabs_btn.active_tabs .color_img{display: none;}
.social_module_container .social_inner_block .social_tabs .tabs_btn.active_tabs .black_img{display: none;}
.social_module_container .social_inner_block .social_tabs .tabs_btn.active_tabs:hover .color_img{display: none;}
.social_module_container .social_inner_block .social_tabs .tabs_btn span{display: block; color: #000; font-size: 16px; padding:18px 14px; font-family: Open Sans Bold; text-transform: capitalize; transition: .3s ease-in-out;}
/*Tabs Hover and Active Effect*/
.social_module_container .social_inner_block .social_tabs .tabs_btn:after{content: ''; display: block; color: #1979c3; border-bottom:3px solid #1979c3; transform: scaleX(0); transition: .3s ease-in-out; position: absolute; bottom:0px; width: 100%;}
/*.social_module_container .social_inner_block .social_tabs .tabs_btn:hover{background-color: #e8f1f7;}*/
.social_module_container .social_inner_block .social_tabs .tabs_btn:hover span{color: #1979c3;}
.social_module_container .social_inner_block .social_tabs .tabs_btn:hover:after{transform: scaleX(1);}
.social_module_container .social_inner_block .social_tabs .tabs_btn:hover .black_img{display: none;}
.social_module_container .social_inner_block .social_tabs .tabs_btn:hover .color_img{display: block;}
.social_module_container .social_inner_block  .social_tabs .tabs_btn .active_img{display: none;}
.social_module_container .social_inner_block  .social_tabs .tabs_btn.active_tabs .active_img{display: block;}
.social_module_container .social_inner_block  .social_tabs .tabs_btn.active_tabs:after{transform: scaleX(1); color: #1979c3;}
.social_module_container .social_inner_block  .social_tabs .tabs_btn.active_tabs span{color: #fff;}

.social_module_container .social_inner_block .social_tabs .tabs_btn.active_tabs{background-color: #1979c3;}
/*Social Feeds Block*/

.social_inner_block .vew_all_btn { font-size: 15px; color: #fff; background-color: #1979c3; padding: 12px 30px; box-sizing: border-box; display: inline-block; text-transform: uppercase; margin-top:50px; border:1px solid #1979c3; border-radius: 3px; }
.social_inner_block .vew_all_btn:hover{background: #006bb4; border: 1px solid #006bb4;}
.social_inner_block .social_block .tabs_content{width: 100%; display: none;}
.social_inner_block .social_block .tabs_content.active_tab_content{display:block;}
.social_inner_block .social_block .tabs_content .social_feeds{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); grid-gap: 30px; text-align: left;}
.social_inner_block .social_block .tabs_content .social_feeds li .social_details{box-shadow: 0px 0px 14px 1px rgb(0 0 0 / 25%);}
.social_inner_block .social_block .tabs_content .social_feeds li .feed_img img{max-width: 100%; width: 100%;} 

.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .top_block{padding:15px 15px; box-sizing: border-box;}
.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .top_block .link{font-size: 16px; line-height: 22px; color: #1979c3; font-family: Open Sans Bold; display: block; text-align: left; padding-bottom:14px;}
.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .top_block .feed_name{font-size: 15px; line-height: 23px; color: #000; margin-bottom:4px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis; min-height: 46px;}
.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .other_details{background-color:#efefef; padding:12px 15px; box-sizing: border-box;}
.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .other_details  .date_block{text-align: left; display: inline-block; box-sizing: border-box;}
.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .other_details  .date_block span{font-size: 13px; line-height: 20px; display: inline-block; color: #5e5e5e;}
.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .other_details  .date_block span:after{content: ''; display: inline-block; width:1px; height:13px; background-color: #5e5e5e; margin:0px 5px 0px 10px; vertical-align: middle;}
.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .other_details  .date_block span:last-child:after{display: none;}

.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .other_details > img{max-width: 100%; float: right; margin-top:2px;}
.social_module_container.listing_page{padding:40px 0px; box-sizing: border-box;}


/*Responsive Styling*/

@media screen and (min-width:200px) and (max-width:899px){
	.main_container{max-width:100%; padding:0px 15px;}
	.social_module_container{padding:30px 0px;}
	.social_module_container .title{font-size: 1.8rem; line-height: 2rem;}
	.social_module_container > span{font-size: 14px; line-height: 24px;}
	.social_module_container .social_inner_block .social_tabs{margin:25px 0px;}
	.social_module_container .social_inner_block .social_tabs .tabs_btn img{display: none !important;}
	.social_module_container .social_inner_block .social_tabs .tabs_btn span{font-size:14px; padding:16px 12px;}
	.social_inner_block .social_block .tabs_content .social_feeds{grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 20px;}
	.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .other_details .date_block span{font-size: 12px; line-height: 18px}
	.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .other_details .date_block span:after{height:12px; margin:0px 0px 0px 5px;}
	.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .top_block .link{font-size: 15px;}
	.social_inner_block .social_block .tabs_content .social_feeds li .feed_details .top_block .feed_name{font-size: 14px; line-height: 22px;}
	.social_inner_block .vew_all_btn{font-size: 14px; margin-top:20px;}
}
@media screen and (min-width:501px) and (max-width:1180px){
	.social_inner_block .social_block .tabs_content .social_feeds{grid-template-columns:1fr 1fr;}
}

@media screen and (min-width:900px) and (max-width:1300px){
	.main_container{max-width:100%;}
}

@media screen and (min-width: 500px) and (max-width:699px){
	.social_inner_block .social_block .tabs_content .social_feeds li .feed_img img{max-height: 220px; min-height:220px;}	
}
@media screen and (min-width: 700px) and (max-width:899px){
	.social_inner_block .social_block .tabs_content .social_feeds li .feed_img img{max-height: 260px; min-height:260px;}	
}

@media screen and (min-width: 900px) and (max-width:1179px){
	.social_inner_block .social_block .tabs_content .social_feeds li .feed_img img{max-height: 320px; min-height:320px;}	
}

@media screen and (min-width:1180px){
	.social_inner_block .social_block .tabs_content .social_feeds li .feed_img img{max-height: 220px; min-height:220px;}	
}

@media screen and (min-width:1180px){
	.social_inner_block .social_block .tabs_content .social_feeds li .feed_img video{max-height: 220px; min-height:220px;}	
}