/*
Theme Name: Forum
Theme URI: https://support.quanticalabs.com
Description: Forum description
Author: QuanticaLabs
Author URI: https://1.envato.market/quanticalabs
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 3.3 by mat 26.09.23
*/

/* 1189 */
@media screen and (max-width:1189px)
	{
	#primary
		{
		width: 962px;
		}
		
	.header,
	.footer
		{
		width: 962px;
		}
		
	#content,
	#primary #ahq_forum
		{
		width: 757px;
		}
		
	#sidebar
		{
		width: 185px;
		padding: 0;
		}
		
	.ahq_categories .ahq_category
		{
		width: 337px;
		}
		
	.search_form input[type="text"]
		{
		width: 163px;
		}
		
	.search_form .right
		{
		float: left;
		}
		
	.search_form select.long,
	.search_form .right select,
	.search_form .left select
		{
		width: 185px;
		}
		
	.tabs .topics_replies
		{
		float: right;
		}
		
	.tabs .topics_replies li
		{
		text-align: right;
		}
		
	#ahq_topics .topic_details
		{
		width: 330px;
		}

	.forum_subheader
		{
		padding: 30px 20px 30px;
		}
		
	#ahq_forum #topic ul .post,
	.form_container
		{
		padding: 20px;
		}
	}

/* 979 */
@media screen and (max-width:979px)
	{
	.mobile_menu
		{
		display: block;
		float: right;
		}
		
	.menu-main-menu-container
		{
		display: none;
		}
	
	#primary
		{
		width: 770px;
		}
		
	.header,
	.footer
		{
		width: 770px;
		}
		
	#content,
	#primary #ahq_forum
		{
		width: 565px;
		}
		
	.ahq_categories .ahq_category
		{
		width: 523px;
		padding-left: 20px;
		padding-right: 20px;
		border-left: 1px solid #EEE;
		}
		
	.first_row
		{
		border-top: 0;
		}
		
	.first_cell:first-child
		{
		border-top: 1px solid #E6E8EB;
		}
		
	.ahq_category h4 a
		{
		font-size: 18px;
		}
		
	.last_post .title a 
		{
		font-size: 14px;
		}
	
	.topics_replies li
		{
		height: auto;
		}
		
	#ahq_topics .topic_details
		{
		width: 500px;
		margin-right: 10px;
		}
		
	#ahq_topics .topics_replies
		{
		display: none;
		}
		
	#ahq_forum #topic .post div.poster
		{
		width: 100%;
		margin: 0 0 20px 0 !important;
		text-align: left;
		}
		
	#ahq_forum #topic .post div.poster img
		{
		width: 50px;
		height: auto;
		float: left;
		margin-right: 15px;
		}
		
	#ahq_forum #topic ul .post .post_box
		{
		width: 100%;
		}
		
	#ahq_forum #topic ul .post .poster .bold
		{
		font-size: 12px;
		margin-top: 4px;
		}
		
	.ui-tabs-nav li a
		{
		padding: 18px 25px;
		}
		
	body #content .message.error,
	body #content .message.info
		{
		padding: 20px 30px 20px 20px;
		}
		
	.get_started
		{
		padding: 20px;
		}
		
	body .purchased_items li
		{
		background: #F5F6F7 url("images/support_expires.png") no-repeat 20px 50%;
		padding: 20px 20px 20px 110px;
		}
		
	body .purchased_items li.expired
		{
		background: #FBE2DB url("images/support_expired.png") no-repeat 20px 50%;
		}
		
	body .purchased_items li a.button
		{
		padding-left: 15px;
		padding-right: 15px;
		}
		
	#sidebar .purchased_items li a.button
		{
		width: calc(100% - 30px);
		}
	}

/* 787 */
@media screen and (max-width:787px)
	{
	.header
		{
		width: 462px;
		flex-direction: column;
		}
	
	.mobile_menu 
		{
		padding-bottom: 30px;
		}
		
	.mobile_menu select
		{
		width: 100%;
		}
	
	.header_left, .mobile_menu 
		{
		width: 100%;
		text-align: center;
		}

	#primary,
	#content, 
	#primary #ahq_forum
		{
		width: 462px;
		}
		
	.footer
		{
		width: 462px;
		}
		
	.ahq_categories .ahq_category
		{
		width: 420px;
		}
		
	#sidebar
		{
		clear: both;
		margin-top: 30px;
		width: 100%;
		}
	
	.search_form .right
		{
		float: right;
		}
		
	.search_form input[type="text"]
		{
		width: 440px;
		}
		
	.search_form select.long
		{
		width: 462px;
		}
	
	.search_form .right select,
	.search_form .left select
		{
		width: 221px;
		}
		
	.forum_subheader
		{
		flex-flow: column;
		padding: 30px 20px 20px 20px;
		}
		
	.forum_subheader.ui-tabs-nav
		{
		flex-flow: row;
		}
		
	.forum_subheader h3,
	#ahq_forum #reply .forum_subheader h3
		{
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
		text-align: center;
		}
		
	.no_permissions_container > .forum_subheader h3
		{
		text-align: left;
		}
	
	.create_topic_button, .submit_button, .reply_button
		{
		width: calc(100% - 78px);
		margin-left: 0;
		}
	
	#create_account .submit_button, #verify_purchase .submit_button, #add_reply .submit_button, #create_topic .submit_button
		{
		width: 100%;
		}
		
	#ahq_topics .topic_details
		{
		width: 420px;
		}
		
	body .purchased_items li
		{
		flex-direction: column;
		align-items: baseline;
		background: #F5F6F7 url("images/support_expires.png") no-repeat 20px 20px;
		}
		
	body .purchased_items li.expired
		{
		background: #FBE2DB url("images/support_expired.png") no-repeat 20px 20px;
		}
		
	body .purchased_items li a.button
		{
		margin-top: 15px;
		margin-left: 0;
		padding-left: 10px;
		padding-right: 10px;
		width: calc(100% - 20px);
		}
		
	#sidebar .purchased_items li a.button
		{
		width: calc(100% - 20px);
		}
		
	.banner
		{
		display: table;
		margin-left: auto;
		margin-right: auto;
		}
		
	#ahq_forum .exta_details
		{
		padding: 10px;
		font-size: 12px;
		}
	}
	
/* 479 */
@media screen and (max-width:479px)
	{
	.header,
	.mobile_menu  select
		{
		width: 300px;
		}
		
	#primary,
	#content, 
	#primary #ahq_forum
		{
		width: 300px;
		}
		
	.footer
		{
		width: 300px;
		}
		
	.footer_right
		{
		float: left;
		}
		
	.ahq_categories .ahq_category
		{
		width: 258px;
		padding: 20px;
		}
		
	.ahq_categories .last_post
		{
		width: 258px;
		}
		
	.search_form input[type="text"]
		{
		width: 278px;
		}
		
	.search_form select.long
		{
		width: 300px;
		}
		
	.search_form .left select
		{
		width: 181px;
		}
	
	.search_form .right select
		{
		width: 99px;
		}
	
	.ahq_category h4 a
		{
		font-size: 16px;
		}
		
	.ui-tabs-nav li a
		{	
		padding: 18px 10px;
		font-size: 14px;
		}
		
	#ahq_topics,
	.ahq_categories,
	#topic .topics,
	#ahq_forum #topic #reply fieldset, #create_topic fieldset, #create_account fieldset, #verify_purchase fieldset
		{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
		}
		
	.ahq_categories
		{
		padding-top: 0;
		}
		
	#ahq_topics ul li.topic 
		{
		background-position: 20px 27px;
		padding-left: 51px;
		padding-right: 20px;
		flex-direction: column;
		}
		
	#ahq_topics ul li.topic h4 a
		{
		font-size: 14px;
		}
		
	#ahq_topics .topic_details
		{
		width: 100%;
		margin-right: 0;
		}
		
	/* --- icons --- */
	.open, .on-hold
		{
		background-image: url("images/icon_topic_open_small.png");
		}
		
	.resolved
		{
		background-image: url("images/icon_topic_resolved_small.png");
		}
		
	.closed
		{
		background-image: url("images/icon_topic_closed_small.png");
		}
		
	.sticky
		{
		background-image: url("images/icon_topic_pinned_small.png");
		}
	
	#ahq_topics .topic_details .description
		{
		font-size: 11px;
		margin-top: 5px;
		}
		
	.topics_replies
		{
		display: none;
		}
		
	#ahq_topics .topic_details .description
		{
		display: none;
		}
		
	#ahq_topics .last_post
		{
		float: left;
		text-align: left;
		margin-top: 5px;
		}
		
	.forum_subheader
		{
		padding: 20px;
		}
		
	.forum_subheader h3,
	#ahq_forum #reply .forum_subheader h3
		{
		font-size: 18px;
		clear: both;
		margin-bottom: 20px;
		}

	.no_permissions_container ul li
		{
		margin-left: 0;
		margin-top: 10px;
		float: none;
		}
	
	.no_permissions_container ul li .button
		{
		width: calc(100% - 78px);
		}
		
	#primary .forum_subheader .button
		{
		float: none;
		display: inline-block;
		}
		
	#ahq_forum #topic ul .post .post_box
		{
		width: 100%;
		}
	
	#ahq_forum #topic ul .post .post_box .the_post
		{
		margin-bottom: 10px;
		padding-bottom: 10px;
		}
		
	#ahq_forum #topic ul .post .post_box .post_meta .date
		{
		font-size: 13px;
		}
		
	#ahq_forum #topic ul .post .post_box .post_meta .controls a
		{
		font-size: 13px;
		margin: 0;
		padding: 10px 8px;
		}
	
	#create_account .help_label, #verify_purchase .help_label,
	#verify_purchase select
		{
		width: 100%;
		}

	.form_container
		{
		padding: 20px;
		}
	
	/* kawa */
	#bmc-wbtn
		{
		width: 50px !important;
		height: 50px !important;
		right: 15px !important;
		bottom: 15px !important;
		}
	
	#bmc-wbtn > img
		{
		width: 32px !important;
		height: 32px !important;
		}
	
	#bmc-wbtn + div
		{
		right: 75px !important;
		bottom: 15px !important;
		}
		
	.bmc-btn
		{
		flex-grow: 1;
		margin-bottom: 8px;
		}
	
	.get_started .button
		{
		width: calc(100% - 78px);
		}
		
	.get_started .button[title="Login"]
		{
		margin-right: 0;
		margin-bottom: 10px;
		}
	}
	
/* 480 */	
@media screen and (max-device-width: 480px)
	{
	body
		{
		-webkit-text-size-adjust: none;
		}
	}