@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500&Dancing+Script:wght@700&display=swap");
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

:root {
	--back-color: #FFB324;
	--text-white-color: #ffffff;
	--light-grey-background-color: #FAF9F9;
	--light-black-text-color:#666666;
	--back-btn-light-color:#F4F3F3;
	--text-light-gray-color:#929292;
  }

body{
	margin:0;
	padding:0;
	font-family: Inter;
	overflow: hidden;
	display: none;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0
}
img{
	max-width:100%;
	/*height:100%*/
}
ul{
	margin:0; padding:0;
}
.row{
	margin:0;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 277px;
  background-color: #f7f7f7;
  position: fixed;
  height: 100%;
  overflow: auto;
}

.sidebar a {
  display: block;
  color: #666666;
  padding: 16px 16px 0px;
  text-decoration: none;
}

 
/*.sidebar a.active {
  background-color: #04AA6D;
  color: white;
}

.sidebar a:hover:not(.active) {
  background-color: #555;
  color: white;
}*/

section.content {
	margin-left: 283px;
	padding: 1px 16px 1px 0px;
	height: 1000px;
	width:  calc(100% - 283px);
	display: inline-block;
}


.back_arrow{
	margin-top: 27px;
	margin-left: 10px;
	width: 24px;
	height: 21px;
	cursor: pointer;
}


.logo-image {
    width: 58px;
    padding-top: 17px;
    margin-left: 2px;
    height: 74px;
	
}

.logo-string-1 {
    position: absolute;
    width: 87px;
    height: 28px;
    left: 103px;
    top: 34px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 29px;
    color: #FFB324;
    margin-top: -10px;
}


.logo-string-2 {
    position: absolute;
    width: 58px;
    height: 29px;
    left: 189px;
    top: 34px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    color: #201D18;
    margin-top: -10px;
}
.mode-change {
    position: absolute;
    top: 10px;
    left: 200px;
    cursor: pointer;
}
.my_feed{
	display: block;
	width:245px ;
	height:25px;
	background:#F6E1DC ;
	padding: 10px;
	text-align: left;
	color:#FB5631!important ;
	font-weight:400 ;
	line-height: 24.2px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	font-size: 20px;
	font-family: inter;
	margin-top: 15px;
}
.heading{
	padding: 10px 10px 5px 20px;
	color: var(--text-light-gray-color);
	font-weight: 600px;
	font-size: 15px;
	line-height: 24px;
	display: inline-block;
}
.feed-links a{
	margin-left: 32px;
	padding: 5px 7px 4px 7px!important;
}
.feed-links img{
  width: 18px;
}
.feed-links li a{
	font-size: 14px!important;
	line-height: 24px!important;
	color: var(--light-black-text-color);
	font-family: 'Inter'!important;;
	font-style: normal;
	font-weight: 400;
}
.user-profile img{
	background: #80808061;
	border-radius: 20px;
	width: 30px;
	height: 30px;
}
.user-profile{
	text-align: right;
  margin-top: 24px;
}
select{
	border: none;
	background: transparent;
	margin-top: -25px;
	position: relative;
	top: -10px;
}
.feed_para p{
	Font-family: Inter;
	font-weight: Bold;
	Font-size: 21px;
	Line-height: 34px;
  color: #403520
}







.feed_para span{
	Font-family: Inter;
	font-weight:200;
	Font-size: 20px;
	background:#FFF7E8 ;
	color:#FFB324 ;
	border-radius: 29px;
	padding: 4px 17px 6px;
}
.feed_para h5{
	Font-family: Inter;
	font-weight:600;
	Font-size: 24px;
	color:#666666;
	margin-top: 30px;
}
.feed_para .shortcut-btn{
	position: relative;
  top: 150px;
}
.shortcut-btn button{
	color: #FFB324;
	Font-size: 18px;
	background: #FFFAF0;
	border-color: #FFFAF0;
	border-radius: 8px;
}
.shortcut-btn button.btn-primary:hover {
  color: #FFB324;
  background-color: #FFFAF0;
  border-color:  #FFB324;
}
.shortcut-btn img, .sup-filter{
	cursor: pointer;
	margin-left: 5px;
    margin-right: 5px;
}
.feed_para{
	box-shadow: 0px 6px 12px -7px rgba(32, 29, 24, 0.13);
	padding-bottom: 30px;
	margin-top: 10px;
}
.feed_strip {
    margin-top: 0px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.dark-mode .feed_strip {
    margin-top: 3px;
    padding-bottom: 15px;
    padding-top: 15px;
    border: 1px solid white;
    border-radius: 5px;
    margin-bottom: 5px;
}



.feed_strip p{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 21px;
	line-height: 29px;
	color: #110E08;
	width: fit-content;
 
}

.feed_strip:hover{
	opacity: 0.8;
	box-shadow: 0px 6px 12px rgba(32, 29, 24, 0.13);
	border-radius: 8px;
}

.feed_strip:hover .read_feed{
	display: block !important;
}

.feed_icon img{
	width: 16px;
}

span.post-date-time{
	color: var(--light-black-text-color);
	padding: 1px 5px 3px;
	/* background: #F4F3F3; */
	border-radius: 6px;
	margin-top: 10px;
	cursor: pointer;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 19px;
}

.post-author{
	color: var(--light-black-text-color);
	/* padding: 1px 5px 3px; */
	/* background: #F4F3F3; */
	border-radius: 6px;
	margin-top: 10px;
	cursor: pointer;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 19px;
}
.author-image{
	margin-right: 5px;
}
/* .feed_icon span img{
	width: 20px;
} */

/* .feed_icon span span{
	font-family: 'Inter';
	font-weight: 500;
	font-size: 13px;
	line-height: 19px;
	color: #999999;
} */

.pills {
    position: relative;
    top: 10px;
    padding: 6px 6px 6px 6px;
    border-radius: 4px;
    margin-left: 6px;
	background-color: #F4F3F3;
	cursor: pointer;
	font-size: 0.6rem;
	font-weight: 600;
	margin-right: 6px;
}

.event-item .pills{
	top:0px;
}

.detail-page-attr, .event-attr, .job-date-time {
    color: var(--light-black-text-color);
    padding: 1px 5px 3px;
    /* background: #F4F3F3; */
    border-radius: 6px;
    margin-top: 10px;
    cursor: pointer;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 19px;
    margin-left: -5px;
}

 .all_feeds, .all_jobs{
  overflow-y: scroll;
  max-height: 500px;
  margin-top: 0px;
  width: 100%;
}

/* width */
.all_feeds::-webkit-scrollbar, .all_jobs::-webkit-scrollbar {
width: 16px;
height: 626px
}

/* Track */
.all_feeds::-webkit-scrollbar-track, .all_jobs::-webkit-scrollbar-track  {
background: #F4F3F3;
border-radius: 30px;
}

/* Handle */
.all_feeds::-webkit-scrollbar-thumb,.all_jobs::-webkit-scrollbar-thumb {
background: #FFB324;
border-radius: 30px;;
}

/* Handle on hover */
.all_feeds::-webkit-scrollbar-thumb:hover,.all_jobs::-webkit-scrollbar-thumb:hover {
background: #FFB324; 
}



.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
   width: 120px;
  top: 100%;
  left: 50%;
  margin-left: -60px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.read_feed{
    position: absolute;
    right: 30px;
    background: #fff7e9!important;
    border-radius: 6px;
    color: #FFB324!important;
    /* font-weight: 600; */
    font-size: 18px;
    padding: 0px 8px 0px 8px;
    margin-top: -10px;
}

.feed_icon u{
	/*background: #FFFAF0!important;*/
	color: #FFB324!important;
	font-size: 13px;
    text-decoration: none;
}

.feed_icon i{
	  position: absolute;
	  right: 20px;
    bottom: -3px;
    color: #999999;
}
.sidebar{
	-webkit-transition: all 600ms ease;
	/*overflow-x: hidden;*/
}
.content{
	-webkit-transition: all 600ms ease;
}
.heading{
	-webkit-transition: all 600ms ease;
}
.read_feed{
	-webkit-transition: all 600ms ease;
}
.my_feed{
	-webkit-transition: all 600ms ease;
}
.shortcut-btn{
	  position: relative;
    right: -75px;
}
/* .counter:hover{
   color: #FFB324;
} */
/* .counter:hover{
   background :#FFFAF0!important ;
} */
/* .counter{
   background :transparent!important ;
} */
/* .upvote:hover{
	background :#FFFAF0;
} */
/* .counter1:hover{
   color: #0890D3;
} */

/* .counter1:hover{
   background :#F0FAFF!important ;
} */

#share_icon:hover{
	background :#F6FFF0!important;
}
.shortcut-btn i{
	font-size: 15px!important;
}

.feed_grid .feed_strip{
	padding-bottom: 30px;
	border: 1px solid #D9D9D9;
	border-radius: 8px;
	margin-top: 15px;
}
.feed_grid .feed_strip:hover{

border: none;
border-radius: 8px;

}
/* .feed_grid .feed_icon span{
	margin-top: -12px;
} */
.feed_grid .read_feed{
		position: absolute;
	right: 18px;
}
.feed_grid .feed_icon i{
	right: 10px;
	position: absolute;
}
.grid-view{
	display: none;
}
.feed_modal{
	  font-family: 'Inter';
    font-weight: 600;
    font-size: 21px;
    line-height: 29px;
    color: #110E08;
    margin-top: 20px;
}
.modal-header{
	border-bottom: none;
	padding: 0px!important;
}
.modal-header .close {
 margin-right: 15px;
 margin-top: 5px;
}
button:focus {
     outline: none; 
     outline: none; 
}
.feed_modal img {
    width: 26px;
    /*margin-bottom: 3px;*/
}
/* .feed_modal span {
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    color: #666666;
	padding: 3px 3px 3px 3px;
    background: #F4F3F3;
    border-radius: 6px;
    margin-top: 10px;
    cursor: pointer;
} */
.feed_p{
	margin-top: 10px;
	font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #666666;
}

.threads{
	background: #F4F3F3;
	border-radius: 6px;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: #4D4D4D;
}
.feed_modal button{
	background: #FFB324;
  border-radius: 6px;
  color: #ffffff;
  border-color:#FFB324 ;
  padding: 8px 15px 8px 15px;
  border: unset;
}

.feed_modal button:hover{
	background: #FFB324;
  color: #ffffff;
  border-color:#FFB324 ;
}
.feed_modal button .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #FFB324;
    border-color: #FFB324;
}
.feed_modal button .btn-primary.focus, .btn-primary:focus {
     box-shadow:none; 
     outline: 0;
}
.feed_modal button .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow:none;
}
.view1{
	width: 15px!important;
}
.icons_link i{
	font-size: 25px;
}
.icons_link img{
	width: 15px;
}
.icons_link span{
	margin-left: 7px;
/*	padding: 0px 2px 0px*/
}
#share_icon{
	font-size: 15px!important;
	display: none;
}
.icons_link span:hover{
	/* background: #FFB324; */
  border-radius: 6px;
 /* color: white;*/
}
.icons_link span:hover i{
/*	background: #FFB324;
  border-radius: 6px;*/
  color: white;
}
.icons_link span:hover span{
	color: white;
}
.social_icons li{
	list-style: none;
	display: inline-block;
	font-size: 12px;
}
.social_icons ul{
	overflow: hidden;
}
textarea{
	resize: none;
}
textarea::placeholder{
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #999999;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: unset;
     outline: 0; 
     box-shadow: none; 
}

.post_comment{
	text-align: right;
	padding: 0px;
  }



.comment_section img {
    background: #80808061;
    border-radius: 20px;
    width: 30px;
    height: 30px;
}
.comment_section .name{
		font-weight: 600;
		font-size: 14px;
		line-height: 19px;
		color: #333333;
	}
	.comment_section .time{
		font-weight: 500;
		font-size: 12px;
		line-height: 19px;
		color: #666666;
	}
	.comment_section p{
			background: #FAF9F9;
			border-radius: 6px;
			font-weight: 500;
			font-size: 14px;
			line-height: 19px;
			color: #4D4D4D;
			padding: 10px;
			margin-bottom: 0.5rem;
	}
	.comment_section i{
		position: absolute;
    right: -5px;
    bottom: 21px;
	}
	.comment_section .comment{
		width: 420px;
	}

	.row.comment_section {
		margin-bottom: 25px;
	}

	.modal-footer{
		border: none;
	}
	.might_like{
		font-weight: 700;
		font-size: 20px;
		line-height: 24px;
		color: #3E3D3C;
	}
	.read_all{
		font-weight: 500;
		font-size: 14px;
		line-height: 17px;
		color: #FFB324;
		cursor: pointer;
	}
	.read-all{
		position: relative;
		margin-bottom: 19px;

	}
	.read-all p{
		color: #110E08;
		font-size: 12px;
		height: 44px;
		font-family: 'Inter';
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 19px;
		margin-bottom: 20px;
	}
	.img_p img{
		width: 12px;
		    position: relative;
    top: -23px
	}
	.read-all span{
		font-size: 10px;
	}
	.img_p{
		position: relative;
    left: -21px;
	}

	.img_p span{
		position: relative;
    top: -23px;
    font-weight: 500;
		font-size: 11px;
		line-height: 17px;
		color: #666666;
	}
	.counter_sec span{
		font-weight: 400;
		font-size: 10px;
		line-height: 5px;
		color: #959090;
	}
	.best_discussions{
		font-weight: 700;
		font-size: 20px;
		line-height: 24px;
		color: #3E3D3C;
	}
	.discussions p{
		font-weight: 500;
		font-size: 16px;
		line-height: 19px;
		color: #110E08;
	}
	.discussions span{
		font-weight: 400;
		font-size: 12px;
		line-height: 15px;
		color: #959090;
	}
	.discussions{
		position: relative;
    top: 65px;
    margin-top: 5px;
	}

	.tooltip {
		
		border-bottom: 0px dotted black;
	}

	.active-li {
		background: #F7E1DC;
		padding: 0px 0px 35px 0px;
		width: 245px;
		height: 25px;
		display: block;
		/* padding: 16px 16px 40px; */
		text-decoration: none;
		text-align: left;
		color: #FB5631!important;
		font-weight: 400;
		line-height: 24.2px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		font-size: 20px;
		font-family: inter;
		/* margin-top: 15px; */
	}

	.icon-active {
		display: none;
	}

	.side_link{
		margin-left: 5px;
	}


	#my-feed .icon-inactive{
		display: none;
	}


	.active-li #my-feed .icon-active{
		display: inline-block;
	}

	.active-li #my-feed .icon-inactive{
		display: none;
	}

	



.sup-favicon{
	border-radius: 50%;
	width: 26px;
	border-radius: 50%;
}

.author-image{
	border-radius: 2px;
}
.might-like-section .post-date-time{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: var(--light-black-text-color);
}


.might-like-section  .row.counter_sec span{
	font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #959090;
margin-left: 5px;
}

.row.feed_strip.loading-sk{
	width: 100%;
}



.display-type {
    border: 2px solid #dad8d866;
    width: fit-content;
    float: right;
    padding: 2px 5px 2px 5px;
    border-radius: 7px;
	display: none;
}

.post-layout{
	cursor: pointer;
}
.post-title{
	cursor: pointer !important;
}
.thumbnail-image{
	max-width: 100%;
	min-width: 100%;
	max-height: 200px;
    min-height: 200px;
}

.thumbnail-loading{
		max-width: 100%;
		height: 121px;

}
.skeleton{
	animation: skeleton-loading 1s linear infinite alternate;
}

.skeleton-text{
	width: 100%;
	height: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.skeleton-modal-image {
    max-width: 100%;
    height: 200px;
}

@keyframes skeleton-loading {
	0%{
		background-color: hsl(200, 20%, 70%);
	}

	100%{
		background-color: hsl(200, 20%, 95%);
	}
}


.votted .down-vote, .up-vote{
	display: none;
}

.votted .up-vote{
	display: inline-block;
}


.votted{
	color: #FFB324;
	background :#FFFAF0!important ;
 }

 .votted .counter,  .votted .counter:hover{
	color: #FFB324;
 }


 .full-post-thumbnail{
	min-height: 220px;
    max-height: fit-content;
	max-width: 100%;
    min-width: 100%;
 }

 .carousel-item .full-post-thumbnail{
	border: 1px solid #FFE0A6;
  	border-radius: 5px;
}

 button.btn.btn-primary.save-new-comment{
	padding: 5px 10px 5px 10px;
	background: #FAF9F9;
	border-radius: 8px;
	border-color:#FAF9F9 ;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #C1C1C1;
 }
 button.btn.btn-primary.save-new-comment.active-btn {
    background: #FFB324;
    color: #fff;  
}

button.btn.btn-primary.save-new-comment.disable-btn {
    cursor: not-allowed;
}


.comment__replies{
	margin-left: 60px;
	width: 100%;
}


.comment__replies .comment{
	width: 100%;
}

.comment__replies .replies-comments-text{
	width: 100%;
}

.comment__replies .comment_section{
	width: 100%;
}

.feed_full_width.post {
    width: 100%;
}


.row.row-1{
	margin-top: 10px;
}

.profile-link, .login-link {
    width: fit-content;
    float: right;
    display: none;
    color: white;
    /* font-weight: 500; */
    font-size: 16px;
    line-height: 22px;
    /* border: 1px solid #bdbaba; */
    padding: 2px 10px 2px 10px;
    /* border-radius: 15px; */
    cursor: pointer;
    /* background-color: #FFB324; */
    border-radius: 17px;
	margin-top: 4px;
}

.login-link{
	background-color: #FFB324;
}

.profile-link > *{
	display: inline-block;
	color: var(--text-light-gray-color);
}

.profile-link .profile-image{
	border-radius: 50%;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}

.profile-link:hover .drop-down-links {
	display: block;
}

.drop-down-links {
    border: 1px solid #00000066;
    padding: 5px 25px 5px 25px;
    border-radius: 16px;
	display: none;
	position: absolute;
	background-color: white;
	left: 65px;
	z-index: 999;
}

.drop-down-links > * {
    display: block;
}


span.d-links {
    margin-bottom: 5px;
    /*border-bottom: 1px solid #00000066;*/
    padding: 1px 20px 1px 20px;
	font-size: 14px;
	cursor: pointer;
	letter-spacing: 1px;
}
span.d-links:hover {
	/* font-size: 16px; */
	font-weight: 600;
}
.promoted-btn{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 24px;
	color: #FFB324;
	background: #FFF7E8;
	border-radius: 29px;
	justify-content: center;
	align-items: center;
	padding: 1px 10px;
	gap: 10px;
	border: unset;
	cursor: default;
	margin-left: -10px;
}

.profile-header{
	text-align: center;
}

.profile-header img{
	border-radius: 50%;
} 

.user-name{
	text-transform: capitalize;
	font-weight: 600;
	margin-right: 5px;
}


input.form-control {
    background: #F4F3F3;
    border-radius: 8px;
    height: 40px;
}


.comment-action{
	background-color: unset;
	text-align: right;
	width: 420px;
}

.comment-action span{
	padding: 7px;
}

.comment-action span:hover{
	color:  var(--text-white-color);
	background-color:var(--back-color);
}


.top-section{
    /* opacity: 0.8; */
	box-shadow: 0px 1px 13px 3px rgb(32 29 24 / 10%);
    /* box-shadow: 0px 6px 12px rgba(32, 29, 24, 0.13); */
    border-radius: 8px;
	min-height: 90px;
}


.blue-comment{
    display:none; 
} 

.commented .blue-comment{
	display: inline-block;
}

.commented span{	
	color: #0890D3 !important;
}

.commented .comment-default{
	display:none
}


.commented{
	background :#F0FAFF;
}

.pills img{
	width: 15px;
 }

 /* <img class="share-default" src="../assets/images/share_icon.png">
 <img class="green-share"  */

.pills .share-default{
	display:inline-block;
}

.pills .green-share{
	display:none;
}

.share-icons:hover .green-share{
	display: inline-block;
}

.share-icons:hover .share-default{
	display: none;
}

 .comment-action-btns {
    color: var(--light-black-text-color);
	
    background-color: var(--back-btn-light-color);
    font-size: 15px;
    border-radius: 5px;
	cursor: pointer;
}
.search-row-section{
	margin-top: 15px;
    margin-bottom: 15px;
	border-bottom: 1px solid #CCCCCC;
}

.search-post-can{
	display: inline;
    position: relative;
}
.search-job-can{
	display: inline;
    position: relative;
}

.search-job-can{
	display: none;
}


.search-post-logo{
	width: 20px;
    position: absolute;
    top: 0px;
    left: 6px;
}

.search-post-search-icon{
	position: absolute;
    top: -3px;
    right: 9px;
	height: 20px;
}

.search-job-close-icon {
    position: absolute;
    top: 2px;
    right: 9px;
    height: 16px;
	cursor: pointer;
	display: none;
}

#search-posts, #search-jobs {
    margin-top: 10px;
    /*font-size: 19px;*/
    width: 20%;
    border-radius: 20px;
    border: 1px solid;
    border: 1px solid #00000066;
	padding-left: 32px;
	height: 33px;
	
}
#search-jobs{
	font-size: 12px;
}
.skeleton-promote-image{
	width: 88%;
    height: 70px;
    border-radius: 5px;
}

.skeleton-text-12{
	width: 60%;
}

#promoted-redirect-link {
    color: #403520;
}

#promoted-redirect-link:hover {
    color: #403520;
	text-decoration: none;
}

#promoted-redirect-link p {
	font-family: 'inter';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 34px;
    color: #403520;
	text-transform: none;
	margin-bottom: 0px;
	margin-left: -10px;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	width: 700px;
}

p.open-post, p.open-job{
	cursor: pointer;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 26px;
	/* identical to box height */
	color: #110E08;
	margin-bottom: 0.5rem;
}

a:hover {
    text-decoration: unset;
}

.full-post .social_icons > *{
	cursor: pointer;
}

.full-post  .social_icons{
	display: none;
	margin-left: 155px;
}

.pills .share-icons{
	display: none;
}

.add-profile-image{
	display: none;
}

.save-as-profile-image{
 background-color: var(--back-color);
color:var(--text-white-color);
border: unset;
border-radius: 5px;
 padding: 5px 7px 5px 7px;
 display: none;
}

.search-for {
    position: absolute;
    top: 54px;
	display: none;
}


.pause-start{
	background-color: var(--light-black-text-color);
	text-align: right;
	border: unset;
	color: var(--text-white-color);
	margin-top: 15px;
	border-radius: 5px;
}

.pause-start{
	padding: 7px;
}

.pause-start:hover{
	color:  var(--text-white-color);
	background-color:var(--back-color);
}

#pause-tab-modal .modal-header{
	align-items: center;
	
}

#pause-tab-modal .modal-header h5{
	margin-left: 20px;
	
}

#pause-tab-modal .modal-content {
	width: 90%;
	padding: 20px 0px 0px 10px;
}

#customize-modal .modal-content {
	padding: 20px 0px 0px 10px;
}

#myModal .modal-content{
	width: 126%;
}

.might-like-section{
	margin-top: 60px;
}



img.open-post, img.open-job{
	min-width: 100%;
}

.post-cards.job-item img.open-post,.post-cards.job-item img.open-job{
	min-width: 100%;
    padding: 50px 103px;
}
.profile-update-btn {
    color: var(--text-white-color);
    background-color: var(--back-color);
    width: 100%;
    padding: 5px 0px 5px 0px;
    font-size: 18px;
    border: unset;
	border-radius: 5px;
    margin-top: 2rem;
}

form.delete-profile-form{
		color: #FB7272;
		background-color: #FFECEC;
		padding: 30px 15px 15px 30px;
	
}

form.delete-profile-form p{
	font-family: 'Inter';
	font-style: normal;
	
	font-size: 14px;
	line-height: 17px;
	
	color: #FB7272;
	font-weight: 600;
}

.edit-comment {
	display: none;
}
.delete-account-btn {
    background-color: #FF7252;
    color: #fff;
    border: unset;
    padding: 9px;
    border-radius: 5px;
}


form label{
	font-family: 'Inter';
font-style: normal;
/*font-weight: 600;*/
font-size: 13px;
line-height: 19px;

color:var(--light-black-text-color)
}

form label.error{
color: rgb(133, 16, 16);
}


.top-logo-1{
	border-radius: 50%;
}

li.nav-li {
    margin-bottom: 0px;
}

.my-feed-heading {
    font-family: 'Inter';
    font-style: normal;
    font-weight: bolder;
    font-size: 20px;
    line-height: 29px;
    color: var(--light-black-text-color);
    margin-top: 9px;
    /* padding-top: 54px; */
    display: inline-block;
    margin-left: 10px;
}


.feed_full_width img.open-post, .feed_full_width img.open-job{
	max-height: 100px;
	min-height: 100px;
	margin-left: 10px;
}

.might-like-section img.open-post, .might-like-section img.open-job{
	max-height: 115px;
    min-height: 95px;

}

img.open-job.company-logo-like {
    min-width: unset;
    padding: 25px 25px 25px 25px;
	max-height: unset;
    min-height: unset;
}

.read-full-aritcle{
	margin-left: 5px;
}

.grid-active, .list-active{
	height: 32px;
}

.feed_strip.feed_full_width .col-2{
	/*background-color: #f7f7f7;*/
	padding: unset;
	margin-left: 15px;
	margin-right: 15px;

}

.feed_full_width img.open-post.error-image, .feed_full_width img.open-job.error-image {
    max-height: 70px;
    min-height: 85px;
}

.feed_strip.feed_full_width  .col-10 {
    flex: 0 0 79.333333%;
    max-width: 83.333333%;
}

.promoted-section img{
	/*max-height: 70px;
    min-height: 70px;*/
	width: 100%;
    max-width: 100%;
    min-width: 100%;
}


.promoted-section .col-2.change-wcol {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 10.666667%;
	display: flex;
	align-items: center;
}

.upvote {
	margin-left: 0px;
}

.feed-links.mt-5 {
	margin-top: 2rem!important;
}

#search-posts::placeholder{
	font-size: 14px;
	color: #9b9b9b;	
}


.youtube-redirect{ background-color:#FFF1F1; color:#EF0707;}

.youtube-redirect u, .redirect-for-read.youtube-watch-btn{ background-color:#FFF1F1 !important; color:#EF0707 !important;}


.td-profile, .td-register, .td-login, form.delete-profile-form, .td-email-verify, .td-forgot, .td-re-verify-email{
	width: 90%;
	margin: auto;
}

.profile-header .bio, .profile-header .company-name,.profile-header .user-name{
	margin-bottom: 5px;
}

.change-user-image{
	max-width: 145px;
}

.author {
	position: absolute;
    bottom: 6px;
    font-size: 12px;
    color: #666666;
    margin-left: 18px;
}

.author-icon {
	width: 75px;
}

.down-arrow {
	width: 13px;
}

.tagline {
	margin-left: 106px;
    font-size: 12px;
    margin-top: -20px;
}

.active-li .side_link{
	color: #FB5631;
}

.icon-inactive.docs-image-css{
		width: 15px;
		height: 16px;
		margin-left: 2px;
	
}

#customize-modal .modal-title{	
	margin-left: 10%;
    color: #666666;
    font-weight: 600;
    font-size: 18px;
}

#customize-modal .supplier-name{
	color: #666666;
}

#customize-modal .row.supplier-rows {
    justify-content: space-between;
    margin-left: 10%;
    margin-right: 10%;
}


#customize-modal .switch {
	position: relative;
	display: inline-block;
	width: 65px;
	height: 34px;
  }
  #customize-modal  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  #customize-modal  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  #customize-modal  .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  #customize-modal  input:checked + .slider {
	background-color: #30363a ;
  }
  #customize-modal  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }
  #customize-modal  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  #customize-modal  .slider.round {
	border-radius: 34px;
  }
  #customize-modal .slider.round:before {
	border-radius: 50%;
  }
  #customize-modal  .slider2 {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  #customize-modal  .slider2:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 3px;
	background-color: #ffffff;
	-webkit-transition: .4s;
	transition: .4s;
  }
  #customize-modal .slider2:before:after{
	background-color: red;
  }
  #customize-modal  input:checked + .slider2 {
	background-color: white;
    border: 1px solid #ccc;
  }
  
  #customize-modal  input:focus + .slider2 {
	box-shadow: 0 0 1px #2196F3;
  }
  
  #customize-modal  input:checked + .slider2:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	background-color: #FFB324;
	 border-color: #FFB324;
	transform: translateX(31px) rotate(350deg);
	color: #fff;
  }
  
  #customize-modal  .slider2.round {
	border-radius: 34px;
  }
  #customize-modal .slider2.round:before {
	border-radius: 50%;
  }
  
  .nav-li-active-new-tab{
	display: none;
  }


  #testing-group-modal .modal-title{
	margin-top: 10px;
    margin-left: 12px;
  }

  #testing-group-modal .testing-group-link{
	display: block;
	color: var(--light-black-text-color);
  }

  #testing-group-modal .testing-group-link:hover{
	color: var(--light-black-text-color);
  }
  .google-search-row{
	justify-content: center;
  }
  .search-can{
	position: relative;
	
  }

  .google-icon {
    width: 21px;
    position: absolute;
    top: 7px;
    left: 10px;
}
  
#google-sq {
    height: 36px;
    width: 500px;
    border-radius: 20px;
	padding-left: 40px;
	padding-right: 38px;
	border:unset;
	box-shadow: 0px 1px 5px 3px rgb(166 118 37 / 20%);
}

#google-sq:active, #google-sq:focus-within, #google-sq:focus, #google-sq:focus-visible {
border: unset !important;
outline: none !important;

}

.search-icon-for-google {
    position: absolute;
    top: 7px;
    right: 12px;
    width: 20px;
}

.other-settings{
	margin-left: 10%;
	margin-bottom: 5px;
    color: #666666;
    font-weight: 600;
    font-size: 18px;
}

.google-cus-row{
    justify-content: space-between;
    width: 76%;
    margin: auto;
	color: var(--light-black-text-color);
}

.add-review-css{
	padding-top: 3px;
}

.nav-li-groups {
	display: none;
}

.version {
	margin-left: 30px;
    font-size: 10px;
    color: #a7a7a7;
}

.row.feed_strip.post.feed_full_width.no-more-row {
   
    min-height: 130px;
  
    align-items: center;
    margin: auto;

}

.no-more-results{
	margin: auto;
}
.required-input{
	color: rgb(159, 32, 32);
	font-size: 13px;
}

.form-control.error{
	border: 1px solid rgb(159, 32, 32);
}

.select-poll-img {
    width: 25px !important;
    height: 25px;
    margin-right: 5px;
    margin-top: -3px;
}

.select-poll-text{
	font-size: 18px;

}

.text-underline{
	text-decoration: none;
}
.poll-votted-already .text-underline{
	text-decoration: none;
}
span.one-option{
    cursor: pointer;
}



.poll-post{
	margin-left: 15px;
}

.hide-item.progress-bar-parent{
	display:none;
}

.progress-bar-parent{
	display: block;
}

.progress-bar-parent img{
	margin-left: 2px;
}
.selected-poll-img{
	width: 18px;
	border-radius: 50%;
	margin-top: -2px;
}
.progress-bar-parent img, .progress-bar-parent span{
  float: left;
}

.progress.polled-option{
	margin-left: 25px;
}

.gid-poll-view.row.flex-column.poll-options{
	min-height: 200px;
	/* ma-height: 200px; */
}

.modal-body .progress.polled-option {
    margin-left: 40px;
}

.modal-body .select-poll-text, .modal-body .option-page{
	font-weight: 500;
}

.pinned-post-before-title {
    width: 23px;
    margin-right: 11px;
}
.pinned-post {
  

	/*transform: rotate(316deg); */
    width: 18px !important;
    height: 18px;
    margin-right: 5px;
}

.pinned-post-parent{
    position: absolute;
    right: 4%;
}

.pinned-post-before-title{
	width: 18px !important;
}
.pinned-post-t{
    width: 18px;
    margin-right: 5px;
}
.feed_grid.poll-post {
    margin-left: 0px !important;
} 
.feed_full_width.feed_strip  .progress-bar-parent {
	width: 50% !important;
}
.all_feeds  .progress.polled-option,.all_feeds  .progress-bar, .all_jobs  .progress.polled-option,.all_jobs  .progress-bar{
	height: 0.5rem;
}

.modal-body .selected-poll-img{
	width: 18px !important;
}

.row.feed_strip.post.feed_full_width{
	position: relative;
}
span.option-page {
    display: inline-flex;
    width: 39px;
}
.modal-body span.option-page {
	width: 50px;
	font-size: 18px;
}

.modal-body .row.flex-column.poll-options {
	margin-bottom: 20px;
}
.vote-c-count {
    font-weight: 500;
    font-size: 16px;
	color: #666666;
}

.row.supplier-rows[data-supplier-id="5"] {
    display: none;
}

.two-ch-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Dancing Script', cursive;
	font-weight:700;
	font-size:60px;
}
  
.modal-body .two-ch-center{
	font-size:100px;
}

img.open-post, img.open-job{
	border: 1px solid #FFE0A6;
	border-radius: 5px;
}
  
.get-re-otp{
	display: none;
	
}

.user-inputs {
    border: 1px solid #E5E5E5;
    border-radius: 31px;
    padding: 4px 3px;
    margin-top: 8px;
    font-size: 15px;
}

.publish-item{
	/* margin-right: 15px; */
	margin-left: 15px;
	cursor: pointer;
}

.pub-test{
	color: #666666;
    font-size: 14px;
}
/* dark - mode*/
.dark-mode, .dark-mode .sidebar{
	background-color: #1d1d1d;
}


.dark-mode form label:not(.error), .dark-mode .heading-text{
	color:white !important;
}

.dark-mode form input{
	border: 1px solid #515150 !important;
	background-color: #191919 !important;
	color:white !important;
}

.dark-mode .row.feed_strip{
	background-color: #1d1d1d;
	border: 1px solid #343434;
}

.dark-mode .bg-darker{
	background-color: #191919!important;
}

.dark-mode section.content{
	background: black;

}

.dark-mode #search-posts {
    background: #191919;
    color: white;
    border: 1px solid #B2B2B2;
}

.dark-mode .top-section{
	background-color: #191919;
	margin-left: 5px;
	box-shadow: 0px 5px 13px 3px rgb(32 29 24 / 57%);
}
.dark-mode .post.feed_full_width{
	background-color: #191919;
	margin-left: 5px;
}


.dark-mode .drop-down-links
{ background: #191919;
color: #fff;
border: 1px solid #fff;
}
.dark-mode .display-type{
	background-color: #191919;
}

.dark-mode .might_like, .dark-mode .my-feed-heading, .dark-mode .pinned-post-parent, .dark-mode p, .dark-mode .no-more-results,.dark-mode .profile-header div, .dark-mode .other-settings, .dark-mode .left-item, .dark-mode .td-profile label:not(.error), .dark-mode .supplier-name, .dark-mode .logo-string-2, .dark-mode .logo-string-2,  .dark-mode .form-check-label, .dark-mode .modal-title{
	color: #ffffff !important;
}

.dark-mode .form-control.new-comment-text{
	background-color: #191919;
	border:1px solid #FFB324 !important;
	color: #fff !important;

}

.dark-mode .all_feeds::-webkit-scrollbar-track,.dark-mode .all_jobs::-webkit-scrollbar-track  {
    background: #191919;
}

.dark-mode #promoted-redirect-link p, .dark-mode .name, .dark-mode .time, .dark-mode .close{
	color: #ffffff !important;
}

.dark-mode .promoted-section .change-wcol img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    background: #323131;
    padding: 5px;
    border-radius: 5px;
}

.dark-mode .user-name{
	color: white;
}

.dark-mode .def-logo, .white-logo{
	display: none;
}

.dark-mode .white-logo{
	display: inline-block;
}

.dark-mode img.dancing-class.white-theme-thumbnail {
	display: none !important;
}

.black-theme-thumbnail{
	display: none;
}
.dark-mode .black-theme-thumbnail{
	display: block;
}

.dark-mode #google-sq {
    background: #191919;
    color: white;
}

.dark-mode .promoted-action:hover{
	background-color: #414141;
}

/* .dancing-class.black-theme-thumbnail{
	display: none !important;
}

.dark-mode .dancing-class.black-theme-thumbnail{
	display: block !important;
} 

.dark-mode .dancing-class.white-theme-class{
	display: none !important;
}  */

.dark-mode .two-ch-center{
	color: #fff !important;
}

.dark-mode .comment{
	color: #000000 !important;
}

.dark-mode .top-logo-1 {
    /* border-radius: 11%; */
    border-top-left-radius: 60%;
    border-top-right-radius: 60%;
    border-bottom-right-radius: 41%;
    border-bottom-left-radius: 42%;
    display: inline-block;
}

.dark-mode .promoted-btn {
	background: #474645;
}

.dark-mode .comment_section p {
	border: 1px solid #515150 !important;
    background-color: #191919 !important;
    color: white !important;
}

.dark-mode .comment-action-btns {
	color: white;
    background-color: #ff5858;
}

.dark-mode .pills {
	background-color: #090101 !important;
	color: #c7c7c7;
}

.dark-mode .poll-options {
	color: #aaaaaa;
}

.dark-mode .vote-c-count {
	color: #aaaaaa;
}

.add-my-listing,.add-my-listing:hover,.add-my-listing:active,.add-my-listing:focus{
	color: var(--text-white-color);
    background-color: var(--back-color);
	border-color:unset;
	padding: 5px 8px 5px 8px;
    margin-right: 8px !important;
}

.add-my-post,.add-my-post:hover,.add-my-post:active,.add-my-post:focus{
	color: var(--text-white-color);
    background-color: var(--back-color);
	border-color:unset;
	padding: 5px 8px 5px 8px;
    margin-right: 8px !important;
}

.add-post-thumbnail-btn,.add-post-thumbnail-btn:hover,.add-post-thumbnail-btn:active,.add-post-thumbnail-btn:focus{
	color: var(--text-white-color);
    background-color: var(--back-color);
	border-color:unset;
}

.add-event-thumbnail-btn,.add-event-thumbnail-btn:hover,.add-event-thumbnail-btn:active,.add-event-thumbnail-btn:focus,
.add-job-thumbnail-btn,.add-job-thumbnail-btn:hover,.add-job-thumbnail-btn:active,.add-job-thumbnail-btn:focus{
	color: var(--text-white-color);
    background-color: var(--back-color);
	border-color:unset;
}

.re-field{
	color: rgb(158, 24, 24);
}

select#timezone_offset {
    margin-top: 0px;
    top: 0;
}

.event-save-btn,.post-save-btn, .job-save-btn{
    color: var(--text-white-color);
    background-color: var(--back-color);
    width: 100%;
    padding: 5px 0px 5px 0px;
    font-size: 18px;
    border: unset;
    border-radius: 5px;
    margin-top: 2rem;
}
.show-hide-p{
	display: none !important;
}
#image_url{
	display: inline-block;
    width: 50%;
}

.job-thumbnail{
    border: 1px solid #FFE0A6;
    height: 200px;
    text-align: center;
    border-radius: 3px;
	display: flex;
	justify-content: center; /* Centers horizontally */
	align-items: center; /* Centers vertically */
}

/* .full-job-thumbnail{
	margin-top: 70px;
} */

.job-attributes{
	float: left;
	margin-right: 5px;
}

.pills.bookmark-job-btn{
	top:0px;
}

.company-logo-parent{
	margin-top: -10px;
}

.margin-right-class{
	margin-right: 95px;
}
.filter-parent {
    display: flex;
    flex-direction: column;
    float: left;
	align-items: center;
	margin: 0 10px;
	cursor: pointer;
	width: 55px;
}

.sup-filter.event-filter, .sup-filter.job-filter{
margin-top: 4px;
}

.parent-text{
	font-size: 0.8rem;
	color: #808080;
}
.custom-mr{
	margin-top: 1px;
}

.active-filter.filter-parent .parent-text{
	color: var(--back-color);
	cursor: pointer;
}
.active-filter.filter-parent{
border-bottom:2px solid #ffb324;
}

.job-type-d{
	width: 22px;
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */

	.test-css.sidebar{
		background-color: red;
	}
}
@media (min-width:1025px) {
	.test-css.sidebar{
		background-color:blue;
	}


	.col-10.top-head-left{
		-ms-flex: 0 0 79.333333%;
		flex: 0 0 79.333333% !important;
		max-width: 79.333333% !important;
	}

	.col-2.top-head-right {
		flex: 0 0 19.666667% !important;
		max-width: 19.666667% !important;
	}
	.top-section {
			min-height: 83px;
		}	
}

@media (min-width:1281px) { /* hi-res laptops and desktops */ 
	.test-css.sidebar{
			background-color:yellow;
		}

		img.open-job.white-theme-thumbnail.company-logo {
			padding: 20px 50px 20px 50px;
		}

		.feed_full_width img.open-post, .feed_full_width img.open-job {
			max-height: 100px;
			min-height: 100px;
			margin-left: 10px;
		}
	
		p.open-post, p.open-job {
			font-size: 18px;
			line-height: 26px;
			
		}

		.post-cards p.open-post, .post-cards p.open-job {
			min-height: 52px;
		}
		.feed_icon img {
			width: 15px;
		}

		.top-section {
			min-height: 83px;
		}	

		.row.row-1 {
	    	margin-top: 14px;
		}	
}

@media (min-width:1620px) { /* hi-res laptops and desktops */ 
	.test-css.sidebar{
		background-color:rgb(27, 143, 70);
	}

	.all_feeds, .all_jobs {
	
		max-height: calc(100% - 200px);
	
	}

	.feed_full_width img.open-post, 	.feed_full_width img.open-job {
		max-height: 150px;
		min-height: 150px;
		margin-left: 10px;
	}

	.post-cards img.open-post,.post-cards img.open-job {
		max-height: 280px;
		min-height: 280px;
		margin-left: 10px;
	}

	p.open-post, 	p.open-job {
		font-size: 24px;
		line-height: 50px;
	}

	.feed_icon img {
		width: 20px;
	}

	span.post-date-time {
		font-size: 16px;
	}

	.feed_icon u {
		padding: 5px;
	}

	.top-section {
		height: fit-content;
		padding: 13px 0px 37px 0px;
	}

	.promoted-section img {
		max-height: 70px;
		min-height: 80px;
		min-width: unset;
	}
	#promoted-redirect-link p {
		font-size: 24px;
		line-height: 40px;
	}

	.promoted-btn {
		font-size: 18px;
		line-height: 26px;
		padding: 5px 12px;
	}

	.grid-active, .list-active {
		height: 30px;
	}


	.profile-link, .login-link {
		
		font-size: 19px;
		
	}

	form label {
		font-size: 18px;
	}

	.feed-links li a {
		font-size: 19px!important;
	}

	.read_feed {
		margin-top: 14px;
	}
	.drop-down-links {
		left: 133px;
	}

	li.nav-li {
		margin-bottom: 7px;
	}

}


@media (min-width:1820px) { /* hi-res laptops and desktops */ 
	.test-css.sidebar{
		background-color:rgb(68, 19, 229);
	}

	.feed_full_width img.open-post,.feed_full_width img.open-job {
		max-height: 180px;
		min-height: 180px;
		margin-left: 10px;
	}

	.post-cards img.open-post,.post-cards img.open-job {
		max-height: 320px;
		min-height: 320px;
		margin-left: 10px;
	}

	.promoted-section img {
	    max-height: 84px;
	    min-height: 84px;
	    max-width: 70%;
    	min-width: 70%;
	}

	p.open-post, p.open-job {
		font-size: 24px;
		line-height: 50px;
	}

	.feed_icon img {
		width: 20px;
	}

	span.post-date-time {
		font-size: 16px;
	}

	.feed_icon u {
		padding: 5px;
	}

	.top-section {
		height: fit-content;
		padding: 13px 0px 37px 0px;
	}

	#promoted-redirect-link p {
		font-size: 24px;
		line-height: 40px;
	}

	.promoted-btn {
		font-size: 18px;
		line-height: 26px;
		padding: 5px 12px;
	}

	.grid-active, .list-active {
		height: 35px;
	}


	.profile-link, .login-link {
		font-size: 19px;
		
	}

	form label {
		font-size: 18px;
	}

	.feed-links li a {
		font-size: 19px!important;
	}

	.read_feed {
		
		margin-top: 33px;
	}

	.drop-down-links {
		left: unset;
	}

	li.nav-li {
		margin-bottom: 10px;
	}
}

span.type-btns-1{
    color: white;
    border-radius: 17px;
    padding: 3px 10px 3px 10px;
    font-size: 12px;
}

@media (min-width:1920px) { /* hi-res laptops and desktops */ 
	.test-css.sidebar{
		background-color:rgb(229, 19, 106);
	}

	.post-cards img.open-post,.post-cards img.open-job {
		max-height: 280px;
		min-height: 280px;
		margin-left: 10px;
	}

	.feed_full_width img.open-post,	.feed_full_width img.open-job {
		max-height: 160px;
		min-height: 160px;
		margin-left: 10px;
	}
}

@media  screen and (max-height: 700px) {
		.author{
			position: relative;
		}
}
