/* Fonts:
	-Eras bold ITS
	-Franklin Gothic Heavy
	-Rockwell extra bold
	-Lemon
	-Hobo
	-Berlin sans FB
	-Comic sans
	-Cooper std black
*/

body {
	/* make text unselectable */
	/* -webkit-user-select: none; /* Safari */ 
	/* -moz-user-select: none; /* Firefox */ 
	/* -ms-user-select: none; /* IE10+/Edge */ 
	/* user-select: none; /* Standard */ 
	
}

/* devices up to 1024px (tablets) */
@media all and (max-width: 1024px) {


	#mid-top-button-holder {
		width:100% !important;
		box-shadow:0px 0px 1px 1px #d3d3d3;
	}
	

	#members-side-ads {
		display:none !important;	
	}
	
	.post {
	width:110% !important;
	}
	
	/*new channel post*/
	#post-type-desc {
		width:100% !important;
		margin-top:5px;
	}

}/* end max 1024px */


/* devices up to 700px (smartphones) */
@media all and (max-width: 700px) {
	
	#desktop-content-btns {
		display:none !important;
	}
	
	#side-nav  {
		
		display:none;
	}

	
	
	/* error container */
	.errors {
		
		width:100% !important;
		
	}
	
	/* BEGIN search */
	
		#top_search_box_ctn {
			width:100% !important;
			display:flex;
			justify-content:space-evenly;
		}
		
		#search_results_ctn {
			width:100% !important;
			padding-bottom:60px !important;
		}
		
	/* END search */
	
	
	/* BEGIN icons */
	.home-ico  {
		
		margin-top:7px !important;
		
	}
	
	.search-ico {
		margin-top:4px !important;
		margin-left:2px !important;
	}
	
	/* END icons */
	
}/* end max 700px */


/* for extra small devices */
@media all and (max-width: 320px) {

	#desktop-content-top-btns {
		top:50px !important;
	}
	#feed-btns-left {
		width:100% !important;
	}
	#feed-btn-favorite {
		margin-top:10px !important;
	}
	
	
	/* starterror containers */
	.errors {
		
		width:100% !important;
		
	}
	
	/* end error containers */
	
	
}/* end max 320px */





@media all and (min-width: 700px) {/* restore view when moving from small device to large */
	#side-nav {
		display:initial !important;/*restore side-nav after resize screen from small to large*/
	}
}/*end min 700px */






/*--------------------------------------- Start Members ----------------------------------------*/
.collapsing { /*bootstrap 4 fix, disable card accordion animation */
    -webkit-transition: none !important;
    transition: none !important;
    display: none !important;
}

/*Broad Classes */
/* Hover menu item colors: #007fff #004085 #06c
/*on hover blue - 1:
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
	background-color:#e2f1ff;
 */	

#logo-ctn {
	display:flex;
	flex-flow:column;
	align-items:center;
}	

.light-ctn {
	width:70%;
	margin-top:50px;
	text-align:center;
	padding:10px;
	background-color:#e2f1ff;
	box-shadow:0px 0px 1px 1px #06c !important;
}
.light-ctn:hover {
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
	background-color:#e2f1ff;
}

/* Begin alerts */

.alert {
	width:90%;
	padding:10px !important;
	font-weight:500;
	margin-top:10px;

}

.alert-warning {
	color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.center {
	text-align:center !important;
}


/* end alerts */




/*------------------------ Start Containers -------------------- */
/* smartphones */
@media all and (max-width: 700px) {
	
	#main-content {
		margin-top:45px !important;
	}
	.main-content {
		padding:0px !important;
	}

}
/* end max 700px */

.main-content {
width:100%;
min-height:700px;
}


#section-loader {
	z-index:10;
	position:fixed;
	top:450px;
	left:40%;

}
#section-loader img {
	width:60px !important;
	height:60px !important;
}
#main-content {
	margin-top:15px;
}
.simple-ctn {
	display:relative;
	min-height:1200px;
	width:100% !important;
}
.btn-section {
min-height:20px;
width:100%;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
padding:3px;
padding-bottom:7px;
}
#desktop-content-low-btns {
display:flex;
flex-flow:row wrap;
justify-content:flex-end;
width:100%;	
padding:2px;
}
.members-mid-top-btn {
margin-top:3px;
margin-left:5px;	
}
.title-ctn-sm {
    background-color: #06c;
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
	width:100%;
}
.title-ctn-lg {
    background-color: #06c;
    text-align: center;
    color: white;
    font-size: 25px;
    padding: 15px;
	width:100%;
}

.alert-info { /* info box */
background-color:#e4f6fb !important;
}
.alert-grey {
padding:20px;
margin-top:10px;
background-color:#f9fbfd !important;
}
/* fixes for bootstrap */
.alert-success,.alert-info, .alert-danger, .alert-secondary {
width:100%;
margin-top:5px;
}

.alert-info-light { /* info box */
background-color:#f8feff !important;
width:100%;
}

/* errors container */
.errors  {
width:90%;
padding:15px;
border-radius:10px;
margin:0 auto;
margin-top:5px;
margin-bottom:15px;
text-align:center;
background-color:#ffd2da;
border:0.5px solid #bd21308f;
}

/* success container */
.success {
width:90%;
padding:15px;
border-radius:10px;
margin:0 auto;
margin-top:5px;
margin-bottom:15px;
text-align:center;
background-color:#007bff;
color:white;
border:0.5px solid #darkblue;
}

.no-results {
width:100%;
padding:15px;
min-height:30px;
background-color:#f8f9fa;
}


.info-ctn-top {
width:100%;
padding:15px;
min-height:30px;
margin-top:10px;
background-color:#e9ecef;
}
.info-ctn-middle {
width:100%;
padding:15px;
min-height:30px;
margin-top:100px;
background-color:#e9ecef;
}

#content-preview {
width:100%;
}

/*------------------------ end Containers -------------------- */

/*---------------------------------Start Broad Classes -------------------------------------*/
#noscript-warning {
	display:flex;
	padding:5px;
	width:70%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ffd2da;
	border:0.5px solid #bd21308f;
	text-align:center;
}



.std-shadow {
box-shadow:0px 0px 1px 1px #d3d3d3;
}
.shadow {
box-shadow:2px 2px 2px 1px #d3d3d3;
}
.mid-shadow {
box-shadow: 0px 0px 2px 1px #d3d3d3; 
}
.light-shadow {
box-shadow:1px 1px 0px 0px #d3d3d3;
}
.select {
padding:5px;
margin-bottom:5px;
font-size:17px;
max-height:50px;
}
.flex-space-around {
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:100%;
}
.flex-space-between {
display:flex;
flex-flow:row wrap;
justify-content:space-between;
width:100%;
}
.flex-space-evenly {
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
width:100%;
}
.ad-preview {
width:100%;
display:flex;
flex-flow:column wrap;
align-items:center;
padding:20px;

}

.buttons_panel {
display:flex;
flex-flow:row-reverse wrap;
justify-content:space-between;
padding:15px;
box-shadow:2px 2px 2px 1px #d3d3d3;
}

.number {/*input type number styling*/

text-align:center;
font-weight:bold;
width:100px;
}

.watch-short-video-bar {
display:block;
margin-top:15px; 
width:100%; 
padding:5px; 
text-align:center;
box-shadow:0px 0px 1px 1px #d3d3d3;
background-color:#004085;
color:white !important;
margin-bottom:-10px;

}
.ctabar, .CTA-bar  {
display:block;
width:100%; 
padding:5px; 
text-align:center;
box-shadow:0px 0px 1px 1px #d3d3d3;
background-color:#343a40;
color:white !important;

}
.ctabar {
margin-top:4px;
background-color:#06c;
}
.CTA-bar {
margin-top:10px;
}

.watch-short-video-bar:hover {
box-shadow:0px 0px 1px 2px #004085;
color:white;
text-decoration:none;
}

.tab-accordion {
min-height:700px !important;

}

.google_login_btn {

display:inline-block;
background: url('../images/home_sprite.png') no-repeat;
background-position: -16px -10px; 
	width: 262px;
	height: 57px;
	margin-bottom:7px;
	margin-top:7px;
}

.google-btn-signup {
position:relative;
top:15px;
}


.cta-ctn {
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
width:100%; 
margin-top:7px; 
min-height:40px;
padding:10px;
background-color:white;
border-radius:10px;
}
.cta-ctn:hover {
box-shadow:0px 0px 1px 2px #06c !important;
background-color:#e2f1ff;
transition:box-shadow 0.25s;

}

.cta-ctn:hover .cta-ctn-txt {
color:blue;	
}
.cta-ctn:hover .cta-ctn-btn {
box-shadow:0px 0px 1px 2px #06c;	
}
.cta-ctn:hover .cta-ctn-btn-success {
	box-shadow:0px 0px 1px 2px green;	
}


.cta-ctn-txt {

display:inline-block;
width:70% !important;
padding:5px;
padding-left:10px;
font-weight:bold;
font-size:16px;
}
.cta-ctn-arrow {
	margin-top:7px;
}
.cta-ctn-btn-ctn {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	height:65px;
	margin-top:10px;
	width:300px;
}



.create-btn {

	margin-bottom:2px;
	margin-top:2px;
	border-radius:1px;
}
/*------------------------------------------------End Broad Classes ----------------------------------------------*/

/*------------------------ End Containers -------------------- */
.home-top-btns {
margin-top:10px;
margin-right:5px;
}
.navigation {
display:flex;
width:100%;
flex-flow:row wrap;
justify-content:flex-start;
}
.info-stripe { /*on overview */
box-shadow: 0px 0px 1px 1px #D3D3D3; 
padding:15px;
width:100%;
font-weight:bold;
font-size:17px;
background-color: #e9ecef;
}
.flex-container-column {
min-height:900px;
margin-top:10px;
display:flex;
flex-flow:column wrap;
align-items:center;
width:100%;
}
.flex-container-row {
min-height:10px;
margin-top:10px;
display:flex;
flex-flow:row wrap;
justify-content:center;
width:100%;
}
.flex-content {
min-height:1000px;
margin-top:10px;
display:flex;
flex-flow:column wrap;
align-items:center;
width:100%;
box-shadow: 0px 0px 1px 1px #D3D3D3; 
}
.selects {
padding:5px !important;
height:35px !important;
}
/*overriding */
.input-group-text {
white-space:normal !important;
}
.group-text-title, .input-group-title, .input-group-title-blue , .input-group-title-no-bottom ,.input-group-title-small{
font-size:18px !important;
width:100% !important;
margin-bottom:20px !important;
font-weight:bold !important;
white-space:normal !important;
}
.input-group-title-blue {
background-color: #edf6ff !important;
}
.input-group-title-no-bottom {
margin-bottom:0px !important;
margin-top:5px !important;
}
.input-group-title-small {
font-size:16px !important;
margin-bottom:10px !important;
}
.group-text-blue {
background-color: #b3d2f1 !important;
font-size:25px !important;
}

.main-content {
width:100%;
box-shadow: 0px 0px 1px 1px #D3D3D3; 
min-height:1500px;
margin-top:5px;
padding:15px;
display:flex;
flex-flow:column;
align-items:flex-start;
}

.main-content-banners  {
background-color:white;
}


.main-content-row {
width:100%;
box-shadow: 0px 0px 1px 1px #D3D3D3; 
min-height:1500px;
margin-top:10px;
padding:15px;
display:flex;
flex-flow:row wrap;
justify-content:flex-start;
}
.content-tutorials {
padding:5px;

}
.explainer-ctn {
width:100%;
margin-top:1px;
border:1px solid #d3d3d3;
}
.explainer-ctn:hover {

background-color:#f8f9fa;

}
.bar-header {
padding:15px !important;
width:100%;
font-size:30px !important;
font-weight:bold !important;
}
.members-menu-title {
	font-weight:bold;
	position:relative;
	left:20px;
}

#body-members {
background-color:white;
/* force font on all body members */
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;

}




#business-top-section, #desktop-content-top-btns {
position:relative;
height:60px;
width:100%;
display:flex;
flex-flow:row-reverse wrap;
justify-content:space-between;
top:-30px;
background-color:white;
}

#desktop-content-top-btns {
top:0px;	
}




#members-select {
margin-top:80px;
margin-left:25%;
font-size:17px;
font-weight:bold;
padding:5px;
border-radius:3px;
}
#beta-tag {
position:absolute;
left:70px;
top:12px;
padding:3px;
display:inline-block;
background: url('../images/sprite.png') no-repeat;
background-position: -22px -717px; 
width: 72px;
height: 26px;
}
/*--------------------------------------- End Members ----------------------------------------*/



/*--------------------------------------- on hovers ----------------------------------------*/
.hover-light:hover {

box-shadow: 2px 2px 1px 2px #D3D3D3; 
}

/*--------------------------------------- End - on hovers ----------------------------------------*/


/*----------------------------------------- Start Signup -----------------------------------------*/


#signup-main-container {
min-height:900px;
display:flex;
justify-content:center;
}
#signup-form {
min-height:900px;
width:500px;
display:flex;
justify-content:center;
background-color:#dee2e6;
}
#signup-form-inputs {
display:flex;
flex-flow:column wrap;
align-items:center;
width:400px;
min-height:900px;
background-color:#f8f9fa;
}
.inputs {
padding:6px;
width:300px !important;
margin-top:-10px;
position:relative;
top:85px;
}
#signup-conditions {
width:380px;
margin-top:100px;
padding:10px;
background-color:white;
}
.g-recaptcha {
right:7px;
margin-top:-60px;
}
#signup-errors {
margin-top:20px;
margin-bottom:-60px;
padding:30px;
background-color:white;
width:400px;
}
.signup-user-icon {
background: url('../images/signup-sprite.png') no-repeat;
background-position: -40px -20px; 
width: 41px;
height: 40px;
}

.signup-email-icon {
background: url('../images/signup-sprite.png') no-repeat;
background-position: -41px -69px; 
width: 41px;
height: 40px;
}
.signup-pass-icon {
background: url('../images/signup-sprite.png') no-repeat;
background-position: -40px -120px; 
width: 41px;
height: 40px;
}

#signup-welcome-msg {
padding:15px;
margin-top:10px;
background-color:white;
}

#signup-submit {
margin-top:20px;
}
#signup-country {
text-align:center;
}
.signup-country {
position:relative;
top:95px;
}
/*----------------------------------------- End Signup -----------------------------------------*/

/*----------------------------------------- Start Credits -----------------------------------------*/

.credits-title {
display:inline-block;
width:90%;
margin-top:30px;
text-align:center;
margin-bottom:20px;
padding:5px;
font-size:19px;
font-weight:bold;
background-color: #e9ecef;
border-radius:3px;
}
.credit-info {
display:flex;
flex-flow:column;
line-height:2.5;
width:100%;
background-color: #f8f9fa70;
border-radius:3px;
}
.tos-credits {
padding:15px;
margin-top:10px;
width:100%;
}
#btn-credits {
position:relative;
top:10px;
}
/*----------------------------------------- End Credits -----------------------------------------*/


/*-------------------------------- Begin Manage Profiles -----------------------------------------*/

/* devices up to 700px (smartphones) */
@media all and (max-width: 700px) {
	
	.manage-profile-item-main-ctn  { 
		flex-flow:column !important;
		align-items:center !important;
	}
	
	.manage-profile-item-info {
		width:100% !important;
	}
}
/* end smartphones */

.mypages-userpage {
position:relative;
width:100%;
padding:10px;
min-height:50px;
margin-bottom:7px;
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
cursor:pointer;
}
.manage-profile-item-main-ctn {
	width:100%;
	padding:5px;
	padding-right:50px;
	min-height:50px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	border-radius:10px !important;
}
.mypages-page-logo {
width:50px;
height:50px;
border-radius:100%;	

}
.manage-profile-item-info {

padding:3px;
text-align:left;
margin-left:10px;
color:#06e;	
width:200px;
}
.manage-profile-item-followers, .manage-profile-item-email-subs {
padding:3px;
margin-top:13px;
width:200px;
text-align:center;
}
.mypage-top-dropdown {
position:absolute !important;
right:10px !important;
top:10px !important;
}

.mypages-userpage:hover  {
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
	background-color:#e2f1ff;
}

#btn-section-selection {
width:90%;
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;	
padding-bottom:2px;
}

#manage-sub-btn-section {
	width:100%;
	min-height:50px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
}

#manage-main-content {
	min-height:900px;
}


/*-------------------------------- End Manage Profiles -----------------------------------------*/


/*------------------------------------------ Start Members Blog -------------------------------------------------*/

.members-blog {
width:100%;	
}

.card-title {
width:100% !important; 
overflow:hidden !important; 
white-space:nowrap !important; 
text-overflow:ellipsis !important;	
}
#blog-benefits {
	width:100%;
	padding:10px;
	min-height:100px;
	display:flex;
	flex-flow:column;
	align-items:center;
}
#blog-seo-ico {
	background: url('../images/blog-sprite.png') no-repeat -13px -8px;
	width: 76px;
	height: 75px;
	position:relative;
	top:10px;
}
#blog-upload-ico {
	background: url('../images/blog-sprite.png') no-repeat -14px -98px;
	width: 74px;
	height: 56px;
	position:relative;
	top:10px;
}
#blog-audience-ico {
	background: url('../images/blog-sprite.png') no-repeat -14px -258px;
	width: 74px;
	height: 75px;
	position:relative;
	top:-3px;
}
#blog-commission-ico {
	background: url('../images/blog-sprite.png') no-repeat -16px -170px;
	width: 69px;
	height: 77px;
	position:relative;
	top:0px;
}

/*------------------------------------------ End Members Blog -------------------------------------------------*/

/*-------------------------------------------- Start MyLinks ------------------------------------------------------*/

#my-links {
	margin-top:100px;
	width:100%;
	min-height:800px;
}


/*-------------------------------------------- End MyLinks ------------------------------------------------------*/


/*-------------------------------------------- Left Side Nav  ---------------------------------------------*/
#side-nav {
	margin-left:-10px;
	width:100%;
	min-height:1000px;
	background-color:white;
	
}
.left-nav-ctn {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;

}

.side-nav-item, .feed-item {
	padding:9px;
	border:1px solid white;
	cursor:pointer;
	width:140px;
	/*background-color:#f8f9fa;*/
	
}
.feed-item {
	width:100% !important;
}

.side-nav-item-selected, .side-nav-sub-item-selected {
	background-color:#0e72d6;
	border:1px solid darkblue;
	color:white;
}

.side-nav-item:hover, .feed-item:hover {
	background-color:#0e72d6;
	border:1px solid darkblue;
	color:white;
}

#favorite-feeds {
	margin-top:10px;
}

.favorite-feed-item {
	padding:5px;
	padding-left:15px;
	border:1px solid white;
}
.favorite-feed-item:hover {
	background-color:#007fff;
	border:1px solid darkblue;
	color:white;	
}


.favorite-news-feeds-txt {
  margin-top:4px;
  margin-left:-10px;
}

.home-sprite-ico {
display:inline-block;
background: url('../images/home-sprite.png?234234') no-repeat;
cursor:pointer;	
}
.topbar-mobile-icons {
	margin-left:7px;
	display:inline-block;
}

/* start topbar white icons */

.notifications-white-ico {
	background-position:-6px -9px;
	width: 26px;
	height: 25px;
	margin-top: 12px;
}

/* end topbar white icons */


.updates-ico, .updates-mb-ico , .updates-header-ico {
background-position:-30px -53px;
	width: 24px;
	height: 18px;

}
.updates-ico {
	position:relative;
	top:10px;
	left:3px;
}
.updates-mb-ico {
	margin-top:15px;
}

.updates-header-ico {
	margin-top:7px;
}

.pages-ico {
background-position:-60px -52px;
	width: 20px;
	height: 21px;
margin-top:9px;
}

.niche-news-ico, .news-mb-ico {
background-position:-42px -82px;
	width: 30px;
	height: 27px;
margin-top:9px;
}
.news-mb-ico {
	margin-top:12px;
}

.recommended-ico {
background-position:-92px -228px;
	width: 23px;
	height: 31px;
margin-top:3px;
}
.important-ico {
background-position:-91px -268px;
	width: 29px;
	height: 29px;
margin-top:7px;
}
.howto-ico {
background-position:-10px -360px;
	width: 26px;
	height: 30px;;
margin-top:7px;
}
.videos-ico, .videos-mb-ico {
background-position:-90px -345px;
	width: 28px;
	height: 20px;
margin-top:10px;
}
.videos-mb-ico {
	margin-top:15px;
}

.help-ico {
background-position:-48px -329px;
	width: 28px;
	height: 26px;
margin-top:9px;
}

.fun-ico , .fun-mb-ico , .fun-leftnav-ico {
background-position:-50px -294px;
	width: 25px;
	height: 25px;
margin-top:8px;
}
.fun-leftnav-ico {
position:relative;
top:0px;
left:3px;
}
.fun-mb-ico {

margin-top:13px;	
}

.memes-ico , .memes-mb-ico {
background-position:-39px -368px;
	width: 48px;
	height: 11px;
margin-top:19px;
}
	
.tips-leftnav-ico {
	background-position:-8px -272px;
	width: 36px;
	height: 39px;
	position:relative;
	left:1.5px;
	top:4px;
}
.memes-leftnav-ico {
	background-position:-8px -317px;
	width: 30px;
	height: 30px;
	position:relative;
	top:3px;
}

.tips-ico , .tips-mb-ico {
background-position:-39px -392px;
	width: 48px;
	height: 31px;
margin-top:10px;

}
.menu-ico , .menu-mb-ico {
background-position:-3px -428px;
	width: 49px;
	height: 39px;
margin-top:2px;
margin-right:2px;
border-radius:3px;
}
.photos-ico , .photos-mb-ico , .photos-leftnav-ico {
background-position:-86px -8px;
	width: 31px;
	height: 26px;
margin-top:12px;
}

.photos-leftnav-ico {
	position:relative;
	top:-6px;
	left:-1px;
}


.global-news-ico {
background-position:-4px -82px;
	width: 26px;
	height: 26px;
margin-top:9px;
}
.discussions-ico {
background-position:-87px -50px;
	width: 27px;
	height: 25px;
margin-top:13px;
}

.trending-ico {
background-position:-85px -90px;
	width: 24px;
	height: 16px;
margin-top:15px;
}


.side-nav-ico {
width:31px !important;
height:29px !important;	
}
/*--------------------------------------------End Left Side Nav  ---------------------------------------------*/
/*--------------------------------------------Home top buttons -----------------------------------------------*/

.myshortlinks-ico {
background-position:-50px -123px;
	width: 29px;
	height: 36px;
}


/*----------------------------------------- End Home top buttons -----------------------------------------------*/

/*-------------------------------------------- Support Coins ---------------------------------------------*/
.coins-ctn {
	display:flex;
	flex-flow:column;
	align-items:center;
}

.coins-container {
	margin-top:50px;
	height:290px;
}
.coins-btn-section {
	display:flex;
	flex-flow:column;
	align-items:center;
}
.coins-title-txt {
display:block;
font-size:20px;
font-weight:bold;
color:white;
text-align:center;
position:relative;
top:-32px;
}
.coins-section-icon {
position:relative;
left:40px;
}

/*-------------------------------------------- End Support Coins ---------------------------------------------*/
/*-------------------------------------------- Start job listing ---------------------------------------------*/
.jobs-listing {
	padding:20px;
	width:100%;
	margin-top:10px;
}

/*-------------------------------------------- End job listing ---------------------------------------------*/

/* Begin feeds */

#updates {
height:100%;
width:100% !important;
background-color:#dae0e5;
border-radius:5px;
}

#updates-results {
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
min-height:550px;
width:100% !important;
padding-bottom:250px;
}

/* End feeds */





/* Begin default call to action ctn */


@media all and (max-width: 700px) {/* restore view when moving from small device to large */
	.feed-default-cta {
		width:100% !important;
	}
	.ctn-arrow {
		width:100% !important;
	}
}/*end min 700px */


#social-btns-default-feed {
	margin:0 auto;
	margin-top:20px;
}


.feed-default-cta {
	display:flex;
	flex-flow:column;
	align-items:center;
	width:90%;
	background-color:white;
	box-shadow:0px 0px 3px 1px #d3d3d3;
	border-radius:10px;
	padding:15px;
	margin-top:10px;
	font-size:18px;
	font-weight:500;
	line-height:2.2;
	cursor:pointer;
}
.default-feed-benefit-txt {
	width:70%;
	margin-top:7px;
	
	text-align:center;
}

.ctn-arrow:hover {
	box-shadow:0px 0px 2px 1px orange;
}

#default-cta-top-section {
	margin:0 auto;
	display:flex;
	flex-flow:row;
	justify-content:center;
	width:250px;
	margin-bottom:15px;
}
#default-cta-title {

	margin-top:20px;
}

.small-logo{
	border-radius:50%;
	margin-right:10px;
	margin-top:6px;
	height:50px;
}

.feed-default-cta button {
	margin-top:10px;
}

.feed-cta-txt {
	position:relative;
	top:-7px;
	left:5px;
}



/* end default call to action ctn */






@media all and (max-width: 1100px) {
	
	.narrow-footer {
		margin-left:0px !important;
		width:100% !important;
		max-width:100% !important;
	}
	#section-loader {
		left:50% !important;
	}
	
	
	/* begin pop-up(modal) */
	
	#pu-top-ctn {
		width:90% !important;
		top:10% !important;
		left:5% !important;
	}
	#pu-form {
		margin-top:20px !important;
	}
	#pu-form button {
		width:90% !important;
	}

	/* end pop-up(modal) */
	
}/* end max 1024px */

@media all and (max-width: 700px) {
	body, .container {
		width:100% !important;
		font-size:100% !important;
	}
	#footer {
		display:none !important;
	}
	

	.balance-ctns-wallet, .coupons-ico {
		display:none !important;
	}
	
	#section-loader {
		left:40% !important;
	}
	#news-for-header {
		margin-bottom:20px !important;
	}
	
	
	.ctn, .ctn-raw {
		width:100% !important;
		padding:10px !important;
	}
	
	.text-box , .text-box-benefits {
		width:95% !important;
		padding:20px !important;
	}
	
	.alert {
		width: 100% !important;
		padding:10px !important;
	}
	
	/* begin post structure */
	.post-ad {
		width:95% !important;
	}
	
	#settings-form {
		width:100% !important;
	}
	
	/* begin pop-up(modal) */
	
	#pu-top-ctn {
		width:90% !important;
		left:5% !important;
	}
	#pu-form {
		margin-top:20px !important;
	}
	#pu-form button {
		width:98% !important;
	}
	#pu-header {
		margin-bottom:10px !important;
	}
	/* end pop-up(modal) */
	
	
	/* Begin custom error page whoops.php */
	#whoops-mobile {
		display:block !important;
	}
	#whoops-desktop {
		display:none !important;
	}
	#error-page-header {
		margin-top:10px !important;
		width: 95% !important;
		padding:10px;
	}
	#error-page-cta {
		width:90% !important;
		padding:10px !important;
		font-size:110% !important;
	}
	
	/* end custom error page whoops.php */
	
	/* begin top preloader gif */
	
		#top-loader img { 
		border:1px solid #007bff;
		}

	/* end top preloader gif */
	
	
	
}/* end mobile max 700px */


/*extra small mobiles*/
@media all and (max-width: 360px) {

	
	/* begin pop-up(modal) */
	
	#pu-top-ctn {
		width:90% !important;
		top:20% !important;
		left:5% !important;
	}
	#pu-form {
		margin-top:20px !important;
	}
	#pu-form button {
		width:98% !important;
	}
	#pu-header {
		margin-top:25px !important;
		margin-bottom:5px !important;
	}
	#pu-close {
		right:10px !important;
		top:10px !important;
		transform: scale(var(--ggs,1)) !important;
	}

	/* end pop-up(modal) */

	/* begin post structure */
	.post-ad {
		width:100% !important;
	}
	
	#edit-page-form {
		padding:0px !important;
	}
	
	/* end post structure */
	


	
	

}
/*end extra small mobiles */


/* begin top preloader gif */
	
	#top-loader {
	position:relative;
	width:100%;
	margin-top:51px;
	margin-bottom:3px;
	height:6px;
	}
	#top-loader img {
		position:absolute;
		top:0px;
		width:100%;
	}
/* end top preloader gif */



/*  Begin containers */

body {
	font-family:miriam,arial;
	background-color:#e9ecef;
	position:relative;
	width:100%;
	min-height:100% !important;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	font-size:18px;
}

.container {
	background-color:white;
	border-radius:15px;
	box-shadow:0px 0px 3px 1px #d3d3d3;
	min-height:1000px; 
	width:70%;
}



.ctn, .ctn-error , .ctn-blue-txt, .ctn-arrow  {
	
	width:90%;
	padding:15px;
	text-align:center;
	border-radius:10px;
	box-shadow:0px 0px 3px 1px #d3d3d3;
	background-color:white;
	cursor:pointer;
	margin:0 auto;
	margin-top:10px;
	line-height:1.5;
}

.ctn-error {
	box-shadow:0px 0px 1px 1px #bd2130;
	border-radius:5px;
	background-color:#fff3f3;
	padding:9px;
	font-weight:600;

}
.ctn-blue-txt {
	border-radius:5px;
	background-color:#f8f9fa;
	color:#008cff !important;
	padding:9px;
	font-weight:600;
}

.ctn-arrow {
	display:flex;
	
	
}
.ctn:hover {
	box-shadow:0px 0px 3px 1px orange;
}



#content {
	width:100%;
	min-height:800px;
}
.content-column {
	display:flex;
	flex-flow:column;
	align-items:center;
	width:100%;
}

/* end internal page container */


/*  end containers */



/* --------------------------------------- Forms ------------------------------------------*/
.form {

	width:100%;
	height:100%;
	padding:20px;
}
.new-input {
overflow:hidden;
width:100%;
max-width:600px !important;
resize:none;
padding:20px !important;
height:35px; /*starting height - will be changed onfocus/oninput dynamically to height:auto via javascript */
border:4.5px solid #d3d3d3;
border-radius:4.5px;
margin-top:5px;
margin-bottom:5px;
font-size:18px;
}


.new-textarea {
	overflow: hidden;
    resize: none;
    width: 100%;
	max-width:600px !important;
    padding: 20px;
    padding-bottom: 20px;
	min-height:200px;
    border: 5px solid #d3d3d3;
    margin-top: 10px;
	font-size:18px;
}




.label {
	display:inline-block;
	padding:5px;
	padding-top:7px;
	padding-right:10px;
	padding-left:10px;
	border-radius:10px;
	background-color:#dee2e6;
	margin-bottom:10px;
}

.label-primary-selected {
	background-color:#007bff;
	color:white;	
	
}
.label-secondary-selected {
	background-color:#4b637d;
	color:white;	
	
}

.post-type-label:hover {
	
	background-color:#007bff;
	color:white;
	
}
.feed-type-label:hover {
	
	background-color:#4b637d;
	color:white;
	
}

.radio {

	width:20px;
	height:20px;
}

.radio-label {
	position:relative;
	top:-4px;
	margin-left:2px;
	margin-right:7px;

}

.label-bold {
  font-weight:bold;
}



hr {
	width:100% !important;
}

.wide-column-form {
display:flex; 
flex-flow:column; 
align-items:center;
width:100% !important;
}

/* ---------------------------------------- End Forms ----------------------------------------------*/




/* Begin Sitewide Icons */

.logo {
	width:70px; 
	height:70px; 
	border-radius:100%;
	background-image: url('../images/small-logo.png');
	background-position:center;
	background-repeat:no-repeat;
	margin-right:10px;
	margin-top:-3px;
}

/* end Sitewide Icons */

/* ------------------------------------- Sitewide fixes ------------------------------------------------*/
/*fix bootstrap class */
.input-group-text {
	font-weight:Bold !important;
}

/* bootstrap column fix */
.col-sm-7 {
	padding: 0px !important
}

 /*hide invisible textarea for quill editor*/
#textarea_editor {

	display:none !important;

}

h1,h2 {
	text-align:center;
}
/* -------------------------------- End Sitewide fixes -----------------------------------------------*/

hr {
	width:100% !important;
}

.text-darkred {
	color:#bd2130 !important;
}

/* Begin Titles */
.section-title {
	text-align:center;
	padding:10px;
	border-radius:10px;
	width:97%;
	margin:0 auto;
	margin-top:10px;
}
.section-title-bold {
	border:2px solid orange;
	background-color:#ffe289;
}
.section-title-light {
	border:1.5px solid orange;
	background-color:#ffefbe;
}
/* end titles */
.text-box , .text-box-benefits  {
	padding:25px;
	width:70%;
	line-height:2;
	border:2px solid orange;
	margin:0 auto;
	border-radius:10px;
}

.text-box-benefits {
	line-height:2.5 !important;

}



/*---------------------------------- start sitewide Buttons ----------------------------------------*/

/* devices up to 700px (smartphones) */
@media all and (max-width: 700px) {
	
	.tabs {
		padding:10px !important;
		padding-top:12px !important;
	}
	
	.btn-std {
		padding-top:5px !important;
	}
	
}/* end devices up to 700px (smartphones) */

.btn {
max-height:40px !important;	
}


.tabs {
	margin-top:10px;
	margin-left:15px;
	box-shadow:0px 1px 1px 2px #d3d3d3;
	height:50px;
	padding:15px;
	cursor:pointer;
	font-weight:500;
	border-radius:5px;
}
.tab-selected {
	box-shadow:0px 0px 1px 2px orange;
}
.tabs:hover {
	box-shadow:0px 0px 1px 2px orange;
	transition:box-shadow 0.2s;
	
}

.btn-std , .btn-std-primary {
	display:inline-block;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	border:2px solid orange;
	border-radius:5px;
	min-width:70px;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
	background-color:white;
	cursor:pointer;
}

.btn-std-primary {
	background-color:#0e72d6;
	color:white;
	border:none;
	padding-bottom:5px;
}

.btn-std-primary:hover {
	background-color:#06c;
}

.btn-std-selected {
	background-color:#0e72d6;
	color:white;
	font-weight:400;
	border:2px solid #06c;
}
.btn-std:hover{ 
	background-color:#06c;
	color:white;
	font-weight:400;
	border:2px solid #06c;
}

.btn-back {
background-color:#1d527d;
color:white;
position:relative;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
width:60px;
height:40;
}
.btn-darkblue {
background-color:#004085; 
color:white;
}



.btn-fix {
	height:40px !important;
	margin-bottom:5px;
}

.label-btn  {
	font-size:16px;
	padding-bottom:30px !important;
	height:30px !important;
	background-color:#0055a0;
	color:white;
	border-radius:5%;
}
/*---- light btns styling --- 'a' stands for <a> tag */
.light-btn, .light-btn-a , .btn-rose , .btn-rose-a {
	border: 1px solid #06c;
	border-radius:5px;
	display:inline-block;
	padding:5px;
	max-height:40px;
	margin-top:5px;
	padding-right:10px;
	padding-left:10px;
	cursor:pointer;
}
.light-btn-a  {
	text-decoration:none !important;
	background-color:#e2f1ff;
	color:#06c;
	margin-left:5px;
}
.light-btn-sm {
	border: 1px solid #06c;
	display:inline-block;
	padding:5px;
	padding-bottom:27px !important;
	max-height:30px;
	margin-top:5px;
	padding-right:10px;
	padding-left:10px;
	cursor:pointer;
	background-color:#0062cc;
	color:white;
}



.light-btn:hover ,#signup-login-btn:hover , .light-btn-a:hover {
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
	background-color:#e2f1ff;
}
.light-btn-a:hover  {
	
	
}

.light-btn-sm:hover  {
	box-shadow:0px 0px 1px 1px #06c !important;
	transition:box-shadow 0.25s;
	background-color:#e2f1ff;
	color:black;
}
.light-selected { /*when light btn is selected */
	box-shadow:0px 0px 1px 1px #06c !important;
	background-color:#e2f1ff;
	color:black;
}
/*----- End light btns styling ------ */


.btn { /*fix height on flexbox */
	height:40px !important;
}

.btn-darkblue {
background-color:#004085 !important; 
color:white !important;
}
.btn-back {
background-color:#1d527d !important;
color:white !important;
position:relative;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
width:60px;
height:40;
}

.btn-rose, .btn-rose-a {
	background-color:#dc3545 !important;
	color:white !important;
}
.btn-rose-a {
	border:1px solid #bd2130 !important;
	text-decoration:none !important;
}
.btn-rose-a:hover {
	box-shadow:0px 0px 1px 1px #bd2130 !important;
}
.btn-rose:hover {
	box-shadow:0px 0px 0px 0.5px #bd2130 !important;
}


#social-buttons {
	box-shadow:0px 1px 1px 1px #d3d3d3;
	min-height:50px;
	max-width:260px;
	margin:0 auto;
	margin-bottom:10px;
	background-color:white;
	border-radius:10px;
	padding-left:5px;
	padding-right:5px;
}
#social-buttons-wide {
	box-shadow:0px 1px 1px 1px #d3d3d3;
	min-height:50px;
	width:100%;
	margin-bottom:10px;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	background-color:white;
}


#social-btn-cta {
	position:relative;
	top:5px;
	width:100%; 
	text-align:center;
}
#facebook-btn {
	display:inline-block;
	background: url('../images/social-sprite.png') no-repeat -3px -264px;
	width: 43px;
	height: 43px;
	cursor:pointer;
}
#twitter-btn {
	position:relative;
	top:-1.5px;
	display:inline-block;
	background: url('../images/social-sprite.png') no-repeat -7px -8px;
	width: 40px;
	height: 40px;
	cursor:pointer;
}
#reddit-btn {
	position:relative;
	top:2px;
	display:inline-block;
	background: url('../images/social-sprite.png') no-repeat 0 -161px;
	width: 47px;
	height: 48px;
	cursor:pointer;
}
#pinterest-btn {
	position:relative;
	top:2px;
	display:inline-block;
	background: url('../images/social-sprite.png') no-repeat -2px -213px;
	width: 45px;
	height: 46px;
	cursor:pointer;
}

#linkedin-btn {
	position:relative;
	top:-1.5px;
	display:inline-block;
	background: url('../images/social-sprite.png') no-repeat 0 -110px;
	width: 46px;
	height: 44px;
	cursor:pointer;
}
#instagram-btn {
	display:inline-block;
	background: url('../images/social-sprite.png') no-repeat 0 -56px;
	width: 50px;
	height: 49px;
	cursor:pointer;
}


/*--------------------------------------- End Buttons ----------------------------------------*/


/* ------------------------------- large benefits ctn's -----------------------------------------------*/

.benefit-lg {
	display:inline-flex;
	width:100%;
	min-height:92px;
	margin-bottom:10px;
	cursor:pointer;
}
.benefit-lg:hover {
	box-shadow: 0px 0px 1.3px 2px #06c;
}
.benefit-content-lg {
	display:inline-flex;
	width:100%;
	min-height:90px;
	flex-flow:column;
	align-items:center;
}

.benefit-image-lg {
	display:inline-block;
	width:100px !important;
	margin-left:17px;
	height:100px;
	margin-top:10px;
}
.benefits-title-lg {
	width:100%;
	text-align:center;
	padding:5px;
}
.benefits-desc-lg {
	width:100%;
	min-height:50px;
	margin-top:-10px;
	padding:5px;
	padding-left:10px;
}
/* ------------------------------ End large benefits ctn's --------------------------------*/


/* ----------------------------------- Start Sitewide Topbar ---------------------------------------*/

/* tablets only */
@media all and (min-width: 700px) and (max-width: 1024px)  {
	
	#topbar-main-menu  {
		right:0px !important;
	}


}

/* tablets and desktop */
@media all and (min-width: 700px) {

	#topbar_desktop {
		
		display:flex !important;
		
	}

	#topbar_mobile {
		
		display:none !important;
		
	}
	
	#website-topbar {
		
		box-shadow:-1px -1px 3px 0px grey;
		
	}
		
	#topbar-main-menu  {
		max-height:700px !important;
	}
	
	.topbar-submenus {
		max-height:100% !important;
	}
	
		
}

/* smartphones */
@media all and (max-width: 700px) {

	#topbar_desktop {
		
		display:none !important;
		
	}
	
	
	#topbar_mobile {
		
		display:flex !important;
		
	}
	

	#topbar-left-btns {
		justify-content:center !important;
		min-width:50px !important;
	}
	
	
	#website-topbar-mb {
		
		box-shadow:0px 0px 0px 0px white !important;
		
	}
	#website-low-topbar-mb  {
		box-shadow:1px 1px 2.5px 0px grey;
	}
	

}/* end max 700px (smartphones) */


#website-topbar, #website-topbar-mb , #website-low-topbar-mb  {
width:100%;
min-height:50px;
margin-bottom:1px;
position:fixed;/* for absolute positioning of the child elements */
top:0px;
z-index:10;
display:flex;
flex-flow:row-reverse wrap;
justify-content:space-between;

}
#website-topbar {
	background-color:white;
}

#website-topbar-mb {
	background-color:#f4f4f5;
}

#website-low-topbar-mb {
	top:50px;
	display:flex-flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	background-color:white;
	overflow-y:hidden;
}
/* start topbar main menu */
#topbar-main-menu, #topbar-main-menu-mb {
	/* initial state - hidden */
	display:none;
	position:fixed;
	top:102px;
	z-index:10;
	cursor:pointer;
	width:100%;
	height:100%;
	background-color:white;
	box-shadow:0px 0px 1px 1px #d3d3d3;
	
}
#topbar-main-menu {
	width:600px;
	top:52px;
	margin-left:25%;
	padding:15px;
}

/* ------------ close button ------------ */
#close-main-menu-mb , #close-main-menu {
	position:absolute;
	right:15px;
	top:11px;
	color:#06c;
}

#topbar-main-menu-options-mb {
	width:90%;
	padding:5px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	height:60px;
}



/* ----- Begin main menu submenus ----- */
.topbar-submenus {
	display:flex;
	flex-flow:column;
	align-items:center;
	margin-top:10px;
	max-height:75%;
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}
#topbar-feeds-menu , #topbar-feeds-menu-mb {
	/* initial state */
	display:flex;
}
#topbar-website-menu , #topbar-website-menu-mb {
	/* initial state */
	display:none;
}

.topbar-submenu-item {
	display:block;
	width:100%;
	margin-bottom:15px;
	height:25px;
	margin-left:15px;
	text-decoration:none;
	color:black;

}

.topbar-item-ico-wrapper {

	display:inline-block;
	width:35px;
}

.topbar-item-ico {
	margin-top:-10px;
	margin-right:10px;
}

/* Start topbar fixes */

.topbar-photo-ico-fix {
	margin-left:-2px;
}
.topbar-updates-ico-fix {
	margin-left:3px;
}

.topbar-updates-txt-fix {
	margin-left:-3px;
}

/* end topbar fixes */

.topbar-submenu-item-txt {
	display:inline-block;
	padding:5px;
	width:85%;
	position:relative;
	top:-5px;
}

.topbar-submenu-item-txt:hover {
	background-color:#06c;
	color:white;
}

/* begin topbar submenu header */

.topbar-submenu-header {
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	padding-top:4px;
	width:100%;
	border:1px solid #d3d3d3;
	height:40px;
	margin-bottom:12px;
	background-color:#e9ecef;

}
.txt-center {
	width:100%;
	text-align:center !important;
}

.topbar-header-ico-wrapper {

	height:35px;
	width:41px;
	margin-top:-4px;
	margin-left:11px;
}
.topbar-submenu-header-ico {
	display:inline-block;
	margin-top:1px !important;
}

.topbar-submenu-header h6 {
	display:inline-block;
	margin-top:3px;
	margin-left:-5px;
}


/* end topbar submenu header */

.topbar-item-txt-width-fix {
	width:93%;
}

/*  ----- end main menu submenus ----- */


/* ------------ end - topbar main menu --------- */

#topbar-right-btns,#topbar-right-btns-mb {
	min-width:83px;
	display:flex;
	flex-flow:row-reverse wrap;
	justify-content:space-between;
}
#topbar-left-btns {
	min-width:55px;
	min-height:50px;
	display:flex;
	flex-flow:row-reverse wrap;
	justify-content:space-between;
}

#top-menu-btn-holder {
margin-top:5px;
margin-left:0px;
}

#topbar-login-btn {
	margin-right:5px;
	margin-top:4px;
	max-height:35px !important;
}

/* ----------------------------------------------- Start search ----------------------------------------------- */

#top_search , #top_search_mb {
	display:none;
	flex-flow:column;
	align-items:center;
	width:100%;
	position:fixed;
	z-index:2;
	top:49px;
	background-color:white;
	padding:3px;
	box-shadow:1px 1px 3px 1px #d3d3d3;
}
#top_search_mb {
	top:100px;
}

#top_search_box_ctn {
	width:50%;
	display:flex;
	justify-content:space-evenly;
}

#search_box {
	font-size:18px;
	margin-right:5px;
	
}
#serach_close_ico {
	color:#0062cc;
	margin-top:17px;
}

#search_results_ctn , #search_results_ctn_mb {
	display:none;
	flex-flow:column;
	align-items:center;
	position:absolute;
	top:66px;
	width:500px;
	height:750px !important;
	z-index:2;
	border-radius:4px;
	background-color:white;
	box-shadow:0px 0px 3px 1px #d3d3d3;
	overflow:auto;
	padding-bottom:10px;
	
}

#search_results_ctn_mb {
width:100%;
padding-bottom:250px;
}


.search-item {
	display:flex;
	flex-flow:row wrap;
	
	padding:15px;
	width:100%;
	border-bottom:1px solid #d3d3d3;
}

.search-item:hover {
	background-color:#007bff;
	color:white;
	font-weight:400;
}

.search-item-logo {
	border-radius:100%;
	margin-right:7px;
}

.search-item-name-low {
	position:relative;
	top:10px;
}

.search-no-results {
	padding:15px;
	text-align:center;
	margin-top:100px;
}

/* ----------------------------------------------- end search ----------------------------------------------- */

#beta-lbl {
	
	height:20px;
	margin-top:23px;
	margin-left:7px;
	padding:3px;
	padding-top:2px;
	font-size:10px;
	font-weight:bold;
	background-color:#e9ecef;
	color:#495057;
	font-family: arial;
	border-radius: 3px;
}

.search-ico {
	background-position: -5px -173px;
	width: 37px;
	height: 37px;
	margin-top:9px;
	margin-left:5px;
}

.other-ico {
	background-position:-92px -374px;
	width: 27px;
	height: 27px;
	margin-top:4px;
}


.url-shortener-ico , .shortener-header-ico {
background-position: -50px -7px;
	width: 29px;
	height: 29px;
margin-top:12px;
margin-right:7px;
}

.shortener-header-ico  {
	margin-top:1px;
	margin-left:-5px;
}

.social-polls-ico {
background-position: -16px -8px;
	width: 31px;
	height: 36px;
margin-top:2px;

}


.home-ico  {
background-position: -47px -176px;
	width: 38px;
	height: 32px;
margin-top:12px;
margin-left:5px;
}
/* btn-darkblue = #026ada */

.heart-ico {
background-position: -88px -178px;
	width: 36px;
	height: 31px;
margin-top:11px;
margin-right:0px;
margin-left:5px;
}
.coupons-ico {
background-position: -4px -223px;
	width: 38px;
	height: 38px;
margin-top:6px;
margin-right:6px;

}
.polls-ico {
background-position: -46px -225px;
	width: 37px;
	height: 37px;
margin-top:8px;
margin-right:8px;
}

/*************************************** End Sitewide topbar *************************************/


/*************************************** start notifications *************************************/
/* devices up to 700px (smartphones) */
@media all and (max-width: 700px) {

	.notifications {
		margin-left:10px !important;
	}
	
	#notifications-menu-mb {
		padding:0px !important;
		padding-top:2px !important;
		width:100% !important;
		left:0px !important;
		top:101px !important;
		
	}
	
	.notification-ctn {
		width:100% !important;
	}

}

#topbar_notifications , #topbar_notifications-mb{
	position:relative;
	height:100%;
	width:40px;
}

#notifications-menu , #notifications-menu-mb {
	position:fixed;
	top:53px;
	left:30%;
	box-shadow: 0px 0px 1px 1px #D3D3D3; 
	z-index:20;
	display:flex;
	flex-flow:column;
	background-color:white;
	visibility:hidden;
	padding:15px;
	min-height:50px;
	min-width:320px;
	overflow:auto;
	max-height:90%;
	padding-top:5px !important;
}

#notifications-menu-mb {
	padding-bottom:70px !important;
	max-height:90%;
}

.notifications-ico {
	background-position: -90px -123px;
	width: 32px;
	height: 32px;
	margin-top:10px;
}

.notification-counter {
	height:5px;
	background-color:red;
	color:white;
	border-radius:15px;
	padding:1px;
	padding-right:7px;
	padding-left:7px;
	position:relative;
	top:22px;
	left:23px;
}




.notification-ctn {
display:flex;
flex-flow:row;
justify-content:center;
margin-bottom:10px;
max-width:445px;
min-height:80px;
cursor:pointer;
overflow:hidden;
box-shadow:0px 1px 1px 1px #d3d3d3;
padding:5px;
border-radius:2px;
}
.notification-ctn:hover {

box-shadow:0px 0px 1px 1px orange;

}
.notification-ctn-img {
display:inline-block;
background: url('../images/notifications_fallback.png') no-repeat;
width:80px;
border-radius:100%;
position:relative;
vertical-align:top;

}
.notification-source {
	position:relative;
	top:-10px;
	left:-7px;
	color:#004085;
	font-size:17px;
}
.notification-title {
	position:relative;
	top:-11px;
	color:black !important;
}

.notification-ctn-title {
display:inline-block;
padding:15px;
width:322px;
height:80px;
position:relative;
font-size:18px;
vertical-align:top;
overflow:hidden;
}


.notification-ctn-built-in-img {
display:inline-block;
background: url('../images/sprite.png') no-repeat;

}

/*************************************** end notifications *************************************/

/*************************************** start wallet & coins **********************************/


.credits-small {
background-position: -3px -1354px; 
width: 54px;
height: 43px;
}

.coins-ico {
background-position: -86px -5px;
	width: 32px;
	height: 35px;
margin-right:5px;
margin-top:8px;
}
.wallet-small-ico {
background-position: -3px -117px;
	width: 38px;
	height: 38px;
margin-right:5px;
margin-top:5px;

}


#coins_balance {
	min-width:50px;
	height:40px;
	text-align:center;
	margin-right:9px;
	margin-top:5px;
	cursor:pointer;
	
}

#coins_balance h6 {
	margin-top:11.5px;
	font-size:110%;
}


.balance-ctns-wallet, .balance-ctns-coins {
	min-width:100px;
	display:flex;
	flex-flow:row-reverse;
	justify-content:space-evenly;
}
.balance-ctns-wallet {
	min-width:50px !important;
}


#home-top-icons {
	display:flex;
	flex-flow:row-reverse wrap;
	
}
/*************************************** end wallet & coins *************************************/



/* --------------------------------------- end Sitewide Topbar -----------------------------------------*/
/* --------------------------------------- start Sitewide Footer ---------------------------------------*/
#footer {
	padding-top:20px;
	width:100%;
	min-height:150px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	padding-bottom:100px;
	background-color:white;
}
.narrow-footer {/* fix for some templates*/

/*class is printed dynamically on template detection using the dirname */

max-width:870px;
margin-left:40px;
}

.footer-col {
	text-align:left;
	width:300px;
	min-height:150px;
	margin-bottom:10px;
	border-left:1px solid #d3d3d3;
}
.footer-list a {
		
}
.footer-list li {
		margin-bottom:7px;
}
#footer-legal {
	margin-top:50px;
	width:100%;
	text-align:center;
}
.footer-list {
	list-style:none;
	font-size:17px;
}
/* ---------------------- end Sitewide Footer -----------------------------*/


/* ----------------------- start CSS Icons --------------------------------*/


.gg-close-o {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid;
    border-radius: 40px
}
.gg-close-o::after,
.gg-close-o::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    border-radius: 5px;
    top: 8px;
    left: 3px
}
.gg-close-o::after {
    transform: rotate(-45deg)
}

.gg-close-r {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1.1));
    width: 22px;
    height: 22px;
    border: 2px solid;
    border-radius: 4px
}
.gg-close-r::after,
.gg-close-r::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 12px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
    border-radius: 5px;
    top: 8px;
    left: 3px
}
.gg-close-r::after {
    transform: rotate(-45deg);

}
/* ----------------------------------- end CSS Icons ------------------------------------------*/




/*------------------------ start card post, full post , quick message templates ------------------------  */

/* devices up to 700px (smartphones) */
@media all and (max-width: 700px) {
	
	.full-post {
		border-radius:0px !important;
		width:100% !important;
	}
	
	.full-post-img {
		width:102% !important;
		max-width:102% !important;
	}

	.full-post-body {
		font-size:120% !important;
		padding:7px !important;
		padding-left:10px !important;
		line-height:2.2 !important;
	}
	.message-post-body  {
		padding-left:30px !important
	}

}

.flipmsg-card-post, .full-post {
	background-color:white;
	width:320px;
	min-height:100px;
	cursor:pointer;
	box-shadow: 0px 0px 1px 1px #212529;
	border-radius:5px;
	padding:5px;
	margin-top:10px;
}

.full-post {
	width:90%;
	margin-bottom:10px;
	
}

.flipmsg-card-post:hover , .full-post:hover {
	box-shadow: 0px 0px 1px 2px orange;
}
.post-ad-title, .full-post-ad-title, .message-post-ad-title {
	margin-top:0px;
	padding:7px;
	font-size:18px;
	min-height:30px;
	overflow:hidden;
	text-align:center;
}



.full-post-ad-title {
	margin:0 auto;
	width:100%;
	margin-top:10px;
	font-size:20px;
	border-radius:5px;
	margin-bottom:10px;
	/* border:2px solid #ffa500f5; */

	

}
.post-top-body {

	box-shadow: 1px 0px 1px 0px #d3d3d3ba;
}
.full-post-top-controller {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding-right:13px;
	padding-left:5px;

}

.full-post-link {
	text-decoration:underline !important;
}

.post-ad-text-snippet {
	border:1px solid blue;
	min-height:50px;
    max-height:130px;
	padding:5px;
	overflow:hidden;
}
.post-ad-img , .furll-post-img {
	width:100%;
	height:200px;
	margin-top:-7px;
	border-top:1px solid #d3d3d3;
	background: url("../images/default-post-img.jpg") no-repeat;
	background-position:center;
}

.full-post-img-ctn {
	display:flex;
	justify-content:center;
}

.full-post-img {
	margin-bottom:3px;
	max-width:100%;
}

.full-post-body, .message-post-body {
	padding:15px;
	font-size:120%;
	max-height:200px;
	width:100%;
	line-height:2.2;
	overflow-y:hidden;
	/* #f2f5f9 */
	background-color: #f5f5f559;
    border-radius: 10px;
	margin:0 auto;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 1px solid #e9ecef;
	
}

.message-post-body {
	border-radius: 15px;
    border: 1px solid #007bff;
    background-color: #e2f1ff /* #e2f1ff9e */;
	padding-left:30px;
	width:95%;
	font-weight:500;
}


.fp-show_more_label {
margin-left:10px;
margin-bottom:10px;
color:#007bff;
}



.post-ad-info {
	padding:3px;
	display:flex;
	flex-flow:row;
	justify-content:space-between;

}
.post-top-info {
	width:89%;
	display:flex;
	flex-flow:row;
	
}
.top-info-sub {
	width:100%;
	display:flex;
	flex-flow:column;
	
}
.post-ad-logo {
	width:50px;
	height:50px;
	border-radius:100%;
}
.post-ad-logo-ugc {
	margin-top:1px !important;
	width:93px !important;
	height:60px !important;
}
.post-ad-name, .story-post-ad-name {
	margin-top:10px;
	margin-left:10px;
	max-height:23px;
	overflow:hidden;
	width:100%;
}
.story-post-ad-name {
	margin-left:0px;
	margin-top:19px;
}	

.post-date-time {
	width:100%;
	font-size:13px;
	color:grey;
	margin-left:10px;
	margin-top:-10px;
}

.post-ad-bottom {
	border-top:1px solid #d3d3d3;
	min-height:50px;
	width:100%;
}
.post-ad-labels {
	min-height:25px;
	border-bottom:1px solid #d3d3d3;
	display:flex;
	flex-flow:row-reverse;
}
.post-label {
	border:1px solid #d3d3d3;
	display:inline-block;
	padding:1px;
	padding-bottom:2px;
	padding-right:7px;
	padding-left:7px;
	margin-bottom:2px;
	border-radius:5px;
	background-color:#06c !important;
	color:white;
}
.post-ad-engagement {
	padding:3px;
	padding-top:5px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	
}
.fp-ico-group {

	display:flex;
	flex-flow:row;
	justify-content:space-between;
	min-width:77px;
}
.post-ad-counter {
	border:1px solid #d3d3d3;
	padding:2px;
	min-width:50px;
	margin-left:-13px;
	text-align:center;
}

.engage-icons {
	position:relative;
	top:5px;
}
.like-ico {
	display:inline-block;
	background: url('../images/page-sprite-sm.png') no-repeat -7px -7px;
	width: 22px;
	height: 21px;;
}
.share-ico {
	display:inline-block;
	background: url('../images/page-sprite-sm.png') no-repeat -8px -39px;
	width: 21px;
	height: 19px;
	top:6px;
}
.comments-ico {
	display:inline-block;
	background: url('../images/page-sprite-sm.png') no-repeat -6px -75px;
	width: 23px;
	height: 19px;
	top:7px;
}


/* end card & full post templates */


/* begin pop-up(modal) */

#pu-top-ctn {
	/* default state */
	display:none;
	
	width:50%;
	min-height:70%;
	position:fixed;
	top:15%;
	left:15%;
	z-index:1;
	background-color:white;
	box-shadow:1px 1px 15px 2px grey;
	border-radius:15px;
	padding-bottom:10px;
}
#pu-close {
	color:red;
	cursor:pointer;
	position:absolute;
	right:20px;
	top:20px;
	transform: scale(var(--ggs,1.2));
}

#pu-header {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	margin-bottom:35px;
	margin-top:55px;
	
}
#pu-title {
	margin-top:13px;
}
#pu-form {
	width:100%;
	margin-top:30px;
	display:flex;
	justify-content:center;

}
#pu-form button {
	width:93%;
}
/* end pop-up(modal) */


/* Start custom bullet points */

.side-blue-arrow , .side-blue-arrow-ctn {
display:inline-block;
background: url('../images/business-sprite.png') no-repeat;
background-position: -19px -248px;
	width: 42px;
	height: 26px;

}

.side-blue-arrow-ctn {
	
	margin-top:8px;
	margin-right:10px;
	
}

/* (span after the side-blue-arrow for holding the text) */
.bullet-ctn-txt {
	position: relative;
    top: -7px;
    left: 5px;
}

/* end custom bullet points */



/* Begin custom error page whoops.php */
#error-page-header {
	margin-top:100px;
	width:100%;
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
}
#error-page-title {
	padding:10px;
}
.error-page-msg {
color:darkred;
}
#whoops-mobile {
	display:none;
}
#whoops-desktop {
	display:block;
}

#error-page-cta {
	border-radius:20px !important;
	width:70%;
	margin-top:20px;
	min-height:500px;
	padding:50px;
	font-size:25px;
}
#error-page-cta a {
	color:#008cff !important;
	text-decoration:none;
}
#error-page-cta a:hover {
	text-decoration:underline;
}
/* end custom error page  whoops.php */



/* ------------------------ begin new post widget ------------------------ */

.new-post-widget {
	width:100%;
	max-width:600px;
	min-height: 100px !important;
	background-color:white;
	padding:10px;
	border-radius:10px;
	margin-top:10px;
	border:1px solid #6c757d;
}

#post-file-ctn {
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	border-bottom:1px solid #d3d3d3;
	margin-bottom:10px;
	margin-top:15px;
}

#post-link-dialogue {
	display:flex;
	justify-content:flex-end;
}

#post-link-dialoge-close {
	margin-top:17px;
	margin-left:5px;
	margin-right:5px;
	width:24px !important;
	color:#0062cc;
}

#post-add-link {
	display:flex;
	justify-content:flex-end;
	padding:5px;
	padding-bottom:7px;
	padding-top:7px;
	border:1px solid #d3d3d3;
	margin-top:0.5px;
	color:#007bff;
	cursor:pointer;
}
#post-add-link:hover {
	text-decoration:underline;
}

#post-about-ctn {

}

#post-about-txt {
	margin-bottom:7px;
	
}





/* ------------------------ end new post widget ------------------------ */

/* ------------------------ start text styling ------------------------ */

.light-text {
	color:grey !important;
	text-align:center;
	margin-top:3px;
}


/* ------------------------ end text styling ------------------------*/

.ads {
	width:200px;
	height:200px;
	border: 1px solid blue;
}

/* ------------------------ start jquery inview anchor ------------------------*/
#inview-ctn {
	display:flex;
	justify-content:center;
	width:100%;
}

/* ------------------------ end jquery inview anchor ------------------------ */


/*---------------------------------- Start Comments -----------------------------------*/

/* mobile devices */
@media all and (max-width: 700px) {
	#printed-comments {
		padding:0px !important;
	}

	#comments-ctn {
		width:100% !important;
	}
	

}
/* End mobile devices */



/* extra small devices */
@media all and (max-width: 350px) {


}
/* extra small devices */

#comments-ctn {
min-height:200px;
width:95%;
margin:0 auto;
margin-top:-30px;
margin-bottom:50px;
height:auto;
display:flex;
flex-flow:column;
align-items:center;
background-color:white;
border-radius:10px;


}

.comment-box {
overflow:hidden;
resize:none;
width:98%;
padding:20px;
padding-bottom:20px;
 /*starting height - will be changed onfocus/oninput dynamically to height:auto via javascript */
height:75px;
border:5px solid #d3d3d3;
margin-top:10px;
}

.comment-box:focus {

	border:5px solid #7fc1ff !important;/*pinterest*/
	
}

#comments-input {
display:flex;
flex-flow:column;
align-items:center;
width:100% !important;
background-color:white;
border-radius:10px;
}

#comments-btns {
width:100%;
margin-top:10px;
display:flex;
flex-flow:row-reverse;
justify-content:center;
}
#comments-btns .btn {
margin-left:5px;	
}

#printed-comments {

width:100%;
padding:30px;	
}

.comment,.reply {
padding:15px;
width:100%;
margin-bottom:20px;
}

.reply {
width:95%;
}

.comment-body-txt {
margin-left: 5px;
    padding: 10px;
    padding-left: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 1.8;
    background-color: #e9ecef;
    border-radius: 30px;
	font-weight: 500;
}

.comment-btns {
	margin-left:10px;
	cursor:pointer;
}

.comment-btns:hover {
   color:#007bff;
}

.downvote {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  display:inline-block;
  width:11px;
  height:11px;

  
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.upvote {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  display:inline-block;
  width:11px;
  height:11px;
  
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);	
  
  position:relative;
  top:4.3px;
}

.replies-txt {
   color:#007bff;
   font-weight:bold;
   margin-top:10px;
}

.replies-ctn {
   border:1px solid #7fc1ff !important;/*pinterest*/
   width:100%;
   height:auto;
   
   margin-left:30px;
   margin-top:10px;
   border-radius:5px;
   
   padding:15px;

}

.top-comment-section {
display:flex;
flex-flow:row;
justify-content:space-between;	
}

#comments-sorting {
margin-top:20px;
width:100%;
min-height:50px;
height:auto;
display:flex;
flex-flow:row wrap;
justify-content:space-evenly;
}

.comment-engage-btn-ico {
	position:relative !important;
	top:0px !important;
	left:9px;
}



/* devices up to 1024px (tablets) */
@media all and (max-width: 1024px) {

#engage-buttons {
	width:100% !important;
}



}/* end max 1024px */

#engage-buttons {
	width:50%;
	padding:5px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	margin:0 auto;
	box-shadow:0px 0px 1px 1px #d3d3d3
}

#clap-btn {
	display:inline-block;
	background: url('../images/page-sprite-lg.png') no-repeat -6px -3px;
	width: 35px;
	height: 38px;
	cursor:pointer;
}
#tip-btn {
	display:inline-block;
	background: url('../images/page-sprite-lg.png') no-repeat -11px -48px;
	width: 26px;
	height: 45px;
	cursor:pointer;
}

#cm-like-btn, #cm-share-btn, #cm-comments-btn {
	display:inline-block;
	position:relative;
	top:0px;
	left:1px;
	cursor:pointer;
}


#cm-like-btn {
	background: url('../images/page-sprite-lg.png') no-repeat -5px -103px;
	width: 35px;
	height: 32px;
}
#cm-share-btn {
	background: url('../images/page-sprite-lg.png') no-repeat -7px -139px;
	width: 32px;
	height: 30px;
	top:1px;
}
#cm-comments-btn {
	background: url('../images/page-sprite-lg.png') no-repeat -6px -177px;
	width: 33px;
	height: 30px;
	top:3px;
}

#comments-counter,#likes-counter, #shared-counter {
	margin-left:5px;
}


#social-engage-btns {
	padding-left:5px;
}
#monetary-engage-btns {
	padding-right:5px;
	padding-top:3px;
}
.counter-ctn {
	display:inline-block;
	min-width:40px;
	height:30px;
	border:1px solid #d3d3d3;
	position:relative;
	top:2px;

	cursor:pointer;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
}
.counter-top-fix {
	top:-12px;
}

/* ---------------------------------- end Comments ----------------------------------- */

.loading {
  display:block;
  width:100%;
  border:1px solid #d3d3d3;
  border-radius:30px;
  color: #007bff;
  font-weight: bold;
  font-size:20px;
  text-align: center;
  
  }


/* loading dots  https://codepen.io/vkjgr/pen/gbPaVx */

/* devices up to 700px (smartphones) */
@media all and (max-width: 700px) {
	
	.loading {
		width:70% !important;
		top:55% !important;
	}
	
}

.loading {

  display:flex;
  justify-content:center;
  padding:5px;
  color: white;
  font-size:16px;
  text-align: center;
  background-color:#06c;
  border-radius:0px;
  width:50%;
  margin-top:10px;
  margin-bottom:10px;
  
 }


/* ----------------------------------- start loading dots ----------------------------------- */

.loading:after {
  content: ' . ';
  animation: dots 1s steps(5, end) infinite;
  
  }

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: white;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 white;}}


/* ----------------------------------- end loading dots ----------------------------------- */


/* -------------------------------- start inview containers -------------------------------- */
#feeds-inview-ctn {
	width:100%;
	margin-top:-0.5px;
}

/* ----------------------------------- end inview containers ----------------------------------- */


/* -------------------------------- start help section article -------------------------------- */


/* devices up to 700px (smartphones) */
@media all and (max-width: 700px) {

	.help-body {

		max-width:100% !important;
	}	
	.help-body h1 {
		margin-bottom:70px !important
	}


} /* end smartphones */

.help-body {
	box-shadow:0px 0px 2px 1px #d3d3d3;
	max-width:800px;
	padding:15px;
	font-size:20px;
	margin:0 auto;
	text-align:left;

}

.help-body img {
	max-width:100% !important;
	height: auto !important;
	margin-bottom:50px;
}

.help-body p {
	
	margin-bottom:20px;
	margin-top:50px;
	
}

.help-body h1 {
	margin-top:30px;
	font-size:30px;
	margin-bottom:100px;
}

.help-body h2 {
	font-size:22px;
	padding:7px;
	box-shadow:0px 1px 2px 2px #d3d3d3;
	margin-bottom:30px;
	margin-top:40px;
}

.help-body li {
	margin-bottom:30px;
}


/* -------------------------------- end help section article -------------------------------- */