@charset "UTF-8";

/*
Theme Name: RB Portfolio Two
Theme URI: https://github.com/BashirRased/wp-theme-rb-portfolio-two
Author: Bashir Rased
Author URI: https://profiles.wordpress.org/bashirrased2017/ 
Description: RB Portfolio Two is a portfolio website.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rb-portfolio-two
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks

RB Portfolio Two WordPress Theme, (C) 2022 Bashir Rased.
RB Portfolio Two is distributed under the terms of the GNU GPL.
*/

@media all and (max-width: 991px) {

	.header-desktop-menu {
		width: 100%;
	}

	.dropdown-menu,
	.multi-dropdown-menu {
		display: none;
		box-shadow: none;
		position: relative;
		top: 100%;
		right: 0;
		width: 100%;
		height: 100%;
		transition: all 0.3s ease-in-out;
	}

	.dropdown-menu-open {
		display: block;
	}

	.header-desktop-menu i {
		display: none;
	}

	.dropdown-menu li:hover>ul,
	.dropdown-menu li:focus-within>ul {
		top: 100%;
	}

	.dropdown-menu li {
		border-bottom: none;
	}

	.dropdown-menu li a {
		text-align: center;
	}

	.menu-item-has-children button {
		display: block;
		border: none;
		background-color: #fff;
		position: absolute;
		font-size: 30px;
		top: 5px;
		right: 5px;
		height: 72px;
		width: 72px;
		text-align: center;
	}

	.header-desktop-menu ul li a {
		padding: 30px 15px;
		color: #fff;
		border-bottom: 1px solid #fff;
	}

	.header-desktop-menu ul li a:hover,
	.header-desktop-menu ul li a:focus,
	.header-fixed .header-desktop-menu ul li a,
	.header-fixed .header-desktop-menu ul li a:hover,
	.header-fixed .header-desktop-menu ul li a:focus {
		color: #fff;
		border: 2px solid #fff;
	}

	.content-title {
		margin-top: 50px;
	}

	.header-site-branding-area {
		float: left;
	}

	.header-mobile-menu-area {
		display: block;
		float: right;
	}

	.header-desktop-menu {
		display: none;
	}

	.header-desktop-menu li {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}

	.header-desktop-menu a {
		color: #fff;
	}

	.copyright-text {
		text-align: center;
		margin-bottom: 40px;
	}

	.footer-social-icons {
		text-align: center;
	}
}