.card h1{color:black;font-size:24px;color:#525252;}

.card {
  background-color: white;
  color:black;
 
  padding: 1rem ;
  min-height: 4rem;


}

.card p{

    font-size:14px;
    color:#525252;
margin-right:10px;
}
.cards {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
}     
        

.clickToEnter {
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:10px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.clickToEnter:hover {
	background-color:#5cbf2a;
	color:#ffffff;
}
.clickToEnter:active {
	color:#ffffff;
	position:relative;
	top:1px;
}

        


.fa-lg {
    font-size: 1.8em;

    }

    
.chatContainer{
    width:1.2em;
    height:2em;
    line-height:2em;
    float: left;
    clear: both;
    
}
.chaticon{
margin-top:-9px;
color:#990000;

}

.chatIconWho{
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    color:#3f3f3f;
    margin: 3px 0 0 32px;
}


.chatIconWho a{
    text-decoration :none;
    color:#3f3f3f;
}

.chatIconWho a:hover{
    text-decoration:underline;
}


.chatIconCount{
    color: yellow;
    font-family:arial;
    font-size:8pt;
    color:#ffffff;
    margin-top:-11px;
    
}
.chatIconText{

        font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
display:block;
margin: 0 0 0 32px;
color:#3f3f3f;

}
.chatIconText a{
    text-decoration :none;
    color:#3f3f3f;
}

.chatIconText a:hover{
    text-decoration:underline;
}

.chatLine{
    min-height:3.6em;
    display: block;
    overflow:auto;
    padding:5px 0 0 5px;
}

.lineEven{
background-color:#F2F2F2;
}

.lineOdd{
background-color:#FAFCFE;
}


.quick-login{
    margin-bottom:10px;
}

.chatLine{
    padding:5px 0 6px 5px;
    margin-right:10px;
}

.chatIconText{
    margin:5px 0 0 50px;
}

.chatIconWho{
    margin: 3px 0 0 50px;
}











/* Get rid of custom we_universal buttons */
#forum_watch_button, #topic_watch_button, #topic_bookmark_button, #topic_bump_button{
    display: none;
}

/*
 * Button hide threshold
 * The max-width here adjusts the screen widths for which the header buttons are replaced by a dropdown menu
 * set this value higher if the screen buttons start to wrap, or the text becomes ugly in your language.
 * The valid range of this value is 319px to 699px.
 * I prefer a value of 319px, but if you have added buttons, or use a language with long button labels,
 * a higher value may work better for you.
 */
@media only screen and (max-width: 700px) {
    .inventea-menu li > a {
           display: none; 
    }

    .inventea-mobile-dropdown-menu {
	    display: block;
    }
    .inventea-dashboard img {
    padding-top: 4%;
    padding-bottom: 4%;
    }
}

/* Jims custom stuff */

@font-face {
font-family: 'hat';
src: url('fonts/haettenschweiler.woff2') format('woff2'),
url('fonts/haettenschweiler.woff') format('woff'),
url('fonts/haettenschweiler.ttf') format('truetype');

}

.inventea-sitename h1{
display:none; /* Hide inventea title */
}


.custom-title h1 a{ /* forum title */
font-family:hat;
font-weight: normal;
color:gray;
-webkit-text-stroke: 0px!important;-webkit-font-smoothing: antialiased !important;
}

.inventea-sitename span{display:none;}


html, body{background-color:#e8e8e8;}

.inventea-wrapper,
.inventea-header,
.inventea-footer {
	max-width: 1200px;
	width:100%;
	}
.inventea-wrapper{
	border-left:1px solid white;
	border-right:1px solid white;
}

.inventea-dashboard {
	width:100%;
  position: relative;
  min-height: 180px;
  background: url("./images/dashboard.jpg") no-repeat;
  background-size: cover;

}

.inventea-dashboard-image{display:none;}



.inventea-menu li > a {
    padding: 7px 10px; /* Get rid of the vw setting */
}

.custom-title h1 {
position:absolute;
top:-220px;
left:17px;

}

/* Desktop mode - width over 870px*/
@media screen and (min-width: 870px) {

.inventea-sitename-old {
position:absolute;
top:-120px;
left:-30px;
}





.ban-body{
position:absolute;
display:block;
width:95%;
height:60px;
margin-top:-180px;

}

.ban-content{
display:inline;
width:478px;
height:70px;
display:block;
float:right;

}


.ban-footer{
display:block;
width:100%;
height:90px;
text-align:center;
}

.advert_rectangle{
width: 728px; height: 90px; 
}

.ban-firstpost{
display:block;
width:100%;
height:90px;
margin:0 auto 0 auto;
text-align:center;
padding-bottom:5px;
}


} /* End desktop mode (width over 870px) */

/* Swap ad from header into body */
@media screen and (max-width: 870px) {
.inventea-sitename-------- {
position:absolute;
top:-120px;
left:-30px;
}

.ban-body{
display:block;
width:90%;
margin:0 auto 0 auto;


padding-bottom:15px;
}

#nav-breadcrumbs {
 
  margin-bottom: 14px;
 
}


.ban-content{
display:inline;
	
	width:468px;
	
	display:block;
	margin:0 auto 0 auto;
	

}

.ban-footer{
display:block;
width:100%;
margin:0 auto 0 auto;

}
.advert_rectangle{
width: 728px; 

}

.ban-firstpost{
display:block;
width:100%;


}

}

/* Move Title into header */
@media screen and (max-width: 700px) {

a#pm-disp span{
	display:none;
}

a#notif-disp span{
	display:none;
}

.inventea-sitename------ {
position:relative;
top:105px;
left:-6px;
}

.custom-title h1 {
position:absolute;
top:-34px;
left:17px;

}

.custom-title h1{
font-family:hat;
font-weight: normal;
font-size: 2.4em;
}

.custom-title h1 a{
color:white;
}



.ban-body{
display:block;
text-align: center;
width:100%;
margin:0 auto 0 auto;
}

.advert_rectangle{
width: 468px; }

}

/* phones */
@media screen and (max-width: 470px) {
.ban-content{
display:inline;

	width:320px;
	
	display:block;
	
	margin:0 auto 0 auto;
	
}

.ban-footer{
width:320px;

	display:block;
	
	margin:0 auto 0 auto;
	
}

.advert_rectangle{
width: 320px; 
}

.ban-firstpost{
width:320px;
	
	display:block;
	
	margin:0 auto 0 auto;
	
}


#notification_list_button span{
	display: none;
}

ul.linklist .small-icon > a {
    padding: 0 0 0 10px;
}





	}
	

@media only screen and (max-width: 550px) {
	.inventea-wrapper---- {
	    padding: 14px 5px 5px 5px;
    	}

	}


@media only screen and (max-width: 450px) {
	.custom-title h1 {
position:absolute;
top:-28px;
left:17px;

}

.custom-title h1{
font-family:hat;
font-weight: normal;
font-size: 2.4em;
}

.custom-title h1 a{
color:white;
}

	}

	@media (min-width: 800px) {
  .cards { grid-template-columns: 2fr 1fr; }
}