/*
 * @package RecentTopicsBoardIndex
 * @version 1.0
 * @Author: Pipke
 * @copyright Copyright (C) 2023, Pipke
 * @All rights reserved. 
 * @This SMF modification is subject to the BSD 2-Clause License
 *
 * Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 * 1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 
 * HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 
 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON 
 * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

#rtbi_left .boardindex_table, 
#rtbi_right .boardindex_table { 
	display: grid;
}

#rtbi_left .main_container, 
#rtbi_right .main_container { 
	margin-bottom: 10px;
}

#rtbi_left .recenttopics_table { 
	width: 75%; 
	float:left; 
	padding-right: 10px; 
}
#rtbi_right .recenttopics_table  { 
	width: 75%; 
	float:right; 
	padding-left: 10px; 
}

#rtbi_col .boardindex_table  {
	width: 100%;
    display: flex;
    overflow: auto;
    flex-wrap: wrap;
    align-content: center;
}

#rtbi_col .main_container  {
	width: 50%; 
	float: left;
}
#rtbi_col .main_container:nth-child(even) {	
	padding-left: 10px;
}

#rtbi_col .main_container .board_icon {
	width: 60px;
}

#rtbi_col .main_container .lastpost {
	width: 100%;
	border-top: 1px solid #ddd;
    min-height: initial;
	padding: 0 5px;
}

#rtbi_col .boardindex_table .lastpost {
	padding-top: 0px;
	margin: 0px 20px;
}

#rtbi_col .boardindex_table .lastpost p {
	padding-top:2px;
}

#rtbi_col .main_container .board_stats {
    padding: 8px;
}

#rtbi_col .main_container .lastpost .adi_item_topic_last {
	float:left;
}

#rtbi_left .boardindex_table .board_icon,
#rtbi_left .boardindex_table .lastpost,
#rtbi_right .boardindex_table .board_icon,
#rtbi_right .boardindex_table .lastpost {
	display: none;	
}
/* this removes o.a. the : */
#rtbi_left .boardindex_table strong[id^="child_list_"]::after,
#rtbi_right .boardindex_table strong[id^="child_list_"]::after {
	content: ""; 
	margin-right: 5px;
}

#rtbi_left strong span,
#rtbi_right strong span {
	cursor: default;
}

#rtbi_left .boardindex_table .children,
#rtbi_right .boardindex_table .children {
	padding: 2px 5px 2px 5px
}

#rtbi_left .boardindex_table, #rtbi_left .main_container:last-child, 
#rtbi_right .boardindex_table, #rtbi_right .main_container:last-child,
#rtbi_top .boardindex_table, #rtbi_top .main_container:last-child  
#rtbi_col .boardindex_table, #rtbi_col .main_container:last-child, #rtbi_col .main_container:nth-last-child(2):nth-child(odd) { 
	margin-bottom: 0px; 
}

#rtbi_left .boardindex_table .info,
#rtbi_right .boardindex_table .info {
	padding: 5px;
}

#rtbi_left .boardindex_table .board_stats,
#rtbi_right .boardindex_table .board_stats {
	padding: 0px; 
	margin-right: 5px;
	cursor:default;
} 

/* avatar */
#recentforumtopics .adi_item_topic_first, #recentforumtopics .adi_item_topic_last {
	order: 0;
}
.board_icon.icon_off {
	width: 8px;
}
.lastpost.avatar_off {
	margin-right: 0px!important;
}

/* add this as note @readme.txt, nah... */
.topic_pages, .display_title  {
    display: inline-block;
}

#display_head.information  {
	display: inline-block;
	float: right;
	width: 100%;
}

/* for menu on hover */
#recenttopics .information {
    overflow: visible;	
}
	
.post_options ul a{
	width: 13em;
}

/*icons*/
.rtbi_redirect_icon {
	display: inline-block;
    font-weight: 900;
    font-size: 20px; 
    line-height: 16px;
    color: currentColor;
}
.rtbi_redirect_icon::before {
	content: "\00BB";
    position: relative;	
	margin-left: 1px;
}

.rtbi_redirect_icon:hover {
	text-decoration: none;
}

.rtbi-align-right, .rtbi-align-bottom, .rtbi-align-left, .rtbi-align-top {
	margin: 5px!important;
}
.rtbi-align-right::before, .rtbi-align-bottom::before, .rtbi-align-left::before, .rtbi-align-top::before {
	margin: 0px!important;
}

.rtbi-align-right {
    box-sizing: border-box;
    position: relative;
    display: block;
    height: 16px;
    width: 12px;
    border-left: 3px solid;
    margin: 5px
}

.rtbi-align-right::after,
.rtbi-align-right::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 4px;
    width: 12px;
    background: currentColor;
    left: 2px;
    top: 1px
}

.rtbi-align-right::after {
    width: 6px;
    top: 7px;
    opacity: .5
}

.rtbi-align-top {
    box-sizing: border-box;
    position: relative;
    display: block;
    height: 16px;
    width: 12px;
    border-bottom: 3px solid;
    margin: 5px
}
.rtbi-col {
    border-bottom: 3px dashed;
}

.rtbi-align-top::after,
.rtbi-align-top::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
    bottom: 2px
}

.rtbi-align-top::before {
    left: 1px;
    height: 12px
}

.rtbi-align-top::after {
    height: 6px;
    right: 1px;
    opacity: .5
}

.rtbi-align-left {
    box-sizing: border-box;
    position: relative;
    display: block;
    height: 16px;
    width: 12px;
    border-right: 3px solid;
    margin: 5px;	
	color: #000;
}

.rtbi-align-left::after,
.rtbi-align-left::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 4px;
    width: 12px;
    background: currentColor;
    right: 2px;
    top: 1px
}

.rtbi-align-left::after {
    width: 6px;
    top: 7px;
    opacity: .5
}

.rtbi-menu-more {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 22px;
    height: 26px;
    top: 5px;
    left: 3px;
}

.rtbi-menu-more::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    box-shadow:
        0 6px 0,
        6px 6px 0,
        12px 6px 0,
        6px 12px 0,
        12px 12px 0,
        6px 0 0,
        12px 0 0,
        0 12px 0
    ;
    border-radius: 22px;
}

.rtbi-radio-check::before, .rtbi-radio-checked::before {
	background: none;
	content: none; 
 }
 
.rtbi-radio-check, .rtbi-radio-checked {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
	margin-right: 5px!important;
    border: 2px solid;
    border-radius: 100px;
	top: 4px;
}

.rtbi-radio-checked,
.rtbi-radio-checked::after {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 100px
}

.rtbi-radio-checked::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: currentColor;
    top: 4px;
    left: 4px
}

.rtbi-checked, .rtbi-check {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-radius: 3px;
	top: 2px;
	color: currentColor
}
.info .rtbi-checked, .info .rtbi-check {
	float: left;
	top: 3px;
	margin-right: 3px;
}
.children .rtbi-checked, .children .rtbi-check {	
	top: 3px;
}
 
.rtbi-checked::after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 1px;
    top: -2px;
    width: 3px;
    height: 8px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg)
}

li.rtbi_active,
li.rtbi_active:hover { 
	background: #fff; 	
}

/* responsive stuff */
@media screen and (max-width: 720px) {
	#recentforumtopics .lastpost, #topic_header .lastpost, #recentforumtopics .adi_item_topic_last, #recentforumtopics .adi_item_topic_first {
		display: none;
	}
}

@media (min-width: 721px) and (max-width: 855px) {
	#recentforumtopics .lastpost {
		margin: 0px;
	}
}
@media screen and (max-width: 560px) {
	.boardindex_table {
		width: 100%;
	}
	
	#rtbi_left .recenttopics_table,
	#rtbi_right .recenttopics_table { 
		width: 100%; 
		float: left;
		padding: 0px;
	}
	
	#rtbi_col .main_container {
		width: 100%;
	}
	
	#rtbi_col .main_container:nth-child(even) {
		padding-left: 0px;
	}	
}
@media (min-width: 721px) and (max-width: 855px) {
	.lastpost {
		margin: 0;
	}
}