/*
Theme Name: Web Design
Author: Andiez
Description: Web Design
Version: 1.0
License: GNU General Public License v2 or later
Tags: SASS, clean, bootstrap
Text Domain: Web Design
 */
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
/*---:[GLOBAL CSS]:---*/


footer.footer{
	padding-top: 8rem;
	padding-bottom: 2rem;
	background-color: var(--cream-color);
	--color-main: #F7723F;
}

footer.footer a:hover{
	color: var(--color-main);
}
footer.footer .widget-title{
	font-family: "Anton", sans-serif;
    font-size: 3.2rem;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2;
    letter-spacing: 1px;
	margin-bottom: 2rem;
}
footer.footer .footer-column ul li,
footer.footer .footer-column p{
	margin-bottom: 1rem;
}
footer.footer .footer-column ul li:last-child,
footer.footer .footer-column p:last-child{
	margin-bottom: 0;
}
footer.footer .footer-column ul{
	padding-left: 0;
	list-style: none;
}
footer.footer .footer-column ul li{
	font-weight: 500;
}
footer.footer .socials{
	gap: 1rem;
}
footer.footer .socials img{
	width: 2.5rem;
	height: 2.5rem;
	object-fit: contain;
}
footer.footer .socials a:hover img{
	filter: brightness(0) saturate(100%) invert(52%) sepia(43%) saturate(859%) hue-rotate(329deg) brightness(99%) contrast(96%);
}
footer.footer .featured-in img{
	width: 15rem;
	height: 15rem;
	object-fit: contain;
}

/* Normal state */
header.header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  background-color: white;
}

header.header{--color-main: #F7723F;}
header.header .navbar-brand img{
	height: 10rem; object-fit: contain;
}
header.header ul.navbar-nav{
	gap: 3rem;
}
header.header .menu-item.dropdown{
	position: unset;
}
header.header .menu-item.dropdown:hover .dropdown-menu{
	display: block;
	top: calc(100% + 1rem);
	opacity: 1;
}
header.header .menu-item  .dropdown-item,
header.header .menu-item .nav-link {
	color: #000000;
	font-size: 2rem;
	font-weight: 500;
}
header.header .menu-item .dropdown-item:hover,
header.header .menu-item .nav-link:hover,
header.header .menu-item .nav-link.active{
	color: var(--color-main);
}
header.header .menu-item  .dropdown-menu{
	padding: 1rem;
	border-radius: 2rem;
	left: auto;
	top: 100%;
	opacity: 0;
	transition: all .3s ease-in-out;
}
header.header .menu-item  .dropdown-menu:before{
	content: " ";
	position: absolute;
	top: -5rem;
	left: 0;
	width: 100%;
	height: 5rem;
	background-color: transparent;
	z-index: 1;
}
header.header .menu-item  .dropdown-item{
	padding: 1.5rem 2rem;
	background-color: transparent;
}
header.header .hambager{
	width: 4rem;
	height: 4rem;
	object-fit: contain;
}

section.section-home-projects .home-projects-list .item-image img{
	object-position: top;
}