body {
	/*background-color: #DFE3EE;	*/
	background-color: #ffffff;
	padding-top: 0em;
}
div.container {padding-left: 0px;}
/*
div#content { 
	padding-top: 105px;
	padding-left: 15px;
}	
*/


div.promoteditem {
	width:100%;
	height:150px;
	border-radius: 25px;
	padding:0px;
	margin-bottom:24px;
	border:1px;
	border-style: double;
	border-color:black;
	background-color:#ffffff;
}


.centerinfo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}        
.item {
    display: block;
    /*width: 50px;*/
}

div.smallmenulinks {
	word-wrap: break-word;
	line-height:1.5em;
	font-size: 1.2em
	margin-bottom:3px;
	border-bottom:1px solid black;
	padding-left:2em;
	padding-bottom: .25em;
	padding-top: .25em	
}
label {
    display: inline;
}
input[type=checkbox] {
    display: inline;
}

     input[type=text] {
  border: 2px solid black;
  border-radius: 4px;
}

.standardSpacer {height: 1em;}

div.itembox {
	width:100%;
	border-radius: 25px;
	padding:0px;
	border:1px;
	border-style: double;
	border-color:black;
	background-color:#ffffff;
}

nav.navafronary {
	/*width:inherit;*/
	z-index: +100;
	position: fixed;
	background-color: #000;color:#fff;
	margin: auto;
	background-repeat: repeat;
	border-radius: 25px;
}

.modal-backdrop {
  background-color: #0000ff;
}

.modal-header {
  background-color: darkblue;
  color: white;
}

.modal-content {
  background-color: #DFE3EE;
  color: white;
}

.modal-footer {
  background-color: #DFE3EE;
  color: white;
}

textarea{  
  overflow:hidden;
  /*font-size:14px;*/
  display:block;
  border-radius:5px;
  border:1px solid #000000;
  background-color: #DFE3EE;
} 
div#header {
	padding-bottom: 40px;
}

a.black {
color:black;
}

div.containerx {     
  position: relative;
  /*text-align: center;*/
  color: white;
}


div.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
  font-size:1.3em;
}

div.top-left {
  position: absolute;
  font-size: 12px; 
  top: 8px;
  left: 16px;
}

div.below-top-left {
  position: absolute;
  font-size: 12px;
  top: 35px;
  left: 16px;
  background: rgba(0, 0, 0, 0.6); 
  width:90%;
  overflow:hidden;


}

div.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

div.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.yellow-label { background-color:yellow;color:black;padding-left:1em;padding-right:1em;}

.black-label { background-color:black;color:white; font-size:1.5em; padding-left:1em;padding-right:1em;}

a:link, a:visited, a:hover, a:active   {
  color: white
}
a.black {
color:black;
}



a.dropdown-item {
	color: #000;
}



.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 0px;
}

 
button {
background-color: #DFE3EE;
color: #fff;
}

p.centerbold {width: 100%;text-align: center;font-weight: bold;}

.modal-header {background-color: black;color: white;}
.modal-backdrop { background-color: grey; }


	div.advert728x90 {
  		position: -webkit-sticky;
  		position: sticky;
  		top: 130px;
  		width: 728;
  		height: 90;
  		z-index: +110;
  		background-color: black;
  		color: white;
	}


.add_comment_btn {
	background-color: #000;
	color: #fff;  
	z-index: +110;
	position: fixed; 
}

     
#searchvalue::placeholder, #searchvalue2::placeholder {
  color: black;
  font-size: 1.0em;
}
     
#modalsearchvalue::placeholder, #modalsearchvalue2::placeholder {
  color: black;
  font-size: .85em;
}

     
#hashtagid2::placeholder, #hashtagid3::placeholder {
  color: black;
  font-size: 1.0em;
}

.centeredinfo {
	position: fixed;
	top: 40%;
  	left: 50%;
  	width: 50%;
  	/* bring your own prefixes */
  	transform: translate(-50%, -50%);
  	display: none;
  	z-index: +150 !important;
  	background-color: #fff;
  	color: #000;
  	border: 1em solid black;
  	border-radius: 25px;
  	padding: 1em;
}
#boxlabel {
	text-align: center;
	font-size: 4em; 
	z-index: +150 !important;
}
#boxcontents { 
	z-index: +150 !important;
}

.advert728x90 {
	margin:auto;
	text-align: center;
	z-index: +115;
  	border-radius: 25px;
}

@media (max-width: 575.98px) {
body,html {
  margin-left: 5px;
  margin-right: 5px;
  padding:0;
  background-color: #e0e0e0;
}
.container {padding: 0;margin: 0;}

	div#content { 
		padding-top: 0px;
		padding-left: 0px;
		margin-top: 0px;
	}	
	
	
	div#header {
	padding: 0px;
}

.standardSpacer {height: 0em;}
	
nav.navafronary {
	/*width:inherit;*/
	z-index: +100;
	position: fixed;
	/*background-color: #3B5998;color:#fff;*/
	background-color: #000;color:#fff;
	margin: auto;
	background-repeat: repeat;
	/*border-radius: 37px;
	border-bottom: 50px; */
	display: none;
	border-radius: 25px;
	
}
	
	
.full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}	
	
	
.smallhashtags {
	margin-top:2em;
}

	
}


@media (min-width: 576px) and (max-width: 767.98px) { 
body,html {
  margin-left: 5px;
  margin-right: 5px;
  padding:0;
  background-color: #e0e0e0;
}

div#content {  
	padding-top: 0px;
	padding-left: 15px;
}
	
.smallhashtags {
	margin-top:2em;
}
	

nav.navafronary {
	/*width:inherit;*/
	z-index: +100;
	position: fixed;
	/*background-color: #3B5998;color:#fff;*/
	background-color: #000;color:#fff;
	margin: auto;
	background-repeat: repeat;
	border-radius: 25px;
	display: none;
}
.standardSpacer {height: 0em;}


	div#header {
	padding-bottom: 0px;
}
.full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}

.add_comment_btn {
	background-color: #000;
	color: #fff;  
	z-index: +110;
	position: fixed; 
}


}

@media (min-width: 768px) and (max-width: 991.98px) { 

body {
	/*background-color: #DFE3EE;	*/
	background-color: #ffffff;
	padding-top: 0em;
	background-color: #e0e0e0;
}

div#content { 
	padding-top: 0px;
	padding-left: 15px;
}

div.columnleft {
	margin-top: 4em;
}	
	
.smallhashtags {
	margin-top:2em;
}

nav.navafronary {
	/*width:inherit;*/
	z-index: +100;
	position: fixed;
	/*background-color: #3B5998;color:#fff;*/
	background-color: #000;color:#fff;
	margin: auto;
	background-repeat: repeat;
	border-radius: 25px;
	display: none;
}
	div#leftadd {
  		position: -webkit-sticky;
  		position: sticky;
  		top: 130px;
  		z-index: +110;
}

div.advert1 {
  		position: -webkit-sticky;
  		position: sticky;
  		top: 130px;
  		z-index: +110;
  		width: 100%;
  		height;2em;
  		text-align: center;
  		background-color: black;
  		color: white;
  		border-radius: 25px;
}


.add_comment_btn {
	background-color: #000;
	color: #fff;  
	z-index: +110;
	position: fixed; 
}



}


@media (min-width: 992px) and (max-width: 1199.98px) { 

body {
	/*background-color: #DFE3EE;	*/
	background-color: #ffffff;
	padding-top: 0em;

}

div#content { 
	padding-top: 105px;
	padding-left: 15px;
}


nav.navafronary {
	/*width:inherit;*/
	z-index: +100;
	position: fixed;
	/*background-color: #3B5998;color:#fff;*/
	background-color: #000;color:#fff;
	margin: auto;
	background-repeat: repeat;
	border-radius: 25px;
}


	div#leftadd {
  		position: -webkit-sticky;
  		position: sticky;
  		top: 130px;
  		z-index: +110;
}

div.advert1 {
  		position: -webkit-sticky;
  		position: sticky;
  		top: 130px;
  		z-index: +110;
  		width: 100%;
  		height;2em;
  		text-align: center;
  		background-color: black;
  		color: white;
  		border-radius: 25px;
}
.centeredinfo {
	position: fixed;
	top: 40%;
  	left: 50%;
  	width: 50%;
  	/* bring your own prefixes */
  	transform: translate(-50%, -50%);
  	display: none;
  	z-index: +150 !important;
  	background-color: #fff;
  	color: #000;
  	border: 1em solid black;
  	border-radius: 25px;
  	padding: 1em;
}
#boxlabel {
	text-align: center;
	font-size: 4em; 
	z-index: +150 !important;
}
#boxcontents { 
	z-index: +150 !important;
}

.add_comment_btn {
	background-color: #000;
	color: #fff;  
	z-index: +110;
	position: fixed; 
}


/*
::placeholder {
  color: black;
  font-size: 2.0em;
}
*/

}

@media (min-width: 1200px) { 

body {
	/*background-color: #DFE3EE;	*/
	background-color: #ffffff;
	padding-top: 0em;
	background-color: #ffffff;
}

div#content { 
	padding-top: 105px;
	padding-left: 15px;
}

nav.navafronary {
	/*width:inherit;*/
	z-index: +100;
	position: fixed;
	/*background-color: #3B5998;color:#fff;*/
	background-color: #000;color:#fff;
	margin: auto;
	background-repeat: repeat;
	border-radius: 25px;
}
			div#leftadd {
  				position: -webkit-sticky;
  				position: sticky;
  				top: 130px;
  				z-index: +110;
}

div.advert1 {
  		position: -webkit-sticky;
  		position: sticky;
  		top: 130px;
  		z-index: +110;
  		width: 100%;
  		height;2em;
  		text-align: center;
  		background-color: black;
  		color: white;
  		border-radius: 25px;
}

.centeredinfo {
	position: fixed;
	top: 40%;
  	left: 50%;
  	width: 50%;
  	/* bring your own prefixes */
  	transform: translate(-50%, -50%);
  	display: none;
  	z-index: +150 !important;
  	background-color: #fff;
  	color: #000;
  	border: 1em solid black;
  	border-radius: 25px;
  	padding: 1em;
}
#boxlabel {
	text-align: center;
	font-size: 4em; 
	z-index: +150 !important;
}
#boxcontents { 
	z-index: +150 !important;
}

.add_comment_btn {
	background-color: #000;
	color: #fff;  
	z-index: +110;
	position: fixed; 
}

}