/*

Theme Name: ANTFUMI

Theme URI: https://ANTFUMI.COM

Author: the Seller ANTFUMI

Author URI: https://ANTFUMI.COM

Description: ANTFUMI is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Beauty will make your WordPress look beautiful everywhere.

Version: 1.0.0

License: https://ANTFUMI.COM

License URI: https://ANTFUMI.COM

Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain: sellertemplate.com



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

.about-img img {max-width: 200px; height: auto}

	body.home .block-category {

		margin-bottom: 35px;

	}

body.home .block-category .wpb_wrapper {

	position: relative;

}

body.home .block-category .wpb_wrapper .widget_nav_menu {margin-bottom: 0;}

body.home .block-category .wpb_wrapper .vc_wp_custommenu {

	display: none;

	position: absolute;

	opacity: 0;

	top: 100%;

	background: #fff;

	width: 100%;

	z-index: 3;

	margin-top: 20px;

	-webkit-transition: opacity 0.3s ease-in-out 0.1s,margin-top 0.3s ease-in-out 0.1s;

	-o-transition: opacity 0.3s ease-in-out 0.1s,margin-top 0.3s ease-in-out 0.1s;

	transition: opacity 0.3s ease-in-out 0.1s,margin-top 0.3s ease-in-out 0.1s;



}

body.home .block-category .wpb_wrapper:hover .vc_wp_custommenu {

	display: block;

	opacity: 1;

	margin-top: 0;

}


.btn-toggle {

	background: #fff;

	color: #fff;

	padding: 5px;

	position: fixed;

	top: 60px;

	left: 0;

	z-index:99;

	cursor: pointer;

	font-size: 22px;

}

.btn-toggle.active {

	left: 215px;

}

.btn-toggle.active span {

	transform: rotate(180deg);

}

.btn-toggle span {

	width: 25px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	display: inline-block;

	background: #21a29c;

}

#block-fixed {

	left: -220px !important;

}

#block-fixed.active {

	left: 0 !important;

}