/*
Theme Name: Top USA Law
Theme URI: https://juvercolas.com
Author: Juver Colas
Author URI: https://juvercolas.com
Description: Custom made theme for Top USA Law by Juver Colas
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: topusalaw
*/
body{
	margin: 0 !important;
	padding: 0 !important;
}
p{
	margin:0px !important;
}
.text-order-fallback h2{
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.accent-text{
	color: #eab308 !important;
}
.custom-header{
	background-color: rgb(0 0 0 / .95);
	background-image: linear-gradient(to right, #000, #111827, #000);
}
.custom-sub-menu-item:hover h2{
	color: #713f12 !important;
}
.custom-sub-menu-item:hover{
	background-color: rgba(107, 114, 128, 0.1) !important;
}
.custom-menu-quick-stats .elementor-icon-list-item:first-child .elementor-icon-list-icon {
    animation: fadeLoop 2s linear infinite;
    opacity: 1;
}
.custom-mobile-mobile-menu  .elementor-nav-menu--dropdown.elementor-nav-menu__container{
    background-color: rgb(0 0 0 / .95);
	background-image: linear-gradient(to bottom, #000, #111827);
	padding: 1rem 2rem;
}
.custom-mobile-mobile-menu  .menu-item .elementor-item-active{
    font-weight: 500 !important;
}
.elementor-nav-menu .menu-item-has-children > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.elementor-nav-menu .menu-item-has-children > a .sub-arrow {
    margin-left: 8px;
    display: flex;
    align-items: center;
}
.custom-mobile-mobile-menu  .sub-menu .menu-item a{
    font-size: 1rem !important;
    padding: 10px 0;
    color: #d1d5db;
}
.custom-mobile-mobile-menu  .sub-menu{
    padding-left: 10px;
    padding-bottom: 20px;
    border:none !important;
}
.custom-mobile-mobile-menu  .custom-mobile-menu-btn > a {
    display: flex;
    justify-content: center;
    align-items: center; 
    font-weight: 700 !important;    
    padding: 0.5rem 1rem !important;
    text-align: center;
/*     background-color: rgb(0 0 0 / 1); */
	background: linear-gradient(to right, #eab308, #fbbf24);
    color: #000 !important;
    border-radius: 6px;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}
header .custom-header.elementor-sticky--effects .elementor-nav-menu--dropdown.elementor-nav-menu__container{
	top:30px !important;
}
header .logo-container :is(img, h2) {
    transition: transform .2s ease-in-out;
}
header .logo-container:hover img{
	transform: rotate(15deg);
}
header .logo-container:hover h2{
	transform: scale(1.1);
}
header .custom-header.elementor-sticky--effects{
/* 	background-color: #000000f2 !important; */
	background: #000000f2 !important;
	min-height: 4rem !important;
	height: 4rem !important;
	transition: 0.4s ease-in-out !important;
}
header .custom-sub-menu-item a{
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}
.home-banner-quick-list .elementor-icon-list-items .elementor-icon-list-item{
	padding: 0.5rem 1rem !important;
	margin-inline:0px !important;
	background-color: #1f2937cc;
	border-radius: 0.5rem;
}
.home-banner-quick-list .elementor-icon-list-items{
	gap: 1rem;
	margin-inline:0px !important;
}
footer .elementor-social-icons-wrapper .elementor-grid-item .elementor-social-icon:hover{
	background-color: #374151 !important;
}
.practice-areas-quick-stat-list:hover{
	transform: scale(1.05) !important;
}
.practice-areas2-quick-stat-list{
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
            0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.practice-areas2-quick-stat-list:hover{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
            0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.location-page-model{
	width:100% !important;
	height: 400px !important;
	object-fit: cover !important;
	border-radius: 0.5rem !important;
}
.mpg-city-banner-model{
	width:100% !important;
	height: 400px !important;
	object-fit: cover !important;
	border-radius: 0.5rem !important;
}
.custom-location-list .city-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: 1fr;
	gap: 1rem;
	width: 100%;
	max-width: 100%;
}
.custom-location-list .city-item {
	padding: 1rem;
	background: #1F2937;
	border: 1px solid #374151;
	border-radius: 0.5rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap:0px;
}
.custom-location-list .city-item h4{
	font-size: 1rem;
	color: white;
	line-height: 1.5rem;
	text-align: center;
	font-weight: 500;
	margin: 0 !important;
}
.custom-location-list .city-item div{
	display: flex;
	gap: 0.25rem;
	flex-direction: row;
	justify-content: center;
}
.custom-location-list .city-item div p{
	font-size: 0.875rem;
	color: #EAB308;
	line-height: 1.25rem;
	text-align: center;
	font-weight: 400;
}
.custom-location-list .city-item img{
	width: 1rem;
	height: 1rem;
}
.custom-location-list .city-item:hover{
	background: #374151;
	border: 1px solid #EAB30880;
}
.custom-location-list .pagination {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
}
.custom-location-list .pagination span {
	text-align: center;
}
.custom-location-list .pagination button{
	padding: 0.5rem 2rem;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 0.5rem;
	cursor: pointer;
}
.custom-location-list .pagination button img{
	width: 1rem;
	height: 1rem;
}
.custom-location-list .pagination #prev img{
	transform: scaleX(-1);
}
@media (min-width: 768px) {
  .case-process-item-left .case-process-icon{
		right:0;
		top: 50% !important;
		transform: translate(50%, -50%);
		padding-left:4px !important;
	}
	.case-process-item-right .case-process-icon{
		left:0;
		top: 50% !important;
		transform: translate(-50%, -50%);
		padding-right:4px !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .city-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 767px) {
	.case-process-item-left .case-process-icon{
		left: 0 !important;
		top: 100% !important;
/* 		transform: translatex(-50%) !important; */
		padding-top: 1.5rem;
		width:100%;
		display: flex;
    	justify-content: center;
	}
	.case-process-item-right .case-process-icon{
		right:0 !important;
		top: 100% !important;
/* 		transform: translatex(-50%) !important; */
	  	padding-top: 1.5rem;
		width:100%;
		display: flex;
   		 justify-content: center;
	}
	.city-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@keyframes fadeLoop {
    0%   { opacity: 0.5; }
    50%  { opacity: 1; }
    100% { opacity: 0.5; }
}