/*
Theme Name: WebAssets
Author: Zahid Nazir
Version: 1.0.0
Description: This is a multipurpose theme developed by Zahid Nazir for building websites for different niches without using heavy page builders. This theme is developed using HTML, CSS, Bootstrap, Tailwind CSS, JavaScript, PHP, and WordPress.
Author URI: https://www.WebAssets.com
*/

/* Don't remove the upper comment. It's the metadata of the theme without which the theme won't work */
/*================================================
Theme Styles
==================================================*/
@charset "UTF-8";

/* .nav-item: Each list item in the navigation */
.navbar-nav .menu-item {
  position: relative;
  display: block;
}

/* .nav-link: The link inside the nav item */
.navbar-nav .menu-item a {
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
}

/* Hover/focus styles for nav-link */
.navbar-nav .menu-item a:hover,
.navbar-nav .menu-item a:focus {
  color: #0d6efd;
}

/* .navbar-nav .menu-item a.active: Style for the active link */
.navbar-nav .menu-item a.active {
  color: #0d6efd;
}

/* Dropdown styles */
.dropdown-menu {
  background-color: #fff !important;
  border: none !important;
  min-width: 12rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.dropdown-toggle:focus {
  outline: none;
}

.dropdown.show .dropdown-menu {
  display: block;
  /* Display the menu when dropdown is active */
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.375rem 1.25rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  background-color: #f8f9fa;
}

.dropdown-toggle {
  background-color: transparent;
  border: none;
  color: inherit;
  font-size: 1rem;
  cursor: pointer;
}



.dropdown-toggle[aria-expanded="true"]::after {
  content: "\25B2";
  /* Up arrow */
}

/* Make dropdown work on hover */
.dropdown:hover>.dropdown-menu {
  display: block;
}

/* .navbar-brand: The logo or brand name */
.navbar-brand {
  font-weight: 500;
  color: #212529;
}

.navbar-brand img {
  width: 100px;
  height: auto;

}

.portfolio-wrapper .portfolio-content .sidebar-contact .contact-share ul li svg {
  top: 8px !important;
}