/* *** header ************************************************************** */
#logo {
	padding: 0;
	line-height: 0;
}

.site_logo {
	background-image: url("./images/site_logo.png");
	width: 320px !important;
	height: 115px !important;
}

#site-description > h1 {
	display: none;
}

@media only screen and (min-width: 700px) {
	#page-header .headerbar .inner {
		background-image: url("./images/headbg.gif");
		background-position: right top;
		background-repeat: no-repeat;
	}

	#page-header .headerbar {
		position: relative;
	}

	#search-box {
		position: absolute;
		right: 5px;
		bottom: -10px;
		margin: 0;
		padding: 0;
	}
}

/* breadcrumbs */
.breadcrumbs .crumb::before {
    content: "›";
}


/* *** view forum ********************************************************** */
/* 4 px padding right for custom topic icons */
ul.topiclist li.row dl {
	padding: 2px 0 2px 4px;
}

/* custom topic icons */
.topic_read_mine {
	background-image: url("./images/topic_read_mine.gif");
}
.topic_read_hot_mine {
	background-image: url("./images/topic_read_hot_mine.gif");
}
.topic_unread_mine {
	background-image: url("./images/topic_unread_mine.gif");
}
.topic_unread_hot_mine {
	background-image: url("./images/topic_unread_hot_mine.gif");
}

li.row:hover {
	background-color: #f6f6f6;
}


/* *** view topic ********************************************************** */
@media only screen and (min-width: 700px) {
	/* post content right, profile left */
	.postbody {
		float: right;
	}

	.postprofile {
		border-right: 1px solid #FFFFFF;
		border-left: none;
		float: left;
	}

	/* "online" picture above avatar, if this user has an avatar */
	.online dt.has-avatar div.avatar-container a:before {
		content: url("./images/icon_user_online.gif");
		position: absolute;
		top: 0;
		left: 0;
	}
}

/* "online" picture behind user name if user has no avatar */
.online {
	background-image: url("./images/icon_user_online.gif") !important;
	background-position: left top;
	background-repeat: no-repeat;
}

/* attachments */
.attachbox {
	float: none;
	text-align: center;
	clear: none;
	color: #999999;
	background-color: transparent;
	border: none;
}
.attach-image {
	max-height: none;
	overflow: visible;
}

/* contact icons below avatar */
.profile-contact {
	margin-top: 6px;
}

.contact-icons a {
	border: none;
	padding: 6px;
}

/* instagram contact icon */
.instagram-icon {
	background-image: url("images/icon_instagram.gif");
}


/* *** footer ************************************************************** */
#paypal input {
	background: url("images/paypal_button.gif") no-repeat;
	cursor: pointer;
	width: 86px;
	height: 21px;
	margin-top: -3px;
	border: none;
}

/* *** Extension "Profile Flair" ******************************************* */
/* see https://www.phpbb.com/customise/db/extension/profile_flair/ */
/* see https://vegan-forum.de/viewtopic.php?f=42&t=8204 */
.postprofile .profile-contact + .profile-flair {
	margin-top: 28px;
}
.postprofile .profile-flair {
	padding-left: 14px;
}
@media (max-width: 700px) {
	.postprofile .profile-flair {
	    display: none;
	}
}