/************************************
* Refugges CSS from Special Edition *
*************************************/
html, body {
	background-color: #555;
	background-image: url('./images/bg.gif');
}

body.simple {
	min-height: 100%;
	padding: 0 5px;
}

.wrap {
	border: 4px solid #7C8891;
	border-radius: 15px;
	margin: 0 auto;
	max-width: 1000px;
	padding: 10px;
}

/** header & navbars
***********************/
.headerbar {background-image: -webkit-linear-gradient(top, #dcdcdc 0%, #dcdcdc 2px, #fff 92px, #fff 100%); border-radius: 7px 7px 0 0; margin-bottom: 0;}
.site_logo {background-image: url("./images/refugees_logo.png"); display: inline-block; width: 340px; height: 90px;}
.site-description h1, .site-description p {display: none;}
.search-header {box-shadow: 0 0 10px #dcdcdc;}
.navbar-header {background-image: -webkit-linear-gradient(top, #fff 0%, #fff 2px, #dcdcdc 92px, #dcdcdc 100%); border-radius: 0 0 7px 7px;}
.navbar {background-color: #dcdcdc;}

.forabg, .forumbg {
	background-color: #7C8891;
	background-image: -webkit-linear-gradient(top, #6E777F 0%, #505C65 1%, #56626B 20%, #737F88 75%, #7C8891 100%);
	background-image: linear-gradient(to bottom, #6E777F 0%, #505C65 1%, #56626B 20%, #737F88 75%, #7C8891 100%);
	background-repeat: repeat-x;
	font-weight: bold;
}

.copyright a {color: #000000 !important;}

.footer-row {
	display: inline-flex;
	padding: 0 0.4rem;
	font-size: 10px;
	line-height: 1.8;
	margin: 0;
}

li.row {background-color: #E8ECEE;}
li.row:hover {background-color: #EBEFF1;}
li.row.bg3 {background-color: #F0F4F6;}
li.row.bg3:hover {background-color: #F4F8FA;}

.codebox {background-color: #dcdcdc;}
.codebox p {border-bottom-color: #dcdcdc;}
.codebox code {background-color: #dcdcdc;}

/** Use with forum image as forum icon
*****************************************/
.forum-image img {
  max-width: 100%;
  border-radius: 50px;
  width: 40px;
}

.forum-image {
  float: left;
  padding-top: 0;
  margin-right: 8px;
  margin-left: -8px;
}

/* Jumpbox CSS
**************************/
.jumpbox-cat-link {
	background-color: #7C8891;
	background-image: -webkit-linear-gradient(top, #6E777F 0%, #505C65 1%, #56626B 20%, #737F88 75%, #7C8891 100%);
	background-image: linear-gradient(to bottom, #6E777F 0%, #505C65 1%, #56626B 20%, #737F88 75%, #7C8891 100%);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.jumpbox-sub-link {background-color: #E8ECEE;}

/* BBCode CSS
**************************/
.inline {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #c9d2d8;
	color: #2e8b57;
	display: inline;
	font-family: 'Courier New',monospace;
	font-style: normal;
	line-height: 1.3em;
	white-space: pre;
    padding: 0 3px;
}

.tip, .sinfo, .snote, .warning {
	display: block;
	border-radius: 7px;
	border-style: solid;
	border-width: 1px;
	padding: 0.5em;
	margin: 1em;
	box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
	color: #111222;
	border-color: #ccc;
}	
.tip {border-left: 2px solid #5e8555; background-color: #e5ffdf;}
.sinfo {border-left: 2px solid #e0c304; background-color: #ffc;}
.snote {border-left: 2px solid #0b76d4; background-color: #badfff;}	
.warning {border-left: 2px solid #f52a2a; background-color: #fcc;}	

/* Download files CSS
**************************/
.postlink[href*="download/file.php"] {
  color: #fff;
  display: inline-block;
  background-color: #8b4513;
  margin-top: 0.5em;
  padding: 0.5em;
  border-radius: 4px;
  text-decoration: none;
  border: none;
  text-shadow: 0 -1px 1px rgba(26, 75, 109, 0.7);
  transition: background-color 0.25s;
}

.postlink[href*="download\/file.php"]:hover {
	color: #fff;
	background-color: #439728;
}

/* Drop-down subforums 
**************************/
.topiclist.forums dl {
	overflow: visible;
	display: flex;
}

.topiclist.forums li.row dd {
	padding: 4px 0;
	margin-bottom: 0;
}

.subforums>a>i {vertical-align: super;}

.subforums .dropdown {
	animation: unfold 150ms ease-in-out forwards;
	transform-origin: top center;
}

.subforums.dropdown-up .dropdown {transform-origin: bottom center;}

.subforums .subforum {
	display: block;
	line-height: 2;
}

ul.topiclist li.row dt .subforums a.subforum {max-width: none;}

@keyframes unfold {
	0% {
		transform: scaleY(0);
	}

	100% {
		transform: scaleY(1);
	}
}

/** SLOGAN
*************/
#slogan {
    margin-top: 10px;
    float: right;
    color: #B87333;
    text-shadow: 0 0 1px #000;
    font-size: 12px;
    font-style: italic;
}

@media (max-width: 600px) {
    #slogan {
        float: none;
        text-align: center;
        margin-top: 10px;
        margin-right: 0;
        font-size: 12px;
    }
}

@media (max-width: 800px) {
    #slogan {
        float: none;
        text-align: center;
        margin-top: 10px;
        font-size: 12px;
    }
}

@media (max-width: 900px) {
    #slogan {
        font-size: 12px;
    }
}

/** For the quote headers
***************************/
blockquote cite {
	display: flex;
	margin-bottom: 4px;
	padding-bottom: 4px;
	font-style: normal;
	/*border-bottom: 1px solid #bbb;*/
}
blockquote cite::before {
	content: none;
}
cite a:first-of-type {
	margin-inline-end: .25em;
}
cite a + a:link {
	order: 3;
	margin-inline: auto 0;
	padding-inline: .3em;
	background: #ECEDEE;
	text-decoration: none;
	border-radius: 2px;
	box-shadow: 0 0 0 1px #1b8ae4;
}
cite a + a::after {
	padding-inline: .25em 0;
	color:  #1363a4;
	content: '\27a4';
}
cite a + a:hover::after,
cite a + a:focus::after {
	color:  inherit;
}
.rtl cite a + a::after {
	padding-inline: 0 .25em;
	transform: scaleX(-1);
}
cite > span {
	margin-inline: .25em;
}

/** For the search results
***************************/
.searchresults .arrow-right {
	margin-bottom: 4px;
	padding: .3em;
	background: #ECEDEE;
	font-weight: 700;
	border: 1px solid #1b8ae4;
	border-radius: 3px;
}
.searchresults .arrow-right .icon {
	display: none;
}
.searchresults .arrow-right::after {
	padding-inline: .25em 0;
	color: #1363a4;
	content: '\27a4';
}
.searchresults .arrow-right:hover,
.searchresults .arrow-right:focus {
	color: #D31141;
	border-color: currentColor;
}
.searchresults .arrow-right:hover::after,
.searchresults .arrow-right:focus::after {
	color: inherit;
}
.rtl .searchresults .arrow-right::after {
	padding-inline: 0 .25em;
	transform: scaleX(-1);
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #fff;
	font-size:1.1em;
	background-color: #B87333;
	border: 1px solid #B87333;
	background-image: none;
	border-radius: 2px;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    border: 1px solid #B87333;
    color: #fff;
    background-color: #8c4e14;
    background-image: none;
}