/*
Theme Name: Findme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.list-post2 .box-image {
	display: none;
}
.blog-post-inner .is-divider {
	display: none !important;
}
.section-title-normal span {
	background: var(--fs-color-primary);
    padding-block: 5px;
    padding-inline: 15px;
}
#wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button {
	padding-block: .5rem !important;
	padding-inline: 1rem !important;
}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu .wpf-profile-menu.wpforo-active {
    color: #fff !important;
    border-right: 0;
}
.wpf-threads .wpf-thread-list .wpf-thread {
	border-radius: 4px;
	border-left: 2px solid var(--fs-color-primary) !important;
	margin-block: 1rem !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important;
}
.wpf-threads .wpf-thread-list .wpf-thread:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1) !important;
}
#wpforo #wpforo-wrap .wpfl-4 .wpforo-category {
	background-color: #f0f4ff !important;
}
#wpforo #wpforo-wrap .wpforo-cat-panel .cat-name {
	font-weight: bold;
	text-transform: uppercase;
	color: var(--fs-color-primary);
}
#wpforo #wpforo-wrap #wpforo-title {
	padding-bottom: 0;
}
#wpforo #wpforo-wrap .wpf-head-bar #wpforo-title {
    color: var(--fs-color-primary) !important;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 24px;
}
#wpforo #wpforo-wrap #wpforo-description {
	margin-top: 0;
}
#wpforo #wpforo-wrap a:link {
	font-size: 14px;
}
#wpforo #wpforo-wrap .wpf-head-bar {
	background: #f0f4ff !important; 
}
.wpft-post #wpforo #wpforo-wrap .wpf-head-bar {
	background: transparent !important; 
}
#wpforo #wpforo-wrap .wpf-topic-navi .wpf-forum-jump select {
	display: inline-block;
	width: auto;
	max-width: unset;
	padding-right: 30px;
    padding-block: 6px 4px;
}
#wpforo #wpforo-wrap .wpf-post-create input[type="submit"] {
	border-radius: 50px;
    letter-spacing: 0;
    font-size: 16px;
    padding: .5rem 1rem !important;
    line-height: 1;
    font-weight: 600;
    box-shadow: none;
    background: var(--fs-color-primary);
}
.back-to-top {
	width: 50px;
    height: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f0f4ff !important;
    color: var(--fs-color-primary) !important;
}
.back-to-top svg {
	color: var(--fs-color-primary);
}
.back-to-top:hover {
    background: var(--fs-color-primary) !important;
    color: #fff !important;
}
.back-to-top:hover svg {
    color: #fff ;
}
@media (max-width: 850px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.back-to-top {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 550px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.back-to-top {
		width: 30px;
		height: 30px;
	}
}