.crpst-av

/*====================================================================================
    POS TOOLS
======================================================================================*/
#div-profess1, .div-profess1 {
	width:100%;
	max-width:500px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	display:flex;
	background:#fff;
	margin-top:1px;
}

@media screen and (min-width: 521px)  {
  #div-profess1, .div-profess1 {
	   border-left:1px solid #e4e4e4;
	   border-right:1px solid #e4e4e4;   	  		  		  		      
   }
}

@media screen and (min-width: 641px)  {
  #div-profess1, .div-profess1 {
	   display:none;   	  		  		  		      
   }
}

@media screen and (max-width: 640px)  {
  #div-profess2 {
	   display:none;   	  		  		  		      
   }
}

@media screen and (min-width: 641px) and (max-width: 920px) {
   #div-profess2 {
	   margin-top:5px;
	   margin-bottom:5px;    	  		  		  		      
   }
}

.postls {
	width:100%;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;  
	background:#fff; 
	border-radius:12px; 	
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;		
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
}

@media screen and (min-width: 501px) {
	.postls {
	padding-left:15px;
	padding-right:15px;  	
	}
}

@media screen and (max-width: 920px) {
	.pos-outer, .profom, .advrt-sld-dv, .reels-sld-dv, .media-sld-dv {
	   width:100% !important;	   
	   margin-top:0px !important;
	   box-shadow:none !important;	
	}
}

@media screen and (min-width: 521px) and (max-width: 920px) {
	.pos-outer, .profom, .advrt-sld-dv, .reels-sld-dv, .media-sld-dv {
	   margin-bottom:10px !important;	
	   border:1px solid #e4e4e4;   	
	}
	#div-profess2 {
	   width:100% !important;
	   margin-top:10px !important;
	   margin-bottom:10px !important;
	   box-shadow:none !important;
	   border:1px solid #e4e4e4;
	}
}

@media screen and (max-width: 520px) {
	.pos-outer, .profom, .advrt-sld-dv, .reels-sld-dv, .media-sld-dv {
	   margin-bottom:5px !important;
	   border-radius:0px !important; 
	   border:none !important;	
	}
}

@media screen and (min-width: 921px) {
	.profom {
	   margin-bottom:15px !important;	
	}
}

.postlsin-top-sm {
	display:flex;
	width:100%;	
	margin-top:auto;
	margin-bottom:auto;
}

.postlsin-top {
	display:flex;
	width:100%;	
	padding-top:10px;
	padding-bottom:10px;
}

.postls-top-a {
	width:48px;
	display:flex;
}

.postls-top-b, .postls-top-b-parody {
	width:calc(100% - 65px);	
	display:flex;
	text-decoration:none;
	color:#202020;
}

.postls-top-c {
	margin-left:8px;
	width:30px;
	display:flex;
	text-decoration:none;
	color:#202020;	
}

.crpst-av {
	width:40px;
	height:40px;
	border-radius:100%;
	border:1px solid #e4e4e4;
	margin-top:auto;
	margin-bottom:auto;
    object-fit: cover;
    object-position: center center;
	box-sizing:border-box;
}

.crpst-dv {
	display:flex;
	width:100%;
	height:40px;
	border-radius:40px;
	background:#eee;
	box-sizing:border-box;
	padding-left:12px;
	padding-right:12px;
	margin-top:auto;
	margin-bottom:auto;
	cursor:pointer;
}

.crpst-sp {
	margin-top:auto;
	margin-bottom:auto;
	color:#595959;
	font-size:15px;		
}

.crpst-ic {
	margin:auto;
	font-size:22px;
}

@media screen and (max-width: 640px) {
	.crpst-av, .pos-top-img {width:37px;}
	.crpst-av, .pos-top-img {height:37px;}		
	.crpst-dv {height:37px;}
	.crpst-dv {border-radius:37px;}
	.crpst-dv {border:1px solid #ddd;}			
	.crpst-sp {font-size:15px;}
	.crpst-sp {font-weight:normal;}
}

.postlsin-btm {
	border-top:1px solid #e4e4e4;
	display:flex;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}

.postls-btm-a {
	width:calc(100% / 3);
}

.postls-btm-b {
	width:calc(100% / 3);
}

.postls-btm-c {
	width:calc(100% / 3);
}

.crpst-photo,
.crpst-photo-parody {
    height: 40px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    color: #202020;
}

.crpst-video, .crpst-video-parody {
    height: 40px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    color: #202020;
}

.crpst-gif, .crpst-gif-parody {
    height: 40px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    color: #202020;
}

.crpst-photo:hover, .crpst-video:hover, .crpst-gif:hover, .crpst-photo-parody:hover, .crpst-video-parody:hover, .crpst-gif-parody:hover {
    background: #eee;
}

.carry-crsp-a {
	margin:auto;
	display:flex;
	max-width:80px;	
}

.carry-crsp-b {
	margin:auto;
	display:flex;
	max-width:80px;
}

.carry-crsp-c {
	margin:auto;
	display:flex;
	max-width:60px;
}

.cr-svg1 {
	width:30px;
	height:100%;
	display:block;
}

.cr-svg2 {
	width:28px;
	height:100%;
	display:block;
}

.cr-svg3 {
	width:28px;
	height:100%;
	display:block;
}

.cr-nm {
	height:100%;
	color: #595959;
	margin-left:10px;
	margin-top:auto;
	margin-bottom:auto;
	font-weight: 500;    
    font-family: 'Roboto';	
}

.pos-npsts {
	width:calc(100% - 2px); 
	height:200px; 
	display:flex;
	background:#fff; 
	border-radius:12px; 
	border:1px solid #ddd;
	margin-bottom:15px;
}

@media screen and (max-width: 420px) {
	.pos-npsts {
	   width:100%;
	   border-radius:0px; 
	   border:0px;
	   margin-bottom:5px;	
	}
}

.pos-npsts-inner {
	width: 100%;
	text-align: center;
	margin:auto;
	color: #cecece;
	font-size: 18px;
	font-weight: 500;
	font-family: 'Roboto';
}