/**
* @package CSS Magic Extension
* @copyright (c) 2018 martin - https://www.martins-phpbb.com & dmzx - https://www.dmzx-web.net
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
---------------------------------------------------------------------------- */

/*
--------------------------------------------------------------
Topic title hover start
-------------------------------------------------------------- */

a.forumtitle:hover {
     color: #FE0202;
     text-decoration: none;
     padding-left: 20px;
     transition: all 0.75s linear 0s;
}

a.topictitle:hover {
     color: #FE0202;
     text-decoration: none;
     padding-left: 20px;
     transition: all 0.75s linear 0s;
}
/*
-------------------------------------------------------------- */

/*
--------------------------------------------------------------
forabg image if you use one  start
-------------------------------------------------------------- */
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #ffcc00;
	-webkit-transform: scale(1.2); 
	-moz-transform: scale(1.2); 
	-o-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	transform: scale(1.2); 
}
/*
-------------------------------------------------------------- */

/*
--------------------------------------------------------------
Colours and backgrounds for content.css start
-------------------------------------------------------------- */

ul.forums {
	background-color: #eef5f9;
}

ul.topiclist li {
	color: #4C5D77;
}
/*
-------------------------------------------------------------- */

/*
--------------------------------------------------------------
If mchat installed then give it css why not ? lets  start
-------------------------------------------------------------- */

#mchat-panel {
	text-align: center;
	max-height: initial;
	padding: 0 5px 5px 5px;
	margin: 0;
}

.mchat-avatar {
	float: left;
	width: 40px;
	margin-right: 5px;
}

.mchat-avatar img {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	left: 0px;
	top: 0px;
	max-height: 35px;
	max-width: 35px;
	opacity: 1;
}

.mchat-text {
    font-style: italic !important;
}

/*
-------------------------------------------------------------- */

/*
--------------------------------------------------------------
Lets have a go at them avatars ? lets  start
-------------------------------------------------------------- */
.postprofile .has-avatar .avatar-container {
   margin-bottom: 3px;

}

.postprofile .avatar {
   display: block;
   float: left;
   max-width: 100%;

}

.postprofile .avatar img {
   display: block;
   -moz-transition: all 1s ease;
   -webkit-transition: all 1s ease;
   left: 0px;
   top: 0px;
   max-height: 60px;
   max-width: 60px;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

/*
--------------------------------------------------------------
CSSmagic nav-caret
-------------------------------------------------------------- */

.cssmagic-nav-caret {
	margin-left: 5px;
}

/*
-------------------------------------------------------------- */
.badge {
    background-color: #D31141;
    color: #ffffff;
    -webkit-animation: pulsate 0.7s ease-out;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.2;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.2;
    }
}

.buttons {
	display: inline-block;
	padding: 8px 8px;
		border-color: #844719;
	background-color: #ea1313; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #827575 0%, #080808 100%);
	background-image: linear-gradient(to bottom, #827575 0%,#080808 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 1px #383434 inset;
	-webkit-box-shadow: 0 0 0 1px #0a0a0a inset;
	color: #eac712;
}

.buttons:hover, .buttons:focus {
	border-color: #844719;
	background-color: #444444; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #080808 0%, #827575 100%);
	background-image: linear-gradient(to bottom, #080808 0%,#827575 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	text-shadow: none;
}


dd.lastpost {
	display: inline-block;
}

select {
    font-size: 1.3em !important;
}