/*--------------------------- 
Add Plugin Front-End CSS here 
---------------------------*/
/*--------------------------- 
Responsive CSS here 
*
*   Remember these queries are a good start
*   but media queries go much deeper than this.
*
---------------------------*/
/*
Medium/Large Screens 
*/
@media only screen and (max-width: 1430px) {
    
}
/*
Medium Screens 
*/
@media only screen and (max-width: 1280px) {
    
}
/*
Large Tablet Screens 
*/
@media only screen and (max-width: 980px) {
    
}
/*
Medium Tablet Screens 
*/
@media only screen and (max-width: 768px) {


	#page{
		background-color:#fafbfd;
	}
	#page .p-d-form .p-d-form-group{
	    grid-template-columns: 100%;
	}
	#page .p-d-publication-submit-form .p-d-publication-space-group-label-tag-fields .p-d-form-group{
	    grid-template-columns: 100%;
	}
	#page .p-d-publication-submit-form .p-d-publication-space-group-label-tag-fields{
	    grid-template-columns: 100%;
	}
	
   #page .publication-item{
        display: block;
        margin-bottom: 1em;
    }
	
	//Single Publication 

	#page .p-d-post-header .p-d-cover-content .p-d-content-inner{
    padding:0;
	}
	#page .p-d-post-header .p-d-cover-content .p-d-content-inner{
		    align-items: flex-start;
			margin-top: 2em;
			justify-content: center;
    padding: 0;
	}
	#page .p-d-post-header .p-d-header-bottom-content .p-d-content-inner{
		margin:0;
	}
	#page .p-d-post-header .p-d-header-bottom-content .p-d-avatar-wrapper{
		bottom:100%;
		width:100%;
		display: block;
   		position:relative !important;
	}
	#page .p-d-post-header .p-d-header-bottom-content .p-d-photo-border{
		margin:0;
	}
	#page .p-d-flex.p-d-posted-at{
		display:block;
	}
	#page .p-d-post-header .p-d-header-bottom-content .p-d-content-inner{ 
    	flex-direction: column;
	}
	#page .p-d-post-nav .inner{
		flex-direction:column;
	}
	#page .p-d-post-nav .p-d-nav-elements{
		  align-items: center;
   		 justify-content: center;
	}

	#page .publication-item .p-d-post-author{
    margin:0 auto;
}
	.publication-item .p-d-post-title{
		text-align:center;
		margin:0 auto;
	}
	#page .publication-item .p-d-post-title h2{
		display:block;
		    text-align: center;
	}
	#page .p-d-space-title-with-subscription, .p-d-group-title-with-subscription{
		    display: block;
   			 text-align: center;
	}

	
}
@media only screen and (max-width: 768px) {
	.p-d-flex.p-d-flex-1.p-d-inputs{
		display:block;
	}
	img.avatar.avatar-45.photo{
		display:none
	}
	.single-space .publications-list .publication-item .p-d-parent-info{
		display:inline;
		float:left;
	}
	a.p-d-p-tooltip.tooltipstered {
	    word-spacing: normal;
	}
    




@media only screen and (max-width: 768px) {
	.p-d-flex.p-d-flex-1.p-d-inputs{
		display:block;
	}
	img.avatar.avatar-45.photo{
		display:none
	}
	.single-space .publications-list .publication-item .p-d-parent-info{
		display:inline;
		float:left;
	}
	a.p-d-p-tooltip.tooltipstered {
	    word-spacing: normal;
	}
	#page .publication-item .p-d-post-title h2 a{
		white-space:normal;
	}
}
}
/*
Small Tablet/Largest Phone Screens 
*/
@media only screen and (max-width: 600px) {
    
}
/*
Large Phone Screens 
*/
@media only screen and (max-width: 420px) {
    
}
/*
Medium Phone Screens 
*/
@media only screen and (max-width: 380px) {
    
}
/*
Small Phone / Apple Watch Screens 
*/
@media only screen and (max-width: 320px) {
    
}